@traefik-labs/faency 12.2.0 → 12.2.2

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Textarea.vanilla.css.js","names":[],"sources":["../../../components/Textarea/Textarea.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { breakpoints } from '../../styles/breakpoints.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// CONSTANTS\nconst FOCUS_SHADOW =\n  '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)';\n\nconst styledTextareaBase = style({\n  // Reset\n  appearance: 'none',\n  overflow: 'auto',\n  borderWidth: '0',\n  boxSizing: 'border-box',\n  fontFamily: tokens.fonts.rubik,\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Custom\n  padding: tokens.space['3'],\n  position: 'relative',\n  flexGrow: 1,\n  backgroundColor: 'transparent',\n  borderRadius: 'inherit',\n  boxShadow: `inset 0 0 0 1px ${tokens.colors.textareaBorder}`,\n  color: tokens.colors.textareaText,\n  fontVariantNumeric: 'tabular-nums',\n  transition: 'box-shadow .1s ease-in-out',\n\n  selectors: {\n    '&:-webkit-autofill, &:autofill': {\n      boxShadow: `inset 0 0 0 1px ${tokens.colors.textareaBorder}, inset 0 0 0 100px ${tokens.colors.textareaBg}`,\n    },\n    '&:-webkit-autofill::first-line, &:autofill::first-line': {\n      fontFamily: tokens.fonts.rubik,\n      color: tokens.colors.hiContrast,\n    },\n    '&:focus-visible': {\n      boxShadow: `inset 0 0 0 2px ${tokens.colors.textareaFocusBorder}, ${FOCUS_SHADOW}`,\n    },\n    '&::placeholder': {\n      color: tokens.colors.textareaPlaceholder,\n    },\n    '&:read-only:not(:disabled)': {\n      boxShadow: 'none',\n    },\n    '&:disabled': {\n      pointerEvents: 'none',\n      opacity: '0.7',\n      color: tokens.colors.textareaDisabledText,\n    },\n  },\n});\n\nexport const styledTextareaRecipe = recipe({\n  base: styledTextareaBase,\n  variants: {\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        selectors: {\n          '&:disabled': {\n            boxShadow: 'none',\n          },\n          '&:focus-visible': {\n            backgroundColor: tokens.colors.loContrast,\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: `inset 0 0 0 1px ${tokens.colors.textareaInvalidBorder}`,\n        selectors: {\n          '&:focus-visible': {\n            boxShadow: `inset 0 0 0 2px ${tokens.colors.textareaInvalidBorder}, ${FOCUS_SHADOW}`,\n          },\n        },\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::after': {\n                backgroundColor: tokens.colors.textareaInvalidBorder,\n              },\n            },\n          },\n        },\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover:not(:read-only)': {\n                cursor: 'text',\n              },\n            },\n          },\n        },\n        selectors: {\n          '&:focus-visible:not(:read-only)': {\n            cursor: 'text',\n          },\n        },\n      },\n      text: {\n        cursor: 'text',\n      },\n    },\n    resize: {\n      none: {\n        resize: 'none',\n      },\n      both: {\n        resize: 'both',\n      },\n      vertical: {\n        resize: 'vertical',\n      },\n      horizontal: {\n        resize: 'horizontal',\n      },\n    },\n    endAdornment: {\n      true: {\n        paddingBottom: tokens.space['5'],\n        paddingRight: tokens.space['5'],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'ghost',\n        state: 'invalid',\n      },\n      style: {\n        boxShadow: `inset 0 0 0 1px ${tokens.colors.textareaInvalidBorder}`,\n      },\n    },\n  ],\n  defaultVariants: {\n    cursor: 'default',\n    resize: 'both',\n  },\n});\n\nconst textareaWrapperBase = style({\n  // Reset\n  outline: 'none',\n  lineHeight: 0,\n\n  position: 'relative',\n  display: 'inline-flex',\n  backgroundColor: tokens.colors.textareaBg,\n  color: tokens.colors.textareaPlaceholder,\n  borderRadius: tokens.radii['3'],\n\n  selectors: {\n    '&::before': {\n      boxSizing: 'border-box',\n      borderRadius: 'inherit',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      borderRadius: 'inherit',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&:focus-visible::before': {\n      backgroundColor: tokens.colors.textareaFocusBg,\n    },\n    '&:focus-visible::after': {\n      backgroundColor: tokens.colors.primary,\n      opacity: '0.15',\n    },\n  },\n  '@media': {\n    [breakpoints.hover]: {\n      selectors: {\n        '&:hover::before': {\n          backgroundColor: tokens.colors.textareaHoverBg,\n        },\n        '&:hover::after': {\n          backgroundColor: tokens.colors.primary,\n          opacity: '0.05',\n        },\n      },\n    },\n  },\n});\n\nexport const textareaWrapperRecipe = recipe({\n  base: textareaWrapperBase,\n  variants: {\n    disabled: {\n      true: {\n        opacity: '0.7',\n        color: tokens.colors.textareaDisabledText,\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::before': {\n                backgroundColor: 'inherit',\n              },\n              '&:hover::after': {\n                backgroundColor: 'inherit',\n              },\n            },\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::after': {\n                backgroundColor: tokens.colors.textareaInvalidBorder,\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    disabled: false,\n  },\n});\n\nexport const adornmentWrapperEnd = style({\n  position: 'absolute',\n  bottom: tokens.space['2'],\n  right: tokens.space['3'],\n  minWidth: tokens.sizes['5'],\n  minHeight: tokens.sizes['5'],\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n"],"mappings":""}

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

@@ -1,97 +1,83 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import React from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
-import { textareaWrapperRecipe, styledTextareaRecipe, adornmentWrapperEnd } from "./Textarea.vanilla.css.js";
 import { LabelVanilla } from "../Label/Label.vanilla.js";
-const TextareaVanilla = React.forwardRef(
-  ({
-    state,
-    disabled,
-    onFocus,
-    onBlur,
-    label,
-    id,
-    rootCss,
-    css,
-    endAdornment,
-    variant,
-    cursor,
-    resize,
-    className,
-    style,
-    ...props
-  }, forwardedRef) => {
-    const [hasFocus, setHasFocus] = React.useState(false);
-    const { colors } = useVanillaExtractTheme();
-    const invalid = React.useMemo(() => state === "invalid", [state]);
-    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
-    const labelVariant = React.useMemo(() => {
-      if (disabled) {
-        return "subtle";
-      }
-      if (invalid) {
-        return "invalid";
-      }
-      if (hasFocus) {
-        return "contrast";
-      }
-      return "default";
-    }, [invalid, disabled, hasFocus]);
-    const handleFocus = React.useCallback(
-      (e) => {
-        if (onFocus) {
-          onFocus(e);
-        }
-        setHasFocus(true);
-      },
-      [onFocus, setHasFocus]
-    );
-    const handleBlur = React.useCallback(
-      (e) => {
-        if (onBlur) {
-          onBlur(e);
-        }
-        setHasFocus(false);
-      },
-      [onBlur, setHasFocus]
-    );
-    const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);
-    const rootMergedStyles = { ...rootCssStyles, ...assignInlineVars(rootVars) };
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
-    const textareaWrapperClass = textareaWrapperRecipe({ state, disabled });
-    const styledTextareaClass = styledTextareaRecipe({
-      variant,
-      state,
-      cursor,
-      resize,
-      endAdornment: hasEndAdornment
-    });
-    return /* @__PURE__ */ jsxs("div", { style: rootMergedStyles, children: [
-      label && /* @__PURE__ */ jsx(LabelVanilla, { variant: labelVariant, htmlFor: id, css: { display: "block" }, children: label }),
-      /* @__PURE__ */ jsxs("div", { className: textareaWrapperClass, children: [
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            id,
-            ref: forwardedRef,
-            className: `${styledTextareaClass} ${className || ""}`.trim(),
-            style: mergedStyles,
-            disabled,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            ...props
-          }
-        ),
-        hasEndAdornment && /* @__PURE__ */ jsx("div", { className: adornmentWrapperEnd, children: endAdornment })
-      ] })
-    ] });
-  }
-);
+import { styledTextareaRecipe, textareaWrapperRecipe } from "./Textarea.vanilla.css.js";
+import React from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/Textarea/Textarea.vanilla.tsx
+var TextareaVanilla = React.forwardRef(({ state, disabled, onFocus, onBlur, label, id, rootCss, css, endAdornment, variant, cursor, resize, className, style, ...props }, forwardedRef) => {
+	const [hasFocus, setHasFocus] = React.useState(false);
+	const { colors } = useVanillaExtractTheme();
+	const invalid = React.useMemo(() => state === "invalid", [state]);
+	const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
+	const labelVariant = React.useMemo(() => {
+		if (disabled) return "subtle";
+		if (invalid) return "invalid";
+		if (hasFocus) return "contrast";
+		return "default";
+	}, [
+		invalid,
+		disabled,
+		hasFocus
+	]);
+	const handleFocus = React.useCallback((e) => {
+		if (onFocus) onFocus(e);
+		setHasFocus(true);
+	}, [onFocus, setHasFocus]);
+	const handleBlur = React.useCallback((e) => {
+		if (onBlur) onBlur(e);
+		setHasFocus(false);
+	}, [onBlur, setHasFocus]);
+	const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);
+	const rootMergedStyles = {
+		...rootCssStyles,
+		...assignInlineVars(rootVars)
+	};
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	const textareaWrapperClass = textareaWrapperRecipe({
+		state,
+		disabled
+	});
+	const styledTextareaClass = styledTextareaRecipe({
+		variant,
+		state,
+		cursor,
+		resize,
+		endAdornment: hasEndAdornment
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		style: rootMergedStyles,
+		children: [label && /* @__PURE__ */ jsx(LabelVanilla, {
+			variant: labelVariant,
+			htmlFor: id,
+			css: { display: "block" },
+			children: label
+		}), /* @__PURE__ */ jsxs("div", {
+			className: textareaWrapperClass,
+			children: [/* @__PURE__ */ jsx("textarea", {
+				id,
+				ref: forwardedRef,
+				className: `${styledTextareaClass} ${className || ""}`.trim(),
+				style: mergedStyles,
+				disabled,
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				...props
+			}), hasEndAdornment && /* @__PURE__ */ jsx("div", {
+				className: "q2igawg",
+				children: endAdornment
+			})]
+		})]
+	});
+});
 TextareaVanilla.displayName = "TextareaVanilla";
-export {
-  TextareaVanilla
-};
-//# sourceMappingURL=Textarea.vanilla.js.map
+//#endregion
+export { TextareaVanilla };
+
+//# sourceMappingURL=Textarea.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vanilla.js","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"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,kBAAkB,MAAM;AAAA,EACnC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,iBACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,UAAU,MAAM,QAAQ,MAAM,UAAU,WAAW,CAAC,KAAK,CAAC;AAChE,UAAM,kBAAkB,MAAM,QAAQ,MAAM,QAAQ,YAAY,GAAG,CAAC,YAAY,CAAC;AAEjF,UAAM,eAAe,MAAM,QAAQ,MAAM;AACvC,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AACA,UAAI,SAAS;AACX,eAAO;AAAA,MACT;AACA,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,GAAG,CAAC,SAAS,UAAU,QAAQ,CAAC;AAEhC,UAAM,cAAc,MAAM;AAAA,MACxB,CAAC,MAA6C;AAC5C,YAAI,SAAS;AACX,kBAAQ,CAAC;AAAA,QACX;AACA,oBAAY,IAAI;AAAA,MAClB;AAAA,MACA,CAAC,SAAS,WAAW;AAAA,IAAA;AAGvB,UAAM,aAAa,MAAM;AAAA,MACvB,CAAC,MAA6C;AAC5C,YAAI,QAAQ;AACV,iBAAO,CAAC;AAAA,QACV;AACA,oBAAY,KAAK;AAAA,MACnB;AAAA,MACA,CAAC,QAAQ,WAAW;AAAA,IAAA;AAGtB,UAAM,EAAE,OAAO,eAAe,MAAM,aAAa,eAAe,SAAS,MAAM;AAC/E,UAAM,mBAAmB,EAAE,GAAG,eAAe,GAAG,iBAAiB,QAAQ,EAAA;AAEzE,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,UAAM,uBAAuB,sBAAsB,EAAE,OAAO,UAAU;AACtE,UAAM,sBAAsB,qBAAqB;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAAA,CACf;AAED,WACE,qBAAC,OAAA,EAAI,OAAO,kBACT,UAAA;AAAA,MAAA,SACC,oBAAC,cAAA,EAAa,SAAS,cAAc,SAAS,IAAI,KAAK,EAAE,SAAS,QAAA,GAC/D,UAAA,MAAA,CACH;AAAA,MAEF,qBAAC,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,KAAK;AAAA,YACL,WAAW,GAAG,mBAAmB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,YACvD,OAAO;AAAA,YACP;AAAA,YACA,SAAS;AAAA,YACT,QAAQ;AAAA,YACP,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,mBAAmB,oBAAC,OAAA,EAAI,WAAW,qBAAsB,UAAA,aAAA,CAAa;AAAA,MAAA,EAAA,CACzE;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;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,MAAM;CACrD,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,UAAU,MAAM,cAAc,UAAU,WAAW,CAAC,MAAM,CAAC;CACjE,MAAM,kBAAkB,MAAM,cAAc,QAAQ,aAAa,EAAE,CAAC,aAAa,CAAC;CAElF,MAAM,eAAe,MAAM,cAAc;AACvC,MAAI,SACF,QAAO;AAET,MAAI,QACF,QAAO;AAET,MAAI,SACF,QAAO;AAET,SAAO;IACN;EAAC;EAAS;EAAU;EAAS,CAAC;CAEjC,MAAM,cAAc,MAAM,aACvB,MAA6C;AAC5C,MAAI,QACF,SAAQ,EAAE;AAEZ,cAAY,KAAK;IAEnB,CAAC,SAAS,YAAY,CACvB;CAED,MAAM,aAAa,MAAM,aACtB,MAA6C;AAC5C,MAAI,OACF,QAAO,EAAE;AAEX,cAAY,MAAM;IAEpB,CAAC,QAAQ,YAAY,CACtB;CAED,MAAM,EAAE,OAAO,eAAe,MAAM,aAAa,eAAe,SAAS,OAAO;CAChF,MAAM,mBAAmB;EAAE,GAAG;EAAe,GAAG,iBAAiB,SAAS;EAAE;CAE5E,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,KAAK;EAAE;CAE1E,MAAM,uBAAuB,sBAAsB;EAAE;EAAO;EAAU,CAAC;CACvE,MAAM,sBAAsB,qBAAqB;EAC/C;EACA;EACA;EACA;EACA,cAAc;EACf,CAAC;AAEF,QACE,qBAAC,OAAD;EAAK,OAAO;YAAZ,CACG,SACC,oBAAC,cAAD;GAAc,SAAS;GAAc,SAAS;GAAI,KAAK,EAAE,SAAS,SAAS;aACxE;GACY,CAAA,EAEjB,qBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,oBAAC,YAAD;IACM;IACJ,KAAK;IACL,WAAW,GAAG,oBAAoB,GAAG,aAAa,KAAK,MAAM;IAC7D,OAAO;IACG;IACV,SAAS;IACT,QAAQ;IACR,GAAI;IACJ,CAAA,EACD,mBAAmB,oBAAC,OAAD;IAAK,WAAA;cAAiC;IAAmB,CAAA,CACzE;KACF;;EAGX;AAED,gBAAgB,cAAc"}

package/dist/components/Tooltip/Tooltip.cjs

@@ -1,104 +1,73 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const TooltipPrimitive = require("@radix-ui/react-tooltip");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Box = require("../Box/Box.cjs");
-const Text = require("../Text/Text.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const TooltipPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TooltipPrimitive);
-const Content = stitches_config.styled(TooltipPrimitive__namespace.Content, {
-  color: "$tooltipText",
-  backgroundColor: "$tooltipContentBg",
-  borderRadius: "$3",
-  padding: "$2",
-  variants: {
-    multiline: {
-      true: {
-        maxWidth: 250,
-        pb: 7
-      }
-    }
-  }
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Text = require("../Text/Text.cjs");
+let react = require("react");
+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
+var Content = require_stitches_config.styled(_radix_ui_react_tooltip.Content, {
+	color: "$tooltipText",
+	backgroundColor: "$tooltipContentBg",
+	borderRadius: "$3",
+	padding: "$2",
+	variants: { multiline: { true: {
+		maxWidth: 250,
+		pb: 7
+	} } }
 });
-const ArrowBox = stitches_config.styled(Box.Box, {
-  color: "$tooltipContentBg"
+var ArrowBox = require_stitches_config.styled(require_Box.Box, { color: "$tooltipContentBg" });
+var TooltipContent = react.default.forwardRef(({ css, multiline, children, ...props }, forwardedRef) => {
+	const isContentString = react.default.useMemo(() => typeof children === "string", [children]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Content, {
+		css,
+		side: "top",
+		align: "center",
+		sideOffset: 5,
+		...props,
+		multiline,
+		ref: forwardedRef,
+		children: [isContentString ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+			size: "1",
+			as: "p",
+			css: {
+				color: "currentColor",
+				lineHeight: multiline ? "20px" : void 0
+			},
+			children
+		}) : children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowBox, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Arrow, {
+			offset: 5,
+			width: 11,
+			height: 5,
+			style: { fill: "currentColor" }
+		}) })]
+	});
 });
-const TooltipContent = React.forwardRef(({ css, multiline, children, ...props }, forwardedRef) => {
-  const isContentString = React.useMemo(() => typeof children === "string", [children]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Content,
-    {
-      css,
-      side: "top",
-      align: "center",
-      sideOffset: 5,
-      ...props,
-      multiline,
-      ref: forwardedRef,
-      children: [
-        isContentString ? /* @__PURE__ */ jsxRuntime.jsx(
-          Text.Text,
-          {
-            size: "1",
-            as: "p",
-            css: {
-              color: "currentColor",
-              lineHeight: multiline ? "20px" : void 0
-            },
-            children
-          }
-        ) : children,
-        /* @__PURE__ */ jsxRuntime.jsx(ArrowBox, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          TooltipPrimitive__namespace.Arrow,
-          {
-            offset: 5,
-            width: 11,
-            height: 5,
-            style: {
-              fill: "currentColor"
-            }
-          }
-        ) })
-      ]
-    }
-  );
-});
-const Tooltip = React.forwardRef(
-  ({ children, content, open, defaultOpen, onOpenChange, multiline, css, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsxs(
-    TooltipPrimitive__namespace.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      delayDuration: 400,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { css, multiline, ref: forwardedRef, ...props, children: content }) })
-      ]
-    }
-  )
-);
-const TooltipRoot = TooltipPrimitive__namespace.Root;
-const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+var Tooltip = react.default.forwardRef(({ children, content, open, defaultOpen, onOpenChange, multiline, css, ...props }, forwardedRef) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_tooltip.Root, {
+	open,
+	defaultOpen,
+	onOpenChange,
+	delayDuration: 400,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Trigger, {
+		asChild: true,
+		children
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContent, {
+		css,
+		multiline,
+		ref: forwardedRef,
+		...props,
+		children: content
+	}) })]
+}));
+var TooltipRoot = _radix_ui_react_tooltip.Root;
+var TooltipTrigger = _radix_ui_react_tooltip.Trigger;
+_radix_ui_react_tooltip.Portal;
+//#endregion
 exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipRoot = TooltipRoot;
 exports.TooltipTrigger = TooltipTrigger;
