@traefik-labs/faency 12.3.8 → 13.0.0

package/dist/components/Textarea/Textarea.vanilla.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vanilla.js","names":[],"sources":["../../../components/Textarea/Textarea.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { LabelVanilla } from '../Label';\nimport {\n  adornmentWrapperEnd,\n  styledTextareaRecipe,\n  textareaWrapperRecipe,\n} from './Textarea.vanilla.css';\n\ntype StyledTextareaRecipeVariants = NonNullable<RecipeVariants<typeof styledTextareaRecipe>>;\n\nexport interface TextareaVanillaOwnProps extends CSSProps {\n  variant?: StyledTextareaRecipeVariants['variant'];\n  state?: StyledTextareaRecipeVariants['state'];\n  cursor?: StyledTextareaRecipeVariants['cursor'];\n  resize?: StyledTextareaRecipeVariants['resize'];\n  label?: string;\n  endAdornment?: React.ReactNode;\n  rootCss?: CSSProps['css'];\n}\n\nexport type TextareaVanillaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> &\n  TextareaVanillaOwnProps;\n\nexport const TextareaVanilla = React.forwardRef<HTMLTextAreaElement, TextareaVanillaProps>(\n  (\n    {\n      state,\n      disabled,\n      onFocus,\n      onBlur,\n      label,\n      id,\n      rootCss,\n      css,\n      endAdornment,\n      variant,\n      cursor,\n      resize,\n      className,\n      style,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const { colors } = useVanillaExtractTheme();\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    const labelVariant = React.useMemo(() => {\n      if (disabled) {\n        return 'subtle';\n      }\n      if (invalid) {\n        return 'invalid';\n      }\n      if (hasFocus) {\n        return 'contrast';\n      }\n      return 'default';\n    }, [invalid, disabled, hasFocus]);\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onFocus) {\n          onFocus(e);\n        }\n        setHasFocus(true);\n      },\n      [onFocus, setHasFocus],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onBlur) {\n          onBlur(e);\n        }\n        setHasFocus(false);\n      },\n      [onBlur, setHasFocus],\n    );\n\n    const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);\n    const rootMergedStyles = { ...rootCssStyles, ...assignInlineVars(rootVars) };\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const textareaWrapperClass = textareaWrapperRecipe({ state, disabled });\n    const styledTextareaClass = styledTextareaRecipe({\n      variant,\n      state,\n      cursor,\n      resize,\n      endAdornment: hasEndAdornment,\n    });\n\n    return (\n      <div style={rootMergedStyles}>\n        {label && (\n          <LabelVanilla variant={labelVariant} htmlFor={id} css={{ display: 'block' }}>\n            {label}\n          </LabelVanilla>\n        )}\n        <div className={textareaWrapperClass}>\n          <textarea\n            id={id}\n            ref={forwardedRef}\n            className={`${styledTextareaClass} ${className || ''}`.trim()}\n            style={mergedStyles}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            {...props}\n          />\n          {hasEndAdornment && <div className={adornmentWrapperEnd}>{endAdornment}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nTextareaVanilla.displayName = 'TextareaVanilla';\n"],"mappings":";;;;;;;;AA4BA,IAAa,kBAAkB,MAAM,YAEjC,EACE,OACA,UACA,SACA,QACA,OACA,IACA,SACA,KACA,cACA,SACA,QACA,QACA,WACA,OACA,GAAG,SAEL,iBACG;CACH,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,KAAK;CACpD,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,UAAU,MAAM,cAAc,UAAU,WAAW,CAAC,KAAK,CAAC;CAChE,MAAM,kBAAkB,MAAM,cAAc,QAAQ,YAAY,GAAG,CAAC,YAAY,CAAC;CAEjF,MAAM,eAAe,MAAM,cAAc;EACvC,IAAI,UACF,OAAO;EAET,IAAI,SACF,OAAO;EAET,IAAI,UACF,OAAO;EAET,OAAO;CACT,GAAG;EAAC;EAAS;EAAU;CAAQ,CAAC;CAEhC,MAAM,cAAc,MAAM,aACvB,MAA6C;EAC5C,IAAI,SACF,QAAQ,CAAC;EAEX,YAAY,IAAI;CAClB,GACA,CAAC,SAAS,WAAW,CACvB;CAEA,MAAM,aAAa,MAAM,aACtB,MAA6C;EAC5C,IAAI,QACF,OAAO,CAAC;EAEV,YAAY,KAAK;CACnB,GACA,CAAC,QAAQ,WAAW,CACtB;CAEA,MAAM,EAAE,OAAO,eAAe,MAAM,aAAa,eAAe,SAAS,MAAM;CAC/E,MAAM,mBAAmB;EAAE,GAAG;EAAe,GAAG,iBAAiB,QAAQ;CAAE;CAE3E,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAC7D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,IAAI;CAAE;CAEzE,MAAM,uBAAuB,sBAAsB;EAAE;EAAO;CAAS,CAAC;CACtE,MAAM,sBAAsB,qBAAqB;EAC/C;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,qBAAC,OAAD;EAAK,OAAO;YAAZ,CACG,SACC,oBAAC,cAAD;GAAc,SAAS;GAAc,SAAS;GAAI,KAAK,EAAE,SAAS,QAAQ;aACvE;EACW,CAAA,GAEhB,qBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,oBAAC,YAAD;IACM;IACJ,KAAK;IACL,WAAW,GAAG,oBAAoB,GAAG,aAAa,KAAK,KAAK;IAC5D,OAAO;IACG;IACV,SAAS;IACT,QAAQ;IACR,GAAI;GACL,CAAA,GACA,mBAAmB,oBAAC,OAAD;IAAK,WAAA;cAAiC;GAAkB,CAAA,CACzE;IACF;;AAET,CACF;AAEA,gBAAgB,cAAc"}
+{"version":3,"file":"Textarea.vanilla.js","names":[],"sources":["../../../components/Textarea/Textarea.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { LabelVanilla } from '../Label';\nimport {\n  adornmentWrapperEnd,\n  styledTextareaRecipe,\n  textareaWrapperRecipe,\n} from './Textarea.vanilla.css';\n\ntype StyledTextareaRecipeVariants = NonNullable<RecipeVariants<typeof styledTextareaRecipe>>;\n\nexport interface TextareaVanillaOwnProps extends CSSProps {\n  variant?: StyledTextareaRecipeVariants['variant'];\n  state?: StyledTextareaRecipeVariants['state'];\n  cursor?: StyledTextareaRecipeVariants['cursor'];\n  resize?: StyledTextareaRecipeVariants['resize'];\n  label?: string;\n  endAdornment?: React.ReactNode;\n  rootCss?: CSSProps['css'];\n}\n\nexport type TextareaVanillaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> &\n  TextareaVanillaOwnProps;\n\nexport const TextareaVanilla = React.forwardRef<HTMLTextAreaElement, TextareaVanillaProps>(\n  (\n    {\n      state,\n      disabled,\n      onFocus,\n      onBlur,\n      label,\n      id,\n      rootCss,\n      css,\n      endAdornment,\n      variant,\n      cursor,\n      resize,\n      className,\n      style,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const { colors } = useVanillaExtractTheme();\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    const labelVariant = React.useMemo(() => {\n      if (disabled) {\n        return 'subtle';\n      }\n      if (invalid) {\n        return 'invalid';\n      }\n      if (hasFocus) {\n        return 'contrast';\n      }\n      return 'default';\n    }, [invalid, disabled, hasFocus]);\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onFocus) {\n          onFocus(e);\n        }\n        setHasFocus(true);\n      },\n      [onFocus, setHasFocus],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onBlur) {\n          onBlur(e);\n        }\n        setHasFocus(false);\n      },\n      [onBlur, setHasFocus],\n    );\n\n    const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);\n    const rootMergedStyles = { ...rootCssStyles, ...assignInlineVars(rootVars) };\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const textareaWrapperClass = textareaWrapperRecipe({ state, disabled });\n    const styledTextareaClass = styledTextareaRecipe({\n      variant,\n      state,\n      cursor,\n      resize,\n      endAdornment: hasEndAdornment,\n    });\n\n    return (\n      <div style={rootMergedStyles}>\n        {label && (\n          <LabelVanilla variant={labelVariant} htmlFor={id} css={{ display: 'block' }}>\n            {label}\n          </LabelVanilla>\n        )}\n        <div className={textareaWrapperClass}>\n          <textarea\n            id={id}\n            ref={forwardedRef}\n            className={`${styledTextareaClass} ${className || ''}`.trim()}\n            style={mergedStyles}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            {...props}\n          />\n          {hasEndAdornment && <div className={adornmentWrapperEnd}>{endAdornment}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nTextareaVanilla.displayName = 'TextareaVanilla';\n"],"mappings":";;;;;;;;AA4BA,IAAa,kBAAkB,MAAM,YAEjC,EACE,OACA,UACA,SACA,QACA,OACA,IACA,SACA,KACA,cACA,SACA,QACA,QACA,WACA,OACA,GAAG,SAEL,iBACG;CACH,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,KAAK;CACpD,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,UAAU,MAAM,cAAc,UAAU,WAAW,CAAC,KAAK,CAAC;CAChE,MAAM,kBAAkB,MAAM,cAAc,QAAQ,YAAY,GAAG,CAAC,YAAY,CAAC;CAEjF,MAAM,eAAe,MAAM,cAAc;EACvC,IAAI,UACF,OAAO;EAET,IAAI,SACF,OAAO;EAET,IAAI,UACF,OAAO;EAET,OAAO;CACT,GAAG;EAAC;EAAS;EAAU;CAAQ,CAAC;CAEhC,MAAM,cAAc,MAAM,aACvB,MAA6C;EAC5C,IAAI,SACF,QAAQ,CAAC;EAEX,YAAY,IAAI;CAClB,GACA,CAAC,SAAS,WAAW,CACvB;CAEA,MAAM,aAAa,MAAM,aACtB,MAA6C;EAC5C,IAAI,QACF,OAAO,CAAC;EAEV,YAAY,KAAK;CACnB,GACA,CAAC,QAAQ,WAAW,CACtB;CAEA,MAAM,EAAE,OAAO,eAAe,MAAM,aAAa,eAAe,SAAS,MAAM;CAC/E,MAAM,mBAAmB;EAAE,GAAG;EAAe,GAAG,iBAAiB,QAAQ;CAAE;CAE3E,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAC7D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,IAAI;CAAE;CAEzE,MAAM,uBAAuB,sBAAsB;EAAE;EAAO;CAAS,CAAC;CACtE,MAAM,sBAAsB,qBAAqB;EAC/C;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,qBAAC,OAAD;EAAK,OAAO;EAAZ,UAAA,CACG,SACC,oBAAC,cAAD;GAAc,SAAS;GAAc,SAAS;GAAI,KAAK,EAAE,SAAS,QAAQ;GACvE,UAAA;EACW,CAAA,GAEhB,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACE,oBAAC,YAAD;IACM;IACJ,KAAK;IACL,WAAW,GAAG,oBAAoB,GAAG,aAAa,KAAK,KAAK;IAC5D,OAAO;IACG;IACV,SAAS;IACT,QAAQ;IACR,GAAI;GACL,CAAA,GACA,mBAAmB,oBAAC,OAAD;IAAK,WAAA;IAAiC,UAAA;GAAkB,CAAA,CACzE;EACF,CAAA,CAAA;;AAET,CACF;AAEA,gBAAgB,cAAc"}

package/dist/components/Tooltip/Tooltip.cjs

@@ -7,7 +7,7 @@ react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
 _radix_ui_react_tooltip = require_runtime.__toESM(_radix_ui_react_tooltip, 1);
-//#region components/Tooltip/Tooltip.tsx
+// components/Tooltip/Tooltip.tsx
 var Content = require_stitches_config.styled(_radix_ui_react_tooltip.Content, {
 	color: "$tooltipText",
 	backgroundColor: "$tooltipContentBg",
@@ -63,7 +63,6 @@ var Tooltip = react.default.forwardRef(({ children, content, open, defaultOpen,
 }));
 var TooltipRoot = _radix_ui_react_tooltip.Root;
 var TooltipTrigger = _radix_ui_react_tooltip.Trigger;
-//#endregion
 exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipRoot = TooltipRoot;

package/dist/components/Tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","names":[],"sources":["../../../components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> &\n  Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'content'> & {\n    children: React.ReactElement | React.ReactNode;\n    content: React.ReactElement | React.ReactNode;\n    multiline?: boolean;\n    css?: CSS;\n  };\n\nconst Content = styled(TooltipPrimitive.Content, {\n  color: '$tooltipText',\n  backgroundColor: '$tooltipContentBg',\n  borderRadius: '$3',\n  padding: '$2',\n\n  variants: {\n    multiline: {\n      true: {\n        maxWidth: 250,\n        pb: 7,\n      },\n    },\n  },\n});\n\nconst ArrowBox = styled(Box, {\n  color: '$tooltipContentBg',\n});\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof Content>,\n  Partial<TooltipProps>\n>(({ css, multiline, children, ...props }, forwardedRef) => {\n  const isContentString = React.useMemo(() => typeof children === 'string', [children]);\n  return (\n    <Content\n      css={css}\n      side=\"top\"\n      align=\"center\"\n      sideOffset={5}\n      {...(props as React.ComponentProps<typeof TooltipPrimitive.Content>)}\n      multiline={multiline}\n      ref={forwardedRef}\n    >\n      {isContentString ? (\n        <Text\n          size=\"1\"\n          as=\"p\"\n          css={{\n            color: 'currentColor',\n            lineHeight: multiline ? '20px' : undefined,\n          }}\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      <ArrowBox>\n        <TooltipPrimitive.Arrow\n          offset={5}\n          width={11}\n          height={5}\n          style={{\n            fill: 'currentColor',\n          }}\n        />\n      </ArrowBox>\n    </Content>\n  );\n});\n\nexport const Tooltip = React.forwardRef<React.ElementRef<typeof Content>, TooltipProps>(\n  (\n    { children, content, open, defaultOpen, onOpenChange, multiline, css, ...props },\n    forwardedRef,\n  ) => (\n    <TooltipPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={400}\n    >\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipContent css={css} multiline={multiline} ref={forwardedRef} {...props}>\n          {content}\n        </TooltipContent>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  ),\n);\n\nexport const TooltipRoot = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipPortal = TooltipPrimitive.Portal;\n\nexport type TooltipVariants = VariantProps<typeof Tooltip>;\n"],"mappings":";;;;;;;;;;AAeA,IAAM,UAAU,wBAAA,OAAO,wBAAiB,SAAS;CAC/C,OAAO;CACP,iBAAiB;CACjB,cAAc;CACd,SAAS;CAET,UAAU,EACR,WAAW,EACT,MAAM;EACJ,UAAU;EACV,IAAI;CACN,EACF,EACF;AACF,CAAC;AAED,IAAM,WAAW,wBAAA,OAAO,YAAA,KAAK,EAC3B,OAAO,oBACT,CAAC;AAED,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,KAAK,WAAW,UAAU,GAAG,SAAS,iBAAiB;CAC1D,MAAM,kBAAkB,MAAA,QAAM,cAAc,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;CACpF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,SAAD;EACO;EACL,MAAK;EACL,OAAM;EACN,YAAY;EACZ,GAAK;EACM;EACX,KAAK;YAPP,CASG,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,MAAD;GACE,MAAK;GACL,IAAG;GACH,KAAK;IACH,OAAO;IACP,YAAY,YAAY,SAAS,KAAA;GACnC;GAEC;EACG,CAAA,IAEN,UAEF,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAiB,OAAlB;GACE,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO,EACL,MAAM,eACR;EACD,CAAA,EACO,CAAA,CACH;;AAEb,CAAC;AAED,IAAa,UAAU,MAAA,QAAM,YAEzB,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,SACzE,iBAEA,iBAAA,GAAA,kBAAA,KAAA,CAAC,wBAAiB,MAAlB;CACQ;CACO;CACC;CACd,eAAe;WAJjB,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAiB,SAAlB;EAA0B,SAAA;EAAS;CAAmC,CAAA,GACtE,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAiB,QAAlB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;EAAqB;EAAgB;EAAW,KAAK;EAAc,GAAI;YACpE;CACa,CAAA,EACO,CAAA,CACJ;EAE3B;AAEA,IAAa,cAAc,wBAAiB;AAC5C,IAAa,iBAAiB,wBAAiB"}
+{"version":3,"file":"Tooltip.cjs","names":["styled","TooltipPrimitive","Box","React","Text"],"sources":["../../../components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> &\n  Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'content'> & {\n    children: React.ReactElement | React.ReactNode;\n    content: React.ReactElement | React.ReactNode;\n    multiline?: boolean;\n    css?: CSS;\n  };\n\nconst Content = styled(TooltipPrimitive.Content, {\n  color: '$tooltipText',\n  backgroundColor: '$tooltipContentBg',\n  borderRadius: '$3',\n  padding: '$2',\n\n  variants: {\n    multiline: {\n      true: {\n        maxWidth: 250,\n        pb: 7,\n      },\n    },\n  },\n});\n\nconst ArrowBox = styled(Box, {\n  color: '$tooltipContentBg',\n});\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof Content>,\n  Partial<TooltipProps>\n>(({ css, multiline, children, ...props }, forwardedRef) => {\n  const isContentString = React.useMemo(() => typeof children === 'string', [children]);\n  return (\n    <Content\n      css={css}\n      side=\"top\"\n      align=\"center\"\n      sideOffset={5}\n      {...(props as React.ComponentProps<typeof TooltipPrimitive.Content>)}\n      multiline={multiline}\n      ref={forwardedRef}\n    >\n      {isContentString ? (\n        <Text\n          size=\"1\"\n          as=\"p\"\n          css={{\n            color: 'currentColor',\n            lineHeight: multiline ? '20px' : undefined,\n          }}\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      <ArrowBox>\n        <TooltipPrimitive.Arrow\n          offset={5}\n          width={11}\n          height={5}\n          style={{\n            fill: 'currentColor',\n          }}\n        />\n      </ArrowBox>\n    </Content>\n  );\n});\n\nexport const Tooltip = React.forwardRef<React.ElementRef<typeof Content>, TooltipProps>(\n  (\n    { children, content, open, defaultOpen, onOpenChange, multiline, css, ...props },\n    forwardedRef,\n  ) => (\n    <TooltipPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={400}\n    >\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipContent css={css} multiline={multiline} ref={forwardedRef} {...props}>\n          {content}\n        </TooltipContent>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  ),\n);\n\nexport const TooltipRoot = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipPortal = TooltipPrimitive.Portal;\n\nexport type TooltipVariants = VariantProps<typeof Tooltip>;\n"],"mappings":";;;;;;;;;;AAeA,IAAM,UAAUA,wBAAAA,OAAOC,wBAAiB,SAAS;CAC/C,OAAO;CACP,iBAAiB;CACjB,cAAc;CACd,SAAS;CAET,UAAU,EACR,WAAW,EACT,MAAM;EACJ,UAAU;EACV,IAAI;CACN,EACF,EACF;AACF,CAAC;AAED,IAAM,WAAWD,wBAAAA,OAAOE,YAAAA,KAAK,EAC3B,OAAO,oBACT,CAAC;AAED,IAAa,iBAAiBC,MAAAA,QAAM,YAGjC,EAAE,KAAK,WAAW,UAAU,GAAG,SAAS,iBAAiB;CAC1D,MAAM,kBAAkBA,MAAAA,QAAM,cAAc,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;CACpF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,SAAD;EACO;EACL,MAAK;EACL,OAAM;EACN,YAAY;EACZ,GAAK;EACM;EACX,KAAK;EAPP,UAAA,CASG,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;GACE,MAAK;GACL,IAAG;GACH,KAAK;IACH,OAAO;IACP,YAAY,YAAY,SAAS,KAAA;GACnC;GAEC;EACG,CAAA,IAEN,UAEF,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,wBAAiB,OAAlB;GACE,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO,EACL,MAAM,eACR;EACD,CAAA,EACO,CAAA,CACH;;AAEb,CAAC;AAED,IAAa,UAAUE,MAAAA,QAAM,YAEzB,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,SACzE,iBAEA,iBAAA,GAAA,kBAAA,KAAA,CAACF,wBAAiB,MAAlB;CACQ;CACO;CACC;CACd,eAAe;CAJjB,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAiB,SAAlB;EAA0B,SAAA;EAAS;CAAmC,CAAA,GACtE,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAiB,QAAlB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;EAAqB;EAAgB;EAAW,KAAK;EAAc,GAAI;EACpE,UAAA;CACa,CAAA,EACO,CAAA,CACJ;AAE3B,CAAA,CAAA;AAEA,IAAa,cAAcA,wBAAiB;AAC5C,IAAa,iBAAiBA,wBAAiB"}

package/dist/components/Tooltip/Tooltip.js

@@ -4,7 +4,7 @@ import { Text } from "../Text/Text.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-//#region components/Tooltip/Tooltip.tsx
+// components/Tooltip/Tooltip.tsx
 var Content = styled(TooltipPrimitive.Content, {
 	color: "$tooltipText",
 	backgroundColor: "$tooltipContentBg",
@@ -60,7 +60,6 @@ var Tooltip = React.forwardRef(({ children, content, open, defaultOpen, onOpenCh
 }));
 var TooltipRoot = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-//#endregion
 export { Tooltip, TooltipContent, TooltipRoot, TooltipTrigger };
 
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> &\n  Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'content'> & {\n    children: React.ReactElement | React.ReactNode;\n    content: React.ReactElement | React.ReactNode;\n    multiline?: boolean;\n    css?: CSS;\n  };\n\nconst Content = styled(TooltipPrimitive.Content, {\n  color: '$tooltipText',\n  backgroundColor: '$tooltipContentBg',\n  borderRadius: '$3',\n  padding: '$2',\n\n  variants: {\n    multiline: {\n      true: {\n        maxWidth: 250,\n        pb: 7,\n      },\n    },\n  },\n});\n\nconst ArrowBox = styled(Box, {\n  color: '$tooltipContentBg',\n});\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof Content>,\n  Partial<TooltipProps>\n>(({ css, multiline, children, ...props }, forwardedRef) => {\n  const isContentString = React.useMemo(() => typeof children === 'string', [children]);\n  return (\n    <Content\n      css={css}\n      side=\"top\"\n      align=\"center\"\n      sideOffset={5}\n      {...(props as React.ComponentProps<typeof TooltipPrimitive.Content>)}\n      multiline={multiline}\n      ref={forwardedRef}\n    >\n      {isContentString ? (\n        <Text\n          size=\"1\"\n          as=\"p\"\n          css={{\n            color: 'currentColor',\n            lineHeight: multiline ? '20px' : undefined,\n          }}\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      <ArrowBox>\n        <TooltipPrimitive.Arrow\n          offset={5}\n          width={11}\n          height={5}\n          style={{\n            fill: 'currentColor',\n          }}\n        />\n      </ArrowBox>\n    </Content>\n  );\n});\n\nexport const Tooltip = React.forwardRef<React.ElementRef<typeof Content>, TooltipProps>(\n  (\n    { children, content, open, defaultOpen, onOpenChange, multiline, css, ...props },\n    forwardedRef,\n  ) => (\n    <TooltipPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={400}\n    >\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipContent css={css} multiline={multiline} ref={forwardedRef} {...props}>\n          {content}\n        </TooltipContent>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  ),\n);\n\nexport const TooltipRoot = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipPortal = TooltipPrimitive.Portal;\n\nexport type TooltipVariants = VariantProps<typeof Tooltip>;\n"],"mappings":";;;;;;;AAeA,IAAM,UAAU,OAAO,iBAAiB,SAAS;CAC/C,OAAO;CACP,iBAAiB;CACjB,cAAc;CACd,SAAS;CAET,UAAU,EACR,WAAW,EACT,MAAM;EACJ,UAAU;EACV,IAAI;CACN,EACF,EACF;AACF,CAAC;AAED,IAAM,WAAW,OAAO,KAAK,EAC3B,OAAO,oBACT,CAAC;AAED,IAAa,iBAAiB,MAAM,YAGjC,EAAE,KAAK,WAAW,UAAU,GAAG,SAAS,iBAAiB;CAC1D,MAAM,kBAAkB,MAAM,cAAc,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;CACpF,OACE,qBAAC,SAAD;EACO;EACL,MAAK;EACL,OAAM;EACN,YAAY;EACZ,GAAK;EACM;EACX,KAAK;YAPP,CASG,kBACC,oBAAC,MAAD;GACE,MAAK;GACL,IAAG;GACH,KAAK;IACH,OAAO;IACP,YAAY,YAAY,SAAS,KAAA;GACnC;GAEC;EACG,CAAA,IAEN,UAEF,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAiB,OAAlB;GACE,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO,EACL,MAAM,eACR;EACD,CAAA,EACO,CAAA,CACH;;AAEb,CAAC;AAED,IAAa,UAAU,MAAM,YAEzB,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,SACzE,iBAEA,qBAAC,iBAAiB,MAAlB;CACQ;CACO;CACC;CACd,eAAe;WAJjB,CAME,oBAAC,iBAAiB,SAAlB;EAA0B,SAAA;EAAS;CAAmC,CAAA,GACtE,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAW,KAAK;EAAc,GAAI;YACpE;CACa,CAAA,EACO,CAAA,CACJ;EAE3B;AAEA,IAAa,cAAc,iBAAiB;AAC5C,IAAa,iBAAiB,iBAAiB"}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> &\n  Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'content'> & {\n    children: React.ReactElement | React.ReactNode;\n    content: React.ReactElement | React.ReactNode;\n    multiline?: boolean;\n    css?: CSS;\n  };\n\nconst Content = styled(TooltipPrimitive.Content, {\n  color: '$tooltipText',\n  backgroundColor: '$tooltipContentBg',\n  borderRadius: '$3',\n  padding: '$2',\n\n  variants: {\n    multiline: {\n      true: {\n        maxWidth: 250,\n        pb: 7,\n      },\n    },\n  },\n});\n\nconst ArrowBox = styled(Box, {\n  color: '$tooltipContentBg',\n});\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof Content>,\n  Partial<TooltipProps>\n>(({ css, multiline, children, ...props }, forwardedRef) => {\n  const isContentString = React.useMemo(() => typeof children === 'string', [children]);\n  return (\n    <Content\n      css={css}\n      side=\"top\"\n      align=\"center\"\n      sideOffset={5}\n      {...(props as React.ComponentProps<typeof TooltipPrimitive.Content>)}\n      multiline={multiline}\n      ref={forwardedRef}\n    >\n      {isContentString ? (\n        <Text\n          size=\"1\"\n          as=\"p\"\n          css={{\n            color: 'currentColor',\n            lineHeight: multiline ? '20px' : undefined,\n          }}\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      <ArrowBox>\n        <TooltipPrimitive.Arrow\n          offset={5}\n          width={11}\n          height={5}\n          style={{\n            fill: 'currentColor',\n          }}\n        />\n      </ArrowBox>\n    </Content>\n  );\n});\n\nexport const Tooltip = React.forwardRef<React.ElementRef<typeof Content>, TooltipProps>(\n  (\n    { children, content, open, defaultOpen, onOpenChange, multiline, css, ...props },\n    forwardedRef,\n  ) => (\n    <TooltipPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={400}\n    >\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipContent css={css} multiline={multiline} ref={forwardedRef} {...props}>\n          {content}\n        </TooltipContent>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  ),\n);\n\nexport const TooltipRoot = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipPortal = TooltipPrimitive.Portal;\n\nexport type TooltipVariants = VariantProps<typeof Tooltip>;\n"],"mappings":";;;;;;;AAeA,IAAM,UAAU,OAAO,iBAAiB,SAAS;CAC/C,OAAO;CACP,iBAAiB;CACjB,cAAc;CACd,SAAS;CAET,UAAU,EACR,WAAW,EACT,MAAM;EACJ,UAAU;EACV,IAAI;CACN,EACF,EACF;AACF,CAAC;AAED,IAAM,WAAW,OAAO,KAAK,EAC3B,OAAO,oBACT,CAAC;AAED,IAAa,iBAAiB,MAAM,YAGjC,EAAE,KAAK,WAAW,UAAU,GAAG,SAAS,iBAAiB;CAC1D,MAAM,kBAAkB,MAAM,cAAc,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;CACpF,OACE,qBAAC,SAAD;EACO;EACL,MAAK;EACL,OAAM;EACN,YAAY;EACZ,GAAK;EACM;EACX,KAAK;EAPP,UAAA,CASG,kBACC,oBAAC,MAAD;GACE,MAAK;GACL,IAAG;GACH,KAAK;IACH,OAAO;IACP,YAAY,YAAY,SAAS,KAAA;GACnC;GAEC;EACG,CAAA,IAEN,UAEF,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAiB,OAAlB;GACE,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO,EACL,MAAM,eACR;EACD,CAAA,EACO,CAAA,CACH;;AAEb,CAAC;AAED,IAAa,UAAU,MAAM,YAEzB,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,SACzE,iBAEA,qBAAC,iBAAiB,MAAlB;CACQ;CACO;CACC;CACd,eAAe;CAJjB,UAAA,CAME,oBAAC,iBAAiB,SAAlB;EAA0B,SAAA;EAAS;CAAmC,CAAA,GACtE,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAW,KAAK;EAAc,GAAI;EACpE,UAAA;CACa,CAAA,EACO,CAAA,CACJ;AAE3B,CAAA,CAAA;AAEA,IAAa,cAAc,iBAAiB;AAC5C,IAAa,iBAAiB,iBAAiB"}

package/dist/components/Tooltip/Tooltip.themes.cjs

@@ -1,4 +1,4 @@
-//#region components/Tooltip/Tooltip.themes.ts
+// components/Tooltip/Tooltip.themes.ts
 var Theme;
 (function(_Theme) {
 	_Theme.getLight = () => ({
@@ -10,7 +10,6 @@ var Theme;
 		tooltipText: "$deepBlue2"
 	});
 })(Theme || (Theme = {}));
-//#endregion
 Object.defineProperty(exports, "Theme", {
 	enumerable: true,
 	get: function() {

package/dist/components/Tooltip/Tooltip.themes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.themes.cjs","names":[],"sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,kBAAkB;EAClB,aAAa;CACf;CAEa,OAAA,iBAA0B;EACrC,kBAAkB;EAClB,aAAa;CACf;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"version":3,"file":"Tooltip.themes.cjs","names":[],"sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAU;CAAV,SAAA,QAAA;CAQQ,OAAA,kBAA2B;EACtC,kBAAkB;EAClB,aAAa;CACf;CAEa,OAAA,iBAA0B;EACrC,kBAAkB;EAClB,aAAa;CACf;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/Tooltip/Tooltip.themes.js

@@ -1,4 +1,4 @@
-//#region components/Tooltip/Tooltip.themes.ts
+// components/Tooltip/Tooltip.themes.ts
 var Theme;
 (function(_Theme) {
 	_Theme.getLight = () => ({
@@ -10,7 +10,6 @@ var Theme;
 		tooltipText: "$deepBlue2"
 	});
 })(Theme || (Theme = {}));
-//#endregion
 export { Theme };
 
 //# sourceMappingURL=Tooltip.themes.js.map

package/dist/components/Tooltip/Tooltip.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.themes.js","names":[],"sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,kBAAkB;EAClB,aAAa;CACf;CAEa,OAAA,iBAA0B;EACrC,kBAAkB;EAClB,aAAa;CACf;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"version":3,"file":"Tooltip.themes.js","names":[],"sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAU;CAAV,SAAA,QAAA;CAQQ,OAAA,kBAA2B;EACtC,kBAAkB;EAClB,aAAa;CACf;CAEa,OAAA,iBAA0B;EACrC,kBAAkB;EAClB,aAAa;CACf;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/VisuallyHidden/VisuallyHidden.cjs

@@ -1,9 +1,8 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
 _radix_ui_react_visually_hidden = require_runtime.__toESM(_radix_ui_react_visually_hidden, 1);
-//#region components/VisuallyHidden/VisuallyHidden.tsx
+// components/VisuallyHidden/VisuallyHidden.tsx
 var VisuallyHidden = _radix_ui_react_visually_hidden.Root;
-//#endregion
 exports.VisuallyHidden = VisuallyHidden;
 
 //# sourceMappingURL=VisuallyHidden.cjs.map

package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.cjs","names":[],"sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"mappings":";;;;AAEA,IAAa,iBAAiB,gCAAwB"}
+{"version":3,"file":"VisuallyHidden.cjs","names":["VisuallyHiddenPrimitive"],"sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"mappings":";;;;AAEA,IAAa,iBAAiBA,gCAAwB"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,7 +1,6 @@
 import * as VisuallyHiddenPrimitive from "@radix-ui/react-visually-hidden";
-//#region components/VisuallyHidden/VisuallyHidden.tsx
+// components/VisuallyHidden/VisuallyHidden.tsx
 var VisuallyHidden$1 = VisuallyHiddenPrimitive.Root;
-//#endregion
 export { VisuallyHidden$1 as VisuallyHidden };
 
 //# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","names":[],"sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"mappings":";;AAEA,IAAa,mBAAiB,wBAAwB"}
+{"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden"],"sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"mappings":";;AAEA,IAAaA,mBAAiB,wBAAwB"}

package/dist/components/colorSchemeContext.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/colorSchemeContext.tsx
+// components/colorSchemeContext.tsx
 function readDocumentTheme() {
 	const el = document.documentElement;
 	if (el.classList.contains("dark")) return "dark";
@@ -44,7 +44,6 @@ function ColorSchemeProvider({ children }) {
 function useColorScheme() {
 	return (0, react.useContext)(ColorSchemeContext);
 }
-//#endregion
 exports.ColorSchemeProvider = ColorSchemeProvider;
 exports.useColorScheme = useColorScheme;
 

package/dist/components/colorSchemeContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"colorSchemeContext.cjs","names":[],"sources":["../../components/colorSchemeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\nfunction readDocumentTheme(): ColorScheme | null {\n  const el = document.documentElement;\n  if (el.classList.contains('dark')) return 'dark';\n  if (el.classList.contains('light')) return 'light';\n  const attr = el.dataset.theme;\n  if (attr === 'dark' || attr === 'light') return attr;\n  return null;\n}\n\nconst ColorSchemeContext = createContext<ColorScheme>('light');\n\nexport function ColorSchemeProvider({ children }: { children: React.ReactNode }) {\n  const [scheme, setScheme] = useState<ColorScheme>(() => {\n    if (typeof window === 'undefined') return 'light';\n    return (\n      readDocumentTheme() ??\n      (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n    );\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const docTheme = readDocumentTheme();\n      if (docTheme) setScheme(docTheme);\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    const mqHandler = (e: MediaQueryListEvent) => {\n      if (!readDocumentTheme()) setScheme(e.matches ? 'dark' : 'light');\n    };\n    mq.addEventListener('change', mqHandler);\n\n    return () => {\n      observer.disconnect();\n      mq.removeEventListener('change', mqHandler);\n    };\n  }, []);\n\n  return <ColorSchemeContext.Provider value={scheme}>{children}</ColorSchemeContext.Provider>;\n}\n\nexport function useColorScheme(): ColorScheme {\n  return useContext(ColorSchemeContext);\n}\n"],"mappings":";;;;;AAIA,SAAS,oBAAwC;CAC/C,MAAM,KAAK,SAAS;CACpB,IAAI,GAAG,UAAU,SAAS,MAAM,GAAG,OAAO;CAC1C,IAAI,GAAG,UAAU,SAAS,OAAO,GAAG,OAAO;CAC3C,MAAM,OAAO,GAAG,QAAQ;CACxB,IAAI,SAAS,UAAU,SAAS,SAAS,OAAO;CAChD,OAAO;AACT;AAEA,IAAM,sBAAA,GAAA,MAAA,cAAA,CAAgD,OAAO;AAE7D,SAAgB,oBAAoB,EAAE,YAA2C;CAC/E,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,OAAyC;EACtD,IAAI,OAAO,WAAW,aAAa,OAAO;EAC1C,OACE,kBAAkB,MACjB,OAAO,WAAW,8BAA8B,CAAC,CAAC,UAAU,SAAS;CAE1E,CAAC;CAED,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,WAAW,IAAI,uBAAuB;GAC1C,MAAM,WAAW,kBAAkB;GACnC,IAAI,UAAU,UAAU,QAAQ;EAClC,CAAC;EACD,SAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,SAAS,YAAY;EACzC,CAAC;EAED,MAAM,KAAK,OAAO,WAAW,8BAA8B;EAC3D,MAAM,aAAa,MAA2B;GAC5C,IAAI,CAAC,kBAAkB,GAAG,UAAU,EAAE,UAAU,SAAS,OAAO;EAClE;EACA,GAAG,iBAAiB,UAAU,SAAS;EAEvC,aAAa;GACX,SAAS,WAAW;GACpB,GAAG,oBAAoB,UAAU,SAAS;EAC5C;CACF,GAAG,CAAC,CAAC;CAEL,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;CAAsC,CAAA;AAC5F;AAEA,SAAgB,iBAA8B;CAC5C,QAAA,GAAA,MAAA,WAAA,CAAkB,kBAAkB;AACtC"}
+{"version":3,"file":"colorSchemeContext.cjs","names":["createContext","useState","useContext"],"sources":["../../components/colorSchemeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\nfunction readDocumentTheme(): ColorScheme | null {\n  const el = document.documentElement;\n  if (el.classList.contains('dark')) return 'dark';\n  if (el.classList.contains('light')) return 'light';\n  const attr = el.dataset.theme;\n  if (attr === 'dark' || attr === 'light') return attr;\n  return null;\n}\n\nconst ColorSchemeContext = createContext<ColorScheme>('light');\n\nexport function ColorSchemeProvider({ children }: { children: React.ReactNode }) {\n  const [scheme, setScheme] = useState<ColorScheme>(() => {\n    if (typeof window === 'undefined') return 'light';\n    return (\n      readDocumentTheme() ??\n      (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n    );\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const docTheme = readDocumentTheme();\n      if (docTheme) setScheme(docTheme);\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    const mqHandler = (e: MediaQueryListEvent) => {\n      if (!readDocumentTheme()) setScheme(e.matches ? 'dark' : 'light');\n    };\n    mq.addEventListener('change', mqHandler);\n\n    return () => {\n      observer.disconnect();\n      mq.removeEventListener('change', mqHandler);\n    };\n  }, []);\n\n  return <ColorSchemeContext.Provider value={scheme}>{children}</ColorSchemeContext.Provider>;\n}\n\nexport function useColorScheme(): ColorScheme {\n  return useContext(ColorSchemeContext);\n}\n"],"mappings":";;;;;AAIA,SAAS,oBAAwC;CAC/C,MAAM,KAAK,SAAS;CACpB,IAAI,GAAG,UAAU,SAAS,MAAM,GAAG,OAAO;CAC1C,IAAI,GAAG,UAAU,SAAS,OAAO,GAAG,OAAO;CAC3C,MAAM,OAAO,GAAG,QAAQ;CACxB,IAAI,SAAS,UAAU,SAAS,SAAS,OAAO;CAChD,OAAO;AACT;AAEA,IAAM,sBAAA,GAAqBA,MAAAA,cAAAA,CAA2B,OAAO;AAE7D,SAAgB,oBAAoB,EAAE,YAA2C;CAC/E,MAAM,CAAC,QAAQ,cAAA,GAAaC,MAAAA,SAAAA,OAA4B;EACtD,IAAI,OAAO,WAAW,aAAa,OAAO;EAC1C,OACE,kBAAkB,MACjB,OAAO,WAAW,8BAA8B,CAAC,CAAC,UAAU,SAAS;CAE1E,CAAC;CAED,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,WAAW,IAAI,uBAAuB;GAC1C,MAAM,WAAW,kBAAkB;GACnC,IAAI,UAAU,UAAU,QAAQ;EAClC,CAAC;EACD,SAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,SAAS,YAAY;EACzC,CAAC;EAED,MAAM,KAAK,OAAO,WAAW,8BAA8B;EAC3D,MAAM,aAAa,MAA2B;GAC5C,IAAI,CAAC,kBAAkB,GAAG,UAAU,EAAE,UAAU,SAAS,OAAO;EAClE;EACA,GAAG,iBAAiB,UAAU,SAAS;EAEvC,aAAa;GACX,SAAS,WAAW;GACpB,GAAG,oBAAoB,UAAU,SAAS;EAC5C;CACF,GAAG,CAAC,CAAC;CAEL,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;CAAsC,CAAA;AAC5F;AAEA,SAAgB,iBAA8B;CAC5C,QAAA,GAAOC,MAAAA,WAAAA,CAAW,kBAAkB;AACtC"}

package/dist/components/colorSchemeContext.js

@@ -1,6 +1,6 @@
 import { createContext, useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region components/colorSchemeContext.tsx
+// components/colorSchemeContext.tsx
 function readDocumentTheme() {
 	const el = document.documentElement;
 	if (el.classList.contains("dark")) return "dark";
@@ -42,7 +42,6 @@ function ColorSchemeProvider({ children }) {
 function useColorScheme() {
 	return useContext(ColorSchemeContext);
 }
-//#endregion
 export { ColorSchemeProvider, useColorScheme };
 
 //# sourceMappingURL=colorSchemeContext.js.map

package/dist/index.d.ts

@@ -17597,7 +17597,7 @@ declare interface NavigationTreeDrawerProps {
     fullWidth?: boolean;
 }
 
-export declare const NavigationTreeItem: ({ label, subtitle, children, onClick, defaultExpanded, defaultCollapseIcon, defaultExpandIcon, customCollapseIcon, customExpandIcon, nestedChildrenLevel, fullWidth, ...props }: NavigationTreeItemProps & NavigationItemProps) => JSX.Element;
+export declare const NavigationTreeItem: ({ label, subtitle, children, onClick, defaultExpanded, defaultCollapseIcon: defaultCollapseIconProp, defaultExpandIcon: defaultExpandIconProp, customCollapseIcon, customExpandIcon, nestedChildrenLevel, fullWidth: fullWidthProp, ...props }: NavigationTreeItemProps & NavigationItemProps) => JSX.Element;
 
 declare interface NavigationTreeItemProps {
     label: string | ReactNode;

package/dist/stitches.config.cjs

@@ -24,7 +24,7 @@ const require_Textarea_themes = require("./components/Textarea/Textarea.themes.c
 const require_Tooltip_themes = require("./components/Tooltip/Tooltip.themes.cjs");
 const require_getPrimaryColorInfo = require("./utils/getPrimaryColorInfo.cjs");
 let _stitches_react = require("@stitches/react");
-//#region stitches.config.ts
+// stitches.config.ts
 var defaultPrimary = "blue";
 var defaultPrimaryColor = require_getPrimaryColorInfo.default(defaultPrimary, require_index.lightColors);
 var colors = {
@@ -271,7 +271,6 @@ var lightTheme = (primary, name = "light") => {
 		...require_SidePanel_themes.Theme.getLight(lightPrimaryColor)
 	} });
 };
-//#endregion
 exports.colors = colors;
 exports.config = config;
 exports.createTheme = createTheme;

package/dist/stitches.config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"stitches.config.cjs","names":[],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' | 'blue' | 'orange' | 'red' | 'green' | 'deepBlue' | 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n  ...lightColors,\n\n  // Semantic colors\n  primary: defaultPrimary,\n  contentBg: '$00dp',\n  hiContrast: '$deepBlue11',\n  loContrast: 'white',\n  focusOutline: 'hsl(216, 100%, 64%)',\n  divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n  theme: {\n    colors: {\n      ...colors,\n      ...AccordionTheme.getLight(defaultPrimaryColor),\n      ...BadgeTheme.getLight(defaultPrimaryColor),\n      ...ButtonTheme.getLight(defaultPrimaryColor),\n      ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n      ...SwitchTheme.getLight(defaultPrimaryColor),\n      ...CardTheme.getLight(defaultPrimaryColor),\n      ...CheckboxTheme.getLight(defaultPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(defaultPrimaryColor),\n      ...ListTheme.getLight(defaultPrimaryColor),\n      ...RadioTheme.getLight(defaultPrimaryColor),\n      ...InputTheme.getLight(defaultPrimaryColor),\n      ...TableTheme.getLight(defaultPrimaryColor),\n      ...TextTheme.getLight(defaultPrimaryColor),\n      ...SelectTheme.getLight(defaultPrimaryColor),\n      ...SkeletonTheme.getLight(defaultPrimaryColor),\n      ...DialogTheme.getLight(defaultPrimaryColor),\n      ...IconButtonTheme.getLight(defaultPrimaryColor),\n      ...TooltipTheme.getLight(defaultPrimaryColor),\n      ...TextareaTheme.getLight(defaultPrimaryColor),\n      ...HeadingTheme.getLight(defaultPrimaryColor),\n      ...SidePanelTheme.getLight(defaultPrimaryColor),\n    },\n    fonts: {\n      rubik:\n        'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n    },\n    space: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '48px',\n      8: '64px',\n      9: '80px',\n    },\n    sizes: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '40px',\n      8: '48px',\n      9: '64px',\n      10: '80px',\n    },\n    fontSizes: {\n      0: '11px',\n      1: '12px',\n      2: '13px',\n      3: '14px',\n      4: '16px',\n      5: '18px',\n      6: '20px',\n      7: '22px',\n      8: '24px',\n      9: '26px',\n      10: '28px',\n      11: '32px',\n      12: '38px',\n    },\n    fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n    radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n    zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n  },\n  media: {\n    bp1: '(min-width: 520px) and (max-width: 899px)',\n    bp2: '(min-width: 900px) and (max-width: 1199px)',\n    bp3: '(min-width: 1200px) and (max-width: 1799px)',\n    bp4: '(min-width: 1800px)',\n    motion: '(prefers-reduced-motion)',\n    hover: '(any-hover: hover)',\n    dark: '(prefers-color-scheme: dark)',\n    light: '(prefers-color-scheme: light)',\n  },\n  utils: {\n    p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n    pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n    pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n    px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n      paddingLeft: value,\n      paddingRight: value,\n    }),\n    py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n      paddingTop: value,\n      paddingBottom: value,\n    }),\n\n    m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n    mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n    mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n    mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n    ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n    mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n      marginLeft: value,\n      marginRight: value,\n    }),\n    my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n    ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n    fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n    fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n    ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n    ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n    jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n    as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n    fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n    fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n    fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n    br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n      borderTopRightRadius: value,\n    }),\n    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n      borderBottomRightRadius: value,\n    }),\n    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n      borderBottomLeftRadius: value,\n    }),\n    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n      borderTopLeftRadius: value,\n    }),\n\n    bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n    c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n    lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n    ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n    oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n    us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n    appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n      WebkitAppearance: value,\n      appearance: value,\n    }),\n    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n      WebkitBackgroundClip: value,\n      backgroundClip: value,\n    }),\n  },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n  const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n  return createTheme(name, {\n    colors: {\n      ...darkColors,\n\n      // Semantic colors\n      primary: darkPrimaryColor.token,\n      contentBg: '$00dp',\n      hiContrast: 'white',\n      loContrast: '$deepBlue2',\n      divider: 'hsl(209, 29%, 19%)',\n      ...AccordionTheme.getDark(darkPrimaryColor),\n      ...BadgeTheme.getDark(darkPrimaryColor),\n      ...ButtonTheme.getDark(darkPrimaryColor),\n      ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n      ...IconButtonTheme.getDark(darkPrimaryColor),\n      ...SwitchTheme.getDark(darkPrimaryColor),\n      ...CardTheme.getDark(darkPrimaryColor),\n      ...CheckboxTheme.getDark(darkPrimaryColor),\n      ...CodeBlockTheme.getDark(),\n      ...LinkTheme.getDark(darkPrimaryColor),\n      ...ListTheme.getDark(darkPrimaryColor),\n      ...RadioTheme.getDark(darkPrimaryColor),\n      ...InputTheme.getDark(darkPrimaryColor),\n      ...TableTheme.getDark(darkPrimaryColor),\n      ...TextTheme.getDark(darkPrimaryColor),\n      ...SelectTheme.getDark(darkPrimaryColor),\n      ...SkeletonTheme.getDark(darkPrimaryColor),\n      ...DialogTheme.getDark(darkPrimaryColor),\n      ...NavigationTheme.getDark(darkPrimaryColor),\n      ...TooltipTheme.getDark(darkPrimaryColor),\n      ...TextareaTheme.getDark(darkPrimaryColor),\n      ...HeadingTheme.getDark(darkPrimaryColor),\n      ...SidePanelTheme.getDark(darkPrimaryColor),\n    },\n  });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n  const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n  return createTheme(name, {\n    colors: {\n      primary: lightPrimaryColor.token,\n      ...AccordionTheme.getLight(lightPrimaryColor),\n      ...BadgeTheme.getLight(lightPrimaryColor),\n      ...ButtonTheme.getLight(lightPrimaryColor),\n      ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n      ...IconButtonTheme.getLight(lightPrimaryColor),\n      ...SwitchTheme.getLight(lightPrimaryColor),\n      ...CardTheme.getLight(lightPrimaryColor),\n      ...CheckboxTheme.getLight(lightPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(lightPrimaryColor),\n      ...ListTheme.getLight(lightPrimaryColor),\n      ...RadioTheme.getLight(lightPrimaryColor),\n      ...InputTheme.getLight(lightPrimaryColor),\n      ...TableTheme.getLight(lightPrimaryColor),\n      ...TextTheme.getLight(lightPrimaryColor),\n      ...SelectTheme.getLight(lightPrimaryColor),\n      ...SkeletonTheme.getLight(lightPrimaryColor),\n      ...DialogTheme.getLight(lightPrimaryColor),\n      ...NavigationTheme.getLight(lightPrimaryColor),\n      ...TooltipTheme.getLight(lightPrimaryColor),\n      ...TextareaTheme.getLight(lightPrimaryColor),\n      ...HeadingTheme.getLight(lightPrimaryColor),\n      ...SidePanelTheme.getLight(lightPrimaryColor),\n    },\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"stitches.config.cjs","names":["getPrimaryColorInfo","lightColors","createStitches","AccordionTheme","BadgeTheme","ButtonTheme","ButtonSwitchTheme","SwitchTheme","CardTheme","CheckboxTheme","CodeBlockTheme","LinkTheme","ListTheme","RadioTheme","InputTheme","TableTheme","TextTheme","SelectTheme","SkeletonTheme","DialogTheme","IconButtonTheme","TooltipTheme","TextareaTheme","HeadingTheme","SidePanelTheme","darkColors","NavigationTheme"],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' | 'blue' | 'orange' | 'red' | 'green' | 'deepBlue' | 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n  ...lightColors,\n\n  // Semantic colors\n  primary: defaultPrimary,\n  contentBg: '$00dp',\n  hiContrast: '$deepBlue11',\n  loContrast: 'white',\n  focusOutline: 'hsl(216, 100%, 64%)',\n  divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n  theme: {\n    colors: {\n      ...colors,\n      ...AccordionTheme.getLight(defaultPrimaryColor),\n      ...BadgeTheme.getLight(defaultPrimaryColor),\n      ...ButtonTheme.getLight(defaultPrimaryColor),\n      ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n      ...SwitchTheme.getLight(defaultPrimaryColor),\n      ...CardTheme.getLight(defaultPrimaryColor),\n      ...CheckboxTheme.getLight(defaultPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(defaultPrimaryColor),\n      ...ListTheme.getLight(defaultPrimaryColor),\n      ...RadioTheme.getLight(defaultPrimaryColor),\n      ...InputTheme.getLight(defaultPrimaryColor),\n      ...TableTheme.getLight(defaultPrimaryColor),\n      ...TextTheme.getLight(defaultPrimaryColor),\n      ...SelectTheme.getLight(defaultPrimaryColor),\n      ...SkeletonTheme.getLight(defaultPrimaryColor),\n      ...DialogTheme.getLight(defaultPrimaryColor),\n      ...IconButtonTheme.getLight(defaultPrimaryColor),\n      ...TooltipTheme.getLight(defaultPrimaryColor),\n      ...TextareaTheme.getLight(defaultPrimaryColor),\n      ...HeadingTheme.getLight(defaultPrimaryColor),\n      ...SidePanelTheme.getLight(defaultPrimaryColor),\n    },\n    fonts: {\n      rubik:\n        'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n    },\n    space: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '48px',\n      8: '64px',\n      9: '80px',\n    },\n    sizes: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '40px',\n      8: '48px',\n      9: '64px',\n      10: '80px',\n    },\n    fontSizes: {\n      0: '11px',\n      1: '12px',\n      2: '13px',\n      3: '14px',\n      4: '16px',\n      5: '18px',\n      6: '20px',\n      7: '22px',\n      8: '24px',\n      9: '26px',\n      10: '28px',\n      11: '32px',\n      12: '38px',\n    },\n    fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n    radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n    zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n  },\n  media: {\n    bp1: '(min-width: 520px) and (max-width: 899px)',\n    bp2: '(min-width: 900px) and (max-width: 1199px)',\n    bp3: '(min-width: 1200px) and (max-width: 1799px)',\n    bp4: '(min-width: 1800px)',\n    motion: '(prefers-reduced-motion)',\n    hover: '(any-hover: hover)',\n    dark: '(prefers-color-scheme: dark)',\n    light: '(prefers-color-scheme: light)',\n  },\n  utils: {\n    p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n    pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n    pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n    px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n      paddingLeft: value,\n      paddingRight: value,\n    }),\n    py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n      paddingTop: value,\n      paddingBottom: value,\n    }),\n\n    m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n    mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n    mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n    mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n    ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n    mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n      marginLeft: value,\n      marginRight: value,\n    }),\n    my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n    ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n    fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n    fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n    ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n    ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n    jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n    as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n    fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n    fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n    fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n    br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n      borderTopRightRadius: value,\n    }),\n    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n      borderBottomRightRadius: value,\n    }),\n    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n      borderBottomLeftRadius: value,\n    }),\n    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n      borderTopLeftRadius: value,\n    }),\n\n    bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n    c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n    lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n    ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n    oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n    us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n    appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n      WebkitAppearance: value,\n      appearance: value,\n    }),\n    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n      WebkitBackgroundClip: value,\n      backgroundClip: value,\n    }),\n  },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n  const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n  return createTheme(name, {\n    colors: {\n      ...darkColors,\n\n      // Semantic colors\n      primary: darkPrimaryColor.token,\n      contentBg: '$00dp',\n      hiContrast: 'white',\n      loContrast: '$deepBlue2',\n      divider: 'hsl(209, 29%, 19%)',\n      ...AccordionTheme.getDark(darkPrimaryColor),\n      ...BadgeTheme.getDark(darkPrimaryColor),\n      ...ButtonTheme.getDark(darkPrimaryColor),\n      ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n      ...IconButtonTheme.getDark(darkPrimaryColor),\n      ...SwitchTheme.getDark(darkPrimaryColor),\n      ...CardTheme.getDark(darkPrimaryColor),\n      ...CheckboxTheme.getDark(darkPrimaryColor),\n      ...CodeBlockTheme.getDark(),\n      ...LinkTheme.getDark(darkPrimaryColor),\n      ...ListTheme.getDark(darkPrimaryColor),\n      ...RadioTheme.getDark(darkPrimaryColor),\n      ...InputTheme.getDark(darkPrimaryColor),\n      ...TableTheme.getDark(darkPrimaryColor),\n      ...TextTheme.getDark(darkPrimaryColor),\n      ...SelectTheme.getDark(darkPrimaryColor),\n      ...SkeletonTheme.getDark(darkPrimaryColor),\n      ...DialogTheme.getDark(darkPrimaryColor),\n      ...NavigationTheme.getDark(darkPrimaryColor),\n      ...TooltipTheme.getDark(darkPrimaryColor),\n      ...TextareaTheme.getDark(darkPrimaryColor),\n      ...HeadingTheme.getDark(darkPrimaryColor),\n      ...SidePanelTheme.getDark(darkPrimaryColor),\n    },\n  });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n  const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n  return createTheme(name, {\n    colors: {\n      primary: lightPrimaryColor.token,\n      ...AccordionTheme.getLight(lightPrimaryColor),\n      ...BadgeTheme.getLight(lightPrimaryColor),\n      ...ButtonTheme.getLight(lightPrimaryColor),\n      ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n      ...IconButtonTheme.getLight(lightPrimaryColor),\n      ...SwitchTheme.getLight(lightPrimaryColor),\n      ...CardTheme.getLight(lightPrimaryColor),\n      ...CheckboxTheme.getLight(lightPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(lightPrimaryColor),\n      ...ListTheme.getLight(lightPrimaryColor),\n      ...RadioTheme.getLight(lightPrimaryColor),\n      ...InputTheme.getLight(lightPrimaryColor),\n      ...TableTheme.getLight(lightPrimaryColor),\n      ...TextTheme.getLight(lightPrimaryColor),\n      ...SelectTheme.getLight(lightPrimaryColor),\n      ...SkeletonTheme.getLight(lightPrimaryColor),\n      ...DialogTheme.getLight(lightPrimaryColor),\n      ...NavigationTheme.getLight(lightPrimaryColor),\n      ...TooltipTheme.getLight(lightPrimaryColor),\n      ...TextareaTheme.getLight(lightPrimaryColor),\n      ...HeadingTheme.getLight(lightPrimaryColor),\n      ...SidePanelTheme.getLight(lightPrimaryColor),\n    },\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAM,iBAA+B;AAErC,IAAM,sBAAsBA,4BAAAA,QAAoB,gBAAgBC,cAAAA,WAAW;AAE3E,IAAa,SAAyC;CACpD,GAAGA,cAAAA;CAGH,SAAS;CACT,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,SAAS;AACX;AA+KA,IAAa,EAAE,QAAQ,KAAK,aAAa,YAAY,WAAW,WAAW,YA7KrE,GAAWC,gBAAAA,eAAAA,CAAe;CAC9B,OAAO;EACL,QAAQ;GACN,GAAG;GACH,GAAGC,yBAAAA,MAAe,SAAS,mBAAmB;GAC9C,GAAGC,qBAAAA,MAAW,SAAS,mBAAmB;GAC1C,GAAGC,sBAAAA,MAAY,SAAS,mBAAmB;GAC3C,GAAGC,4BAAAA,MAAkB,SAAS,mBAAmB;GACjD,GAAGC,sBAAAA,MAAY,SAAS,mBAAmB;GAC3C,GAAGC,oBAAAA,MAAU,SAAS,mBAAmB;GACzC,GAAGC,wBAAAA,MAAc,SAAS,mBAAmB;GAC7C,GAAGC,yBAAAA,MAAe,SAAS;GAC3B,GAAGC,oBAAAA,MAAU,SAAS,mBAAmB;GACzC,GAAGC,oBAAAA,MAAU,SAAS,mBAAmB;GACzC,GAAGC,qBAAAA,MAAW,SAAS,mBAAmB;GAC1C,GAAGC,qBAAAA,MAAW,SAAS,mBAAmB;GAC1C,GAAGC,qBAAAA,MAAW,SAAS,mBAAmB;GAC1C,GAAGC,oBAAAA,MAAU,SAAS,mBAAmB;GACzC,GAAGC,sBAAAA,MAAY,SAAS,mBAAmB;GAC3C,GAAGC,wBAAAA,MAAc,SAAS,mBAAmB;GAC7C,GAAGC,sBAAAA,MAAY,SAAS,mBAAmB;GAC3C,GAAGC,0BAAAA,MAAgB,SAAS,mBAAmB;GAC/C,GAAGC,uBAAAA,MAAa,SAAS,mBAAmB;GAC5C,GAAGC,wBAAAA,MAAc,SAAS,mBAAmB;GAC7C,GAAGC,uBAAAA,MAAa,SAAS,mBAAmB;GAC5C,GAAGC,yBAAAA,MAAe,SAAS,mBAAmB;EAChD;EACA,OAAO,EACL,OACE,kGACJ;EACA,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;EACL;EACA,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,IAAI;EACN;EACA,WAAW;GACT,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,aAAa;GAAE,OAAO;GAAK,SAAS;GAAK,QAAQ;GAAK,UAAU;GAAK,MAAM;EAAI;EAC/E,OAAO;GAAE,GAAG;GAAO,GAAG;GAAO,GAAG;GAAO,GAAG;GAAQ,OAAO;GAAO,MAAM;GAAU,QAAQ;EAAM;EAC9F,UAAU;GAAE,GAAG;GAAO,GAAG;GAAO,GAAG;GAAO,GAAG;GAAO,KAAK;EAAM;CACjE;CACA,OAAO;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,QAAQ;EACR,OAAO;EACP,MAAM;EACN,OAAO;CACT;CACA,OAAO;EACL,IAAI,WAA8C,EAAE,SAAS,MAAM;EACnE,KAAK,WAAiD,EAAE,YAAY,MAAM;EAC1E,KAAK,WAAmD,EAAE,cAAc,MAAM;EAC9E,KAAK,WAAoD,EAAE,eAAe,MAAM;EAChF,KAAK,WAAkD,EAAE,aAAa,MAAM;EAC5E,KAAK,WAAkD;GACrD,aAAa;GACb,cAAc;EAChB;EACA,KAAK,WAAiD;GACpD,YAAY;GACZ,eAAe;EACjB;EAEA,IAAI,WAA6C,EAAE,QAAQ,MAAM;EACjE,KAAK,WAAgD,EAAE,WAAW,MAAM;EACxE,KAAK,WAAkD,EAAE,aAAa,MAAM;EAC5E,KAAK,WAAmD,EAAE,cAAc,MAAM;EAC9E,KAAK,WAAiD,EAAE,YAAY,MAAM;EAC1E,KAAK,WAAiD;GACpD,YAAY;GACZ,aAAa;EACf;EACA,KAAK,WAAgD;GAAE,WAAW;GAAO,cAAc;EAAM;EAE7F,KAAK,WAAgD,EAAE,WAAW,MAAM;EAExE,KAAK,WAAoD,EAAE,eAAe,MAAM;EAChF,KAAK,WAA+C,EAAE,UAAU,MAAM;EAEtE,KAAK,WAAiD,EAAE,YAAY,MAAM;EAC1E,KAAK,WAAmD,EAAE,cAAc,MAAM;EAC9E,KAAK,WAAqD,EAAE,gBAAgB,MAAM;EAClF,KAAK,WAAgD,EAAE,WAAW,MAAM;EACxE,KAAK,WAA+C,EAAE,UAAU,MAAM;EACtE,KAAK,WAAiD,EAAE,YAAY,MAAM;EAC1E,KAAK,WAAgD,EAAE,WAAW,MAAM;EAExE,KAAK,WAAsD,EAAE,iBAAiB,MAAM;EAEpF,KAAK,WAAmD,EAAE,cAAc,MAAM;EAC9E,OAAO,WAA2D,EAChE,sBAAsB,MACxB;EACA,OAAO,WAA8D,EACnE,yBAAyB,MAC3B;EACA,OAAO,WAA6D,EAClE,wBAAwB,MAC1B;EACA,OAAO,WAA0D,EAC/D,qBAAqB,MACvB;EAEA,KAAK,WAAgD,EAAE,WAAW,MAAM;EAExE,IAAI,WAA4C,EAAE,OAAO,MAAM;EAE/D,KAAK,WAAiD,EAAE,YAAY,MAAM;EAE1E,KAAK,WAAgD,EAAE,WAAW,MAAM;EACxE,KAAK,WAAgD,EAAE,WAAW,MAAM;EAExE,KAAK,WAAoD,EAAE,eAAe,MAAM;EAChF,KAAK,WAAiD;GACpD,kBAAkB;GAClB,YAAY;EACd;EAEA,aAAa,WAAiD;GAC5D,kBAAkB;GAClB,YAAY;EACd;EAEA,OAAO,WAA4C;GAAE,OAAO;GAAO,QAAQ;EAAM;EAEjF,aAAa,WAAiD;GAC5D,kBAAkB;GAClB,YAAY;EACd;EACA,iBAAiB,WAAqD;GACpE,sBAAsB;GACtB,gBAAgB;EAClB;CACF;AACF,CAIsF;AAGjE,OAAO;AAE5B,IAAa,aAAa,SAAuB,OAAO,WAAW;CACjE,MAAM,mBAAmBxB,4BAAAA,QAAoB,SAASyB,cAAAA,UAAU;CAEhE,OAAO,YAAY,MAAM,EACvB,QAAQ;EACN,GAAGA,cAAAA;EAGH,SAAS,iBAAiB;EAC1B,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,SAAS;EACT,GAAGtB,yBAAAA,MAAe,QAAQ,gBAAgB;EAC1C,GAAGC,qBAAAA,MAAW,QAAQ,gBAAgB;EACtC,GAAGC,sBAAAA,MAAY,QAAQ,gBAAgB;EACvC,GAAGC,4BAAAA,MAAkB,QAAQ,gBAAgB;EAC7C,GAAGc,0BAAAA,MAAgB,QAAQ,gBAAgB;EAC3C,GAAGb,sBAAAA,MAAY,QAAQ,gBAAgB;EACvC,GAAGC,oBAAAA,MAAU,QAAQ,gBAAgB;EACrC,GAAGC,wBAAAA,MAAc,QAAQ,gBAAgB;EACzC,GAAGC,yBAAAA,MAAe,QAAQ;EAC1B,GAAGC,oBAAAA,MAAU,QAAQ,gBAAgB;EACrC,GAAGC,oBAAAA,MAAU,QAAQ,gBAAgB;EACrC,GAAGC,qBAAAA,MAAW,QAAQ,gBAAgB;EACtC,GAAGC,qBAAAA,MAAW,QAAQ,gBAAgB;EACtC,GAAGC,qBAAAA,MAAW,QAAQ,gBAAgB;EACtC,GAAGC,oBAAAA,MAAU,QAAQ,gBAAgB;EACrC,GAAGC,sBAAAA,MAAY,QAAQ,gBAAgB;EACvC,GAAGC,wBAAAA,MAAc,QAAQ,gBAAgB;EACzC,GAAGC,sBAAAA,MAAY,QAAQ,gBAAgB;EACvC,GAAGO,0BAAAA,MAAgB,QAAQ,gBAAgB;EAC3C,GAAGL,uBAAAA,MAAa,QAAQ,gBAAgB;EACxC,GAAGC,wBAAAA,MAAc,QAAQ,gBAAgB;EACzC,GAAGC,uBAAAA,MAAa,QAAQ,gBAAgB;EACxC,GAAGC,yBAAAA,MAAe,QAAQ,gBAAgB;CAC5C,EACF,CAAC;AACH;AAEA,IAAa,cAAc,SAAuB,OAAO,YAAY;CACnE,MAAM,oBAAoBxB,4BAAAA,QAAoB,SAASC,cAAAA,WAAW;CAElE,OAAO,YAAY,MAAM,EACvB,QAAQ;EACN,SAAS,kBAAkB;EAC3B,GAAGE,yBAAAA,MAAe,SAAS,iBAAiB;EAC5C,GAAGC,qBAAAA,MAAW,SAAS,iBAAiB;EACxC,GAAGC,sBAAAA,MAAY,SAAS,iBAAiB;EACzC,GAAGC,4BAAAA,MAAkB,SAAS,iBAAiB;EAC/C,GAAGc,0BAAAA,MAAgB,SAAS,iBAAiB;EAC7C,GAAGb,sBAAAA,MAAY,SAAS,iBAAiB;EACzC,GAAGC,oBAAAA,MAAU,SAAS,iBAAiB;EACvC,GAAGC,wBAAAA,MAAc,SAAS,iBAAiB;EAC3C,GAAGC,yBAAAA,MAAe,SAAS;EAC3B,GAAGC,oBAAAA,MAAU,SAAS,iBAAiB;EACvC,GAAGC,oBAAAA,MAAU,SAAS,iBAAiB;EACvC,GAAGC,qBAAAA,MAAW,SAAS,iBAAiB;EACxC,GAAGC,qBAAAA,MAAW,SAAS,iBAAiB;EACxC,GAAGC,qBAAAA,MAAW,SAAS,iBAAiB;EACxC,GAAGC,oBAAAA,MAAU,SAAS,iBAAiB;EACvC,GAAGC,sBAAAA,MAAY,SAAS,iBAAiB;EACzC,GAAGC,wBAAAA,MAAc,SAAS,iBAAiB;EAC3C,GAAGC,sBAAAA,MAAY,SAAS,iBAAiB;EACzC,GAAGO,0BAAAA,MAAgB,SAAS,iBAAiB;EAC7C,GAAGL,uBAAAA,MAAa,SAAS,iBAAiB;EAC1C,GAAGC,wBAAAA,MAAc,SAAS,iBAAiB;EAC3C,GAAGC,uBAAAA,MAAa,SAAS,iBAAiB;EAC1C,GAAGC,yBAAAA,MAAe,SAAS,iBAAiB;CAC9C,EACF,CAAC;AACH"}

package/dist/stitches.config.js

@@ -24,7 +24,7 @@ import { Theme as Theme$21 } from "./components/Textarea/Textarea.themes.js";
 import { Theme as Theme$22 } from "./components/Tooltip/Tooltip.themes.js";
 import getPrimaryColorInfo from "./utils/getPrimaryColorInfo.js";
 import { createStitches } from "@stitches/react";
-//#region stitches.config.ts
+// stitches.config.ts
 var defaultPrimary = "blue";
 var defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);
 var colors = {
@@ -271,7 +271,6 @@ var lightTheme = (primary, name = "light") => {
 		...Theme$16.getLight(lightPrimaryColor)
 	} });
 };
