@traefik-labs/faency 12.2.0 → 12.2.2

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.vanilla.js","sources":["../../../components/TextField/TextField.vanilla.tsx"],"sourcesContent":["import {\n  CrossCircledIcon,\n  ExclamationTriangleIcon,\n  EyeClosedIcon,\n  EyeOpenIcon,\n} from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { styled } from '../../stitches.config';\nimport { BoxVanilla } from '../Box';\nimport { InputVanilla, InputVanillaHandle, InputVanillaProps } from '../Input';\nimport { LabelVanilla } from '../Label';\nimport { Tooltip } from '../Tooltip';\n\n// TYPES\nexport interface TextFieldLabelProps {\n  variant: 'invalid' | 'subtle' | 'contrast' | 'default';\n  htmlFor?: string;\n}\n\nexport type TextFieldVanillaProps = InputVanillaProps & {\n  type?: string;\n  clearable?: boolean;\n  label?: string | ((props: TextFieldLabelProps) => JSX.Element);\n};\n\n// COMPONENTS\nconst AdornmentGroup = styled('div', {\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n});\n\nconst StyledExclamationTriangleIcon = styled(ExclamationTriangleIcon, {\n  '& + *': {\n    marginLeft: '$1',\n  },\n});\n\nconst StyledEyeOpenIcon = styled(EyeOpenIcon, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n});\n\nconst StyledEyeClosedIcon = styled(EyeClosedIcon, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n});\n\nconst StyledCrossCircledIcon = styled(CrossCircledIcon, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n});\n\nexport const TextFieldVanilla = React.forwardRef<\n  React.ElementRef<typeof InputVanilla>,\n  TextFieldVanillaProps\n>(\n  (\n    {\n      state,\n      clearable,\n      label: LabelOrComponent,\n      id,\n      type,\n      disabled,\n      readOnly,\n      onBlur,\n      onFocus,\n      css,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const inputRef = React.useRef<InputVanillaHandle | null>(null);\n    React.useImperativeHandle(forwardedRef, () => inputRef.current as InputVanillaHandle);\n\n    const [inputHasFocus, setInputHasFocus] = React.useState(false);\n    const [innerType, setInnerType] = React.useState(type);\n    const isPasswordVisible = React.useMemo(() => innerType !== 'password', [innerType]);\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n\n    const labelVariant = React.useMemo(() => {\n      if (disabled) {\n        return 'subtle';\n      }\n      if (invalid) {\n        return 'invalid';\n      }\n      if (inputHasFocus) {\n        return 'contrast';\n      }\n      return 'default';\n    }, [invalid, disabled, inputHasFocus]);\n\n    const LabelNode = React.useMemo(() => {\n      if (LabelOrComponent === undefined || LabelOrComponent === null) {\n        return null;\n      }\n      if (typeof LabelOrComponent === 'string') {\n        return (\n          <LabelVanilla variant={labelVariant} htmlFor={id}>\n            {LabelOrComponent}\n          </LabelVanilla>\n        );\n      }\n      return <LabelOrComponent variant={labelVariant} htmlFor={id} />;\n    }, [LabelOrComponent, labelVariant, id]);\n\n    const isPasswordType = React.useMemo(() => type === 'password', [type]);\n\n    const typeOrInnerType = React.useMemo(\n      () => (isPasswordType ? innerType : type),\n      [isPasswordType, type, innerType],\n    );\n\n    const hasInnerAdornment = React.useMemo(\n      () => clearable || isPasswordType || invalid,\n      [clearable, isPasswordType, invalid],\n    );\n\n    const hasAdornmentGroup = React.useMemo(\n      () => (clearable && invalid) || (clearable && isPasswordType) || (invalid && isPasswordType),\n      [clearable, invalid, isPasswordType],\n    );\n\n    const clearDisabled = React.useMemo(() => readOnly || disabled, [readOnly, disabled]);\n\n    const handleClear = React.useCallback(() => {\n      const { current } = inputRef;\n      if (current) {\n        current.clear();\n      }\n    }, [inputRef]);\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        if (onFocus) {\n          onFocus(e);\n        }\n        setInputHasFocus(true);\n      },\n      [onFocus, setInputHasFocus],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        if (onBlur) {\n          onBlur(e);\n        }\n        setInputHasFocus(false);\n      },\n      [onBlur, setInputHasFocus],\n    );\n\n    const togglePasswordVisibility = React.useCallback(() => {\n      setInnerType((prevInnerType) => (prevInnerType === 'password' ? undefined : 'password'));\n    }, [setInnerType]);\n\n    const EndAdornmentWrapper = React.useMemo(\n      () => (hasAdornmentGroup ? AdornmentGroup : React.Fragment),\n      [hasAdornmentGroup],\n    );\n\n    const PasswordVisibilityToggleIcon = React.useMemo(\n      () => (isPasswordVisible ? StyledEyeClosedIcon : StyledEyeOpenIcon),\n      [isPasswordVisible],\n    );\n\n    const passwordAction = React.useMemo(\n      () => (isPasswordVisible ? 'Hide password' : 'Show password'),\n      [isPasswordVisible],\n    );\n\n    return (\n      <BoxVanilla css={css}>\n        {LabelNode}\n        <InputVanilla\n          id={id}\n          ref={inputRef}\n          endAdornment={\n            hasInnerAdornment && (\n              <EndAdornmentWrapper>\n                {invalid && <StyledExclamationTriangleIcon role=\"alert\" aria-label=\"Invalid\" />}\n                {isPasswordType && (\n                  <Tooltip content={passwordAction}>\n                    <PasswordVisibilityToggleIcon\n                      aria-label={passwordAction}\n                      onClick={togglePasswordVisibility}\n                    />\n                  </Tooltip>\n                )}\n                {clearable && !clearDisabled && (\n                  <Tooltip content=\"Clear\">\n                    <StyledCrossCircledIcon aria-label=\"Clear\" onClick={handleClear} />\n                  </Tooltip>\n                )}\n              </EndAdornmentWrapper>\n            )\n          }\n          state={state}\n          type={typeOrInnerType}\n          disabled={disabled}\n          readOnly={readOnly}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...props}\n        />\n      </BoxVanilla>\n    );\n  },\n);\n\nTextFieldVanilla.displayName = 'TextFieldVanilla';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextField.vanilla.js","names":[],"sources":["../../../components/TextField/TextField.vanilla.tsx"],"sourcesContent":["import {\n  CrossCircledIcon,\n  ExclamationTriangleIcon,\n  EyeClosedIcon,\n  EyeOpenIcon,\n} from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { styled } from '../../stitches.config';\nimport { BoxVanilla } from '../Box';\nimport { InputVanilla, InputVanillaHandle, InputVanillaProps } from '../Input';\nimport { LabelVanilla } from '../Label';\nimport { Tooltip } from '../Tooltip';\n\n// TYPES\nexport interface TextFieldLabelProps {\n  variant: 'invalid' | 'subtle' | 'contrast' | 'default';\n  htmlFor?: string;\n}\n\nexport type TextFieldVanillaProps = InputVanillaProps & {\n  type?: string;\n  clearable?: boolean;\n  label?: string | ((props: TextFieldLabelProps) => JSX.Element);\n};\n\n// COMPONENTS\nconst AdornmentGroup = styled('div', {\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n});\n\nconst StyledExclamationTriangleIcon = styled(ExclamationTriangleIcon, {\n  '& + *': {\n    marginLeft: '$1',\n  },\n});\n\nconst StyledEyeOpenIcon = styled(EyeOpenIcon, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n});\n\nconst StyledEyeClosedIcon = styled(EyeClosedIcon, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n});\n\nconst StyledCrossCircledIcon = styled(CrossCircledIcon, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n});\n\nexport const TextFieldVanilla = React.forwardRef<\n  React.ElementRef<typeof InputVanilla>,\n  TextFieldVanillaProps\n>(\n  (\n    {\n      state,\n      clearable,\n      label: LabelOrComponent,\n      id,\n      type,\n      disabled,\n      readOnly,\n      onBlur,\n      onFocus,\n      css,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const inputRef = React.useRef<InputVanillaHandle | null>(null);\n    React.useImperativeHandle(forwardedRef, () => inputRef.current as InputVanillaHandle);\n\n    const [inputHasFocus, setInputHasFocus] = React.useState(false);\n    const [innerType, setInnerType] = React.useState(type);\n    const isPasswordVisible = React.useMemo(() => innerType !== 'password', [innerType]);\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n\n    const labelVariant = React.useMemo(() => {\n      if (disabled) {\n        return 'subtle';\n      }\n      if (invalid) {\n        return 'invalid';\n      }\n      if (inputHasFocus) {\n        return 'contrast';\n      }\n      return 'default';\n    }, [invalid, disabled, inputHasFocus]);\n\n    const LabelNode = React.useMemo(() => {\n      if (LabelOrComponent === undefined || LabelOrComponent === null) {\n        return null;\n      }\n      if (typeof LabelOrComponent === 'string') {\n        return (\n          <LabelVanilla variant={labelVariant} htmlFor={id}>\n            {LabelOrComponent}\n          </LabelVanilla>\n        );\n      }\n      return <LabelOrComponent variant={labelVariant} htmlFor={id} />;\n    }, [LabelOrComponent, labelVariant, id]);\n\n    const isPasswordType = React.useMemo(() => type === 'password', [type]);\n\n    const typeOrInnerType = React.useMemo(\n      () => (isPasswordType ? innerType : type),\n      [isPasswordType, type, innerType],\n    );\n\n    const hasInnerAdornment = React.useMemo(\n      () => clearable || isPasswordType || invalid,\n      [clearable, isPasswordType, invalid],\n    );\n\n    const hasAdornmentGroup = React.useMemo(\n      () => (clearable && invalid) || (clearable && isPasswordType) || (invalid && isPasswordType),\n      [clearable, invalid, isPasswordType],\n    );\n\n    const clearDisabled = React.useMemo(() => readOnly || disabled, [readOnly, disabled]);\n\n    const handleClear = React.useCallback(() => {\n      const { current } = inputRef;\n      if (current) {\n        current.clear();\n      }\n    }, [inputRef]);\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        if (onFocus) {\n          onFocus(e);\n        }\n        setInputHasFocus(true);\n      },\n      [onFocus, setInputHasFocus],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        if (onBlur) {\n          onBlur(e);\n        }\n        setInputHasFocus(false);\n      },\n      [onBlur, setInputHasFocus],\n    );\n\n    const togglePasswordVisibility = React.useCallback(() => {\n      setInnerType((prevInnerType) => (prevInnerType === 'password' ? undefined : 'password'));\n    }, [setInnerType]);\n\n    const EndAdornmentWrapper = React.useMemo(\n      () => (hasAdornmentGroup ? AdornmentGroup : React.Fragment),\n      [hasAdornmentGroup],\n    );\n\n    const PasswordVisibilityToggleIcon = React.useMemo(\n      () => (isPasswordVisible ? StyledEyeClosedIcon : StyledEyeOpenIcon),\n      [isPasswordVisible],\n    );\n\n    const passwordAction = React.useMemo(\n      () => (isPasswordVisible ? 'Hide password' : 'Show password'),\n      [isPasswordVisible],\n    );\n\n    return (\n      <BoxVanilla css={css}>\n        {LabelNode}\n        <InputVanilla\n          id={id}\n          ref={inputRef}\n          endAdornment={\n            hasInnerAdornment && (\n              <EndAdornmentWrapper>\n                {invalid && <StyledExclamationTriangleIcon role=\"alert\" aria-label=\"Invalid\" />}\n                {isPasswordType && (\n                  <Tooltip content={passwordAction}>\n                    <PasswordVisibilityToggleIcon\n                      aria-label={passwordAction}\n                      onClick={togglePasswordVisibility}\n                    />\n                  </Tooltip>\n                )}\n                {clearable && !clearDisabled && (\n                  <Tooltip content=\"Clear\">\n                    <StyledCrossCircledIcon aria-label=\"Clear\" onClick={handleClear} />\n                  </Tooltip>\n                )}\n              </EndAdornmentWrapper>\n            )\n          }\n          state={state}\n          type={typeOrInnerType}\n          disabled={disabled}\n          readOnly={readOnly}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...props}\n        />\n      </BoxVanilla>\n    );\n  },\n);\n\nTextFieldVanilla.displayName = 'TextFieldVanilla';\n"],"mappings":"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"}