-//# sourceMappingURL=Tooltip.cjs.map
+
+//# sourceMappingURL=Tooltip.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","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"],"names":["styled","TooltipPrimitive","Box","jsxs","jsx","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,UAAUA,gBAAAA,OAAOC,4BAAiB,SAAS;AAAA,EAC/C,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,SAAS;AAAA,EAET,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,WAAWD,gBAAAA,OAAOE,SAAK;AAAA,EAC3B,OAAO;AACT,CAAC;AAEM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,KAAK,WAAW,UAAU,GAAG,MAAA,GAAS,iBAAiB;AAC1D,QAAM,kBAAkB,MAAM,QAAQ,MAAM,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;AACpF,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN,YAAY;AAAA,MACX,GAAI;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MAEJ,UAAA;AAAA,QAAA,kBACCC,2BAAAA;AAAAA,UAACC,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAG;AAAA,YACH,KAAK;AAAA,cACH,OAAO;AAAA,cACP,YAAY,YAAY,SAAS;AAAA,YAAA;AAAA,YAGlC;AAAA,UAAA;AAAA,QAAA,IAGH;AAAA,uCAED,UAAA,EACC,UAAAD,2BAAAA;AAAAA,UAACH,4BAAiB;AAAA,UAAjB;AAAA,YACC,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEM,MAAM,UAAU,MAAM;AAAA,EAC3B,CACE,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,MAAA,GACzE,iBAEAE,2BAAAA;AAAAA,IAACF,4BAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MAEf,UAAA;AAAA,QAAAG,2BAAAA,IAACH,4BAAiB,SAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,QAC5CG,2BAAAA,IAACH,4BAAiB,QAAjB,EACC,UAAAG,2BAAAA,IAAC,gBAAA,EAAe,KAAU,WAAsB,KAAK,cAAe,GAAG,OACpE,mBACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,cAAcH,4BAAiB;AACrC,MAAM,iBAAiBA,4BAAiB;;;;;"}
+{"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;EACL,EACF,EACF;CACF,CAAC;AAEF,IAAM,WAAW,wBAAA,OAAO,YAAA,KAAK,EAC3B,OAAO,qBACR,CAAC;AAEF,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,KAAK,WAAW,UAAU,GAAG,SAAS,iBAAiB;CAC1D,MAAM,kBAAkB,MAAA,QAAM,cAAc,OAAO,aAAa,UAAU,CAAC,SAAS,CAAC;AACrF,QACE,iBAAA,GAAA,kBAAA,MAAC,SAAD;EACO;EACL,MAAK;EACL,OAAM;EACN,YAAY;EACZ,GAAK;EACM;EACX,KAAK;YAPP,CASG,kBACC,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;GACE,MAAK;GACL,IAAG;GACH,KAAK;IACH,OAAO;IACP,YAAY,YAAY,SAAS,KAAA;IAClC;GAEA;GACI,CAAA,GAEP,UAEF,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,OAAlB;GACE,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO,EACL,MAAM,gBACP;GACD,CAAA,EACO,CAAA,CACH;;EAEZ;AAEF,IAAa,UAAU,MAAA,QAAM,YAEzB,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,SACzE,iBAEA,iBAAA,GAAA,kBAAA,MAAC,wBAAiB,MAAlB;CACQ;CACO;CACC;CACd,eAAe;WAJjB,CAME,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,SAAlB;EAA0B,SAAA;EAAS;EAAoC,CAAA,EACvE,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,QAAlB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,gBAAD;EAAqB;EAAgB;EAAW,KAAK;EAAc,GAAI;YACpE;EACc,CAAA,EACO,CAAA,CACJ;GAE3B;AAED,IAAa,cAAc,wBAAiB;AAC5C,IAAa,iBAAiB,wBAAiB;AAClB,wBAAiB"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,87 +1,67 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import React from "react";
 import { styled } from "../../stitches.config.js";
 import { Box } from "../Box/Box.js";
 import { Text } from "../Text/Text.js";
-const Content = styled(TooltipPrimitive.Content, {
-  color: "$tooltipText",
-  backgroundColor: "$tooltipContentBg",
-  borderRadius: "$3",
-  padding: "$2",
-  variants: {
-    multiline: {
-      true: {
-        maxWidth: 250,
-        pb: 7
-      }
-    }
-  }
-});
-const ArrowBox = styled(Box, {
-  color: "$tooltipContentBg"
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+//#region components/Tooltip/Tooltip.tsx
+var Content = styled(TooltipPrimitive.Content, {
+	color: "$tooltipText",
+	backgroundColor: "$tooltipContentBg",
+	borderRadius: "$3",
+	padding: "$2",
+	variants: { multiline: { true: {
+		maxWidth: 250,
+		pb: 7
+	} } }
 });
-const TooltipContent = React.forwardRef(({ css, multiline, children, ...props }, forwardedRef) => {
-  const isContentString = React.useMemo(() => typeof children === "string", [children]);
-  return /* @__PURE__ */ jsxs(
-    Content,
-    {
-      css,
-      side: "top",
-      align: "center",
-      sideOffset: 5,
-      ...props,
-      multiline,
-      ref: forwardedRef,
-      children: [
-        isContentString ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            size: "1",
-            as: "p",
-            css: {
-              color: "currentColor",
-              lineHeight: multiline ? "20px" : void 0
-            },
-            children
-          }
-        ) : children,
-        /* @__PURE__ */ jsx(ArrowBox, { children: /* @__PURE__ */ jsx(
-          TooltipPrimitive.Arrow,
-          {
-            offset: 5,
-            width: 11,
-            height: 5,
-            style: {
-              fill: "currentColor"
-            }
-          }
-        ) })
-      ]
-    }
-  );
+var ArrowBox = styled(Box, { color: "$tooltipContentBg" });
+var TooltipContent = React.forwardRef(({ css, multiline, children, ...props }, forwardedRef) => {
+	const isContentString = React.useMemo(() => typeof children === "string", [children]);
+	return /* @__PURE__ */ jsxs(Content, {
+		css,
+		side: "top",
+		align: "center",
+		sideOffset: 5,
+		...props,
+		multiline,
+		ref: forwardedRef,
+		children: [isContentString ? /* @__PURE__ */ jsx(Text, {
+			size: "1",
+			as: "p",
+			css: {
+				color: "currentColor",
+				lineHeight: multiline ? "20px" : void 0
+			},
+			children
+		}) : children, /* @__PURE__ */ jsx(ArrowBox, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
+			offset: 5,
+			width: 11,
+			height: 5,
+			style: { fill: "currentColor" }
+		}) })]
+	});
 });