-//#endregion
 export { colors, config, createTheme, css, darkTheme, getCssText, globalCss, keyframes, lightTheme, styled };
 
 //# sourceMappingURL=stitches.config.js.map

package/dist/stitches.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stitches.config.js","names":[],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' | 'blue' | 'orange' | 'red' | 'green' | 'deepBlue' | 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n  ...lightColors,\n\n  // Semantic colors\n  primary: defaultPrimary,\n  contentBg: '$00dp',\n  hiContrast: '$deepBlue11',\n  loContrast: 'white',\n  focusOutline: 'hsl(216, 100%, 64%)',\n  divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n  theme: {\n    colors: {\n      ...colors,\n      ...AccordionTheme.getLight(defaultPrimaryColor),\n      ...BadgeTheme.getLight(defaultPrimaryColor),\n      ...ButtonTheme.getLight(defaultPrimaryColor),\n      ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n      ...SwitchTheme.getLight(defaultPrimaryColor),\n      ...CardTheme.getLight(defaultPrimaryColor),\n      ...CheckboxTheme.getLight(defaultPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(defaultPrimaryColor),\n      ...ListTheme.getLight(defaultPrimaryColor),\n      ...RadioTheme.getLight(defaultPrimaryColor),\n      ...InputTheme.getLight(defaultPrimaryColor),\n      ...TableTheme.getLight(defaultPrimaryColor),\n      ...TextTheme.getLight(defaultPrimaryColor),\n      ...SelectTheme.getLight(defaultPrimaryColor),\n      ...SkeletonTheme.getLight(defaultPrimaryColor),\n      ...DialogTheme.getLight(defaultPrimaryColor),\n      ...IconButtonTheme.getLight(defaultPrimaryColor),\n      ...TooltipTheme.getLight(defaultPrimaryColor),\n      ...TextareaTheme.getLight(defaultPrimaryColor),\n      ...HeadingTheme.getLight(defaultPrimaryColor),\n      ...SidePanelTheme.getLight(defaultPrimaryColor),\n    },\n    fonts: {\n      rubik:\n        'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n    },\n    space: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '48px',\n      8: '64px',\n      9: '80px',\n    },\n    sizes: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '40px',\n      8: '48px',\n      9: '64px',\n      10: '80px',\n    },\n    fontSizes: {\n      0: '11px',\n      1: '12px',\n      2: '13px',\n      3: '14px',\n      4: '16px',\n      5: '18px',\n      6: '20px',\n      7: '22px',\n      8: '24px',\n      9: '26px',\n      10: '28px',\n      11: '32px',\n      12: '38px',\n    },\n    fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n    radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n    zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n  },\n  media: {\n    bp1: '(min-width: 520px) and (max-width: 899px)',\n    bp2: '(min-width: 900px) and (max-width: 1199px)',\n    bp3: '(min-width: 1200px) and (max-width: 1799px)',\n    bp4: '(min-width: 1800px)',\n    motion: '(prefers-reduced-motion)',\n    hover: '(any-hover: hover)',\n    dark: '(prefers-color-scheme: dark)',\n    light: '(prefers-color-scheme: light)',\n  },\n  utils: {\n    p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n    pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n    pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n    px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n      paddingLeft: value,\n      paddingRight: value,\n    }),\n    py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n      paddingTop: value,\n      paddingBottom: value,\n    }),\n\n    m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n    mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n    mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n    mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n    ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n    mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n      marginLeft: value,\n      marginRight: value,\n    }),\n    my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n    ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n    fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n    fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n    ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n    ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n    jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n    as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n    fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n    fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n    fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n    br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n      borderTopRightRadius: value,\n    }),\n    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n      borderBottomRightRadius: value,\n    }),\n    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n      borderBottomLeftRadius: value,\n    }),\n    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n      borderTopLeftRadius: value,\n    }),\n\n    bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n    c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n    lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n    ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n    oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n    us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n    appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n      WebkitAppearance: value,\n      appearance: value,\n    }),\n    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n      WebkitBackgroundClip: value,\n      backgroundClip: value,\n    }),\n  },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n  const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n  return createTheme(name, {\n    colors: {\n      ...darkColors,\n\n      // Semantic colors\n      primary: darkPrimaryColor.token,\n      contentBg: '$00dp',\n      hiContrast: 'white',\n      loContrast: '$deepBlue2',\n      divider: 'hsl(209, 29%, 19%)',\n      ...AccordionTheme.getDark(darkPrimaryColor),\n      ...BadgeTheme.getDark(darkPrimaryColor),\n      ...ButtonTheme.getDark(darkPrimaryColor),\n      ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n      ...IconButtonTheme.getDark(darkPrimaryColor),\n      ...SwitchTheme.getDark(darkPrimaryColor),\n      ...CardTheme.getDark(darkPrimaryColor),\n      ...CheckboxTheme.getDark(darkPrimaryColor),\n      ...CodeBlockTheme.getDark(),\n      ...LinkTheme.getDark(darkPrimaryColor),\n      ...ListTheme.getDark(darkPrimaryColor),\n      ...RadioTheme.getDark(darkPrimaryColor),\n      ...InputTheme.getDark(darkPrimaryColor),\n      ...TableTheme.getDark(darkPrimaryColor),\n      ...TextTheme.getDark(darkPrimaryColor),\n      ...SelectTheme.getDark(darkPrimaryColor),\n      ...SkeletonTheme.getDark(darkPrimaryColor),\n      ...DialogTheme.getDark(darkPrimaryColor),\n      ...NavigationTheme.getDark(darkPrimaryColor),\n      ...TooltipTheme.getDark(darkPrimaryColor),\n      ...TextareaTheme.getDark(darkPrimaryColor),\n      ...HeadingTheme.getDark(darkPrimaryColor),\n      ...SidePanelTheme.getDark(darkPrimaryColor),\n    },\n  });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n  const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n  return createTheme(name, {\n    colors: {\n      primary: lightPrimaryColor.token,\n      ...AccordionTheme.getLight(lightPrimaryColor),\n      ...BadgeTheme.getLight(lightPrimaryColor),\n      ...ButtonTheme.getLight(lightPrimaryColor),\n      ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n      ...IconButtonTheme.getLight(lightPrimaryColor),\n      ...SwitchTheme.getLight(lightPrimaryColor),\n      ...CardTheme.getLight(lightPrimaryColor),\n      ...CheckboxTheme.getLight(lightPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(lightPrimaryColor),\n      ...ListTheme.getLight(lightPrimaryColor),\n      ...RadioTheme.getLight(lightPrimaryColor),\n      ...InputTheme.getLight(lightPrimaryColor),\n      ...TableTheme.getLight(lightPrimaryColor),\n      ...TextTheme.getLight(lightPrimaryColor),\n      ...SelectTheme.getLight(lightPrimaryColor),\n      ...SkeletonTheme.getLight(lightPrimaryColor),\n      ...DialogTheme.getLight(lightPrimaryColor),\n      ...NavigationTheme.getLight(lightPrimaryColor),\n      ...TooltipTheme.getLight(lightPrimaryColor),\n      ...TextareaTheme.getLight(lightPrimaryColor),\n      ...HeadingTheme.getLight(lightPrimaryColor),\n      ...SidePanelTheme.getLight(lightPrimaryColor),\n    },\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"stitches.config.js","names":["AccordionTheme","BadgeTheme","ButtonTheme","ButtonSwitchTheme","SwitchTheme","CardTheme","CheckboxTheme","CodeBlockTheme","LinkTheme","ListTheme","RadioTheme","InputTheme","TableTheme","TextTheme","SelectTheme","SkeletonTheme","DialogTheme","IconButtonTheme","TooltipTheme","TextareaTheme","HeadingTheme","SidePanelTheme","NavigationTheme"],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' | 'blue' | 'orange' | 'red' | 'green' | 'deepBlue' | 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n  ...lightColors,\n\n  // Semantic colors\n  primary: defaultPrimary,\n  contentBg: '$00dp',\n  hiContrast: '$deepBlue11',\n  loContrast: 'white',\n  focusOutline: 'hsl(216, 100%, 64%)',\n  divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n  theme: {\n    colors: {\n      ...colors,\n      ...AccordionTheme.getLight(defaultPrimaryColor),\n      ...BadgeTheme.getLight(defaultPrimaryColor),\n      ...ButtonTheme.getLight(defaultPrimaryColor),\n      ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n      ...SwitchTheme.getLight(defaultPrimaryColor),\n      ...CardTheme.getLight(defaultPrimaryColor),\n      ...CheckboxTheme.getLight(defaultPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(defaultPrimaryColor),\n      ...ListTheme.getLight(defaultPrimaryColor),\n      ...RadioTheme.getLight(defaultPrimaryColor),\n      ...InputTheme.getLight(defaultPrimaryColor),\n      ...TableTheme.getLight(defaultPrimaryColor),\n      ...TextTheme.getLight(defaultPrimaryColor),\n      ...SelectTheme.getLight(defaultPrimaryColor),\n      ...SkeletonTheme.getLight(defaultPrimaryColor),\n      ...DialogTheme.getLight(defaultPrimaryColor),\n      ...IconButtonTheme.getLight(defaultPrimaryColor),\n      ...TooltipTheme.getLight(defaultPrimaryColor),\n      ...TextareaTheme.getLight(defaultPrimaryColor),\n      ...HeadingTheme.getLight(defaultPrimaryColor),\n      ...SidePanelTheme.getLight(defaultPrimaryColor),\n    },\n    fonts: {\n      rubik:\n        'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n    },\n    space: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '48px',\n      8: '64px',\n      9: '80px',\n    },\n    sizes: {\n      1: '4px',\n      2: '8px',\n      3: '16px',\n      4: '20px',\n      5: '24px',\n      6: '32px',\n      7: '40px',\n      8: '48px',\n      9: '64px',\n      10: '80px',\n    },\n    fontSizes: {\n      0: '11px',\n      1: '12px',\n      2: '13px',\n      3: '14px',\n      4: '16px',\n      5: '18px',\n      6: '20px',\n      7: '22px',\n      8: '24px',\n      9: '26px',\n      10: '28px',\n      11: '32px',\n      12: '38px',\n    },\n    fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n    radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n    zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n  },\n  media: {\n    bp1: '(min-width: 520px) and (max-width: 899px)',\n    bp2: '(min-width: 900px) and (max-width: 1199px)',\n    bp3: '(min-width: 1200px) and (max-width: 1799px)',\n    bp4: '(min-width: 1800px)',\n    motion: '(prefers-reduced-motion)',\n    hover: '(any-hover: hover)',\n    dark: '(prefers-color-scheme: dark)',\n    light: '(prefers-color-scheme: light)',\n  },\n  utils: {\n    p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n    pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n    pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n    px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n      paddingLeft: value,\n      paddingRight: value,\n    }),\n    py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n      paddingTop: value,\n      paddingBottom: value,\n    }),\n\n    m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n    mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n    mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n    mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n    ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n    mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n      marginLeft: value,\n      marginRight: value,\n    }),\n    my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n    ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n    fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n    fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n    ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n    ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n    jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n    as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n    fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n    fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n    fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n    br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n      borderTopRightRadius: value,\n    }),\n    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n      borderBottomRightRadius: value,\n    }),\n    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n      borderBottomLeftRadius: value,\n    }),\n    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n      borderTopLeftRadius: value,\n    }),\n\n    bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n    c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n    lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n    ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n    oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n    us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n      WebkitUserSelect: value,\n      userSelect: value,\n    }),\n\n    size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n    appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n      WebkitAppearance: value,\n      appearance: value,\n    }),\n    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n      WebkitBackgroundClip: value,\n      backgroundClip: value,\n    }),\n  },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n  const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n  return createTheme(name, {\n    colors: {\n      ...darkColors,\n\n      // Semantic colors\n      primary: darkPrimaryColor.token,\n      contentBg: '$00dp',\n      hiContrast: 'white',\n      loContrast: '$deepBlue2',\n      divider: 'hsl(209, 29%, 19%)',\n      ...AccordionTheme.getDark(darkPrimaryColor),\n      ...BadgeTheme.getDark(darkPrimaryColor),\n      ...ButtonTheme.getDark(darkPrimaryColor),\n      ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n      ...IconButtonTheme.getDark(darkPrimaryColor),\n      ...SwitchTheme.getDark(darkPrimaryColor),\n      ...CardTheme.getDark(darkPrimaryColor),\n      ...CheckboxTheme.getDark(darkPrimaryColor),\n      ...CodeBlockTheme.getDark(),\n      ...LinkTheme.getDark(darkPrimaryColor),\n      ...ListTheme.getDark(darkPrimaryColor),\n      ...RadioTheme.getDark(darkPrimaryColor),\n      ...InputTheme.getDark(darkPrimaryColor),\n      ...TableTheme.getDark(darkPrimaryColor),\n      ...TextTheme.getDark(darkPrimaryColor),\n      ...SelectTheme.getDark(darkPrimaryColor),\n      ...SkeletonTheme.getDark(darkPrimaryColor),\n      ...DialogTheme.getDark(darkPrimaryColor),\n      ...NavigationTheme.getDark(darkPrimaryColor),\n      ...TooltipTheme.getDark(darkPrimaryColor),\n      ...TextareaTheme.getDark(darkPrimaryColor),\n      ...HeadingTheme.getDark(darkPrimaryColor),\n      ...SidePanelTheme.getDark(darkPrimaryColor),\n    },\n  });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n  const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n  return createTheme(name, {\n    colors: {\n      primary: lightPrimaryColor.token,\n      ...AccordionTheme.getLight(lightPrimaryColor),\n      ...BadgeTheme.getLight(lightPrimaryColor),\n      ...ButtonTheme.getLight(lightPrimaryColor),\n      ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n      ...IconButtonTheme.getLight(lightPrimaryColor),\n      ...SwitchTheme.getLight(lightPrimaryColor),\n      ...CardTheme.getLight(lightPrimaryColor),\n      ...CheckboxTheme.getLight(lightPrimaryColor),\n      ...CodeBlockTheme.getLight(),\n      ...LinkTheme.getLight(lightPrimaryColor),\n      ...ListTheme.getLight(lightPrimaryColor),\n      ...RadioTheme.getLight(lightPrimaryColor),\n      ...InputTheme.getLight(lightPrimaryColor),\n      ...TableTheme.getLight(lightPrimaryColor),\n      ...TextTheme.getLight(lightPrimaryColor),\n      ...SelectTheme.getLight(lightPrimaryColor),\n      ...SkeletonTheme.getLight(lightPrimaryColor),\n      ...DialogTheme.getLight(lightPrimaryColor),\n      ...NavigationTheme.getLight(lightPrimaryColor),\n      ...TooltipTheme.getLight(lightPrimaryColor),\n      ...TextareaTheme.getLight(lightPrimaryColor),\n      ...HeadingTheme.getLight(lightPrimaryColor),\n      ...SidePanelTheme.getLight(lightPrimaryColor),\n    },\n  });\n};\n"],"mappings":"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"}

