@atom-learning/components 5.14.0 → 6.0.0-beta.0

package/dist/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../src/components/image/Image.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\n// default styling lifted from https://www.zachleat.com/web/fluid-images/#copy-and-paste\nexport const StyledImage = styled('img', {\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n  variants: {\n    fluid: {\n      true: {\n        '&[width]': {\n          width: 'auto'\n        },\n        '&[width][height]': {\n          height: 'auto'\n        },\n        '&[src$=\".svg\"]': {\n          width: '100%',\n          height: 'auto',\n          maxWidth: 'none'\n        }\n      }\n    }\n  }\n})\n\ntype ImageProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledImage>,\n  {\n    as?: never\n  }\n>\n\nexport const Image = (props: ImageProps) => <StyledImage {...props} />\n\nImage.displayName = 'Image'\n"],"names":["StyledImage","styled","Image","props","React"],"mappings":"mEAMa,MAAAA,EAAcC,EAAO,MAAO,CACvC,cAAe,SACf,SAAU,OACV,SAAU,CACR,MAAO,CACL,KAAM,CACJ,WAAY,CACV,MAAO,MACT,EACA,mBAAoB,CAClB,OAAQ,MACV,EACA,iBAAkB,CAChB,MAAO,OACP,OAAQ,OACR,SAAU,MACZ,CACF,CACF,CACF,CACF,CAAC,EASYC,EAASC,GAAsBC,EAAA,cAACJ,EAAA,CAAa,GAAGG,CAAAA,CAAO,EAEpED,EAAM,YAAc"}
+{"version":3,"file":"Image.js","sources":["../../../src/components/image/Image.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\n// default styling lifted from https://www.zachleat.com/web/fluid-images/#copy-and-paste\nexport const StyledImage = styled('img', {\n  base: ['align-middle', 'max-w-full'],\n  variants: {\n    fluid: {\n      true: [\n        \"[[src$='.svg']]:h-auto\",\n        \"[[src$='.svg']]:max-w-none\",\n        \"[[src$='.svg']]:w-full\",\n        '[[width]]:[[height]]:h-auto',\n        '[[width]]:w-auto'\n      ]\n    }\n  }\n})\n\ntype ImageProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledImage>,\n  {\n    as?: never\n  }\n>\n\nexport const Image = (props: ImageProps) => <StyledImage {...props} />\n\nImage.displayName = 'Image'\n"],"names":["StyledImage","styled","Image","props","React"],"mappings":"uEAMaA,EAAcC,EAAO,MAAO,CACvC,KAAM,CAAC,eAAgB,YAAY,EACnC,SAAU,CACR,MAAO,CACL,KAAM,CACJ,yBACA,6BACA,yBACA,8BACA,kBACF,CACF,CACF,CACF,CAAC,EASYC,EAASC,GAAsBC,EAAA,cAACJ,EAAA,CAAa,GAAGG,CAAO,CAAA,EAEpED,EAAM,YAAc"}

package/dist/components/inline-message/InlineMessage.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{Flex as m}from"../flex/Flex.js";import{Icon as a}from"../icon/Icon.js";import{Text as i}from"../text/Text.js";import{styled as l}from"../../stitches.js";import{INLINE_MESSAGE_ICONS as f}from"./InlineMessage.config.js";const p=l(m,{variants:{theme:{success:{color:"$success"},warning:{color:"$warningText","& svg":{color:"$warningDark"}},info:{color:"$info"},neutral:{color:"$grey800"},error:{color:"$danger"}}}}),$=({css:o,showIcon:s=!0,theme:e="error",size:t="sm",children:n,...c})=>r.createElement(p,{theme:e,css:o,...c},s&&r.createElement(a,{css:{mr:"$2"},size:"sm",is:f[e]}),r.createElement(i,{as:"span",size:t,css:{transform:"translateY($space$0)"}},n));export{$ as InlineMessage};
+import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{Icon as i}from"../icon/Icon.js";import{Text as c}from"../text/Text.js";import{styled as l}from"../../styled.js";import{INLINE_MESSAGE_ICONS as x}from"./InlineMessage.config.js";const f=l(o,{base:[],variants:{theme:{success:["text-success"],warning:["[&_svg]:text-warning-dark","text-warning-text"],info:["text-info"],neutral:["text-grey-800"],error:["text-danger"]}}}),p=({className:r,showIcon:s=!0,theme:t="error",size:a="sm",children:m,...n})=>e.createElement(f,{theme:t,className:r,...n},s&&e.createElement(i,{size:"sm",is:x[t],className:"mr-2"}),e.createElement(c,{as:"span",size:a,className:"translate-y-0.5"},m));export{p as InlineMessage};
 //# sourceMappingURL=InlineMessage.js.map

package/dist/components/inline-message/InlineMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport { INLINE_MESSAGE_ICONS } from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled(Flex, {\n  variants: {\n    theme: {\n      success: { color: '$success' },\n      warning: { color: '$warningText', '& svg': { color: '$warningDark' } },\n      info: { color: '$info' },\n      neutral: { color: '$grey800' },\n      error: { color: '$danger' }\n    }\n  }\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n  typeof InlineMessageContainer\n> & {\n  showIcon?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}\n\nexport const InlineMessage = ({\n  css,\n  showIcon = true,\n  theme = 'error',\n  size = 'sm',\n  children,\n  ...rest\n}: TInlineMessageProps) => (\n  <InlineMessageContainer theme={theme} css={css} {...rest}>\n    {showIcon && (\n      <Icon\n        css={{ mr: '$2' }}\n        size=\"sm\"\n        is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n      />\n    )}\n    <Text as=\"span\" size={size} css={{ transform: 'translateY($space$0)' }}>\n      {children}\n    </Text>\n  </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","Flex","InlineMessage","css","showIcon","theme","size","children","rest","React","Icon","INLINE_MESSAGE_ICONS","Text"],"mappings":"yPAUA,MAAMA,EAAyBC,EAAOC,EAAM,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,CAAE,MAAO,UAAW,EAC7B,QAAS,CAAE,MAAO,eAAgB,QAAS,CAAE,MAAO,cAAe,CAAE,EACrE,KAAM,CAAE,MAAO,OAAQ,EACvB,QAAS,CAAE,MAAO,UAAW,EAC7B,MAAO,CAAE,MAAO,SAAU,CAC5B,CACF,CACF,CAAC,EASYC,EAAgB,CAAC,CAC5B,IAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IACEC,EAAA,cAACV,EAAA,CAAuB,MAAOM,EAAO,IAAKF,EAAM,GAAGK,CAAAA,EACjDJ,GACCK,EAAA,cAACC,EAAA,CACC,IAAK,CAAE,GAAI,IAAK,EAChB,KAAK,KACL,GAAIC,EAAqBN,EAC3B,CAAA,EAEFI,EAAA,cAACG,EAAA,CAAK,GAAG,OAAO,KAAMN,EAAM,IAAK,CAAE,UAAW,sBAAuB,CAClEC,EAAAA,CACH,CACF"}
+{"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\n\nimport { INLINE_MESSAGE_ICONS } from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled(Flex, {\n  base: [],\n  variants: {\n    theme: {\n      success: ['text-success'],\n      warning: ['[&_svg]:text-warning-dark', 'text-warning-text'],\n      info: ['text-info'],\n      neutral: ['text-grey-800'],\n      error: ['text-danger']\n    }\n  }\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n  typeof InlineMessageContainer\n> & {\n  showIcon?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}\n\nexport const InlineMessage = ({\n  className,\n  showIcon = true,\n  theme = 'error',\n  size = 'sm',\n  children,\n  ...rest\n}: TInlineMessageProps) => (\n  <InlineMessageContainer theme={theme} className={className} {...rest}>\n    {showIcon && (\n      <Icon\n        size=\"sm\"\n        is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n        className=\"mr-2\"\n      />\n    )}\n    <Text as=\"span\" size={size} className=\"translate-y-0.5\">\n      {children}\n    </Text>\n  </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","Flex","InlineMessage","className","showIcon","theme","size","children","rest","React","Icon","INLINE_MESSAGE_ICONS","Text"],"mappings":"uPAUA,MAAMA,EAAyBC,EAAOC,EAAM,CAC1C,KAAM,GACN,SAAU,CACR,MAAO,CACL,QAAS,CAAC,cAAc,EACxB,QAAS,CAAC,4BAA6B,mBAAmB,EAC1D,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,eAAe,EACzB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EASYC,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACV,EAAA,CAAuB,MAAOM,EAAO,UAAWF,EAAY,GAAGK,CAAAA,EAC7DJ,GACCK,EAAA,cAACC,EAAA,CACC,KAAK,KACL,GAAIC,EAAqBN,CAA2B,EACpD,UAAU,OACZ,EAEFI,EAAA,cAACG,EAAA,CAAK,GAAG,OAAO,KAAMN,EAAM,UAAU,iBACnCC,EAAAA,CACH,CACF"}

package/dist/components/input/Input.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{styled as l}from"../../stitches.js";import{overrideStitchesVariantValue as m}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Flex as b}from"../flex/Flex.js";import{Text as g}from"../text/Text.js";const i=l(b,{color:"$grey1000",transition:"background 100ms ease-out, borderColor 100ms ease-out",width:"100%","&::placeholder":{color:"$grey700",opacity:1},variants:{appearance:{standard:{background:"white",border:"1px solid $grey800",borderRadius:"$1","&:focus-within":{borderColor:"$blue800"}},modern:{background:"$grey100",border:"none",borderRadius:"$1","&:focus-within":{outline:"2px solid $blue800",outlineOffset:1,zIndex:1}}},size:{sm:{height:"$3"},md:{height:"$4"},lg:{height:"$5"},xl:{height:"$6"}},disabled:{true:{opacity:.3,cursor:"not-allowed"}},state:{error:{}}},compoundVariants:[{state:"error",appearance:"standard",css:{borderColor:"$danger"}},{state:"error",appearance:"modern",css:{bg:"$dangerLight","&:focus-within":{outlineColor:"$danger"}}}]});i.displayName="InputBackground";const h=l.withConfig({shouldForwardStitchesProp:e=>["as"].includes(e)})(g,{appearance:"none",border:"none",background:"none",backgroundImage:"none",backgroundColor:"transparent",boxShadow:"none",boxSizing:"border-box","&:focus":{outline:"none"},px:"$3",size:"100%"}),f={sm:"sm",md:"md",lg:"md",xl:"lg"},c=r.forwardRef(({type:e="text",css:t,size:o,...n},a)=>{const s=r.useMemo(()=>m(o,d=>f[d]),[o]);return r.createElement(h,{ref:a,as:"input",type:e==="number"?"text":e,inputMode:e==="number"?"numeric":void 0,pattern:e==="number"?"[0-9]*":void 0,size:s,...n})});c.displayName="InputText";const u=r.forwardRef(({className:e,size:t="md",appearance:o="standard",state:n,disabled:a,css:s,...d},p)=>r.createElement(i,{size:t,appearance:o,disabled:a,state:n,css:s,className:e},r.createElement(c,{size:t,ref:p,disabled:a,...d})));u.displayName="Input";export{u as Input,i as InputBackground,c as InputText};
+import*as r from"react";import{styled as l}from"../../styled.js";import{overrideStyledVariantValue as c}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Flex as m}from"../flex/Flex.js";import{Text as b}from"../text/Text.js";const d=l(m,{base:["text-grey-1000","transition-[background]","duration-100","ease-out","transition-[border-color]","duration-100","ease-out","w-full","placeholder:opacity-100","placeholder:text-grey-700"],variants:{appearance:{standard:["bg-white","border","border-grey-800","focus-within:border-blue-800","rounded-md"],modern:["bg-grey-100","border-none","focus-within:outline-2","focus-within:outline-blue-800","focus-within:outline-offset-1","focus-within:outline-solid","focus-within:z-1","rounded-md"]},size:{sm:["h-8"],md:["h-10"],lg:["h-12"],xl:["h-16"]},disabled:{true:["cursor-not-allowed","opacity-30"]},state:{error:[]}},compoundVariants:[{state:"error",appearance:"standard",class:["border-danger"]},{state:"error",appearance:"modern",class:["bg-danger-light","focus-within:outline-danger"]}]});d.displayName="InputBackground";const f=l(b,{base:["appearance-none","border-none","bg-none","bg-none","bg-transparent","shadow-none","box-border","focus:outline-none","px-3","size-full"]}),g={sm:"sm",md:"md",lg:"md",xl:"lg"},i=r.forwardRef(({type:e="text",size:t,...n},o)=>{const a=r.useMemo(()=>c(t,s=>g[s]),[t]);return r.createElement(f,{ref:o,as:"input",type:e==="number"?"text":e,inputMode:e==="number"?"numeric":void 0,pattern:e==="number"?"[0-9]*":void 0,size:a,...n})});i.displayName="InputText";const u=r.forwardRef(({className:e,size:t="md",appearance:n="standard",state:o,disabled:a,...s},p)=>r.createElement(d,{size:t,appearance:n,disabled:a,state:o,className:e},r.createElement(i,{size:t,ref:p,disabled:a,...s})));u.displayName="Input";export{u as Input,d as InputBackground,i as InputText};
 //# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Flex } from '../flex'\nimport { Text } from '../text'\n\nexport const InputBackground = styled(Flex, {\n  color: '$grey1000',\n  transition: 'background 100ms ease-out, borderColor 100ms ease-out',\n  width: '100%',\n  '&::placeholder': {\n    color: '$grey700',\n    opacity: 1\n  },\n  variants: {\n    appearance: {\n      standard: {\n        background: 'white',\n        border: '1px solid $grey800',\n        borderRadius: '$1',\n        '&:focus-within': {\n          borderColor: '$blue800'\n        }\n      },\n      modern: {\n        background: '$grey100',\n        border: 'none',\n        borderRadius: '$1',\n        '&:focus-within': {\n          outline: '2px solid $blue800',\n          outlineOffset: 1,\n          zIndex: 1\n        }\n      }\n    },\n    size: {\n      sm: { height: '$3' },\n      md: { height: '$4' },\n      lg: { height: '$5' },\n      xl: { height: '$6' }\n    },\n    disabled: {\n      true: {\n        opacity: 0.3,\n        cursor: 'not-allowed'\n      }\n    },\n    state: {\n      error: {}\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      css: { borderColor: '$danger' }\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      css: {\n        bg: '$dangerLight',\n        '&:focus-within': {\n          outlineColor: '$danger'\n        }\n      }\n    }\n  ]\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text as unknown as 'input', {\n  // unsets\n  appearance: 'none',\n  border: 'none',\n  background: 'none',\n  backgroundImage: 'none',\n  backgroundColor: 'transparent',\n  boxShadow: 'none', // prevent default iOS default styling\n  boxSizing: 'border-box',\n  '&:focus': {\n    outline: 'none'\n  },\n  //\n  px: '$3',\n  size: '100%'\n})\n\nexport type InputTextProps = Omit<\n  React.ComponentProps<typeof StyledInputText>,\n  'size' | 'type' | 'as'\n> & {\n  size: React.ComponentProps<typeof Text>['size']\n  // override default 'type' property to prevent Input from being used to render\n  // checkboxes, radios etc — we have dedicated components for them\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search'\n  as?: never\n}\n\nconst toTextSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg'\n}\n\nexport const InputText: React.ForwardRefExoticComponent<InputTextProps> =\n  React.forwardRef(({ type = 'text', css, size, ...rest }, ref) => {\n    const textSize = React.useMemo(\n      () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n      [size]\n    )\n\n    return (\n      <StyledInputText\n        ref={ref}\n        as=\"input\"\n        type={type === 'number' ? 'text' : type}\n        inputMode={type === 'number' ? 'numeric' : undefined}\n        pattern={type === 'number' ? '[0-9]*' : undefined}\n        size={textSize}\n        {...rest}\n      />\n    )\n  })\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n  React.ComponentProps<typeof InputText>,\n  'size' | 'state' | 'appearance'\n> & {\n  size?: InputBackgroundProps['size']\n  state?: InputBackgroundProps['state']\n  appearance?: InputBackgroundProps['appearance']\n}\n\nexport const Input: React.ForwardRefExoticComponent<InputProps> =\n  React.forwardRef(\n    (\n      {\n        className,\n        size = 'md',\n        appearance = 'standard',\n        state,\n        disabled,\n        css,\n        ...rest\n      },\n      ref\n    ) => {\n      return (\n        <InputBackground\n          size={size}\n          appearance={appearance}\n          disabled={disabled}\n          state={state}\n          css={css}\n          className={className}\n        >\n          <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n        </InputBackground>\n      )\n    }\n  )\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","Flex","StyledInputText","propName","Text","toTextSize","InputText","React","type","css","size","rest","ref","textSize","overrideStitchesVariantValue","s","Input","className","appearance","state","disabled"],"mappings":"gRAQa,MAAAA,EAAkBC,EAAOC,EAAM,CAC1C,MAAO,YACP,WAAY,wDACZ,MAAO,OACP,iBAAkB,CAChB,MAAO,WACP,QAAS,CACX,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WAAY,QACZ,OAAQ,qBACR,aAAc,KACd,iBAAkB,CAChB,YAAa,UACf,CACF,EACA,OAAQ,CACN,WAAY,WACZ,OAAQ,OACR,aAAc,KACd,iBAAkB,CAChB,QAAS,qBACT,cAAe,EACf,OAAQ,CACV,CACF,CACF,EACA,KAAM,CACJ,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,CACrB,EACA,SAAU,CACR,KAAM,CACJ,QAAS,GACT,OAAQ,aACV,CACF,EACA,MAAO,CACL,MAAO,CAAA,CACT,CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,IAAK,CAAE,YAAa,SAAU,CAChC,EACA,CACE,MAAO,QACP,WAAY,SACZ,IAAK,CACH,GAAI,eACJ,iBAAkB,CAChB,aAAc,SAChB,CACF,CACF,CACF,CACF,CAAC,EAEDF,EAAgB,YAAc,kBAE9B,MAAMG,EAAkBF,EAAO,WAAW,CACxC,0BAA4BG,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAA4B,CAE7B,WAAY,OACZ,OAAQ,OACR,WAAY,OACZ,gBAAiB,OACjB,gBAAiB,cACjB,UAAW,OACX,UAAW,aACX,UAAW,CACT,QAAS,MACX,EAEA,GAAI,KACJ,KAAM,MACR,CAAC,EAaKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,OAAQ,IAAAC,EAAK,KAAAC,KAASC,CAAK,EAAGC,IAAQ,CAC/D,MAAMC,EAAWN,EAAM,QACrB,IAAMO,EAA6BJ,EAAOK,GAAMV,EAAWU,EAAE,EAC7D,CAACL,CAAI,CACP,EAEA,OACEH,EAAA,cAACL,EAAA,CACC,IAAKU,EACL,GAAG,QACH,KAAMJ,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMK,EACL,GAAGF,CAAAA,CACN,CAEJ,CAAC,EAEHL,EAAU,YAAc,YAYjB,MAAMU,EACXT,EAAM,WACJ,CACE,CACE,UAAAU,EACA,KAAAP,EAAO,KACP,WAAAQ,EAAa,WACb,MAAAC,EACA,SAAAC,EACA,IAAAX,KACGE,CACL,EACAC,IAGEL,EAAA,cAACR,EAAA,CACC,KAAMW,EACN,WAAYQ,EACZ,SAAUE,EACV,MAAOD,EACP,IAAKV,EACL,UAAWQ,CAEXV,EAAAA,EAAA,cAACD,EAAA,CAAU,KAAMI,EAAM,IAAKE,EAAK,SAAUQ,EAAW,GAAGT,CAAAA,CAAM,CACjE,CAGN,EAEFK,EAAM,YAAc"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Flex } from '../flex'\nimport { Text } from '../text'\n\nexport const InputBackground = styled(Flex, {\n  base: [\n    'text-grey-1000',\n    'transition-[background]',\n    'duration-100',\n    'ease-out',\n    'transition-[border-color]',\n    'duration-100',\n    'ease-out',\n    'w-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700'\n  ],\n  variants: {\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-800',\n        'focus-within:border-blue-800',\n        'rounded-md'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1',\n        'rounded-md'\n      ]\n    },\n    size: {\n      sm: ['h-8'],\n      md: ['h-10'],\n      lg: ['h-12'],\n      xl: ['h-16']\n    },\n    disabled: {\n      true: ['cursor-not-allowed', 'opacity-30']\n    },\n    state: {\n      error: []\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    }\n  ]\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled(Text, {\n  base: [\n    'appearance-none',\n    'border-none',\n    'bg-none',\n    'bg-none',\n    'bg-transparent',\n    'shadow-none',\n    'box-border',\n    'focus:outline-none',\n    'px-3',\n    'size-full'\n  ]\n})\n\nexport type InputTextProps = Omit<\n  React.ComponentProps<typeof StyledInputText>,\n  'size' | 'type' | 'as'\n> & {\n  size: React.ComponentProps<typeof Text>['size']\n  // override default 'type' property to prevent Input from being used to render\n  // checkboxes, radios etc — we have dedicated components for them\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search'\n  as?: never\n}\n\nconst toTextSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg'\n}\n\nexport const InputText: React.ForwardRefExoticComponent<InputTextProps> =\n  React.forwardRef(({ type = 'text', size, ...rest }, ref) => {\n    const textSize = React.useMemo(\n      () => overrideStyledVariantValue(size, (s) => toTextSize[s]),\n      [size]\n    )\n\n    return (\n      <StyledInputText\n        ref={ref}\n        as=\"input\"\n        type={type === 'number' ? 'text' : type}\n        inputMode={type === 'number' ? 'numeric' : undefined}\n        pattern={type === 'number' ? '[0-9]*' : undefined}\n        size={textSize}\n        {...rest}\n      />\n    )\n  })\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n  React.ComponentProps<typeof InputText>,\n  'size' | 'state' | 'appearance'\n> & {\n  size?: InputBackgroundProps['size']\n  state?: InputBackgroundProps['state']\n  appearance?: InputBackgroundProps['appearance']\n}\n\nexport const Input: React.ForwardRefExoticComponent<InputProps> =\n  React.forwardRef(\n    (\n      {\n        className,\n        size = 'md',\n        appearance = 'standard',\n        state,\n        disabled,\n        ...rest\n      },\n      ref\n    ) => {\n      return (\n        <InputBackground\n          size={size}\n          appearance={appearance}\n          disabled={disabled}\n          state={state}\n          className={className}\n        >\n          <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n        </InputBackground>\n      )\n    }\n  )\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","Flex","StyledInputText","Text","toTextSize","InputText","React","type","size","rest","ref","textSize","overrideStyledVariantValue","s","Input","className","appearance","state","disabled"],"mappings":"wQAQO,MAAMA,EAAkBC,EAAOC,EAAM,CAC1C,KAAM,CACJ,iBACA,0BACA,eACA,WACA,4BACA,eACA,WACA,SACA,0BACA,2BACF,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WACA,SACA,kBACA,+BACA,YACF,EACA,OAAQ,CACN,cACA,cACA,yBACA,gCACA,gCACA,6BACA,mBACA,YACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,MAAO,CACL,MAAO,CACT,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,MAAO,CAAC,eAAe,CACzB,EACA,CACE,MAAO,QACP,WAAY,SACZ,MAAO,CAAC,kBAAmB,6BAA6B,CAC1D,CACF,CACF,CAAC,EAEDF,EAAgB,YAAc,kBAE9B,MAAMG,EAAkBF,EAAOG,EAAM,CACnC,KAAM,CACJ,kBACA,cACA,UACA,UACA,iBACA,cACA,aACA,qBACA,OACA,WACF,CACF,CAAC,EAaKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAAQ,CAC1D,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BJ,EAAOK,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACL,CAAI,CACP,EAEA,OACEF,EAAA,cAACJ,EAAA,CACC,IAAKQ,EACL,GAAG,QACH,KAAMH,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMI,EACL,GAAGF,CACN,CAAA,CAEJ,CAAC,EAEHJ,EAAU,YAAc,YAYX,MAAAS,EACXR,EAAM,WACJ,CACE,CACE,UAAAS,EACA,KAAAP,EAAO,KACP,WAAAQ,EAAa,WACb,MAAAC,EACA,SAAAC,EACA,GAAGT,CACL,EACAC,IAGEJ,EAAA,cAACP,EAAA,CACC,KAAMS,EACN,WAAYQ,EACZ,SAAUE,EACV,MAAOD,EACP,UAAWF,CAEXT,EAAAA,EAAA,cAACD,EAAA,CAAU,KAAMG,EAAM,IAAKE,EAAK,SAAUQ,EAAW,GAAGT,CAAM,CAAA,CACjE,CAGN,EAEFK,EAAM,YAAc"}