-const Tooltip = React.forwardRef(
-  ({ children, content, open, defaultOpen, onOpenChange, multiline, css, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(
-    TooltipPrimitive.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      delayDuration: 400,
-      children: [
-        /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipContent, { css, multiline, ref: forwardedRef, ...props, children: content }) })
-      ]
-    }
-  )
-);
-const TooltipRoot = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-export {
-  Tooltip,
-  TooltipContent,
-  TooltipRoot,
-  TooltipTrigger
-};
-//# sourceMappingURL=Tooltip.js.map
+var Tooltip = React.forwardRef(({ children, content, open, defaultOpen, onOpenChange, multiline, css, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(TooltipPrimitive.Root, {
+	open,
+	defaultOpen,
+	onOpenChange,
+	delayDuration: 400,
+	children: [/* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		asChild: true,
+		children
+	}), /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipContent, {
+		css,
+		multiline,
+		ref: forwardedRef,
+		...props,
+		children: content
+	}) })]
+}));
+var TooltipRoot = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+TooltipPrimitive.Portal;
+//#endregion
+export { Tooltip, TooltipContent, TooltipRoot, TooltipTrigger };
+
+//# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","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"],"names":[],"mappings":";;;;;;AAeA,MAAM,UAAU,OAAO,iBAAiB,SAAS;AAAA,EAC/C,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,SAAS;AAAA,EAET,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,WAAW,OAAO,KAAK;AAAA,EAC3B,OAAO;AACT,CAAC;AAEM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,KAAK,WAAW,UAAU,GAAG,MAAA,GAAS,iBAAiB;AAC1D,QAAM,kBAAkB,MAAM,QAAQ,MAAM,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;AACpF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN,YAAY;AAAA,MACX,GAAI;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MAEJ,UAAA;AAAA,QAAA,kBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAG;AAAA,YACH,KAAK;AAAA,cACH,OAAO;AAAA,cACP,YAAY,YAAY,SAAS;AAAA,YAAA;AAAA,YAGlC;AAAA,UAAA;AAAA,QAAA,IAGH;AAAA,4BAED,UAAA,EACC,UAAA;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEM,MAAM,UAAU,MAAM;AAAA,EAC3B,CACE,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,MAAA,GACzE,iBAEA;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MAEf,UAAA;AAAA,QAAA,oBAAC,iBAAiB,SAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,QAC5C,oBAAC,iBAAiB,QAAjB,EACC,UAAA,oBAAC,gBAAA,EAAe,KAAU,WAAsB,KAAK,cAAe,GAAG,OACpE,mBACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,cAAc,iBAAiB;AACrC,MAAM,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;EACL,EACF,EACF;CACF,CAAC;AAEF,IAAM,WAAW,OAAO,KAAK,EAC3B,OAAO,qBACR,CAAC;AAEF,IAAa,iBAAiB,MAAM,YAGjC,EAAE,KAAK,WAAW,UAAU,GAAG,SAAS,iBAAiB;CAC1D,MAAM,kBAAkB,MAAM,cAAc,OAAO,aAAa,UAAU,CAAC,SAAS,CAAC;AACrF,QACE,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;IAClC;GAEA;GACI,CAAA,GAEP,UAEF,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAiB,OAAlB;GACE,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO,EACL,MAAM,gBACP;GACD,CAAA,EACO,CAAA,CACH;;EAEZ;AAEF,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;EAAoC,CAAA,EACvE,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAW,KAAK;EAAc,GAAI;YACpE;EACc,CAAA,EACO,CAAA,CACJ;GAE3B;AAED,IAAa,cAAc,iBAAiB;AAC5C,IAAa,iBAAiB,iBAAiB;AAClB,iBAAiB"}