@traefik-labs/faency 12.0.7

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.vanilla.js","sources":["../../../components/IconButton/IconButton.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { iconButtonRecipe } from './IconButton.vanilla.css';\n\ntype IconButtonRecipeVariants = RecipeVariants<typeof iconButtonRecipe>;\n\ninterface IconButtonOwnProps extends Omit<IconButtonRecipeVariants, never>, CSSProps {}\n\nexport type IconButtonVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<\n  C,\n  IconButtonOwnProps\n>;\n\ntype IconButtonVanillaComponent = PolymorphicComponent<\n  'button',\n  IconButtonVanillaProps<ElementType>\n>;\n\nconst IconButtonVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    { as, className, css, style, size, variant, ...props }: IconButtonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'button';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = iconButtonRecipe({ size, variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nIconButtonVanillaComponentImpl.displayName = 'IconButtonVanilla';\n\nexport const IconButtonVanilla = IconButtonVanillaComponentImpl as IconButtonVanillaComponent;\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,iCAAiC;AAAA,EACrC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,MAAA,GAC/C,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,iBAAiB,EAAE,MAAM,SAAS;AAEtD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,+BAA+B,cAAc;AAEtC,MAAM,oBAAoB;"}

package/dist/components/Image/Image.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const stitches_config = require("../../stitches.config.cjs");
+const Image = stitches_config.styled("img", {
+  // Reset
+  verticalAlign: "middle",
+  maxWidth: "100%"
+});
+exports.Image = Image;
+//# sourceMappingURL=Image.cjs.map

package/dist/components/Image/Image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs","sources":["../../../components/Image/Image.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Image = styled('img', {\n  // Reset\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"names":["styled"],"mappings":";;;AAEO,MAAM,QAAQA,gBAAAA,OAAO,OAAO;AAAA;AAAA,EAEjC,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;;"}

package/dist/components/Image/Image.js

@@ -0,0 +1,10 @@
+import { styled } from "../../stitches.config.js";
+const Image = styled("img", {
+  // Reset
+  verticalAlign: "middle",
+  maxWidth: "100%"
+});
+export {
+  Image
+};
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../components/Image/Image.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Image = styled('img', {\n  // Reset\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"names":[],"mappings":";AAEO,MAAM,QAAQ,OAAO,OAAO;AAAA;AAAA,EAEjC,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;"}

package/dist/components/Input/Input.cjs

@@ -0,0 +1,379 @@
+"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 Elevation = require("../Elevation/Elevation.cjs");
+const FOCUS_SHADOW = Elevation.elevationVariants[1].boxShadow;
+const SMALL_HEIGHT = "$5";
+const MEDIUM_HEIGHT = "$6";
+const LARGE_HEIGHT = "$7";
+const StyledInput = stitches_config.styled("input", {
+  // Reset
+  appearance: "none",
+  borderWidth: "0",
+  boxSizing: "border-box",
+  fontFamily: "$rubik",
+  margin: "0",
+  outline: "none",
+  padding: "0",
+  width: "100%",
+  WebkitTapHighlightColor: "rgba(0,0,0,0)",
+  // Custom
+  position: "relative",
+  backgroundColor: "transparent",
+  borderRadius: "inherit",
+  // inherit border radius from InputWrapper
+  boxShadow: "inset 0 0 0 1px $colors$inputBorder",
+  color: "$inputText",
+  fontVariantNumeric: "tabular-nums",
+  transition: "box-shadow .1s ease-in-out",
+  '&[type="number"]': {
+    pr: "0"
+    // remove padding for number native controls
+  },
+  "&:-webkit-autofill,&:autofill": {
+    boxShadow: "inset 0 0 0 1px $colors$inputBorder, inset 0 0 0 100px $colors$inputBg"
+  },
+  "&:-webkit-autofill::first-line,&:autofill::first-line": {
+    fontFamily: "$rubik",
+    color: "$hiContrast"
+  },
+  "&:focus-visible": {
+    boxShadow: `inset 0 0 0 2px $colors$inputFocusBorder, ${FOCUS_SHADOW}`
+  },
+  "&::placeholder": {
+    color: "$inputPlaceholder"
+  },
+  "&:read-only:not(:disabled)": {
+    boxShadow: "none"
+  },
+  "&:disabled": {
+    pointerEvents: "none",
+    color: "$inputDisabledText"
+  },
+  variants: {
+    size: {
+      small: {
+        height: SMALL_HEIGHT,
+        fontSize: "$1",
+        px: "$2",
+        lineHeight: "$sizes$5",
+        "&:-webkit-autofill::first-line,&:autofill::first-line": {
+          fontSize: "$1"
+        }
+      },
+      medium: {
+        height: MEDIUM_HEIGHT,
+        fontSize: "$3",
+        px: "$3",
+        lineHeight: "$sizes$6",
+        "&:-webkit-autofill::first-line,&:autofill::first-line": {
+          fontSize: "$3"
+        }
+      },
+      large: {
+        height: LARGE_HEIGHT,
+        fontSize: "$3",
+        px: "$3",
+        lineHeight: "$sizes$7",
+        "&:-webkit-autofill::first-line,&:autofill::first-line": {
+          fontSize: "$3"
+        }
+      }
+    },
+    startAdornment: {
+      true: {}
+    },
+    endAdornment: {
+      true: {}
+    },
+    variant: {
+      ghost: {
+        boxShadow: "none",
+        "&:disabled": {
+          boxShadow: "none"
+        },
+        backgroundColor: "transparent",
+        "&:focus-visible": {
+          backgroundColor: "$loContrast"
+        }
+      }
+    },
+    state: {
+      invalid: {
+        boxShadow: "inset 0 0 0 1px $colors$inputInvalidBorder",
+        "&:focus-visible": {
+          boxShadow: `inset 0 0 0 2px $colors$inputInvalidBorder, ${FOCUS_SHADOW}`
+        }
+      }
+    },
+    cursor: {
+      default: {
+        cursor: "default",
+        "@hover": {
+          "&:hover:not(:read-only)": {
+            cursor: "text"
+          }
+        },
+        "&:focus-visible:not(:read-only)": {
+          cursor: "text"
+        }
+      },
+      text: {
+        cursor: "text"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "medium",
+    cursor: "default"
+  },
+  compoundVariants: [
+    {
+      variant: "ghost",
+      state: "invalid",
+      css: {
+        boxShadow: "inset 0 0 0 1px $colors$inputInvalidBorder"
+      }
+    },
+    {
+      startAdornment: true,
+      size: "small",
+      css: {
+        paddingInlineStart: "calc($2 + 15px)"
+      }
+    },
+    {
+      startAdornment: true,
+      size: "medium",
+      css: {
+        paddingInlineStart: "calc($3 + 15px)"
+      }
+    },
+    {
+      startAdornment: true,
+      size: "large",
+      css: {
+        paddingInlineStart: "calc($3 + 15px)"
+      }
+    },
+    {
+      endAdornment: true,
+      size: "small",
+      css: {
+        paddingInlineEnd: "calc($2 + 15px)"
+      }
+    },
+    {
+      endAdornment: true,
+      size: "medium",
+      css: {
+        paddingInlineEnd: "calc($3 + 15px)"
+      }
+    },
+    {
+      endAdornment: true,
+      size: "large",
+      css: {
+        paddingInlineEnd: "calc($3 + 15px)"
+      }
+    },
+    {
+      endAdornment: true,
+      size: "small",
+      state: "invalid",
+      css: {
+        paddingInlineEnd: "calc($4 + 30px)"
+        // size padding + adornment margins + icon size + icon size
+      }
+    },
+    {
+      endAdornment: true,
+      size: "medium",
+      state: "invalid",
+      css: {
+        paddingInlineEnd: "calc($6 + 30px)"
+        // size padding + adornment margins + icon size + icon size
+      }
+    },
+    {
+      endAdornment: true,
+      size: "large",
+      state: "invalid",
+      css: {
+        paddingInlineEnd: "calc($6 + 30px)"
+        // size padding + adornment margins + icon size + icon size
+      }
+    }
+  ]
+});
+const InputWrapper = stitches_config.styled("div", {
+  // Reset
+  outline: "none",
+  lineHeight: 0,
+  position: "relative",
+  backgroundColor: "$inputBg",
+  color: "$inputPlaceholder",
+  "&::before": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none"
+  },
+  "&::after": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none"
+  },
+  "&:focus-visible": {
+    "&::before": {
+      backgroundColor: "$inputFocusBg"
+    },
+    "&::after": {
+      backgroundColor: "$primary",
+      opacity: 0.15
+    }
+  },
+  "@hover": {
+    "&:hover": {
+      "&::before": {
+        backgroundColor: "$inputHoverBg"
+      },
+      "&::after": {
+        backgroundColor: "$primary",
+        opacity: 0.05
+      }
+    }
+  },
+  variants: {
+    disabled: {
+      true: {
+        opacity: 0.7,
+        color: "$inputDisabledText",
+        "@hover": {
+          "&:hover": {
+            "&::before": {
+              backgroundColor: "inherit"
+            },
+            "&::after": {
+              backgroundColor: "inherit"
+            }
+          }
+        }
+      }
+    },
+    state: {
+      invalid: {
+        "@hover": {
+          "&:hover": {
+            "&::after": {
+              backgroundColor: "$inputInvalidBorder"
+            }
+          }
+        }
+      }
+    },
+    size: {
+      small: {
+        borderRadius: "$2",
+        "&::before, &::after": {
+          borderRadius: "$2"
+        }
+      },
+      medium: {
+        borderRadius: "$3",
+        "&::before, &::after": {
+          borderRadius: "$3"
+        }
+      },
+      large: {
+        borderRadius: "$3",
+        "&::before, &::after": {
+          borderRadius: "$3"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "medium",
+    disabled: false
+  }
+});
+const AdornmentWrapper = stitches_config.styled("div", {
+  position: "absolute",
+  top: 0,
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  variants: {
+    size: {
+      small: {
+        mx: "calc($2 / 2)"
+      },
+      medium: {
+        mx: "calc($3 / 2)"
+      },
+      large: {
+        mx: "calc($3 / 2)"
+      }
+    },
+    variant: {
+      start: {
+        left: 0
+      },
+      end: {
+        right: 0
+      }
+    }
+  },
+  defaultVariants: {
+    size: "medium"
+  }
+});
+const AdornmentWrapperStart = stitches_config.styled(AdornmentWrapper, {
+  left: 0
+});
+const AdornmentWrapperEnd = stitches_config.styled(AdornmentWrapper, {
+  right: 0
+});
+const Input = React.forwardRef(
+  ({ size, startAdornment, endAdornment, css, ...props }, forwardedRef) => {
+    const inputRef = React.useRef(null);
+    React.useImperativeHandle(
+      forwardedRef,
+      () => {
+        const { current } = inputRef;
+        if (current) {
+          current.clear = () => {
+            current.value = "";
+          };
+        }
+        return current;
+      },
+      [inputRef]
+    );
+    const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);
+    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(InputWrapper, { css, disabled: props.disabled, state: props.state, children: [
+      hasStartAdornment && /* @__PURE__ */ jsxRuntime.jsx(AdornmentWrapperStart, { size, children: startAdornment }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        StyledInput,
+        {
+          ref: inputRef,
+          startAdornment: hasStartAdornment,
+          endAdornment: hasEndAdornment,
+          size,
+          ...props
+        }
+      ),
+      hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx(AdornmentWrapperEnd, { size, children: endAdornment })
+    ] });
+  }
+);
+exports.Input = Input;
+//# sourceMappingURL=Input.cjs.map

package/dist/components/Input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","sources":["../../../components/Input/Input.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\n\nconst SMALL_HEIGHT = '$5';\nconst MEDIUM_HEIGHT = '$6';\nconst LARGE_HEIGHT = '$7';\n\nconst StyledInput = styled('input', {\n  // Reset\n  appearance: 'none',\n  borderWidth: '0',\n  boxSizing: 'border-box',\n  fontFamily: '$rubik',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  width: '100%',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Custom\n  position: 'relative',\n  backgroundColor: 'transparent',\n  borderRadius: 'inherit', // inherit border radius from InputWrapper\n  boxShadow: 'inset 0 0 0 1px $colors$inputBorder',\n  color: '$inputText',\n  fontVariantNumeric: 'tabular-nums',\n  transition: 'box-shadow .1s ease-in-out',\n\n  '&[type=\"number\"]': {\n    pr: '0', // remove padding for number native controls\n  },\n\n  '&:-webkit-autofill,&:autofill': {\n    boxShadow: 'inset 0 0 0 1px $colors$inputBorder, inset 0 0 0 100px $colors$inputBg',\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$inputFocusBorder, ${FOCUS_SHADOW}`,\n  },\n\n  '&::placeholder': {\n    color: '$inputPlaceholder',\n  },\n\n  '&:read-only:not(:disabled)': {\n    boxShadow: 'none',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    color: '$inputDisabledText',\n  },\n\n  variants: {\n    size: {\n      small: {\n        height: SMALL_HEIGHT,\n        fontSize: '$1',\n        px: '$2',\n        lineHeight: '$sizes$5',\n        '&:-webkit-autofill::first-line,&:autofill::first-line': {\n          fontSize: '$1',\n        },\n      },\n      medium: {\n        height: MEDIUM_HEIGHT,\n        fontSize: '$3',\n        px: '$3',\n        lineHeight: '$sizes$6',\n        '&:-webkit-autofill::first-line,&:autofill::first-line': {\n          fontSize: '$3',\n        },\n      },\n      large: {\n        height: LARGE_HEIGHT,\n        fontSize: '$3',\n        px: '$3',\n        lineHeight: '$sizes$7',\n        '&:-webkit-autofill::first-line,&:autofill::first-line': {\n          fontSize: '$3',\n        },\n      },\n    },\n    startAdornment: {\n      true: {},\n    },\n    endAdornment: {\n      true: {},\n    },\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$inputInvalidBorder',\n        '&:focus-visible': {\n          boxShadow: `inset 0 0 0 2px $colors$inputInvalidBorder, ${FOCUS_SHADOW}`,\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  },\n  defaultVariants: {\n    size: 'medium',\n    cursor: 'default',\n  },\n  compoundVariants: [\n    {\n      variant: 'ghost',\n      state: 'invalid',\n      css: {\n        boxShadow: 'inset 0 0 0 1px $colors$inputInvalidBorder',\n      },\n    },\n    {\n      startAdornment: true,\n      size: 'small',\n      css: {\n        paddingInlineStart: 'calc($2 + 15px)',\n      },\n    },\n    {\n      startAdornment: true,\n      size: 'medium',\n      css: {\n        paddingInlineStart: 'calc($3 + 15px)',\n      },\n    },\n    {\n      startAdornment: true,\n      size: 'large',\n      css: {\n        paddingInlineStart: 'calc($3 + 15px)',\n      },\n    },\n    {\n      endAdornment: true,\n      size: 'small',\n      css: {\n        paddingInlineEnd: 'calc($2 + 15px)',\n      },\n    },\n    {\n      endAdornment: true,\n      size: 'medium',\n      css: {\n        paddingInlineEnd: 'calc($3 + 15px)',\n      },\n    },\n    {\n      endAdornment: true,\n      size: 'large',\n      css: {\n        paddingInlineEnd: 'calc($3 + 15px)',\n      },\n    },\n    {\n      endAdornment: true,\n      size: 'small',\n      state: 'invalid',\n      css: {\n        paddingInlineEnd: 'calc($4 + 30px)', // size padding + adornment margins + icon size + icon size\n      },\n    },\n    {\n      endAdornment: true,\n      size: 'medium',\n      state: 'invalid',\n      css: {\n        paddingInlineEnd: 'calc($6 + 30px)', // size padding + adornment margins + icon size + icon size\n      },\n    },\n    {\n      endAdornment: true,\n      size: 'large',\n      state: 'invalid',\n      css: {\n        paddingInlineEnd: 'calc($6 + 30px)', // size padding + adornment margins + icon size + icon size\n      },\n    },\n  ],\n});\n\nconst InputWrapper = styled('div', {\n  // Reset\n  outline: 'none',\n  lineHeight: 0,\n\n  position: 'relative',\n  backgroundColor: '$inputBg',\n  color: '$inputPlaceholder',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n  },\n\n  '&:focus-visible': {\n    '&::before': {\n      backgroundColor: '$inputFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      '&::before': {\n        backgroundColor: '$inputHoverBg',\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: '$inputDisabledText',\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: '$inputInvalidBorder',\n            },\n          },\n        },\n      },\n    },\n    size: {\n      small: {\n        borderRadius: '$2',\n        '&::before, &::after': {\n          borderRadius: '$2',\n        },\n      },\n      medium: {\n        borderRadius: '$3',\n        '&::before, &::after': {\n          borderRadius: '$3',\n        },\n      },\n      large: {\n        borderRadius: '$3',\n        '&::before, &::after': {\n          borderRadius: '$3',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    disabled: false,\n  },\n});\n\nconst AdornmentWrapper = styled('div', {\n  position: 'absolute',\n  top: 0,\n  height: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  variants: {\n    size: {\n      small: {\n        mx: 'calc($2 / 2)',\n      },\n      medium: {\n        mx: 'calc($3 / 2)',\n      },\n      large: {\n        mx: 'calc($3 / 2)',\n      },\n    },\n    variant: {\n      start: {\n        left: 0,\n      },\n      end: {\n        right: 0,\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nconst AdornmentWrapperStart = styled(AdornmentWrapper, {\n  left: 0,\n});\n\nconst AdornmentWrapperEnd = styled(AdornmentWrapper, {\n  right: 0,\n});\n\ntype DefaultInputVariants = VariantProps<typeof StyledInput>;\nexport type InputVariants = Omit<DefaultInputVariants, 'startAdornment' | 'endAdornment'>;\nexport interface HTMLInputProps extends React.InputHTMLAttributes<any> {\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  type?: string;\n}\n\nexport type InputProps = Omit<HTMLInputProps, 'size'> & InputVariants & { css?: CSS };\n\nexport interface InputHandle extends HTMLInputElement {\n  clear: () => void;\n}\n\nexport const Input = React.forwardRef<InputHandle, InputProps>(\n  ({ size, startAdornment, endAdornment, css, ...props }, forwardedRef) => {\n    const inputRef = React.useRef<InputHandle>(null);\n\n    React.useImperativeHandle(\n      forwardedRef,\n      () => {\n        const { current } = inputRef;\n        if (current) {\n          current.clear = () => {\n            current.value = '';\n          };\n        }\n        return current as InputHandle;\n      },\n      [inputRef]\n    );\n\n    const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);\n\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    return (\n      <InputWrapper css={css} disabled={props.disabled} state={props.state}>\n        {hasStartAdornment && (\n          <AdornmentWrapperStart size={size}>{startAdornment}</AdornmentWrapperStart>\n        )}\n\n        <StyledInput\n          ref={inputRef}\n          startAdornment={hasStartAdornment}\n          endAdornment={hasEndAdornment}\n          size={size}\n          {...props}\n        />\n        {hasEndAdornment && <AdornmentWrapperEnd size={size}>{endAdornment}</AdornmentWrapperEnd>}\n      </InputWrapper>\n    );\n  }\n);\n"],"names":["elevationVariants","styled","jsxs","jsx"],"mappings":"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"}