package/dist/components/input-field/InputField.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{useFormContext as b}from"react-hook-form";import{FieldWrapper as I}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as v}from"../form/useFieldError.js";import{useFormCustomContext as x}from"../form/useFormCustomContext.js";import{Input as C}from"../input/Input.js";const m=({css:n,label:l,name:e,validation:r,prompt:d,description:s,hideLabel:c,appearance:u,...f})=>{const{register:o}=b(),t=x(),{error:p}=v(e),F=r?o(r):o,a=(t==null?void 0:t.appearance)||u;return i.createElement(I,{css:n,description:s,error:p,fieldId:e,hideLabel:c,label:l,prompt:d,required:Boolean(r==null?void 0:r.required),appearance:a},i.createElement(C,{id:e,name:e,ref:F,appearance:a,...p&&{state:"error"},...f}))};m.displayName="InputField";export{m as InputField};
+import*as i from"react";import{useFormContext as b}from"react-hook-form";import{FieldWrapper as I}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as x}from"../form/useFieldError.js";import{useFormCustomContext as C}from"../form/useFormCustomContext.js";import{Input as E}from"../input/Input.js";const m=({className:l,label:n,name:e,validation:r,prompt:s,description:d,hideLabel:c,appearance:u,...f})=>{const{register:o}=b(),t=C(),{error:a}=x(e),F=r?o(r):o,p=(t==null?void 0:t.appearance)||u;return i.createElement(I,{className:l,description:d,error:a,fieldId:e,hideLabel:c,label:n,prompt:s,required:!!(r!=null&&r.required),appearance:p},i.createElement(E,{id:e,name:e,ref:F,appearance:p,...a&&{state:"error"},...f}))};m.displayName="InputField";export{m as InputField};
 //# sourceMappingURL=InputField.js.map