package/dist/components/Textarea/Textarea.cjs

@@ -1,280 +1,193 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Box = require("../Box/Box.cjs");
-const Label = require("../Label/Label.cjs");
-const Elevation = require("../Elevation/Elevation.cjs");
-const FOCUS_SHADOW = Elevation.elevationVariants[1].boxShadow;
-const StyledTextarea = stitches_config.styled("textarea", {
-  // Reset
-  appearance: "none",
-  overflow: "auto",
-  // force overflow auto behaviour cross-browser
-  borderWidth: "0",
-  boxSizing: "border-box",
-  fontFamily: "$rubik",
-  margin: "0",
-  outline: "none",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  // Custom
-  p: "$3",
-  position: "relative",
-  flexGrow: 1,
-  // make sure to grow fully inside TextareaWrapper
-  backgroundColor: "transparent",
-  borderRadius: "inherit",
-  // inherit border radius from TextareaWrapper
-  boxShadow: "inset 0 0 0 1px $colors$textareaBorder",
-  color: "$textareaText",
-  fontVariantNumeric: "tabular-nums",
-  transition: "box-shadow .1s ease-in-out",
-  "&:-webkit-autofill,&:autofill": {
-    boxShadow: "inset 0 0 0 1px $colors$textareaBorder, inset 0 0 0 100px $colors$textareaBg"
-  },
-  "&:-webkit-autofill::first-line,&:autofill::first-line": {
-    fontFamily: "$rubik",
-    color: "$hiContrast"
-  },
-  "&:focus-visible": {
-    boxShadow: `inset 0 0 0 2px $colors$textareaFocusBorder, ${FOCUS_SHADOW}`
-  },
-  "&::placeholder": {
-    color: "$textareaPlaceholder"
-  },
-  "&:read-only:not(:disabled)": {
-    boxShadow: "none"
-  },
-  "&:disabled": {
-    pointerEvents: "none",
-    opacity: 0.7,
-    color: "$textareaDisabledText"
-  },
-  variants: {
-    variant: {
-      ghost: {
-        boxShadow: "none",
-        "&:disabled": {
-          boxShadow: "none"
-        },
-        backgroundColor: "transparent",
-        "&:focus-visible": {
-          backgroundColor: "$loContrast"
-        }
-      }
-    },
-    state: {
-      invalid: {
-        boxShadow: "inset 0 0 0 1px $colors$textareaInvalidBorder",
-        "&:focus-visible": {
-          boxShadow: `inset 0 0 0 2px $colors$textareaInvalidBorder, ${FOCUS_SHADOW}`
-        },
-        "@hover": {
-          "&:hover": {
-            "&::after": {
-              backgroundColor: "$textareaInvalidBorder"
-            }
-          }
-        }
-      }
-    },
-    cursor: {
-      default: {
-        cursor: "default",
-        "@hover": {
-          "&:hover:not(:read-only)": {
-            cursor: "text"
-          }
-        },
-        "&:focus-visible:not(:read-only)": {
-          cursor: "text"
-        }
-      },
-      text: {
-        cursor: "text"
-      }
-    },
-    resize: {
-      none: {
-        resize: "none"
-      },
-      both: {
-        resize: "both"
-      },
-      vertical: {
-        resize: "vertical"
-      },
-      horizontal: {
-        resize: "horizontal"
-      }
-    },
-    endAdornment: {
-      true: {
-        paddingBottom: "$5",
-        paddingRight: "$5"
-      }
-    }
-  },
-  defaultVariants: {
-    cursor: "default",
-    resize: "both"
-  },
-  compoundVariants: [
-    {
-      variant: "ghost",
-      state: "invalid",
-      css: {
-        boxShadow: "inset 0 0 0 1px $colors$textareaInvalidBorder"
-      }
-    }
-  ]
+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_Elevation = require("../Elevation/Elevation.cjs");
+const require_Label = require("../Label/Label.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Textarea/Textarea.tsx
+var FOCUS_SHADOW = require_Elevation.elevationVariants[1].boxShadow;
+var StyledTextarea = require_stitches_config.styled("textarea", {
+	appearance: "none",
+	overflow: "auto",
+	borderWidth: "0",
+	boxSizing: "border-box",
+	fontFamily: "$rubik",
+	margin: "0",
+	outline: "none",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	p: "$3",
+	position: "relative",
+	flexGrow: 1,
+	backgroundColor: "transparent",
+	borderRadius: "inherit",
+	boxShadow: "inset 0 0 0 1px $colors$textareaBorder",
+	color: "$textareaText",
+	fontVariantNumeric: "tabular-nums",
+	transition: "box-shadow .1s ease-in-out",
+	"&:-webkit-autofill,&:autofill": { boxShadow: "inset 0 0 0 1px $colors$textareaBorder, inset 0 0 0 100px $colors$textareaBg" },
+	"&:-webkit-autofill::first-line,&:autofill::first-line": {
+		fontFamily: "$rubik",
+		color: "$hiContrast"
+	},
+	"&:focus-visible": { boxShadow: `inset 0 0 0 2px $colors$textareaFocusBorder, ${FOCUS_SHADOW}` },
+	"&::placeholder": { color: "$textareaPlaceholder" },
+	"&:read-only:not(:disabled)": { boxShadow: "none" },
+	"&:disabled": {
+		pointerEvents: "none",
+		opacity: .7,
+		color: "$textareaDisabledText"
+	},
+	variants: {
+		variant: { ghost: {
+			boxShadow: "none",
+			"&:disabled": { boxShadow: "none" },
+			backgroundColor: "transparent",
+			"&:focus-visible": { backgroundColor: "$loContrast" }
+		} },
+		state: { invalid: {
+			boxShadow: "inset 0 0 0 1px $colors$textareaInvalidBorder",
+			"&:focus-visible": { boxShadow: `inset 0 0 0 2px $colors$textareaInvalidBorder, ${FOCUS_SHADOW}` },
+			"@hover": { "&:hover": { "&::after": { backgroundColor: "$textareaInvalidBorder" } } }
+		} },
+		cursor: {
+			default: {
+				cursor: "default",
+				"@hover": { "&:hover:not(:read-only)": { cursor: "text" } },
+				"&:focus-visible:not(:read-only)": { cursor: "text" }
+			},
+			text: { cursor: "text" }
+		},
+		resize: {
+			none: { resize: "none" },
+			both: { resize: "both" },
+			vertical: { resize: "vertical" },
+			horizontal: { resize: "horizontal" }
+		},
+		endAdornment: { true: {
+			paddingBottom: "$5",
+			paddingRight: "$5"
+		} }
+	},
+	defaultVariants: {
+		cursor: "default",
+		resize: "both"
+	},
+	compoundVariants: [{
+		variant: "ghost",
+		state: "invalid",
+		css: { boxShadow: "inset 0 0 0 1px $colors$textareaInvalidBorder" }
+	}]
 });
-const TextareaWrapper = stitches_config.styled("div", {
-  // Reset
-  outline: "none",
-  lineHeight: 0,
-  position: "relative",
-  display: "inline-flex",
-  // helps matching resizable content size
-  backgroundColor: "$textareaBg",
-  color: "$textareaPlaceholder",
-  borderRadius: "$3",
-  "&::before": {
-    boxSizing: "border-box",
-    borderRadius: "inherit",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    pointerEvents: "none"
-  },
-  "&::after": {
-    boxSizing: "border-box",
-    borderRadius: "inherit",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    pointerEvents: "none"
-  },
-  "&:focus-visible": {
-    "&::before": {
-      backgroundColor: "$textareaFocusBg"
-    },
-    "&::after": {
-      backgroundColor: "$primary",
-      opacity: 0.15
-    }
-  },
-  "@hover": {
-    "&:hover": {
-      "&::before": {
-        backgroundColor: "$textareaHoverBg"
-      },
-      "&::after": {
-        backgroundColor: "$primary",
-        opacity: 0.05
-      }
-    }
-  },
-  variants: {
-    disabled: {
-      true: {
-        opacity: 0.7,
-        color: "$textareaDisabledText",
-        "@hover": {
-          "&:hover": {
-            "&::before": {
-              backgroundColor: "inherit"
-            },
-            "&::after": {
-              backgroundColor: "inherit"
-            }
-          }
-        }
-      }
-    },
-    state: {
-      invalid: {
-        "@hover": {
-          "&:hover": {
-            "&::after": {
-              backgroundColor: "$textareaInvalidBorder"
-            }
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    disabled: false
-  }
+var TextareaWrapper = require_stitches_config.styled("div", {
+	outline: "none",
+	lineHeight: 0,
+	position: "relative",
+	display: "inline-flex",
+	backgroundColor: "$textareaBg",
+	color: "$textareaPlaceholder",
+	borderRadius: "$3",
+	"&::before": {
+		boxSizing: "border-box",
+		borderRadius: "inherit",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		pointerEvents: "none"
+	},
+	"&::after": {
+		boxSizing: "border-box",
+		borderRadius: "inherit",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		pointerEvents: "none"
+	},
+	"&:focus-visible": {
+		"&::before": { backgroundColor: "$textareaFocusBg" },
+		"&::after": {
+			backgroundColor: "$primary",
+			opacity: .15
+		}
+	},
+	"@hover": { "&:hover": {
+		"&::before": { backgroundColor: "$textareaHoverBg" },
+		"&::after": {
+			backgroundColor: "$primary",
+			opacity: .05
+		}
+	} },
+	variants: {
+		disabled: { true: {
+			opacity: .7,
+			color: "$textareaDisabledText",
+			"@hover": { "&:hover": {
+				"&::before": { backgroundColor: "inherit" },
+				"&::after": { backgroundColor: "inherit" }
+			} }
+		} },
+		state: { invalid: { "@hover": { "&:hover": { "&::after": { backgroundColor: "$textareaInvalidBorder" } } } } }
+	},
+	defaultVariants: { disabled: false }
 });
-const AdornmentWrapperEnd = stitches_config.styled("div", {
-  position: "absolute",
-  bottom: "$2",
-  right: "$3",
-  minWidth: "$5",
-  minHeight: "$5",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
+var AdornmentWrapperEnd = require_stitches_config.styled("div", {
+	position: "absolute",
+	bottom: "$2",
+	right: "$3",
+	minWidth: "$5",
+	minHeight: "$5",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center"
 });
-const Textarea = React.forwardRef(
-  ({ state, disabled, onFocus, onBlur, label, id, rootCss, css, endAdornment, ...props }, forwardedRef) => {
-    const [hasFocus, setHasFocus] = React.useState(false);
-    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]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { css: rootCss, children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(Label.Label, { variant: labelVariant, htmlFor: id, css: { display: "block" }, children: label }),
-      /* @__PURE__ */ jsxRuntime.jsxs(TextareaWrapper, { state, disabled, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          StyledTextarea,
-          {
-            id,
-            ref: forwardedRef,
-            css,
-            disabled,
-            state,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            endAdornment: hasEndAdornment,
-            ...props
-          }
-        ),
-        hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx(AdornmentWrapperEnd, { children: endAdornment })
-      ] })
-    ] });
-  }
-);
+var Textarea = react.default.forwardRef(({ state, disabled, onFocus, onBlur, label, id, rootCss, css, endAdornment, ...props }, forwardedRef) => {
+	const [hasFocus, setHasFocus] = react.default.useState(false);
+	const invalid = react.default.useMemo(() => state === "invalid", [state]);
+	const hasEndAdornment = react.default.useMemo(() => Boolean(endAdornment), [endAdornment]);
+	const labelVariant = react.default.useMemo(() => {
+		if (disabled) return "subtle";
+		if (invalid) return "invalid";
+		if (hasFocus) return "contrast";
+		return "default";
+	}, [
+		invalid,
+		disabled,
+		hasFocus
+	]);
+	const handleFocus = react.default.useCallback((e) => {
+		if (onFocus) onFocus(e);
+		setHasFocus(true);
+	}, [onFocus, setHasFocus]);
+	const handleBlur = react.default.useCallback((e) => {
+		if (onBlur) onBlur(e);
+		setHasFocus(false);
+	}, [onBlur, setHasFocus]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Box.Box, {
+		css: rootCss,
+		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Label.Label, {
+			variant: labelVariant,
+			htmlFor: id,
+			css: { display: "block" },
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TextareaWrapper, {
+			state,
+			disabled,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextarea, {
+				id,
+				ref: forwardedRef,
+				css,
+				disabled,
+				state,
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				endAdornment: hasEndAdornment,
+				...props
+			}), hasEndAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AdornmentWrapperEnd, { children: endAdornment })]
+		})]
+	});
+});
+//#endregion
 exports.Textarea = Textarea;
-//# sourceMappingURL=Textarea.cjs.map
+
+//# sourceMappingURL=Textarea.cjs.map

package/dist/components/Textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","sources":["../../../components/Textarea/Textarea.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Label } from '../Label';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\n\n// COMPONENTS\nconst StyledTextarea = styled('textarea', {\n  // Reset\n  appearance: 'none',\n  overflow: 'auto', // force overflow auto behaviour cross-browser\n  borderWidth: '0',\n  boxSizing: 'border-box',\n  fontFamily: '$rubik',\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Custom\n  p: '$3',\n  position: 'relative',\n  flexGrow: 1, // make sure to grow fully inside TextareaWrapper\n  backgroundColor: 'transparent',\n  borderRadius: 'inherit', // inherit border radius from TextareaWrapper\n  boxShadow: 'inset 0 0 0 1px $colors$textareaBorder',\n  color: '$textareaText',\n  fontVariantNumeric: 'tabular-nums',\n  transition: 'box-shadow .1s ease-in-out',\n\n  '&:-webkit-autofill,&:autofill': {\n    boxShadow: 'inset 0 0 0 1px $colors$textareaBorder, inset 0 0 0 100px $colors$textareaBg',\n  },\n\n  '&:-webkit-autofill::first-line,&:autofill::first-line': {\n    fontFamily: '$rubik',\n    color: '$hiContrast',\n  },\n\n  '&:focus-visible': {\n    boxShadow: `inset 0 0 0 2px $colors$textareaFocusBorder, ${FOCUS_SHADOW}`,\n  },\n\n  '&::placeholder': {\n    color: '$textareaPlaceholder',\n  },\n\n  '&:read-only:not(:disabled)': {\n    boxShadow: 'none',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    opacity: 0.7,\n    color: '$textareaDisabledText',\n  },\n  variants: {\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        '&:disabled': {\n          boxShadow: 'none',\n        },\n        backgroundColor: 'transparent',\n        '&:focus-visible': {\n          backgroundColor: '$loContrast',\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: 'inset 0 0 0 1px $colors$textareaInvalidBorder',\n        '&:focus-visible': {\n          boxShadow: `inset 0 0 0 2px $colors$textareaInvalidBorder, ${FOCUS_SHADOW}`,\n        },\n        '@hover': {\n          '&:hover': {\n            '&::after': {\n              backgroundColor: '$textareaInvalidBorder',\n            },\n          },\n        },\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '@hover': {\n          '&:hover:not(:read-only)': {\n            cursor: 'text',\n          },\n        },\n        '&:focus-visible:not(:read-only)': {\n          cursor: 'text',\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: '$5',\n        paddingRight: '$5',\n      },\n    },\n  },\n  defaultVariants: {\n    cursor: 'default',\n    resize: 'both',\n  },\n  compoundVariants: [\n    {\n      variant: 'ghost',\n      state: 'invalid',\n      css: {\n        boxShadow: 'inset 0 0 0 1px $colors$textareaInvalidBorder',\n      },\n    },\n  ],\n});\n\nconst TextareaWrapper = styled('div', {\n  // Reset\n  outline: 'none',\n  lineHeight: 0,\n\n  position: 'relative',\n  display: 'inline-flex', // helps matching resizable content size\n  backgroundColor: '$textareaBg',\n  color: '$textareaPlaceholder',\n  borderRadius: '$3',\n\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\n  '&:focus-visible': {\n    '&::before': {\n      backgroundColor: '$textareaFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      '&::before': {\n        backgroundColor: '$textareaHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        opacity: 0.7,\n        color: '$textareaDisabledText',\n        '@hover': {\n          '&:hover': {\n            '&::before': {\n              backgroundColor: 'inherit',\n            },\n            '&::after': {\n              backgroundColor: 'inherit',\n            },\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        '@hover': {\n          '&:hover': {\n            '&::after': {\n              backgroundColor: '$textareaInvalidBorder',\n            },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    disabled: false,\n  },\n});\n\nconst AdornmentWrapperEnd = styled('div', {\n  position: 'absolute',\n  bottom: '$2',\n  right: '$3',\n  minWidth: '$5',\n  minHeight: '$5',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport interface TextareaVariants\n  extends Omit<VariantProps<typeof StyledTextarea>, 'endAdornment'> {}\n\nexport interface TextareaProps\n  extends TextareaVariants,\n    Omit<React.ComponentProps<typeof StyledTextarea>, 'endAdornment'> {\n  label?: string;\n  endAdornment?: React.ReactNode;\n  rootCss?: CSS;\n}\n\nexport const Textarea = React.forwardRef<React.ElementRef<typeof StyledTextarea>, TextareaProps>(\n  (\n    { state, disabled, onFocus, onBlur, label, id, rootCss, css, endAdornment, ...props },\n    forwardedRef\n  ) => {\n    const [hasFocus, setHasFocus] = React.useState(false);\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n\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    return (\n      <Box css={rootCss}>\n        {label && (\n          <Label variant={labelVariant} htmlFor={id} css={{ display: 'block' }}>\n            {label}\n          </Label>\n        )}\n        <TextareaWrapper state={state} disabled={disabled}>\n          <StyledTextarea\n            id={id}\n            ref={forwardedRef}\n            css={css}\n            disabled={disabled}\n            state={state}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            endAdornment={hasEndAdornment}\n            {...props}\n          />\n          {hasEndAdornment && <AdornmentWrapperEnd>{endAdornment}</AdornmentWrapperEnd>}\n        </TextareaWrapper>\n      </Box>\n    );\n  }\n);\n"],"names":["elevationVariants","styled","jsxs","Box","jsx","Label"],"mappings":"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"}
+{"version":3,"file":"Textarea.cjs","names":[],"sources":["../../../components/Textarea/Textarea.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Label } from '../Label';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\n\n// COMPONENTS\nconst StyledTextarea = styled('textarea', {\n  // Reset\n  appearance: 'none',\n  overflow: 'auto', // force overflow auto behaviour cross-browser\n  borderWidth: '0',\n  boxSizing: 'border-box',\n  fontFamily: '$rubik',\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Custom\n  p: '$3',\n  position: 'relative',\n  flexGrow: 1, // make sure to grow fully inside TextareaWrapper\n  backgroundColor: 'transparent',\n  borderRadius: 'inherit', // inherit border radius from TextareaWrapper\n  boxShadow: 'inset 0 0 0 1px $colors$textareaBorder',\n  color: '$textareaText',\n  fontVariantNumeric: 'tabular-nums',\n  transition: 'box-shadow .1s ease-in-out',\n\n  '&:-webkit-autofill,&:autofill': {\n    boxShadow: 'inset 0 0 0 1px $colors$textareaBorder, inset 0 0 0 100px $colors$textareaBg',\n  },\n\n  '&:-webkit-autofill::first-line,&:autofill::first-line': {\n    fontFamily: '$rubik',\n    color: '$hiContrast',\n  },\n\n  '&:focus-visible': {\n    boxShadow: `inset 0 0 0 2px $colors$textareaFocusBorder, ${FOCUS_SHADOW}`,\n  },\n\n  '&::placeholder': {\n    color: '$textareaPlaceholder',\n  },\n\n  '&:read-only:not(:disabled)': {\n    boxShadow: 'none',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    opacity: 0.7,\n    color: '$textareaDisabledText',\n  },\n  variants: {\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        '&:disabled': {\n          boxShadow: 'none',\n        },\n        backgroundColor: 'transparent',\n        '&:focus-visible': {\n          backgroundColor: '$loContrast',\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: 'inset 0 0 0 1px $colors$textareaInvalidBorder',\n        '&:focus-visible': {\n          boxShadow: `inset 0 0 0 2px $colors$textareaInvalidBorder, ${FOCUS_SHADOW}`,\n        },\n        '@hover': {\n          '&:hover': {\n            '&::after': {\n              backgroundColor: '$textareaInvalidBorder',\n            },\n          },\n        },\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '@hover': {\n          '&:hover:not(:read-only)': {\n            cursor: 'text',\n          },\n        },\n        '&:focus-visible:not(:read-only)': {\n          cursor: 'text',\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: '$5',\n        paddingRight: '$5',\n      },\n    },\n  },\n  defaultVariants: {\n    cursor: 'default',\n    resize: 'both',\n  },\n  compoundVariants: [\n    {\n      variant: 'ghost',\n      state: 'invalid',\n      css: {\n        boxShadow: 'inset 0 0 0 1px $colors$textareaInvalidBorder',\n      },\n    },\n  ],\n});\n\nconst TextareaWrapper = styled('div', {\n  // Reset\n  outline: 'none',\n  lineHeight: 0,\n\n  position: 'relative',\n  display: 'inline-flex', // helps matching resizable content size\n  backgroundColor: '$textareaBg',\n  color: '$textareaPlaceholder',\n  borderRadius: '$3',\n\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\n  '&:focus-visible': {\n    '&::before': {\n      backgroundColor: '$textareaFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      '&::before': {\n        backgroundColor: '$textareaHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        opacity: 0.7,\n        color: '$textareaDisabledText',\n        '@hover': {\n          '&:hover': {\n            '&::before': {\n              backgroundColor: 'inherit',\n            },\n            '&::after': {\n              backgroundColor: 'inherit',\n            },\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        '@hover': {\n          '&:hover': {\n            '&::after': {\n              backgroundColor: '$textareaInvalidBorder',\n            },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    disabled: false,\n  },\n});\n\nconst AdornmentWrapperEnd = styled('div', {\n  position: 'absolute',\n  bottom: '$2',\n  right: '$3',\n  minWidth: '$5',\n  minHeight: '$5',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport interface TextareaVariants\n  extends Omit<VariantProps<typeof StyledTextarea>, 'endAdornment'> {}\n\nexport interface TextareaProps\n  extends TextareaVariants,\n    Omit<React.ComponentProps<typeof StyledTextarea>, 'endAdornment'> {\n  label?: string;\n  endAdornment?: React.ReactNode;\n  rootCss?: CSS;\n}\n\nexport const Textarea = React.forwardRef<React.ElementRef<typeof StyledTextarea>, TextareaProps>(\n  (\n    { state, disabled, onFocus, onBlur, label, id, rootCss, css, endAdornment, ...props },\n    forwardedRef\n  ) => {\n    const [hasFocus, setHasFocus] = React.useState(false);\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n\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    return (\n      <Box css={rootCss}>\n        {label && (\n          <Label variant={labelVariant} htmlFor={id} css={{ display: 'block' }}>\n            {label}\n          </Label>\n        )}\n        <TextareaWrapper state={state} disabled={disabled}>\n          <StyledTextarea\n            id={id}\n            ref={forwardedRef}\n            css={css}\n            disabled={disabled}\n            state={state}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            endAdornment={hasEndAdornment}\n            {...props}\n          />\n          {hasEndAdornment && <AdornmentWrapperEnd>{endAdornment}</AdornmentWrapperEnd>}\n        </TextareaWrapper>\n      </Box>\n    );\n  }\n);\n"],"mappings":"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"}