package/dist/styles/cssProps.cjs

@@ -1,4 +1,4 @@
-//#region styles/cssProps.ts
+// styles/cssProps.ts
 function processToken(value) {
 	return value.startsWith("$") ? value.slice(1) : value;
 }
@@ -251,31 +251,29 @@ function processCSSProp(css = {}, colors) {
 			case "us":
 				style.userSelect = value;
 				break;
-			default:
-				if (typeof value === "string" && value.startsWith("$")) {
-					const tokenValue = processToken(value);
-					const spaceValue = getSpaceValue(tokenValue);
-					if (spaceValue !== "0px") {
-						style[key] = spaceValue;
-						break;
-					}
-					const sizeValue = getSizeValue(tokenValue);
-					if (sizeValue !== tokenValue) {
-						style[key] = sizeValue;
-						break;
-					}
-					const radiiValue = getRadiiValue(tokenValue);
-					if (radiiValue !== "0px") {
-						style[key] = radiiValue;
-						break;
-					}
-					if (colors && tokenValue in colors) {
-						style[key] = colors[tokenValue];
-						break;
-					}
-					style[key] = value;
-				} else style[key] = value;
-				break;
+			default: if (typeof value === "string" && value.startsWith("$")) {
+				const tokenValue = processToken(value);
+				const spaceValue = getSpaceValue(tokenValue);
+				if (spaceValue !== "0px") {
+					style[key] = spaceValue;
+					break;
+				}
+				const sizeValue = getSizeValue(tokenValue);
+				if (sizeValue !== tokenValue) {
+					style[key] = sizeValue;
+					break;
+				}
+				const radiiValue = getRadiiValue(tokenValue);
+				if (radiiValue !== "0px") {
+					style[key] = radiiValue;
+					break;
+				}
+				if (colors && tokenValue in colors) {
+					style[key] = colors[tokenValue];
+					break;
+				}
+				style[key] = value;
+			} else style[key] = value;
 		}
 	});
 	return {
@@ -283,7 +281,6 @@ function processCSSProp(css = {}, colors) {
 		vars
 	};
 }
-//#endregion
 exports.processCSSProp = processCSSProp;
 
 //# sourceMappingURL=cssProps.cjs.map