package/dist/components/input-field/InputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sources":["../../../src/components/input-field/InputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError, useFormCustomContext } from '~/components/form'\nimport { Input, InputProps } from '~/components/input'\n\ntype InputFieldProps = InputProps & FieldElementWrapperProps\n\nexport const InputField = ({\n  css,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  hideLabel,\n  appearance,\n  ...remainingProps\n}: InputFieldProps) => {\n  const { register } = useFormContext()\n  const context = useFormCustomContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n  const formAppearance = context?.appearance || appearance\n\n  return (\n    <FieldWrapper\n      css={css}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n    >\n      <Input\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nInputField.displayName = 'InputField'\n"],"names":["InputField","css","label","name","validation","prompt","description","hideLabel","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Input"],"mappings":"0XAYa,MAAAA,EAAa,CAAC,CACzB,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,KACGC,CACL,IAAuB,CACrB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,EAC9BC,EAAUC,EACV,EAAA,CAAE,MAAAC,CAAM,EAAIC,EAAcZ,CAAI,EAE9Ba,EAAMZ,EAAaM,EAASN,CAAU,EAAIM,EAC1CO,GAAiBL,GAAA,KAAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,IAAKlB,EACL,YAAaK,EACb,MAAOQ,EACP,QAASX,EACT,UAAWI,EACX,MAAOL,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAAA,OAAAA,EAAY,QAAQ,EACtC,WAAYa,CAAAA,EAEZC,EAAA,cAACE,EAAA,CACC,GAAIjB,EACJ,KAAMA,EACN,IAAKa,EACL,WAAYC,EACX,GAAIH,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGL,CAAAA,CACN,CACF,CAEJ,EAEAT,EAAW,YAAc"}
+{"version":3,"file":"InputField.js","sources":["../../../src/components/input-field/InputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError, useFormCustomContext } from '~/components/form'\nimport { Input, InputProps } from '~/components/input'\n\ntype InputFieldProps = InputProps & FieldElementWrapperProps\n\nexport const InputField = ({\n  className,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  hideLabel,\n  appearance,\n  ...remainingProps\n}: InputFieldProps) => {\n  const { register } = useFormContext()\n  const context = useFormCustomContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n  const formAppearance = context?.appearance || appearance\n\n  return (\n    <FieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n    >\n      <Input\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nInputField.displayName = 'InputField'\n"],"names":["InputField","className","label","name","validation","prompt","description","hideLabel","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Input"],"mappings":"0XAYa,MAAAA,EAAa,CAAC,CACzB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,KAAM,CAAE,SAAAC,CAAS,EAAIC,IACfC,EAAUC,EAAqB,EAC/B,CAAE,MAAAC,CAAM,EAAIC,EAAcZ,CAAI,EAE9Ba,EAAMZ,EAAaM,EAASN,CAAU,EAAIM,EAC1CO,GAAiBL,GAAA,KAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,UAAWlB,EACX,YAAaK,EACb,MAAOQ,EACP,QAASX,EACT,UAAWI,EACX,MAAOL,EACP,OAAQG,EACR,SAAU,CAAA,EAAQD,GAAA,MAAAA,EAAY,UAC9B,WAAYa,CAAAA,EAEZC,EAAA,cAACE,EAAA,CACC,GAAIjB,EACJ,KAAMA,EACN,IAAKa,EACL,WAAYC,EACX,GAAIH,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGL,CAAAA,CACN,CACF,CAEJ,EAEAT,EAAW,YAAc"}

package/dist/components/keyboard-shortcut/KeyboardShortcut.js

@@ -1,2 +1,2 @@
-import{Slot as b}from"@radix-ui/react-slot";import*as e from"react";import{styled as c}from"../../stitches.js";import{useCallbackRefState as S}from"../../utilities/hooks/useCallbackRef.js";import{Box as g}from"../box/Box.js";import{Text as v}from"../text/Text.js";const x=c(b),d=e.forwardRef(({asChild:t,config:s,targetWindow:r=!1,onKeyDown:n,...m},f)=>{const[u,y]=S();e.useImperativeHandle(f,()=>u);const o=e.useCallback(i=>{s.forEach(({shortcut:a,action:h})=>{Object.entries(a).every(([p,w])=>i[p]===w)&&h({event:i,shortcut:a})}),n==null||n(i)},[s,n]);return e.useEffect(()=>(r&&window.addEventListener("keydown",o),()=>{window.removeEventListener("keydown",o)}),[r,o]),e.createElement(t?x:g,{onKeyDown:r?void 0:o,ref:y,...m})});d.displayName="KeyboardShortcut";const E=c.withConfig({shouldForwardStitchesProp:t=>["as"].includes(t)})(v,{bg:"$grey100",color:"$textSubtle",px:"$2",py:"$0",minWidth:"$2",minHeight:"$2",fontWeight:400,display:"inline-flex",justifyContent:"center",alignItems:"center",borderRadius:"$1",flexShrink:0}),l=t=>e.createElement(E,{size:"sm",as:"kbd",...t});l.displayName="KeyboardShortcut";export{d as KeyboardShortcut,l as KeyboardShortcutIndicator};
+import{Slot as p}from"@radix-ui/react-slot";import*as e from"react";import{styled as w}from"../../styled.js";import{useCallbackRefState as v}from"../../utilities/hooks/useCallbackRef.js";import{Text as k}from"../text/Text.js";const c=e.forwardRef(({asChild:o,config:s,targetWindow:r=!1,onKeyDown:n,...m},l)=>{const[f,y]=v();e.useImperativeHandle(l,()=>f);const t=e.useCallback(i=>{s.forEach(({shortcut:a,action:u})=>{Object.entries(a).every(([b,h])=>i[b]===h)&&u({event:i,shortcut:a})}),n==null||n(i)},[s,n]);return e.useEffect(()=>(r&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}),[r,t]),e.createElement(o?p:"div",{onKeyDown:r?void 0:t,ref:y,...m})});c.displayName="KeyboardShortcut";const x=w(k,{base:["bg-grey-100","text-text-subtle","px-2","py-0.5","min-w-6","min-h-6","font-normal","inline-flex","justify-center","items-center","rounded-md","shrink-0"]}),d=o=>e.createElement(x,{size:"sm",as:"kbd",...o});d.displayName="KeyboardShortcut";export{c as KeyboardShortcut,d as KeyboardShortcutIndicator};
 //# sourceMappingURL=KeyboardShortcut.js.map

package/dist/components/keyboard-shortcut/KeyboardShortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcut.js","sources":["../../../src/components/keyboard-shortcut/KeyboardShortcut.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\n\nimport { Box } from '../box'\nimport { Text } from '../text'\n\nconst StyledSlot = styled(Slot)\n\ntype KeyboardEventWindowOrElement =\n  | KeyboardEvent\n  | React.KeyboardEvent<HTMLDivElement>\ntype ShortcutConfig = Partial<KeyboardEvent>\n\ntype KeyboardShortcutProps = React.ComponentProps<typeof Box> & {\n  asChild?: boolean\n  config: {\n    shortcut: ShortcutConfig\n    action: ({\n      event,\n      shortcut\n    }: {\n      event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>\n      shortcut: ShortcutConfig\n    }) => void\n  }[]\n  targetWindow?: boolean\n  onKeyDown?: (e: KeyboardEventWindowOrElement) => void\n}\n\nexport const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcutProps> =\n  React.forwardRef(\n    ({ asChild, config, targetWindow = false, onKeyDown, ...rest }, ref) => {\n      const [targetElRef, setTargetElRef] = useCallbackRefState()\n      React.useImperativeHandle(ref, () => targetElRef as HTMLDivElement)\n\n      const handleOnKeydown = React.useCallback(\n        (e: KeyboardEventWindowOrElement) => {\n          config.forEach(({ shortcut, action }) => {\n            if (\n              Object.entries(shortcut).every(([key, value]) => e[key] === value)\n            )\n              action({ event: e, shortcut })\n          })\n          onKeyDown?.(e)\n        },\n        [config, onKeyDown]\n      )\n\n      React.useEffect(() => {\n        if (targetWindow) window.addEventListener('keydown', handleOnKeydown)\n\n        return () => {\n          window.removeEventListener('keydown', handleOnKeydown)\n        }\n      }, [targetWindow, handleOnKeydown])\n\n      const Component = asChild ? StyledSlot : Box\n\n      return (\n        <Component\n          onKeyDown={targetWindow ? undefined : handleOnKeydown}\n          ref={setTargetElRef}\n          {...rest}\n        />\n      )\n    }\n  )\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n\nconst StyledKeyboardShortcutIndicator = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text, {\n  bg: '$grey100',\n  color: '$textSubtle',\n  px: '$2',\n  py: '$0',\n  minWidth: '$2',\n  minHeight: '$2',\n  fontWeight: 400,\n  display: 'inline-flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '$1',\n  flexShrink: 0\n})\n\ntype KeyboardShortcutIndicatorProps = React.ComponentProps<\n  typeof StyledKeyboardShortcutIndicator\n>\n\nexport const KeyboardShortcutIndicator = (\n  props: KeyboardShortcutIndicatorProps\n) => {\n  return <StyledKeyboardShortcutIndicator size=\"sm\" as=\"kbd\" {...props} />\n}\n\nKeyboardShortcutIndicator.displayName = 'KeyboardShortcut'\n"],"names":["StyledSlot","styled","Slot","KeyboardShortcut","React","asChild","config","targetWindow","onKeyDown","rest","ref","targetElRef","setTargetElRef","useCallbackRefState","handleOnKeydown","e","shortcut","action","key","value","Box","StyledKeyboardShortcutIndicator","propName","Text","KeyboardShortcutIndicator","props"],"mappings":"wQASA,MAAMA,EAAaC,EAAOC,CAAI,EAuBjBC,EACXC,EAAM,WACJ,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,aAAAC,EAAe,GAAO,UAAAC,KAAcC,CAAK,EAAGC,IAAQ,CACtE,KAAM,CAACC,EAAaC,CAAc,EAAIC,IACtCT,EAAM,oBAAoBM,EAAK,IAAMC,CAA6B,EAElE,MAAMG,EAAkBV,EAAM,YAC3BW,GAAoC,CACnCT,EAAO,QAAQ,CAAC,CAAE,SAAAU,EAAU,OAAAC,CAAO,IAAM,CAErC,OAAO,QAAQD,CAAQ,EAAE,MAAM,CAAC,CAACE,EAAKC,CAAK,IAAMJ,EAAEG,KAASC,CAAK,GAEjEF,EAAO,CAAE,MAAOF,EAAG,SAAAC,CAAS,CAAC,CACjC,CAAC,EACDR,GAAA,MAAAA,EAAYO,CAAAA,CACd,EACA,CAACT,EAAQE,CAAS,CACpB,EAEA,OAAAJ,EAAM,UAAU,KACVG,GAAc,OAAO,iBAAiB,UAAWO,CAAe,EAE7D,IAAM,CACX,OAAO,oBAAoB,UAAWA,CAAe,CACvD,GACC,CAACP,EAAcO,CAAe,CAAC,EAKhCV,EAAA,cAHgBC,EAAUL,EAAaoB,EAGtC,CACC,UAAWb,EAAe,OAAYO,EACtC,IAAKF,EACJ,GAAGH,CACN,CAAA,CAEJ,CACF,EAEFN,EAAiB,YAAc,mBAE/B,MAAMkB,EAAkCpB,EAAO,WAAW,CACxD,0BAA4BqB,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAAM,CACP,GAAI,WACJ,MAAO,cACP,GAAI,KACJ,GAAI,KACJ,SAAU,KACV,UAAW,KACX,WAAY,IACZ,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,aAAc,KACd,WAAY,CACd,CAAC,EAMYC,EACXC,GAEOrB,EAAA,cAACiB,EAAA,CAAgC,KAAK,KAAK,GAAG,MAAO,GAAGI,CAAAA,CAAO,EAGxED,EAA0B,YAAc"}
+{"version":3,"file":"KeyboardShortcut.js","sources":["../../../src/components/keyboard-shortcut/KeyboardShortcut.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\n\nimport { Text } from '../text'\n\ntype KeyboardEventWindowOrElement =\n  | KeyboardEvent\n  | React.KeyboardEvent<HTMLDivElement>\ntype ShortcutConfig = Partial<KeyboardEvent>\n\ntype KeyboardShortcutProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n  config: {\n    shortcut: ShortcutConfig\n    action: ({\n      event,\n      shortcut\n    }: {\n      event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>\n      shortcut: ShortcutConfig\n    }) => void\n  }[]\n  targetWindow?: boolean\n  onKeyDown?: (e: KeyboardEventWindowOrElement) => void\n}\n\nexport const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcutProps> =\n  React.forwardRef(\n    ({ asChild, config, targetWindow = false, onKeyDown, ...rest }, ref) => {\n      const [targetElRef, setTargetElRef] = useCallbackRefState()\n      React.useImperativeHandle(ref, () => targetElRef as HTMLDivElement)\n\n      const handleOnKeydown = React.useCallback(\n        (e: KeyboardEventWindowOrElement) => {\n          config.forEach(({ shortcut, action }) => {\n            if (\n              Object.entries(shortcut).every(([key, value]) => e[key] === value)\n            )\n              action({ event: e, shortcut })\n          })\n          onKeyDown?.(e)\n        },\n        [config, onKeyDown]\n      )\n\n      React.useEffect(() => {\n        if (targetWindow) window.addEventListener('keydown', handleOnKeydown)\n\n        return () => {\n          window.removeEventListener('keydown', handleOnKeydown)\n        }\n      }, [targetWindow, handleOnKeydown])\n\n      const Component = asChild ? Slot : 'div'\n\n      return (\n        <Component\n          onKeyDown={targetWindow ? undefined : handleOnKeydown}\n          ref={setTargetElRef}\n          {...rest}\n        />\n      )\n    }\n  )\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n\nconst StyledKeyboardShortcutIndicator = styled(Text, {\n  base: [\n    'bg-grey-100',\n    'text-text-subtle',\n    'px-2',\n    'py-0.5',\n    'min-w-6',\n    'min-h-6',\n    'font-normal',\n    'inline-flex',\n    'justify-center',\n    'items-center',\n    'rounded-md',\n    'shrink-0'\n  ]\n})\n\ntype KeyboardShortcutIndicatorProps = React.ComponentProps<\n  typeof StyledKeyboardShortcutIndicator\n>\n\nexport const KeyboardShortcutIndicator = (\n  props: KeyboardShortcutIndicatorProps\n) => {\n  return <StyledKeyboardShortcutIndicator size=\"sm\" as=\"kbd\" {...props} />\n}\n\nKeyboardShortcutIndicator.displayName = 'KeyboardShortcut'\n"],"names":["KeyboardShortcut","React","asChild","config","targetWindow","onKeyDown","rest","ref","targetElRef","setTargetElRef","useCallbackRefState","handleOnKeydown","e","shortcut","action","key","value","Slot","StyledKeyboardShortcutIndicator","styled","Text","KeyboardShortcutIndicator","props"],"mappings":"wOA6BaA,EACXC,EAAM,WACJ,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,aAAAC,EAAe,GAAO,UAAAC,EAAW,GAAGC,CAAK,EAAGC,IAAQ,CACtE,KAAM,CAACC,EAAaC,CAAc,EAAIC,EACtCT,EAAAA,EAAM,oBAAoBM,EAAK,IAAMC,CAA6B,EAElE,MAAMG,EAAkBV,EAAM,YAC3BW,GAAoC,CACnCT,EAAO,QAAQ,CAAC,CAAE,SAAAU,EAAU,OAAAC,CAAO,IAAM,CAErC,OAAO,QAAQD,CAAQ,EAAE,MAAM,CAAC,CAACE,EAAKC,CAAK,IAAMJ,EAAEG,CAAG,IAAMC,CAAK,GAEjEF,EAAO,CAAE,MAAOF,EAAG,SAAAC,CAAS,CAAC,CACjC,CAAC,EACDR,GAAA,MAAAA,EAAYO,CAAAA,CACd,EACA,CAACT,EAAQE,CAAS,CACpB,EAEA,OAAAJ,EAAM,UAAU,KACVG,GAAc,OAAO,iBAAiB,UAAWO,CAAe,EAE7D,IAAM,CACX,OAAO,oBAAoB,UAAWA,CAAe,CACvD,GACC,CAACP,EAAcO,CAAe,CAAC,EAKhCV,EAAA,cAHgBC,EAAUe,EAAO,MAGhC,CACC,UAAWb,EAAe,OAAYO,EACtC,IAAKF,EACJ,GAAGH,CAAAA,CACN,CAEJ,CACF,EAEFN,EAAiB,YAAc,mBAE/B,MAAMkB,EAAkCC,EAAOC,EAAM,CACnD,KAAM,CACJ,cACA,mBACA,OACA,SACA,UACA,UACA,cACA,cACA,iBACA,eACA,aACA,UACF,CACF,CAAC,EAMYC,EACXC,GAEOrB,EAAA,cAACiB,EAAA,CAAgC,KAAK,KAAK,GAAG,MAAO,GAAGI,CAAO,CAAA,EAGxED,EAA0B,YAAc"}

package/dist/components/label/Label.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as t}from"../../stitches.js";import{getTextVariant as i}from"../text/Text.js";const p=t("label",{color:"$grey900",fontFamily:"$body",m:0,variants:{size:{sm:i({size:"sm"}),md:i({size:"md"})},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}},appearance:{standard:{},modern:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}},{type:"block",appearance:"modern",css:{fontWeight:400}}]}),y=t("span",{color:"$danger",ml:"$1",fontWeight:400}),n=({align:r="start",as:a="label",direction:o="row",size:s="md",type:l="block",children:c,required:m,...d})=>e.createElement(p,{as:a,size:s,type:l,align:r,direction:o,...d},c,m&&e.createElement(y,{"aria-hidden":!0},"*"));n.displayName="Label";export{n as Label};
+import*as e from"react";import{styled as t}from"../../styled.js";import{getTextVariant as a}from"../text/Text.js";const p=t("label",{base:["text-grey-900","font-body","m-0"],variants:{size:{sm:a({size:"sm"}),md:a({size:"md"})},type:{block:["block","font-semibold"],inline:["flex","font-normal","max-w-max"]},align:{start:{},center:{}},direction:{reverse:{},row:{}},appearance:{standard:{},modern:{}}},compoundVariants:[{type:"inline",align:"start",class:["items-start"]},{type:"inline",align:"center",class:["items-center"]},{type:"inline",direction:"reverse",class:["flex-row-reverse"]},{type:"inline",direction:"row",class:["flex-row"]},{type:"block",appearance:"modern",class:["font-normal"]}]}),b=t("span",{base:["text-danger","ml-1","font-normal"]}),r=({align:n="start",as:i="label",direction:s="row",size:l="md",type:o="block",children:m,required:c,...d})=>e.createElement(p,{as:i,size:l,type:o,align:n,direction:s,...d},m,c&&e.createElement(b,{"aria-hidden":!0},"*"));r.displayName="Label";export{r as Label};
 //# sourceMappingURL=Label.js.map

package/dist/components/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport type { Override } from '~/utilities/types'\n\nimport { getTextVariant } from '../text'\n\nconst StyledLabel = styled('label', {\n  color: '$grey900',\n  fontFamily: '$body',\n  m: 0,\n  variants: {\n    size: {\n      sm: getTextVariant({ size: 'sm' }),\n      md: getTextVariant({ size: 'md' })\n    },\n    type: {\n      block: {\n        display: 'block',\n        fontWeight: 600\n      },\n      inline: {\n        display: 'flex',\n        fontWeight: 400,\n        maxWidth: 'max-content'\n      }\n    },\n    align: { start: {}, center: {} },\n    direction: { reverse: {}, row: {} },\n    appearance: { standard: {}, modern: {} }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      css: { alignItems: 'flex-start' }\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      css: { alignItems: 'center' }\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      css: { flexDirection: 'row-reverse' }\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      css: { flexDirection: 'row' }\n    },\n    {\n      type: 'block',\n      appearance: 'modern',\n      css: { fontWeight: 400 }\n    }\n  ]\n})\n\nconst StyledAsterisk = styled('span', {\n  color: '$danger',\n  ml: '$1',\n  fontWeight: 400\n})\n\nexport type LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}: LabelProps) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && <StyledAsterisk aria-hidden>*</StyledAsterisk>}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"names":["StyledLabel","styled","getTextVariant","StyledAsterisk","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"oHAOA,MAAMA,EAAcC,EAAO,QAAS,CAClC,MAAO,WACP,WAAY,QACZ,EAAG,EACH,SAAU,CACR,KAAM,CACJ,GAAIC,EAAe,CAAE,KAAM,IAAK,CAAC,EACjC,GAAIA,EAAe,CAAE,KAAM,IAAK,CAAC,CACnC,EACA,KAAM,CACJ,MAAO,CACL,QAAS,QACT,WAAY,GACd,EACA,OAAQ,CACN,QAAS,OACT,WAAY,IACZ,SAAU,aACZ,CACF,EACA,MAAO,CAAE,MAAO,GAAI,OAAQ,CAAA,CAAG,EAC/B,UAAW,CAAE,QAAS,CAAA,EAAI,IAAK,EAAG,EAClC,WAAY,CAAE,SAAU,CAAC,EAAG,OAAQ,CAAA,CAAG,CACzC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,IAAK,CAAE,WAAY,YAAa,CAClC,EACA,CACE,KAAM,SACN,MAAO,SACP,IAAK,CAAE,WAAY,QAAS,CAC9B,EACA,CACE,KAAM,SACN,UAAW,UACX,IAAK,CAAE,cAAe,aAAc,CACtC,EACA,CACE,KAAM,SACN,UAAW,MACX,IAAK,CAAE,cAAe,KAAM,CAC9B,EACA,CACE,KAAM,QACN,WAAY,SACZ,IAAK,CAAE,WAAY,GAAI,CACzB,CACF,CACF,CAAC,EAEKC,EAAiBF,EAAO,OAAQ,CACpC,MAAO,UACP,GAAI,KACJ,WAAY,GACd,CAAC,EAUYG,EAAQ,CAAC,CACpB,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,KACGC,CACL,IACEC,EAAA,cAACb,EAAA,CACC,GAAIM,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAAAA,EAEHF,EACAC,GAAYE,EAAA,cAACV,EAAA,CAAe,cAAW,IAAC,GAAC,CAC5C,EAGFC,EAAM,YAAc"}
+{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities/types'\n\nimport { getTextVariant } from '../text'\n\nconst StyledLabel = styled('label', {\n  base: ['text-grey-900', 'font-body', 'm-0'],\n  variants: {\n    size: {\n      sm: getTextVariant({ size: 'sm' }),\n      md: getTextVariant({ size: 'md' })\n    },\n    type: {\n      block: ['block', 'font-semibold'],\n      inline: ['flex', 'font-normal', 'max-w-max']\n    },\n    align: { start: {}, center: {} },\n    direction: { reverse: {}, row: {} },\n    appearance: { standard: {}, modern: {} }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      class: ['items-start']\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      class: ['items-center']\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      class: ['flex-row-reverse']\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      class: ['flex-row']\n    },\n    {\n      type: 'block',\n      appearance: 'modern',\n      class: ['font-normal']\n    }\n  ]\n})\n\nconst StyledAsterisk = styled('span', {\n  base: ['text-danger', 'ml-1', 'font-normal']\n})\n\nexport type LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}: LabelProps) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && <StyledAsterisk aria-hidden>*</StyledAsterisk>}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"names":["StyledLabel","styled","getTextVariant","StyledAsterisk","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"kHAOA,MAAMA,EAAcC,EAAO,QAAS,CAClC,KAAM,CAAC,gBAAiB,YAAa,KAAK,EAC1C,SAAU,CACR,KAAM,CACJ,GAAIC,EAAe,CAAE,KAAM,IAAK,CAAC,EACjC,GAAIA,EAAe,CAAE,KAAM,IAAK,CAAC,CACnC,EACA,KAAM,CACJ,MAAO,CAAC,QAAS,eAAe,EAChC,OAAQ,CAAC,OAAQ,cAAe,WAAW,CAC7C,EACA,MAAO,CAAE,MAAO,CAAA,EAAI,OAAQ,CAAG,CAAA,EAC/B,UAAW,CAAE,QAAS,CAAA,EAAI,IAAK,CAAG,CAAA,EAClC,WAAY,CAAE,SAAU,CAAA,EAAI,OAAQ,CAAG,CAAA,CACzC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,MAAO,CAAC,aAAa,CACvB,EACA,CACE,KAAM,SACN,MAAO,SACP,MAAO,CAAC,cAAc,CACxB,EACA,CACE,KAAM,SACN,UAAW,UACX,MAAO,CAAC,kBAAkB,CAC5B,EACA,CACE,KAAM,SACN,UAAW,MACX,MAAO,CAAC,UAAU,CACpB,EACA,CACE,KAAM,QACN,WAAY,SACZ,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAEKC,EAAiBF,EAAO,OAAQ,CACpC,KAAM,CAAC,cAAe,OAAQ,aAAa,CAC7C,CAAC,EAUYG,EAAQ,CAAC,CACpB,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACb,EAAA,CACC,GAAIM,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAEHF,EAAAA,EACAC,GAAYE,EAAA,cAACV,EAAA,CAAe,cAAW,IAAC,GAAC,CAC5C,EAGFC,EAAM,YAAc"}

package/dist/components/link/Link.js

@@ -1,2 +1,2 @@
-import*as o from"react";import{styled as d}from"../../stitches.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";import{textVariants as m}from"../text/Text.js";const r=d("a",{bg:"unset",border:"unset",p:"unset",color:"$primary800",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primary900",textDecoration:"underline"},"&:active":{color:"$primary1000"},"&[disabled]":{opacity:.3,cursor:"not-allowed",pointerEvents:"none"},"p > &, h1 > &, h2 > &, h3 > &, h4 > &, li > &, em > &":{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:m,defaultVariants:{size:"md"}}),t=o.forwardRef(({as:n,disabled:i,href:e,...a},s)=>o.createElement(r,{as:n||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...i&&{disabled:!0},...a,...l(e),ref:s}));t.displayName="Link";export{t as Link,r as StyledLink};
+import*as n from"react";import{styled as f}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";import{textVariants as s}from"../text/Text.js";const t=f("a",{base:["bg-[unset]","border-[unset]","px-[unset]","py-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p_>_&]:after:content-none","[p_>_&]:before:content-none","[p_>_&]:leading-[1]","[p_>_&]:text-[100%]","[h1>&]:after:content-none","[h1>&]:before:content-none","[h1>&]:leading-[1]","[h1>&]:text-[100%]","[h2>&]:after:content-none","[h2>&]:before:content-none","[h2>&]:leading-[1]","[h2>&]:text-[100%]","[h3>&]:after:content-none","[h3>&]:before:content-none","[h3>&]:leading-[1]","[h3>&]:text-[100%]","[h4>&]:after:content-none","[h4>&]:before:content-none","[h4>&]:leading-[1]","[h4>&]:text-[100%]","[li>&]:after:content-none","[li>&]:before:content-none","[li>&]:leading-[1]","[li>&]:text-[100%]","[em>&]:after:content-none","[em>&]:before:content-none","[em>&]:leading-[1]","[em>&]:text-[100%]"],variants:s,defaultVariants:{size:"md"}}),o=n.forwardRef(({as:r,disabled:a,href:e,...i},d)=>n.createElement(t,{as:r||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...a&&{disabled:!0},...i,...l(e),ref:d}));o.displayName="Link";export{o as Link,t as StyledLink};
 //# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { textVariants } from '../text/Text'\n\nexport const StyledLink = styled('a', {\n  bg: 'unset',\n  border: 'unset',\n  p: 'unset',\n  color: '$primary800',\n  cursor: 'pointer',\n  fontFamily: '$body',\n  textDecoration: 'none',\n  '&:focus, &:hover': {\n    color: '$primary900',\n    textDecoration: 'underline'\n  },\n  '&:active': {\n    color: '$primary1000'\n  },\n  '&[disabled]': {\n    opacity: 0.3,\n    cursor: 'not-allowed',\n    pointerEvents: 'none'\n  },\n  'p > &, h1 > &, h2 > &, h3 > &, h4 > &, li > &, em > &': {\n    fontSize: '100%',\n    lineHeight: 1,\n    '&::before, &::after': {\n      content: 'none'\n    }\n  },\n  variants: textVariants,\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  {\n    as?: React.ComponentType | React.ElementType\n  } & NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link: React.ForwardRefExoticComponent<LinkProps> =\n  React.forwardRef(({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref}\n    />\n  ))\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"wLASO,MAAMA,EAAaC,EAAO,IAAK,CACpC,GAAI,QACJ,OAAQ,QACR,EAAG,QACH,MAAO,cACP,OAAQ,UACR,WAAY,QACZ,eAAgB,OAChB,mBAAoB,CAClB,MAAO,cACP,eAAgB,WAClB,EACA,WAAY,CACV,MAAO,cACT,EACA,cAAe,CACb,QAAS,GACT,OAAQ,cACR,cAAe,MACjB,EACA,wDAAyD,CACvD,SAAU,OACV,WAAY,EACZ,sBAAuB,CACrB,QAAS,MACX,CACF,EACA,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EASYC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,KAASC,CAAK,EAAGC,IACjDL,EAAA,cAACJ,GACC,GAAIK,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CACP,CAAA,CACD,EAEHN,EAAK,YAAc"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { textVariants } from '../text/Text'\n\nexport const StyledLink = styled('a', {\n  base: [\n    'bg-[unset]',\n    'border-[unset]',\n    'px-[unset]',\n    'py-[unset]',\n    'text-primary-800',\n    'cursor-pointer',\n    'font-body',\n    'no-underline',\n    'focus:text-primary-900',\n    'focus:underline',\n    'hover:text-primary-900',\n    'hover:underline',\n    'active:text-primary-1000',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none',\n    '[p_>_&]:after:content-none',\n    '[p_>_&]:before:content-none',\n    '[p_>_&]:leading-[1]',\n    '[p_>_&]:text-[100%]',\n    '[h1>&]:after:content-none',\n    '[h1>&]:before:content-none',\n    '[h1>&]:leading-[1]',\n    '[h1>&]:text-[100%]',\n    '[h2>&]:after:content-none',\n    '[h2>&]:before:content-none',\n    '[h2>&]:leading-[1]',\n    '[h2>&]:text-[100%]',\n    '[h3>&]:after:content-none',\n    '[h3>&]:before:content-none',\n    '[h3>&]:leading-[1]',\n    '[h3>&]:text-[100%]',\n    '[h4>&]:after:content-none',\n    '[h4>&]:before:content-none',\n    '[h4>&]:leading-[1]',\n    '[h4>&]:text-[100%]',\n    '[li>&]:after:content-none',\n    '[li>&]:before:content-none',\n    '[li>&]:leading-[1]',\n    '[li>&]:text-[100%]',\n    '[em>&]:after:content-none',\n    '[em>&]:before:content-none',\n    '[em>&]:leading-[1]',\n    '[em>&]:text-[100%]'\n  ],\n  variants: textVariants,\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  {\n    as?: React.ComponentType | React.ElementType\n  } & NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link: React.ForwardRefExoticComponent<LinkProps> =\n  React.forwardRef(({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref}\n    />\n  ))\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"sLASO,MAAMA,EAAaC,EAAO,IAAK,CACpC,KAAM,CACJ,aACA,iBACA,aACA,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,6BACA,8BACA,sBACA,sBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,oBACF,EACA,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EASYC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IACjDL,EAAA,cAACJ,EAAA,CACC,GAAIK,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CACP,CAAA,CACD,EAEHN,EAAK,YAAc"}

package/dist/components/list/List.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as t}from"../../stitches.js";import{textVariants as d}from"../text/Text.js";const i=t("li",{}),l=t("ul",{listStylePosition:"inside",fontFamily:"$body",m:"unset",p:"unset","& > li":{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{...d,as:{ol:{pl:"$4",listStyleType:"decimal","& > li":{pl:"$1","&::marker":{fontSize:".875em",fontWeight:"bold"}}},ul:{pl:"$3","& > li":{pl:"$2","&::marker":{content:"\u2022 ",fontWeight:"bold"}}}},theme:{primary:{"& > li":{"&::marker":{color:"$primary800"}}}}}}),o=e.forwardRef(({size:r="md",noCapsize:m=!0,ordered:s,...a},n)=>e.createElement(l,{ref:n,as:s?"ol":"ul",size:r,noCapsize:m,...a}));o.Item=i;export{o as List,i as StyledLi,l as StyledList};
+import*as t from"react";import{styled as r}from"../../styled.js";import{textVariants as p}from"../text/Text.js";const i=r("li",{base:["last:mb-0","not-last:mb-2"]}),s=r("ul",{base:["list-inside","font-body","m-[unset]","p-[unset]"],variants:{...p,ordered:{true:["pl-4","list-decimal","[&_>_li]:pl-1"],false:["pl-3","list-disc","[&_>_li]:pl-2"]},theme:{primary:["marker:text-primary-800"]}}}),l=t.forwardRef(({size:a="md",noCapsize:o=!0,ordered:e,...m},d)=>t.createElement(s,{ref:d,as:e?"ol":"ul",ordered:e,size:a,noCapsize:o,...m}));l.Item=i;export{l as List,i as StyledLi,s as StyledList};
 //# sourceMappingURL=List.js.map

package/dist/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { textVariants } from '../text'\n\nexport const StyledLi = styled('li', {})\n\nexport const StyledList = styled('ul', {\n  listStylePosition: 'inside',\n  fontFamily: '$body',\n  m: 'unset',\n  p: 'unset',\n  '& > li': {\n    '&:not(:last-child)': { mb: '$2' },\n    '&:last-child': { mb: 0 }\n  },\n  variants: {\n    ...textVariants,\n    as: {\n      ol: {\n        pl: '$4',\n        listStyleType: 'decimal',\n        '& > li': {\n          pl: '$1',\n          '&::marker': { fontSize: '.875em', fontWeight: 'bold' }\n        }\n      },\n      ul: {\n        pl: '$3',\n        '& > li': {\n          pl: '$2',\n          '&::marker': { content: '• ', fontWeight: 'bold' }\n        }\n      }\n    },\n    theme: {\n      primary: {\n        '& > li': {\n          '&::marker': { color: '$primary800' }\n        }\n      }\n    }\n  }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n  ordered?: boolean\n}\n\ntype ListType = React.ForwardRefExoticComponent<ListProps> & {\n  Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef(\n  ({ size = 'md', noCapsize = true, ordered, ...remainingProps }, ref) => (\n    <StyledList\n      ref={ref}\n      as={ordered ? 'ol' : 'ul'}\n      size={size}\n      noCapsize={noCapsize}\n      {...remainingProps}\n    />\n  )\n) as ListType\n\nList.Item = StyledLi\n"],"names":["StyledLi","styled","StyledList","textVariants","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"kHAMa,MAAAA,EAAWC,EAAO,KAAM,CAAA,CAAE,EAE1BC,EAAaD,EAAO,KAAM,CACrC,kBAAmB,SACnB,WAAY,QACZ,EAAG,QACH,EAAG,QACH,SAAU,CACR,qBAAsB,CAAE,GAAI,IAAK,EACjC,eAAgB,CAAE,GAAI,CAAE,CAC1B,EACA,SAAU,CACR,GAAGE,EACH,GAAI,CACF,GAAI,CACF,GAAI,KACJ,cAAe,UACf,SAAU,CACR,GAAI,KACJ,YAAa,CAAE,SAAU,SAAU,WAAY,MAAO,CACxD,CACF,EACA,GAAI,CACF,GAAI,KACJ,SAAU,CACR,GAAI,KACJ,YAAa,CAAE,QAAS,UAAM,WAAY,MAAO,CACnD,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,SAAU,CACR,YAAa,CAAE,MAAO,aAAc,CACtC,CACF,CACF,CACF,CACF,CAAC,EAUYC,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,KAAYC,CAAe,EAAGC,IAC9DL,EAAA,cAACH,EACC,CAAA,IAAKQ,EACL,GAAIF,EAAU,KAAO,KACrB,KAAMF,EACN,UAAWC,EACV,GAAGE,CAAAA,CACN,CAEJ,EAEAL,EAAK,KAAOJ"}
+{"version":3,"file":"List.js","sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { textVariants } from '../text'\n\nexport const StyledLi = styled('li', {\n  base: ['last:mb-0', 'not-last:mb-2']\n})\n\nexport const StyledList = styled('ul', {\n  base: ['list-inside', 'font-body', 'm-[unset]', 'p-[unset]'],\n  variants: {\n    ...textVariants,\n    ordered: {\n      true: ['pl-4', 'list-decimal', '[&_>_li]:pl-1'],\n      false: ['pl-3', 'list-disc', '[&_>_li]:pl-2']\n    },\n    theme: {\n      primary: ['marker:text-primary-800']\n    }\n  }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n  ordered?: boolean\n}\n\ntype ListType = React.ForwardRefExoticComponent<ListProps> & {\n  Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef(\n  ({ size = 'md', noCapsize = true, ordered, ...remainingProps }, ref) => (\n    <StyledList\n      ref={ref}\n      as={ordered ? 'ol' : 'ul'}\n      ordered={ordered}\n      size={size}\n      noCapsize={noCapsize}\n      {...remainingProps}\n    />\n  )\n) as ListType\n\nList.Item = StyledLi\n"],"names":["StyledLi","styled","StyledList","textVariants","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"sHAMaA,EAAWC,EAAO,KAAM,CACnC,KAAM,CAAC,YAAa,eAAe,CACrC,CAAC,EAEYC,EAAaD,EAAO,KAAM,CACrC,KAAM,CAAC,cAAe,YAAa,YAAa,WAAW,EAC3D,SAAU,CACR,GAAGE,EACH,QAAS,CACP,KAAM,CAAC,OAAQ,eAAgB,eAAe,EAC9C,MAAO,CAAC,OAAQ,YAAa,eAAe,CAC9C,EACA,MAAO,CACL,QAAS,CAAC,yBAAyB,CACrC,CACF,CACF,CAAC,EAUYC,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,EAAS,GAAGC,CAAe,EAAGC,IAC9DL,EAAA,cAACH,GACC,IAAKQ,EACL,GAAIF,EAAU,KAAO,KACrB,QAASA,EACT,KAAMF,EACN,UAAWC,EACV,GAAGE,CACN,CAAA,CAEJ,EAEAL,EAAK,KAAOJ"}

package/dist/components/loader/Loader.js

@@ -1,2 +1,2 @@
-import*as m from"@radix-ui/react-visually-hidden";import*as e from"react";import{Flex as r}from"../flex/Flex.js";import{keyframes as s,styled as l}from"../../stitches.js";const c=s({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),t=l("div",{animationName:`${c}`,animationDuration:"1000ms",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),p=({css:n={},message:a="Loading",size:i="md",...o})=>e.createElement(r,{css:{justifyContent:"center",...n},role:"alert",...o},e.createElement(m.Root,null,a),e.createElement(t,{size:i}),e.createElement(t,{size:i}),e.createElement(t,{size:i}));export{p as Loader};
+import*as o from"@radix-ui/react-visually-hidden";import n from"clsx";import*as e from"react";import{Flex as s}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const a=l("div",{base:["animate-pulse","bg-current","rounded-round","animation-duration-900","nth-3:animation-delay-300","nth-4:animation-delay-600"],variants:{size:{sm:["size-1","mx-0.5"],md:["size-1.5","mx-0.5"],lg:["size-2","mx-[3px]"]}}}),d=({className:m,message:i="Loading",size:t="md",...r})=>e.createElement(s,{role:"alert",...r,className:n("justify-center",m)},e.createElement(o.Root,null,i),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{d as Loader};
 //# sourceMappingURL=Loader.js.map

package/dist/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { CSS, keyframes, styled } from '~/stitches'\n\nconst FadeInOut = keyframes({\n  '0%': { opacity: 0 },\n  '30%': { opacity: 1 },\n  '50%': { opacity: 1 },\n  '80%': { opacity: 0 },\n  '100%': { opacity: 0 }\n})\n\nconst Dot = styled('div', {\n  animationName: `${FadeInOut}`,\n  animationDuration: '1000ms',\n  animationFillMode: 'both',\n  animationIterationCount: 'infinite',\n  animationTimingFunction: 'linear',\n  backgroundColor: 'currentColor',\n  borderRadius: '$round',\n  '&:nth-child(1)': {\n    animationDelay: '-300ms'\n  },\n  '&:nth-child(2)': {\n    animationDelay: '-150ms'\n  },\n  '&:nth-child(3)': {\n    animationDelay: 0\n  },\n\n  variants: {\n    size: {\n      sm: { size: '4px', mx: '2px' },\n      md: { size: '6px', mx: '2px' },\n      lg: { size: '8px', mx: '3px' }\n    }\n  }\n})\n\ntype LoaderProps = {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n  css?: CSS\n}\n\nexport const Loader = ({\n  css = {},\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex\n    css={{\n      justifyContent: 'center',\n      ...css\n    }}\n    role=\"alert\"\n    {...props}\n  >\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["FadeInOut","keyframes","Dot","styled","Loader","css","message","size","props","React","Flex","VisuallyHidden"],"mappings":"2KAMA,MAAMA,EAAYC,EAAU,CAC1B,KAAM,CAAE,QAAS,CAAE,EACnB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAMC,EAAO,MAAO,CACxB,cAAe,GAAGH,IAClB,kBAAmB,SACnB,kBAAmB,OACnB,wBAAyB,WACzB,wBAAyB,SACzB,gBAAiB,eACjB,aAAc,SACd,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,CAClB,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,CAC/B,CACF,CACF,CAAC,EAQYI,EAAS,CAAC,CACrB,IAAAC,EAAM,CAAA,EACN,QAAAC,EAAU,UACV,KAAAC,EAAO,QACJC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,eAAgB,SAChB,GAAGL,CACL,EACA,KAAK,QACJ,GAAGG,CAEJC,EAAAA,EAAA,cAACE,EAAe,KAAf,KAAqBL,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,CACnB"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst Dot = styled('div', {\n  base: [\n    'animate-pulse',\n    'bg-current',\n    'rounded-round',\n    'animation-duration-900',\n    'nth-3:animation-delay-300',\n    'nth-4:animation-delay-600'\n  ],\n\n  variants: {\n    size: {\n      sm: ['size-1', 'mx-0.5'],\n      md: ['size-1.5', 'mx-0.5'],\n      lg: ['size-2', 'mx-[3px]']\n    }\n  }\n})\n\ntype LoaderProps = {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex role=\"alert\" {...props} className={clsx('justify-center', className)}>\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","Flex","clsx","VisuallyHidden"],"mappings":"8KAOA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,gBACA,yBACA,4BACA,2BACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,QAAQ,EACvB,GAAI,CAAC,WAAY,QAAQ,EACzB,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAQYC,EAAS,CAAC,CACrB,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,KAAK,QAAS,GAAGF,EAAO,UAAWG,EAAK,iBAAkBN,CAAS,CACvEI,EAAAA,EAAA,cAACG,EAAe,KAAf,KAAqBN,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,CACnB"}

package/dist/components/markdown-content/MarkdownContent.js

@@ -1,2 +1,2 @@
-import d from"mdast-util-directive";import l from"mdast-util-from-markdown";import f from"micromark-extension-directive";import*as p from"react";import{styled as c}from"../../stitches.js";import{Flex as k}from"../flex/Flex.js";import{MarkdownCode as h}from"./components/MarkdownCode.js";import{MarkdownEmphasis as w}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as M}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as u}from"./components/MarkdownInlineCode.js";import{MarkdownImage as g}from"./components/MarkdownImage.js";import{MarkdownLink as x}from"./components/MarkdownLink.js";import{MarkdownList as $}from"./components/MarkdownList.js";import{MarkdownListItem as y}from"./components/MarkdownListItem.js";import{MarkdownParagraph as C}from"./components/MarkdownParagraph.js";import{MarkdownStrong as E}from"./components/MarkdownStrong.js";import{MarkdownText as I}from"./components/MarkdownText.js";import{MarkdownThematicBreak as L}from"./components/MarkdownThematicBreak.js";const W=c(k,{"& > h1, & > h2, & > h3, & > h4":{maxWidth:"65ch"},"& > p":{maxWidth:"75ch"},"& > ul":{maxWidth:"75ch"}}),v={code:h,emphasis:w,heading:M,inlineCode:u,image:g,link:x,list:$,listItem:y,paragraph:C,strong:E,text:I,thematicBreak:L},B=o=>{var r,t;if((r=o.position)!=null&&r.start){const{line:m,column:n,offset:e}=(t=o.position)==null?void 0:t.start;return`${o.type}${m}${n}${e}`}return`${o.type}${+new Date}`},s=({content:o,customComponents:r={},css:t})=>{const m=l(o,{extensions:[f()],mdastExtensions:[d.fromMarkdown]}),n={...v,...r},e=i=>{const a=n[i.type];return a?p.createElement(a,{key:B(i),node:i,handleNode:e}):null};return p.createElement(W,{direction:"column",gap:5,css:t},m.children.map(e))};s.displayName="MarkdownContent";export{s as MarkdownContent};
+import s from"mdast-util-directive";import d from"mdast-util-from-markdown";import l from"micromark-extension-directive";import*as c from"react";import{styled as f}from"../../styled.js";import{Flex as w}from"../flex/Flex.js";import{MarkdownCode as k}from"./components/MarkdownCode.js";import{MarkdownEmphasis as h}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as M}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as x}from"./components/MarkdownInlineCode.js";import{MarkdownImage as u}from"./components/MarkdownImage.js";import{MarkdownLink as g}from"./components/MarkdownLink.js";import{MarkdownList as y}from"./components/MarkdownList.js";import{MarkdownListItem as C}from"./components/MarkdownListItem.js";import{MarkdownParagraph as E}from"./components/MarkdownParagraph.js";import{MarkdownStrong as I}from"./components/MarkdownStrong.js";import{MarkdownText as N}from"./components/MarkdownText.js";import{MarkdownThematicBreak as L}from"./components/MarkdownThematicBreak.js";const v=f(w,{base:["[&>h1]:max-w-[65ch]","[&>h2]:max-w-[65ch]","[&>h3]:max-w-[65ch]","[&>h4]:max-w-[65ch]","[&>p]:max-w-[75ch]","[&>ul]:max-w-[75ch]"]}),B={code:k,emphasis:h,heading:M,inlineCode:x,image:u,link:g,list:y,listItem:C,paragraph:E,strong:I,text:N,thematicBreak:L},H=o=>{var r,t;if((r=o.position)!=null&&r.start){const{line:a,column:m,offset:n}=(t=o.position)==null?void 0:t.start;return"".concat(o.type).concat(a).concat(m).concat(n)}return"".concat(o.type).concat(+new Date)},p=({content:o,customComponents:r={},className:t})=>{const a=d(o,{extensions:[l()],mdastExtensions:[s.fromMarkdown]}),m={...B,...r},n=e=>{const i=m[e.type];return i?c.createElement(i,{key:H(e),node:e,handleNode:n}):null};return c.createElement(v,{direction:"column",gap:5,className:t},a.children.map(n))};p.displayName="MarkdownContent";export{p as MarkdownContent};
 //# sourceMappingURL=MarkdownContent.js.map

package/dist/components/markdown-content/MarkdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownContent.js","sources":["../../../src/components/markdown-content/MarkdownContent.tsx"],"sourcesContent":["import directive from 'mdast-util-directive'\nimport fromMarkdown from 'mdast-util-from-markdown'\nimport syntax from 'micromark-extension-directive'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Flex } from '../flex/Flex'\nimport {\n  MarkdownCode,\n  MarkdownEmphasis,\n  MarkdownHeading,\n  MarkdownImage,\n  MarkdownInlineCode,\n  MarkdownLink,\n  MarkdownList,\n  MarkdownListItem,\n  MarkdownParagraph,\n  MarkdownStrong,\n  MarkdownText,\n  MarkdownThematicBreak\n} from './components'\n\ntype HandleNode = (node) => JSX.Element | null\n\nconst StyledMarkdownContent = styled(Flex, {\n  '& > h1, & > h2, & > h3, & > h4': { maxWidth: '65ch' },\n  '& > p': { maxWidth: '75ch' },\n  '& > ul': { maxWidth: '75ch' }\n})\n\ntype MarkdownContentProps = React.ComponentProps<\n  typeof StyledMarkdownContent\n> & {\n  content: string\n  customComponents?: {\n    [key: string]: (props: { node: any; handleNode: HandleNode }) => JSX.Element\n  }\n}\n\nconst defaultComponentsMap = {\n  code: MarkdownCode,\n  emphasis: MarkdownEmphasis,\n  heading: MarkdownHeading,\n  inlineCode: MarkdownInlineCode,\n  image: MarkdownImage,\n  link: MarkdownLink,\n  list: MarkdownList,\n  listItem: MarkdownListItem,\n  paragraph: MarkdownParagraph,\n  strong: MarkdownStrong,\n  text: MarkdownText,\n  thematicBreak: MarkdownThematicBreak\n}\n\nconst generateNodeKey = (node) => {\n  if (node.position?.start) {\n    const { line, column, offset } = node.position?.start\n    return `${node.type}${line}${column}${offset}`\n  }\n\n  return `${node.type}${+new Date()}`\n}\n\nexport const MarkdownContent = ({\n  content,\n  customComponents = {},\n  css\n}: MarkdownContentProps) => {\n  const AST = fromMarkdown(content, {\n    extensions: [syntax()],\n    mdastExtensions: [directive.fromMarkdown]\n  })\n\n  const componentsMap = {\n    ...defaultComponentsMap,\n    ...customComponents\n  }\n\n  const handleNode: HandleNode = (node) => {\n    const MarkdownComponent = componentsMap[node.type]\n\n    return MarkdownComponent ? (\n      <MarkdownComponent\n        key={generateNodeKey(node)}\n        node={node}\n        handleNode={handleNode}\n      />\n    ) : null\n  }\n\n  return (\n    <StyledMarkdownContent direction=\"column\" gap={5} css={css}>\n      {AST.children.map(handleNode)}\n    </StyledMarkdownContent>\n  )\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"names":["StyledMarkdownContent","styled","Flex","defaultComponentsMap","MarkdownCode","MarkdownEmphasis","MarkdownHeading","MarkdownInlineCode","MarkdownImage","MarkdownLink","MarkdownList","MarkdownListItem","MarkdownParagraph","MarkdownStrong","MarkdownText","MarkdownThematicBreak","generateNodeKey","node","_a","_b","line","column","offset","MarkdownContent","content","customComponents","css","AST","fromMarkdown","syntax","directive","componentsMap","handleNode","MarkdownComponent","React"],"mappings":"u/BAyBA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,iCAAkC,CAAE,SAAU,MAAO,EACrD,QAAS,CAAE,SAAU,MAAO,EAC5B,SAAU,CAAE,SAAU,MAAO,CAC/B,CAAC,EAWKC,EAAuB,CAC3B,KAAMC,EACN,SAAUC,EACV,QAASC,EACT,WAAYC,EACZ,MAAOC,EACP,KAAMC,EACN,KAAMC,EACN,SAAUC,EACV,UAAWC,EACX,OAAQC,EACR,KAAMC,EACN,cAAeC,CACjB,EAEMC,EAAmBC,GAAS,CAvDlC,IAAAC,EAAAC,EAwDE,IAAID,EAAAD,EAAK,WAAL,MAAAC,EAAe,MAAO,CACxB,KAAM,CAAE,KAAAE,EAAM,OAAAC,EAAQ,OAAAC,CAAO,GAAIH,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,MAChD,MAAO,GAAGF,EAAK,OAAOG,IAAOC,IAASC,GACxC,CAEA,MAAO,GAAGL,EAAK,OAAO,CAAC,IAAI,MAC7B,EAEaM,EAAkB,CAAC,CAC9B,QAAAC,EACA,iBAAAC,EAAmB,CACnB,EAAA,IAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAMC,EAAaJ,EAAS,CAChC,WAAY,CAACK,EAAO,CAAC,EACrB,gBAAiB,CAACC,EAAU,YAAY,CAC1C,CAAC,EAEKC,EAAgB,CACpB,GAAG5B,EACH,GAAGsB,CACL,EAEMO,EAA0Bf,GAAS,CACvC,MAAMgB,EAAoBF,EAAcd,EAAK,MAE7C,OAAOgB,EACLC,EAAA,cAACD,EAAA,CACC,IAAKjB,EAAgBC,CAAI,EACzB,KAAMA,EACN,WAAYe,CAAAA,CACd,EACE,IACN,EAEA,OACEE,EAAA,cAAClC,EAAA,CAAsB,UAAU,SAAS,IAAK,EAAG,IAAK0B,CAAAA,EACpDC,EAAI,SAAS,IAAIK,CAAU,CAC9B,CAEJ,EAEAT,EAAgB,YAAc"}
+{"version":3,"file":"MarkdownContent.js","sources":["../../../src/components/markdown-content/MarkdownContent.tsx"],"sourcesContent":["import directive from 'mdast-util-directive'\nimport fromMarkdown from 'mdast-util-from-markdown'\nimport syntax from 'micromark-extension-directive'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Flex } from '../flex/Flex'\nimport {\n  MarkdownCode,\n  MarkdownEmphasis,\n  MarkdownHeading,\n  MarkdownImage,\n  MarkdownInlineCode,\n  MarkdownLink,\n  MarkdownList,\n  MarkdownListItem,\n  MarkdownParagraph,\n  MarkdownStrong,\n  MarkdownText,\n  MarkdownThematicBreak\n} from './components'\n\ntype HandleNode = (node) => JSX.Element | null\n\nconst StyledMarkdownContent = styled(Flex, {\n  base: [\n    '[&>h1]:max-w-[65ch]',\n    '[&>h2]:max-w-[65ch]',\n    '[&>h3]:max-w-[65ch]',\n    '[&>h4]:max-w-[65ch]',\n    '[&>p]:max-w-[75ch]',\n    '[&>ul]:max-w-[75ch]'\n  ]\n})\n\ntype MarkdownContentProps = React.ComponentProps<\n  typeof StyledMarkdownContent\n> & {\n  content: string\n  customComponents?: {\n    [key: string]: (props: { node: any; handleNode: HandleNode }) => JSX.Element\n  }\n}\n\nconst defaultComponentsMap = {\n  code: MarkdownCode,\n  emphasis: MarkdownEmphasis,\n  heading: MarkdownHeading,\n  inlineCode: MarkdownInlineCode,\n  image: MarkdownImage,\n  link: MarkdownLink,\n  list: MarkdownList,\n  listItem: MarkdownListItem,\n  paragraph: MarkdownParagraph,\n  strong: MarkdownStrong,\n  text: MarkdownText,\n  thematicBreak: MarkdownThematicBreak\n}\n\nconst generateNodeKey = (node) => {\n  if (node.position?.start) {\n    const { line, column, offset } = node.position?.start\n    return `${node.type}${line}${column}${offset}`\n  }\n\n  return `${node.type}${+new Date()}`\n}\n\nexport const MarkdownContent = ({\n  content,\n  customComponents = {},\n  className\n}: MarkdownContentProps) => {\n  const AST = fromMarkdown(content, {\n    extensions: [syntax()],\n    mdastExtensions: [directive.fromMarkdown]\n  })\n\n  const componentsMap = {\n    ...defaultComponentsMap,\n    ...customComponents\n  }\n\n  const handleNode: HandleNode = (node) => {\n    const MarkdownComponent = componentsMap[node.type]\n\n    return MarkdownComponent ? (\n      <MarkdownComponent\n        key={generateNodeKey(node)}\n        node={node}\n        handleNode={handleNode}\n      />\n    ) : null\n  }\n\n  return (\n    <StyledMarkdownContent direction=\"column\" gap={5} className={className}>\n      {AST.children.map(handleNode)}\n    </StyledMarkdownContent>\n  )\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"names":["StyledMarkdownContent","styled","Flex","defaultComponentsMap","MarkdownCode","MarkdownEmphasis","MarkdownHeading","MarkdownInlineCode","MarkdownImage","MarkdownLink","MarkdownList","MarkdownListItem","MarkdownParagraph","MarkdownStrong","MarkdownText","MarkdownThematicBreak","generateNodeKey","node","_a","_b","line","column","offset","MarkdownContent","content","customComponents","className","AST","fromMarkdown","syntax","directive","componentsMap","handleNode","MarkdownComponent","React"],"mappings":"q/BAyBA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,KAAM,CACJ,sBACA,sBACA,sBACA,sBACA,qBACA,qBACF,CACF,CAAC,EAWKC,EAAuB,CAC3B,KAAMC,EACN,SAAUC,EACV,QAASC,EACT,WAAYC,EACZ,MAAOC,EACP,KAAMC,EACN,KAAMC,EACN,SAAUC,EACV,UAAWC,EACX,OAAQC,EACR,KAAMC,EACN,cAAeC,CACjB,EAEMC,EAAmBC,GAAS,CA5DlC,IAAAC,EAAAC,EA6DE,IAAID,EAAAD,EAAK,WAAL,MAAAC,EAAe,MAAO,CACxB,KAAM,CAAE,KAAAE,EAAM,OAAAC,EAAQ,OAAAC,CAAO,GAAIH,EAAAF,EAAK,WAAL,KAAA,OAAAE,EAAe,MAChD,MAAO,GAAG,OAAAF,EAAK,IAAA,EAAO,OAAAG,CAAAA,EAAO,OAAAC,CAAS,EAAA,OAAAC,CACxC,CAAA,CAEA,MAAO,GAAG,OAAAL,EAAK,IAAA,EAAO,OAAC,CAAA,IAAI,IAC7B,CAAA,EAEaM,EAAkB,CAAC,CAC9B,QAAAC,EACA,iBAAAC,EAAmB,CAAA,EACnB,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAMC,EAAaJ,EAAS,CAChC,WAAY,CAACK,GAAQ,EACrB,gBAAiB,CAACC,EAAU,YAAY,CAC1C,CAAC,EAEKC,EAAgB,CACpB,GAAG5B,EACH,GAAGsB,CACL,EAEMO,EAA0Bf,GAAS,CACvC,MAAMgB,EAAoBF,EAAcd,EAAK,IAAI,EAEjD,OAAOgB,EACLC,EAAA,cAACD,EAAA,CACC,IAAKjB,EAAgBC,CAAI,EACzB,KAAMA,EACN,WAAYe,CAAAA,CACd,EACE,IACN,EAEA,OACEE,EAAA,cAAClC,EAAA,CAAsB,UAAU,SAAS,IAAK,EAAG,UAAW0B,CAAAA,EAC1DC,EAAI,SAAS,IAAIK,CAAU,CAC9B,CAEJ,EAEAT,EAAgB,YAAc"}

package/dist/components/markdown-content/components/MarkdownCode.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as r}from"../../../stitches.js";import{Box as t}from"../../box/Box.js";const m=r(t,{bg:"$grey200",borderRadius:"$1",color:"$grey1000",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),n=({node:o})=>e.createElement(m,{as:"pre"},o.value);export{n as MarkdownCode};
+import*as o from"react";import{styled as t}from"../../../styled.js";const r=t("div",{base:["bg-grey-200","rounded-md","text-grey-1000","font-mono","text-sm","leading-[1.4]","my-4","p-3"]}),d=({node:e})=>o.createElement(r,{as:"pre"},e.value);export{d as MarkdownCode};
 //# sourceMappingURL=MarkdownCode.js.map

package/dist/components/markdown-content/components/MarkdownCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownCode.tsx"],"sourcesContent":["import type { Code } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box/Box'\n\ntype MarkdownCodeProps = {\n  node: Code\n}\n\nconst StyledMarkdownCode = styled(Box, {\n  bg: '$grey200',\n  borderRadius: '$1',\n  color: '$grey1000',\n  fontFamily: '$mono',\n  fontSize: '$sm',\n  lineHeight: 1.4,\n  my: '$4',\n  p: '$3'\n})\n\nexport const MarkdownCode = ({ node }: MarkdownCodeProps) => (\n  <StyledMarkdownCode as=\"pre\">{node.value}</StyledMarkdownCode>\n)\n"],"names":["StyledMarkdownCode","styled","Box","MarkdownCode","node","React"],"mappings":"6GAWA,MAAMA,EAAqBC,EAAOC,EAAK,CACrC,GAAI,WACJ,aAAc,KACd,MAAO,YACP,WAAY,QACZ,SAAU,MACV,WAAY,IACZ,GAAI,KACJ,EAAG,IACL,CAAC,EAEYC,EAAe,CAAC,CAAE,KAAAC,CAAK,IAClCC,EAAA,cAACL,EAAA,CAAmB,GAAG,KAAOI,EAAAA,EAAK,KAAM"}
+{"version":3,"file":"MarkdownCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownCode.tsx"],"sourcesContent":["import type { Code } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownCodeProps = {\n  node: Code\n}\n\nconst StyledMarkdownCode = styled('div', {\n  base: [\n    'bg-grey-200',\n    'rounded-md',\n    'text-grey-1000',\n    'font-mono',\n    'text-sm',\n    'leading-[1.4]',\n    'my-4',\n    'p-3'\n  ]\n})\n\nexport const MarkdownCode = ({ node }: MarkdownCodeProps) => (\n  <StyledMarkdownCode as=\"pre\">{node.value}</StyledMarkdownCode>\n)\n"],"names":["StyledMarkdownCode","styled","MarkdownCode","node","React"],"mappings":"oEASA,MAAMA,EAAqBC,EAAO,MAAO,CACvC,KAAM,CACJ,cACA,aACA,iBACA,YACA,UACA,gBACA,OACA,KACF,CACF,CAAC,EAEYC,EAAe,CAAC,CAAE,KAAAC,CAAK,IAClCC,EAAA,cAACJ,EAAA,CAAmB,GAAG,KAAA,EAAOG,EAAK,KAAM"}

package/dist/components/markdown-content/components/MarkdownEmphasis.js

@@ -1,2 +1,2 @@
-import*as l from"react";import{styled as n}from"../../../stitches.js";const o=n("em",{fontStyle:"italic"}),a=({node:r,handleNode:t})=>{var e;return l.createElement(o,null,(e=r.children)==null?void 0:e.map(t))};export{a as MarkdownEmphasis,o as StyledMarkdownEmphasis};
+import*as l from"react";import{styled as n}from"../../../styled.js";const o=n("em",{base:["italic"]}),t=({node:r,handleNode:a})=>{var e;return l.createElement(o,null,(e=r.children)==null?void 0:e.map(a))};export{t as MarkdownEmphasis,o as StyledMarkdownEmphasis};
 //# sourceMappingURL=MarkdownEmphasis.js.map

package/dist/components/markdown-content/components/MarkdownEmphasis.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEmphasis.js","sources":["../../../../src/components/markdown-content/components/MarkdownEmphasis.tsx"],"sourcesContent":["import type { Content, Emphasis } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\ntype MarkdownEmphasisProps = {\n  node: Emphasis\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const StyledMarkdownEmphasis = styled('em', { fontStyle: 'italic' })\n\nexport const MarkdownEmphasis = ({\n  node,\n  handleNode\n}: MarkdownEmphasisProps) => (\n  <StyledMarkdownEmphasis>\n    {node.children?.map(handleNode)}\n  </StyledMarkdownEmphasis>\n)\n"],"names":["StyledMarkdownEmphasis","styled","MarkdownEmphasis","node","handleNode","_a","React"],"mappings":"sEAUa,MAAAA,EAAyBC,EAAO,KAAM,CAAE,UAAW,QAAS,CAAC,EAE7DC,EAAmB,CAAC,CAC/B,KAAAC,EACA,WAAAC,CACF,IAA0B,CAf1B,IAAAC,EAgBE,OAAAC,EAAA,cAACN,EAAA,MACEK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CACtB,CAAA,CAAA"}
+{"version":3,"file":"MarkdownEmphasis.js","sources":["../../../../src/components/markdown-content/components/MarkdownEmphasis.tsx"],"sourcesContent":["import type { Content, Emphasis } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownEmphasisProps = {\n  node: Emphasis\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const StyledMarkdownEmphasis = styled('em', {\n  base: ['italic']\n})\n\nexport const MarkdownEmphasis = ({\n  node,\n  handleNode\n}: MarkdownEmphasisProps) => (\n  <StyledMarkdownEmphasis>\n    {node.children?.map(handleNode)}\n  </StyledMarkdownEmphasis>\n)\n"],"names":["StyledMarkdownEmphasis","styled","MarkdownEmphasis","node","handleNode","_a","React"],"mappings":"oEAUa,MAAAA,EAAyBC,EAAO,KAAM,CACjD,KAAM,CAAC,QAAQ,CACjB,CAAC,EAEYC,EAAmB,CAAC,CAC/B,KAAAC,EACA,WAAAC,CACF,IAA0B,CAjB1B,IAAAC,EAkBE,OAAAC,EAAA,cAACN,QACEK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CACtB,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownHeading.js","sources":["../../../../src/components/markdown-content/components/MarkdownHeading.tsx"],"sourcesContent":["import type { Content, Heading as HeadingType } from 'mdast'\nimport * as React from 'react'\n\nimport { Heading, HeadingProps } from '../../heading/Heading'\n\ntype MarkdownHeadingProps = {\n  node: HeadingType\n  handleNode: (node: Content) => React.ReactElement\n}\n\nconst getHeadingProps = (depth: number): HeadingProps => {\n  switch (depth) {\n    case 1:\n      return { size: 'xl', as: 'h1' }\n    case 2:\n      return { size: 'lg', as: 'h2' }\n    case 3:\n      return { size: 'md', as: 'h3' }\n    case 4:\n      return { size: 'sm', as: 'h4' }\n    case 5:\n      return { size: 'xs', as: 'h5' }\n    default:\n      return { size: 'xs', as: 'h6' }\n  }\n}\n\nexport const MarkdownHeading = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownHeadingProps) => {\n  const { as, size } = getHeadingProps(node.depth)\n\n  return (\n    <Heading as={as} size={size} {...rest}>\n      {node.children?.map(handleNode)}\n    </Heading>\n  )\n}\n"],"names":["getHeadingProps","depth","MarkdownHeading","node","handleNode","rest","_a","as","size","React","Heading"],"mappings":"2EAUA,MAAMA,EAAmBC,GAAgC,CACvD,OAAQA,OAEJ,GAAA,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,MAE9B,GAAA,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,MAE9B,GAAA,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,MAC3B,GACH,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,SAE9B,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,UAE9B,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EAEpC,EAEaC,EAAkB,CAAC,CAC9B,KAAAC,EACA,WAAAC,KACGC,CACL,IAA4B,CA/B5B,IAAAC,EAgCE,KAAM,CAAE,GAAAC,EAAI,KAAAC,CAAK,EAAIR,EAAgBG,EAAK,KAAK,EAE/C,OACEM,EAAA,cAACC,EAAA,CAAQ,GAAIH,EAAI,KAAMC,EAAO,GAAGH,CAAAA,GAC9BC,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAAA,CACtB,CAEJ"}
+{"version":3,"file":"MarkdownHeading.js","sources":["../../../../src/components/markdown-content/components/MarkdownHeading.tsx"],"sourcesContent":["import type { Content, Heading as HeadingType } from 'mdast'\nimport * as React from 'react'\n\nimport { Heading, HeadingProps } from '../../heading/Heading'\n\ntype MarkdownHeadingProps = {\n  node: HeadingType\n  handleNode: (node: Content) => React.ReactElement\n}\n\nconst getHeadingProps = (depth: number): HeadingProps => {\n  switch (depth) {\n    case 1:\n      return { size: 'xl', as: 'h1' }\n    case 2:\n      return { size: 'lg', as: 'h2' }\n    case 3:\n      return { size: 'md', as: 'h3' }\n    case 4:\n      return { size: 'sm', as: 'h4' }\n    case 5:\n      return { size: 'xs', as: 'h5' }\n    default:\n      return { size: 'xs', as: 'h6' }\n  }\n}\n\nexport const MarkdownHeading = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownHeadingProps) => {\n  const { as, size } = getHeadingProps(node.depth)\n\n  return (\n    <Heading as={as} size={size} {...rest}>\n      {node.children?.map(handleNode)}\n    </Heading>\n  )\n}\n"],"names":["getHeadingProps","depth","MarkdownHeading","node","handleNode","rest","_a","as","size","React","Heading"],"mappings":"2EAUA,MAAMA,EAAmBC,GAAgC,CACvD,OAAQA,EAAAA,CACN,IAAK,GACH,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EAChC,IAAK,GACH,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EAChC,IAAK,GACH,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EAChC,IACE,GAAA,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EAChC,IAAK,GACH,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EAChC,QACE,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,CAClC,CACF,EAEaC,EAAkB,CAAC,CAC9B,KAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA4B,CA/B5B,IAAAC,EAgCE,KAAM,CAAE,GAAAC,EAAI,KAAAC,CAAK,EAAIR,EAAgBG,EAAK,KAAK,EAE/C,OACEM,EAAA,cAACC,EAAA,CAAQ,GAAIH,EAAI,KAAMC,EAAO,GAAGH,CAC9BC,GAAAA,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAAA,CACtB,CAEJ"}

package/dist/components/markdown-content/components/MarkdownImage.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{Image as a}from"../../image/Image.js";const s=({node:r,css:o})=>{var e;return t.createElement(a,{src:r.url,alt:(e=r.alt)!=null?e:void 0,css:o})};export{s as MarkdownImage};
+import*as m from"react";import{Image as o}from"../../image/Image.js";const t=({node:e,className:a})=>{var r;return m.createElement(o,{src:e.url,alt:(r=e.alt)!=null?r:void 0,className:a})};export{t as MarkdownImage};
 //# sourceMappingURL=MarkdownImage.js.map

package/dist/components/markdown-content/components/MarkdownImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownImage.js","sources":["../../../../src/components/markdown-content/components/MarkdownImage.tsx"],"sourcesContent":["import type { Image as ImageType } from 'mdast'\nimport * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { Image } from '../../image/Image'\n\ntype MarkdownImageProps = {\n  node: ImageType\n  css?: CSS\n}\n\nexport const MarkdownImage = ({ node, css }: MarkdownImageProps) => (\n  <Image src={node.url} alt={node.alt ?? undefined} css={css} />\n)\n"],"names":["MarkdownImage","node","css","_a","React","Image"],"mappings":"qEAYO,MAAMA,EAAgB,CAAC,CAAE,KAAAC,EAAM,IAAAC,CAAI,IAAuB,CAZjE,IAAAC,EAaE,OAAAC,EAAA,cAACC,EAAA,CAAM,IAAKJ,EAAK,IAAK,KAAKE,EAAAF,EAAK,MAAL,KAAAE,EAAY,OAAW,IAAKD,CAAK,CAAA,CAAA"}
+{"version":3,"file":"MarkdownImage.js","sources":["../../../../src/components/markdown-content/components/MarkdownImage.tsx"],"sourcesContent":["import type { Image as ImageType } from 'mdast'\nimport * as React from 'react'\n\nimport { Image } from '../../image/Image'\n\ntype MarkdownImageProps = {\n  node: ImageType\n  className?: string\n}\n\nexport const MarkdownImage = ({ node, className }: MarkdownImageProps) => (\n  <Image src={node.url} alt={node.alt ?? undefined} className={className} />\n)\n"],"names":["MarkdownImage","node","className","_a","React","Image"],"mappings":"qEAUO,MAAMA,EAAgB,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,IAAuB,CAVvE,IAAAC,EAWE,OAAAC,EAAA,cAACC,EAAA,CAAM,IAAKJ,EAAK,IAAK,KAAKE,EAAAF,EAAK,MAAL,KAAAE,EAAY,OAAW,UAAWD,CAAW,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownInlineCode.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as r}from"../../../stitches.js";import{Box as n}from"../../box/Box.js";const t=r(n,{bg:"$grey200",borderRadius:"$0",color:"$grey1000",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),i=({node:o})=>e.createElement(t,{as:"code"},o.value);export{i as MarkdownInlineCode};
+import*as o from"react";import{styled as t}from"../../../styled.js";const n=t("div",{base:["bg-grey-200","rounded-sm","text-grey-1000","inline-block","font-mono","text-[85%]","px-1","py-0.5"]}),r=({node:e})=>o.createElement(n,{as:"code"},e.value);export{r as MarkdownInlineCode};
 //# sourceMappingURL=MarkdownInlineCode.js.map

package/dist/components/markdown-content/components/MarkdownInlineCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownInlineCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownInlineCode.tsx"],"sourcesContent":["import type { InlineCode } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box/Box'\n\ntype MarkdownInlineCodeProps = {\n  node: InlineCode\n}\n\nconst StyledMarkdownInlineCode = styled(Box, {\n  bg: '$grey200',\n  borderRadius: '$0',\n  color: '$grey1000',\n  display: 'inline-block',\n  fontFamily: '$mono',\n  fontSize: '85%',\n  p: '$0 $1'\n})\n\nexport const MarkdownInlineCode = ({ node }: MarkdownInlineCodeProps) => (\n  <StyledMarkdownInlineCode as=\"code\">{node.value}</StyledMarkdownInlineCode>\n)\n"],"names":["StyledMarkdownInlineCode","styled","Box","MarkdownInlineCode","node","React"],"mappings":"6GAWA,MAAMA,EAA2BC,EAAOC,EAAK,CAC3C,GAAI,WACJ,aAAc,KACd,MAAO,YACP,QAAS,eACT,WAAY,QACZ,SAAU,MACV,EAAG,OACL,CAAC,EAEYC,EAAqB,CAAC,CAAE,KAAAC,CAAK,IACxCC,EAAA,cAACL,EAAA,CAAyB,GAAG,MAAQI,EAAAA,EAAK,KAAM"}
+{"version":3,"file":"MarkdownInlineCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownInlineCode.tsx"],"sourcesContent":["import type { InlineCode } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownInlineCodeProps = {\n  node: InlineCode\n}\n\nconst StyledMarkdownInlineCode = styled('div', {\n  base: [\n    'bg-grey-200',\n    'rounded-sm',\n    'text-grey-1000',\n    'inline-block',\n    'font-mono',\n    'text-[85%]',\n    'px-1',\n    'py-0.5'\n  ]\n})\n\nexport const MarkdownInlineCode = ({ node }: MarkdownInlineCodeProps) => (\n  <StyledMarkdownInlineCode as=\"code\">{node.value}</StyledMarkdownInlineCode>\n)\n"],"names":["StyledMarkdownInlineCode","styled","MarkdownInlineCode","node","React"],"mappings":"oEASA,MAAMA,EAA2BC,EAAO,MAAO,CAC7C,KAAM,CACJ,cACA,aACA,iBACA,eACA,YACA,aACA,OACA,QACF,CACF,CAAC,EAEYC,EAAqB,CAAC,CAAE,KAAAC,CAAK,IACxCC,EAAA,cAACJ,EAAA,CAAyB,GAAG,MAAA,EAAQG,EAAK,KAAM"}

package/dist/components/markdown-content/components/MarkdownList.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{List as i}from"../../list/List.js";const t=({node:e,handleNode:o,css:d})=>{var r;return n.createElement(i,{css:{"& p":{display:"inline"},"& p:before, & p:after":{display:"none"},...d},ordered:e.ordered||void 0},(r=e.children)==null?void 0:r.map(o))};export{t as MarkdownList};
+import i from"clsx";import*as n from"react";import{List as t}from"../../list/List.js";const a=({node:e,handleNode:o,className:d})=>{var r;return n.createElement(t,{ordered:e.ordered||void 0,className:i("[&_p]:inline","[&_p]:before:hidden","[&_p]:after:hidden",d)},(r=e.children)==null?void 0:r.map(o))};export{a as MarkdownList};
 //# sourceMappingURL=MarkdownList.js.map

package/dist/components/markdown-content/components/MarkdownList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownList.js","sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import type { Content, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { type CSS } from '~/stitches'\n\nimport { List } from '../../list'\n\ntype MarkdownListProps = {\n  node: ListType\n  handleNode: (node: Content) => React.ReactElement\n  css?: CSS\n}\n\nexport const MarkdownList = ({ node, handleNode, css }: MarkdownListProps) => (\n  <List\n    css={{\n      '& p': { display: 'inline' },\n      '& p:before, & p:after': { display: 'none' },\n      ...css\n    }}\n    ordered={node.ordered || undefined}\n  >\n    {node.children?.map(handleNode)}\n  </List>\n)\n"],"names":["MarkdownList","node","handleNode","css","_a","React","List"],"mappings":"kEAaO,MAAMA,EAAe,CAAC,CAAE,KAAAC,EAAM,WAAAC,EAAY,IAAAC,CAAI,IAAsB,CAb3E,IAAAC,EAcE,OAAAC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,MAAO,CAAE,QAAS,QAAS,EAC3B,wBAAyB,CAAE,QAAS,MAAO,EAC3C,GAAGH,CACL,EACA,QAASF,EAAK,SAAW,MAExBG,GAAAA,EAAAH,EAAK,WAAL,KAAA,OAAAG,EAAe,IAAIF,CACtB,CAAA,CAAA"}
+{"version":3,"file":"MarkdownList.js","sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type { Content, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list'\n\ntype MarkdownListProps = {\n  node: ListType\n  handleNode: (node: Content) => React.ReactElement\n  className?: string\n}\n\nexport const MarkdownList = ({\n  node,\n  handleNode,\n  className\n}: MarkdownListProps) => (\n  <List\n    ordered={node.ordered || undefined}\n    className={clsx(\n      '[&_p]:inline',\n      '[&_p]:before:hidden',\n      '[&_p]:after:hidden',\n      className\n    )}\n  >\n    {node.children?.map(handleNode)}\n  </List>\n)\n"],"names":["MarkdownList","node","handleNode","className","_a","React","List","clsx"],"mappings":"sFAYO,MAAMA,EAAe,CAAC,CAC3B,KAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAAsB,CAhBtB,IAAAC,EAiBE,OAAAC,EAAA,cAACC,EAAA,CACC,QAASL,EAAK,SAAW,OACzB,UAAWM,EACT,eACA,sBACA,qBACAJ,CACF,CAECC,GAAAA,EAAAH,EAAK,WAAL,KAAA,OAAAG,EAAe,IAAIF,CACtB,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownParagraph.js","sources":["../../../../src/components/markdown-content/components/MarkdownParagraph.tsx"],"sourcesContent":["import type { Content, Paragraph } from 'mdast'\nimport * as React from 'react'\n\nimport { Text } from '../../text'\n\ntype MarkdownParagraphProps = {\n  node: Paragraph\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const MarkdownParagraph = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownParagraphProps) => (\n  <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"names":["MarkdownParagraph","node","handleNode","rest","_a","React","Text"],"mappings":"kEAUO,MAAMA,EAAoB,CAAC,CAChC,KAAAC,EACA,WAAAC,KACGC,CACL,IAA2B,CAd3B,IAAAC,EAeE,OAAAC,EAAA,cAACC,EAAA,CAAM,GAAGH,CAAOC,GAAAA,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAY,CAAA,CAAA"}
+{"version":3,"file":"MarkdownParagraph.js","sources":["../../../../src/components/markdown-content/components/MarkdownParagraph.tsx"],"sourcesContent":["import type { Content, Paragraph } from 'mdast'\nimport * as React from 'react'\n\nimport { Text } from '../../text'\n\ntype MarkdownParagraphProps = {\n  node: Paragraph\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const MarkdownParagraph = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownParagraphProps) => (\n  <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"names":["MarkdownParagraph","node","handleNode","rest","_a","React","Text"],"mappings":"kEAUO,MAAMA,EAAoB,CAAC,CAChC,KAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA2B,CAd3B,IAAAC,EAeE,OAAAC,EAAA,cAACC,EAAA,CAAM,GAAGH,CAAAA,GAAOC,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAY,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownStrong.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{styled as t}from"../../../stitches.js";const d=t("strong",{fontWeight:600}),l=({node:e,handleNode:n})=>{var o;return r.createElement(d,null,(o=e.children)==null?void 0:o.map(n))};export{l as MarkdownStrong};
+import*as r from"react";import{styled as t}from"../../../styled.js";const d=t("strong",{base:["font-semibold"]}),l=({node:e,handleNode:n})=>{var o;return r.createElement(d,null,(o=e.children)==null?void 0:o.map(n))};export{l as MarkdownStrong};
 //# sourceMappingURL=MarkdownStrong.js.map

package/dist/components/markdown-content/components/MarkdownStrong.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownStrong.js","sources":["../../../../src/components/markdown-content/components/MarkdownStrong.tsx"],"sourcesContent":["import type { Content, Strong } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\ntype MarkdownStrongProps = {\n  node: Strong\n  handleNode: (node: Content) => React.ReactElement\n}\n\nconst StyledMarkdownStrong = styled('strong', { fontWeight: 600 })\n\nexport const MarkdownStrong = ({ node, handleNode }: MarkdownStrongProps) => (\n  <StyledMarkdownStrong>{node.children?.map(handleNode)}</StyledMarkdownStrong>\n)\n"],"names":["StyledMarkdownStrong","styled","MarkdownStrong","node","handleNode","_a","React"],"mappings":"sEAUA,MAAMA,EAAuBC,EAAO,SAAU,CAAE,WAAY,GAAI,CAAC,EAEpDC,EAAiB,CAAC,CAAE,KAAAC,EAAM,WAAAC,CAAW,IAAwB,CAZ1E,IAAAC,EAaE,OAAAC,EAAA,cAACN,EAAA,MAAsBK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}
+{"version":3,"file":"MarkdownStrong.js","sources":["../../../../src/components/markdown-content/components/MarkdownStrong.tsx"],"sourcesContent":["import type { Content, Strong } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownStrongProps = {\n  node: Strong\n  handleNode: (node: Content) => React.ReactElement\n}\n\nconst StyledMarkdownStrong = styled('strong', {\n  base: ['font-semibold']\n})\n\nexport const MarkdownStrong = ({ node, handleNode }: MarkdownStrongProps) => (\n  <StyledMarkdownStrong>{node.children?.map(handleNode)}</StyledMarkdownStrong>\n)\n"],"names":["StyledMarkdownStrong","styled","MarkdownStrong","node","handleNode","_a","React"],"mappings":"oEAUA,MAAMA,EAAuBC,EAAO,SAAU,CAC5C,KAAM,CAAC,eAAe,CACxB,CAAC,EAEYC,EAAiB,CAAC,CAAE,KAAAC,EAAM,WAAAC,CAAW,IAAwB,CAd1E,IAAAC,EAeE,OAAAC,EAAA,cAACN,EAAA,MAAsBK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownThematicBreak.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{Divider as t}from"../../divider/Divider.js";const o=({css:e})=>r.createElement(t,{css:{width:"100%",...e}});export{o as MarkdownThematicBreak};
+import r from"clsx";import*as m from"react";import{Divider as o}from"../../divider/Divider.js";const a=({className:e})=>m.createElement(o,{className:r("w-full",e)});export{a as MarkdownThematicBreak};
 //# sourceMappingURL=MarkdownThematicBreak.js.map

package/dist/components/markdown-content/components/MarkdownThematicBreak.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownThematicBreak.js","sources":["../../../../src/components/markdown-content/components/MarkdownThematicBreak.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { Divider } from '../../divider'\n\ntype MarkdownThematicBreakProps = {\n  css?: CSS\n}\n\nexport const MarkdownThematicBreak = ({ css }: MarkdownThematicBreakProps) => (\n  <Divider css={{ width: '100%', ...css }} />\n)\n"],"names":["MarkdownThematicBreak","css","React","Divider"],"mappings":"2EAUO,MAAMA,EAAwB,CAAC,CAAE,IAAAC,CAAI,IAC1CC,EAAA,cAACC,EAAA,CAAQ,IAAK,CAAE,MAAO,OAAQ,GAAGF,CAAI,CAAG,CAAA"}
+{"version":3,"file":"MarkdownThematicBreak.js","sources":["../../../../src/components/markdown-content/components/MarkdownThematicBreak.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Divider } from '../../divider'\n\ntype MarkdownThematicBreakProps = {\n  className?: string\n}\n\nexport const MarkdownThematicBreak = ({\n  className\n}: MarkdownThematicBreakProps) => (\n  <Divider className={clsx('w-full', className)} />\n)\n"],"names":["MarkdownThematicBreak","className","React","Divider","clsx"],"mappings":"+FASO,MAAMA,EAAwB,CAAC,CACpC,UAAAC,CACF,IACEC,EAAA,cAACC,EAAA,CAAQ,UAAWC,EAAK,SAAUH,CAAS,CAAG,CAAA"}

package/dist/components/navigation/NavigationMenu.colorscheme.config.js

@@ -0,0 +1,2 @@
+const r={"--text":"var(--color-text-subtle)","--text-hover":"var(--color-grey-1000)","--text-active":"var(--color-grey-1000)","--text-selected":"var(--color-primary-800)","--text-selected-hover":"var(--color-primary-800)","--text-selected-pressed":"var(--color-primary-800)","--text-selected-focus":"var(--color-primary-800)","--background":"white","--background-hover":"var(--color-grey-100)","--background-active":"var(--color-grey-200)","--background-selected":"var(--color-primary-100)","--background-selected-hover":"var(--color-grey-100)","--background-selected-pressed":"var(--color-grey-200)","--item-text-selected":"var(--color-grey-900)","--item-background-selected":"var(--color-grey-900)","--trigger-background-open":"var(--color-grey-200)","--dropdown-background":"white"},e={light:r};export{e as colorSchemes};
+//# sourceMappingURL=NavigationMenu.colorscheme.config.js.map

package/dist/components/navigation/NavigationMenu.colorscheme.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.colorscheme.config.js","sources":["../../../src/components/navigation/NavigationMenu.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--color-text-subtle)',\n  '--text-hover': 'var(--color-grey-1000)',\n  '--text-active': 'var(--color-grey-1000)',\n  '--text-selected': 'var(--color-primary-800)',\n  '--text-selected-hover': 'var(--color-primary-800)',\n  '--text-selected-pressed': 'var(--color-primary-800)',\n  '--text-selected-focus': 'var(--color-primary-800)',\n  '--background': 'white',\n  '--background-hover': 'var(--color-grey-100)',\n  '--background-active': 'var(--color-grey-200)',\n  '--background-selected': 'var(--color-primary-100)',\n  '--background-selected-hover': 'var(--color-grey-100)',\n  '--background-selected-pressed': 'var(--color-grey-200)',\n  '--item-text-selected': 'var(--color-grey-900)',\n  '--item-background-selected': 'var(--color-grey-900)',\n  '--trigger-background-open': 'var(--color-grey-200)',\n  '--dropdown-background': 'white'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"names":["light","colorSchemes"],"mappings":"AAAA,MAAMA,EAAQ,CACZ,SAAU,2BACV,eAAgB,yBAChB,gBAAiB,yBACjB,kBAAmB,2BACnB,wBAAyB,2BACzB,0BAA2B,2BAC3B,wBAAyB,2BACzB,eAAgB,QAChB,qBAAsB,wBACtB,sBAAuB,wBACvB,wBAAyB,2BACzB,8BAA+B,wBAC/B,gCAAiC,wBACjC,uBAAwB,wBACxB,6BAA8B,wBAC9B,4BAA6B,wBAC7B,wBAAyB,OAC3B,EAEaC,EAAe,CAC1B,MAAAD,CACF"}

package/dist/components/navigation/NavigationMenu.js

@@ -1,2 +1,2 @@
-import*as r from"@radix-ui/react-navigation-menu";import t from"react";import{keyframes as N,styled as o}from"../../stitches.js";import{fadeOut as h}from"../../utilities/style/keyframe-animations.js";import{NavigationMenuContext as M}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as D}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as C}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as E,NavigationMenuDropdownItemTitle as x}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as I}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as T}from"./NavigationMenuLink.js";import{colorSchemes as j}from"./stitches.navigationMenu.colorscheme.config.js";const L=N({"0%, 50%":{opacity:0},"100%":{opacity:1}}),S=o(r.Root,{display:"flex",justifyContent:"center",position:"relative"}),W=o(r.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),$=o(r.Viewport,{zIndex:2147483647}),k=o("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),m=({children:s,css:f,...u})=>{const[p,l]=t.useState(),[n,d]=t.useState(),[i,c]=t.useState(0),a=t.useRef(null);t.useLayoutEffect(()=>{a.current&&c(a.current.offsetWidth)},[t.Children.toArray(s).length]),t.useEffect(()=>{let e;return n===""&&(e=setTimeout(()=>l(null),200)),()=>{e!==null&&clearTimeout(e)}},[n]);const g=(e,v)=>{if(e&&i&&n===v){const y=i/2,w=i-e.offsetLeft-e.offsetWidth+e.offsetWidth/2;l(Math.round(y-w))}return e};return t.createElement(M.Provider,{value:{onNodeUpdate:g}},t.createElement(S,{className:j.light,onValueChange:d,css:f,...u},t.createElement(W,{ref:a},s),t.createElement(k,null,t.createElement($,{style:{"--navigation-menu-viewport-offset":`${p||0}px`},css:{transform:"translateX(var(--navigation-menu-viewport-offset))",'&[data-state="open"]':{animation:`${L} 200ms ease`},'&[data-state="closed"]':{animation:`${h} 200ms ease-out`}}}))))},V=Object.assign(m,{Link:T,Dropdown:D,DropdownContent:C,DropdownItem:E,DropdownItemTitle:x,DropdownTrigger:I});m.displayName="NavigationMenu";export{V as NavigationMenu};
+import*as i from"@radix-ui/react-navigation-menu";import f from"clsx";import e from"react";import{styled as o}from"../../styled.js";import{colorSchemes as y}from"./NavigationMenu.colorscheme.config.js";import{NavigationMenuContext as D}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as M}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as b}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as x,NavigationMenuDropdownItemTitle as E}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as C}from"./NavigationMenuLink.js";const I=o(i.Root,{base:["flex","justify-center","relative"]}),L=o(i.List,{base:["flex","justify-center","items-center","gap-1","list-none"]}),j=o(i.Viewport,{base:["z-2147483647"]}),S=o("div",{base:["absolute","left-0","top-full","w-full","flex","justify-center"]}),m=({children:s,className:u,...p})=>{const[c,l]=e.useState(),[n,d]=e.useState(),[r,g]=e.useState(0),a=e.useRef(null);e.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[e.Children.toArray(s).length]),e.useEffect(()=>{let t;return n===""&&(t=setTimeout(()=>l(null),200)),()=>{t!==null&&clearTimeout(t)}},[n]);const v=(t,w)=>{if(t&&r&&n===w){const N=r/2,h=r-t.offsetLeft-t.offsetWidth+t.offsetWidth/2;l(Math.round(N-h))}return t};return e.createElement(D.Provider,{value:{onNodeUpdate:v}},e.createElement(I,{className:f(u),style:y.light,onValueChange:d,...p},e.createElement(L,{ref:a},s),e.createElement(S,null,e.createElement(j,{style:{"--navigation-menu-viewport-offset":"".concat(c||0,"px")},className:f(["data-[state=open]:animate-fade-in","data-[state=closed]:animate-fade-out","translate-x-(--navigation-menu-viewport-offset)"])}))))},V=Object.assign(m,{Link:C,Dropdown:M,DropdownContent:b,DropdownItem:x,DropdownItemTitle:E,DropdownTrigger:T});m.displayName="NavigationMenu";export{V as NavigationMenu};
 //# sourceMappingURL=NavigationMenu.js.map