@activecollab/components 2.0.89 → 2.0.91

package/dist/esm/components/Input/InputPassword.js

@@ -1,52 +1,43 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputPassword = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Input = require("./Input");
-var _Styles = require("./Styles");
-var _utils = require("../../utils");
-var _IconButton = require("../IconButton");
-var _Icons = require("../Icons");
-var _Tooltip = require("../Tooltip");
-var _Typography = require("../Typography");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import styled from "styled-components";
+import { Input } from "./Input";
+import { StyledPasswordIndicator, StyledPasswordIndicatorWrapper } from "./Styles";
+import { useForkRef } from "../../utils";
+import { IconButton } from "../IconButton";
+import { EyeIcon, EyeOffIcon, EyeOffSmallIcon, EyeSmallIcon, InfoIcon, InfoSmallIcon } from "../Icons";
+import { Tooltip } from "../Tooltip";
+import { Caption1 } from "../Typography";
 const transform = {
   biggest: "big",
   regular: "small",
   big: "medium"
 };
-const StypedEyeIconSmall = (0, _styledComponents.default)(_Icons.EyeSmallIcon).withConfig({
+const StypedEyeIconSmall = styled(EyeSmallIcon).withConfig({
   displayName: "InputPassword__StypedEyeIconSmall",
   componentId: "sc-v930fj-0"
 })(["", ""], {
   "cursor": "pointer"
 });
-const StypedEyeOffIconSmall = (0, _styledComponents.default)(_Icons.EyeOffSmallIcon).withConfig({
+const StypedEyeOffIconSmall = styled(EyeOffSmallIcon).withConfig({
   displayName: "InputPassword__StypedEyeOffIconSmall",
   componentId: "sc-v930fj-1"
 })(["", ""], {
   "cursor": "pointer"
 });
-const StypedEyeIcon = (0, _styledComponents.default)(_Icons.EyeIcon).withConfig({
+const StypedEyeIcon = styled(EyeIcon).withConfig({
   displayName: "InputPassword__StypedEyeIcon",
   componentId: "sc-v930fj-2"
 })(["", ""], {
   "cursor": "pointer"
 });
-const StypedEyeOffIcon = (0, _styledComponents.default)(_Icons.EyeOffIcon).withConfig({
+const StypedEyeOffIcon = styled(EyeOffIcon).withConfig({
   displayName: "InputPassword__StypedEyeOffIcon",
   componentId: "sc-v930fj-3"
 })(["", ""], {
   "cursor": "pointer"
 });
-const StyledInfoIcon = (0, _styledComponents.default)(_Icons.InfoIcon).withConfig({
+const StyledInfoIcon = styled(InfoIcon).withConfig({
   displayName: "InputPassword__StyledInfoIcon",
   componentId: "sc-v930fj-4"
 })(["", ""], {
@@ -54,7 +45,7 @@ const StyledInfoIcon = (0, _styledComponents.default)(_Icons.InfoIcon).withConfi
   "cursor": "help",
   "fill": "var(--red-alert)"
 });
-const StyledInfoSmallIcon = (0, _styledComponents.default)(_Icons.InfoSmallIcon).withConfig({
+const StyledInfoSmallIcon = styled(InfoSmallIcon).withConfig({
   displayName: "InputPassword__StyledInfoSmallIcon",
   componentId: "sc-v930fj-5"
 })(["", ""], {
@@ -62,7 +53,7 @@ const StyledInfoSmallIcon = (0, _styledComponents.default)(_Icons.InfoSmallIcon)
   "cursor": "help",
   "fill": "var(--red-alert)"
 });
-const StyledInputPasswordWrapper = _styledComponents.default.div.withConfig({
+const StyledInputPasswordWrapper = styled.div.withConfig({
   displayName: "InputPassword__StyledInputPasswordWrapper",
   componentId: "sc-v930fj-6"
 })(["width:fit-content;display:flex;flex-direction:column;"]);
@@ -78,11 +69,11 @@ const InputPasswordAdornment = _ref => {
     disabled,
     toggleShow
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, invalid && errorMessage && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, invalid && errorMessage && /*#__PURE__*/React.createElement(Tooltip, {
     title: errorMessage
-  }, size === "regular" ? /*#__PURE__*/_react.default.createElement(StyledInfoSmallIcon, null) : /*#__PURE__*/_react.default.createElement(StyledInfoIcon, null)), !hideControl && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+  }, size === "regular" ? /*#__PURE__*/React.createElement(StyledInfoSmallIcon, null) : /*#__PURE__*/React.createElement(StyledInfoIcon, null)), !hideControl && /*#__PURE__*/React.createElement(Tooltip, {
     title: showText ? hideTooltipText : showTooltipText
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     variant: "text gray",
     type: "button",
     size: transform[size],
@@ -91,9 +82,10 @@ const InputPasswordAdornment = _ref => {
     style: {
       flexShrink: 0
     }
-  }, showText ? size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeOffIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeOffIcon, null) : size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeIcon, null))));
+  }, showText ? size === "regular" ? /*#__PURE__*/React.createElement(StypedEyeOffIconSmall, null) : /*#__PURE__*/React.createElement(StypedEyeOffIcon, null) : size === "regular" ? /*#__PURE__*/React.createElement(StypedEyeIconSmall, null) : /*#__PURE__*/React.createElement(StypedEyeIcon, null))));
 };
-const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
+export const InputPassword = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  var _validation$levels;
   let {
     size = "regular",
     disabled,
@@ -108,24 +100,25 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
     onChange,
     ...rest
   } = _ref2;
-  const inputRef = (0, _react.useRef)(null);
-  const handleRef = (0, _utils.useForkRef)(ref, inputRef);
-  const [showText, setShowText] = (0, _react.useState)(show);
-  const [strength, setStrength] = (0, _react.useState)(0);
-  const [value, setValue] = (0, _react.useState)(() => defaultValue);
-  const handleChange = (0, _react.useCallback)(e => {
+  const inputRef = useRef(null);
+  const handleRef = useForkRef(ref, inputRef);
+  const [showText, setShowText] = useState(show);
+  const [strength, setStrength] = useState(0);
+  const [value, setValue] = useState(() => defaultValue);
+  const handleChange = useCallback(e => {
     setValue(e.target.value);
-    typeof validation?.getStrength === "function" && setStrength(validation.getStrength(e.target.value));
+    typeof (validation == null ? void 0 : validation.getStrength) === "function" && setStrength(validation.getStrength(e.target.value));
     typeof onChange === "function" && onChange(e.target.value);
   }, [onChange, validation]);
-  const toggleShow = (0, _react.useCallback)(() => {
-    inputRef.current?.focus();
+  const toggleShow = useCallback(() => {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
     setShowText(prevState => !prevState);
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     setShowText(show);
   }, [show]);
-  if (validation?.levels && validation?.getStrength && typeof validation?.getStrength === "function") {
+  if (validation != null && validation.levels && validation != null && validation.getStrength && typeof (validation == null ? void 0 : validation.getStrength) === "function") {
     if (validation.levels.length !== 5) {
       console.warn("Levels length must be exactly 5.");
     }
@@ -133,7 +126,7 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
       console.warn("getStrength must be a function that accepts a string and returns a number.");
     }
   }
-  return /*#__PURE__*/_react.default.createElement(StyledInputPasswordWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React.createElement(StyledInputPasswordWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
     ref: handleRef,
     size: size,
     value: value,
@@ -142,7 +135,7 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
     onChange: handleChange,
     invalid: invalid,
     "data-testid": "InputPassword",
-    endAdornment: /*#__PURE__*/_react.default.createElement(InputPasswordAdornment, {
+    endAdornment: /*#__PURE__*/React.createElement(InputPasswordAdornment, {
       invalid: invalid,
       errorMessage: errorMessage,
       size: size,
@@ -153,12 +146,12 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
       disabled: disabled,
       toggleShow: toggleShow
     })
-  })), validation?.levels?.length === 5 && typeof validation?.getStrength === "function" && typeof validation?.getStrength("test") === "number" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicatorWrapper, null, [...Array(4)].map((_, index) => /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicator, {
+  })), (validation == null || (_validation$levels = validation.levels) == null ? void 0 : _validation$levels.length) === 5 && typeof (validation == null ? void 0 : validation.getStrength) === "function" && typeof (validation == null ? void 0 : validation.getStrength("test")) === "number" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledPasswordIndicatorWrapper, null, [...Array(4)].map((_, index) => /*#__PURE__*/React.createElement(StyledPasswordIndicator, {
     key: index,
     $strength: strength,
     $index: index,
     "data-testid": strength >= index + 1 ? "active" : ""
-  }))), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+  }))), /*#__PURE__*/React.createElement(Caption1, {
     align: "right",
     color: "tertiary"
   }, validation.levels[strength])));

package/dist/esm/components/Input/InputPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","StyledInputPasswordWrapper","div","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","style","flexShrink","InputPassword","exports","forwardRef","_ref2","ref","show","value","defaultValue","validation","onChange","rest","inputRef","useRef","handleRef","useForkRef","setShowText","useState","strength","setStrength","setValue","handleChange","useCallback","target","getStrength","current","focus","prevState","useEffect","levels","length","console","warn","Input","_extends2","endAdornment","StyledPasswordIndicatorWrapper","Array","map","_","index","StyledPasswordIndicator","key","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInputPasswordWrapper = styled.div`\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n          style={{ flexShrink: 0 }}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    if (\n      validation?.levels &&\n      validation?.getStrength &&\n      typeof validation?.getStrength === \"function\"\n    ) {\n      if (validation.levels.length !== 5) {\n        console.warn(\"Levels length must be exactly 5.\");\n      }\n      if (typeof validation.getStrength(\"test\") !== \"number\") {\n        console.warn(\n          \"getStrength must be a function that accepts a string and returns a number.\"\n        );\n      }\n    }\n\n    return (\n      <StyledInputPasswordWrapper>\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels?.length === 5 &&\n          typeof validation?.getStrength === \"function\" &&\n          typeof validation?.getStrength(\"test\") === \"number\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </StyledInputPasswordWrapper>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":"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"}
+{"version":3,"file":"InputPassword.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","styled","Input","StyledPasswordIndicator","StyledPasswordIndicatorWrapper","useForkRef","IconButton","EyeIcon","EyeOffIcon","EyeOffSmallIcon","EyeSmallIcon","InfoIcon","InfoSmallIcon","Tooltip","Caption1","transform","biggest","regular","big","StypedEyeIconSmall","withConfig","displayName","componentId","StypedEyeOffIconSmall","StypedEyeIcon","StypedEyeOffIcon","StyledInfoIcon","StyledInfoSmallIcon","StyledInputPasswordWrapper","div","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","title","variant","type","onClick","style","flexShrink","InputPassword","_ref2","ref","_validation$levels","show","value","defaultValue","validation","onChange","rest","inputRef","handleRef","setShowText","strength","setStrength","setValue","handleChange","e","target","getStrength","_inputRef$current","current","focus","prevState","levels","length","console","warn","_extends","endAdornment","Array","map","_","index","key","$strength","$index","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInputPasswordWrapper = styled.div`\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n          style={{ flexShrink: 0 }}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    if (\n      validation?.levels &&\n      validation?.getStrength &&\n      typeof validation?.getStrength === \"function\"\n    ) {\n      if (validation.levels.length !== 5) {\n        console.warn(\"Levels length must be exactly 5.\");\n      }\n      if (typeof validation.getStrength(\"test\") !== \"number\") {\n        console.warn(\n          \"getStrength must be a function that accepts a string and returns a number.\"\n        );\n      }\n    }\n\n    return (\n      <StyledInputPasswordWrapper>\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels?.length === 5 &&\n          typeof validation?.getStrength === \"function\" &&\n          typeof validation?.getStrength(\"test\") === \"number\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </StyledInputPasswordWrapper>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,OAAOC,MAAM,MAAM,mBAAmB;AAGtC,SAASC,KAAK,QAAoB,SAAS;AAC3C,SACEC,uBAAuB,EACvBC,8BAA8B,QACzB,UAAU;AACjB,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SACEC,OAAO,EACPC,UAAU,EACVC,eAAe,EACfC,YAAY,EACZC,QAAQ,EACRC,aAAa,QACR,UAAU;AACjB,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,OAAO;EAChBC,GAAG,EAAE;AACP,CAAU;AA0BV,MAAMC,kBAAkB,GAAGlB,MAAM,CAACS,YAAY,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMC,qBAAqB,GAAGtB,MAAM,CAACQ,eAAe,CAAC,CAAAW,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/C;EAAA;AAAkB,CAAC,CACxB;AAED,MAAME,aAAa,GAAGvB,MAAM,CAACM,OAAO,CAAC,CAAAa,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/B;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMG,gBAAgB,GAAGxB,MAAM,CAACO,UAAU,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAkB,CAAC,CACxB;AACD,MAAMI,cAAc,GAAGzB,MAAM,CAACU,QAAQ,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjC;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,MAAMK,mBAAmB,GAAG1B,MAAM,CAACW,aAAa,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,MAAMM,0BAA0B,GAAG3B,MAAM,CAAC4B,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAI5C;AAcD,MAAMQ,sBAAsB,GAAGC,IAAA;EAAA,IAAC;IAC9BC,OAAO;IACPC,YAAY;IACZC,IAAI;IACJC,WAAW;IACXC,QAAQ;IACRC,eAAe;IACfC,eAAe;IACfC,QAAQ;IACRC;EAC2B,CAAC,GAAAT,IAAA;EAAA,oBAC5BpC,KAAA,CAAA8C,aAAA,CAAA9C,KAAA,CAAA+C,QAAA,QACGV,OAAO,IAAIC,YAAY,iBACtBtC,KAAA,CAAA8C,aAAA,CAAC5B,OAAO;IAAC8B,KAAK,EAAEV;EAAa,GAC1BC,IAAI,KAAK,SAAS,gBAAGvC,KAAA,CAAA8C,aAAA,CAACd,mBAAmB,MAAE,CAAC,gBAAGhC,KAAA,CAAA8C,aAAA,CAACf,cAAc,MAAE,CAC1D,CACV,EACA,CAACS,WAAW,iBACXxC,KAAA,CAAA8C,aAAA,CAAC5B,OAAO;IAAC8B,KAAK,EAAEP,QAAQ,GAAGC,eAAe,GAAGC;EAAgB,gBAC3D3C,KAAA,CAAA8C,aAAA,CAACnC,UAAU;IACTsC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,QAAQ;IACbX,IAAI,EAAEnB,SAAS,CAACmB,IAAI,CAAgC;IACpDK,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEN,UAAW;IACpBO,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,GAExBZ,QAAQ,GACPF,IAAI,KAAK,SAAS,gBAChBvC,KAAA,CAAA8C,aAAA,CAAClB,qBAAqB,MAAE,CAAC,gBAEzB5B,KAAA,CAAA8C,aAAA,CAAChB,gBAAgB,MAAE,CACpB,GACCS,IAAI,KAAK,SAAS,gBACpBvC,KAAA,CAAA8C,aAAA,CAACtB,kBAAkB,MAAE,CAAC,gBAEtBxB,KAAA,CAAA8C,aAAA,CAACjB,aAAa,MAAE,CAER,CACL,CAEX,CAAC;AAAA,CACJ;AAED,OAAO,MAAMyB,aAAa,gBAAGrD,UAAU,CACrC,CAAAsD,KAAA,EAeEC,GAAG,KACA;EAAA,IAAAC,kBAAA;EAAA,IAfH;IACElB,IAAI,GAAG,SAAS;IAChBK,QAAQ;IACRc,IAAI,GAAG,KAAK;IACZlB,WAAW;IACXG,eAAe,GAAG,MAAM;IACxBD,eAAe,GAAG,MAAM;IACxBiB,KAAK,EAAEC,YAAY,GAAG,EAAE;IACxBC,UAAU;IACVvB,YAAY;IACZD,OAAO;IACPyB,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAR,KAAA;EAGD,MAAMS,QAAQ,GAAG5D,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAM6D,SAAS,GAAGvD,UAAU,CAAC8C,GAAG,EAAEQ,QAAQ,CAAC;EAE3C,MAAM,CAACvB,QAAQ,EAAEyB,WAAW,CAAC,GAAG7D,QAAQ,CAACqD,IAAI,CAAC;EAC9C,MAAM,CAACS,QAAQ,EAAEC,WAAW,CAAC,GAAG/D,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAM,CAACsD,KAAK,EAAEU,QAAQ,CAAC,GAAGhE,QAAQ,CAAC,MAAMuD,YAAsB,CAAC;EAEhE,MAAMU,YAAY,GAAGpE,WAAW,CAC7BqE,CAAC,IAAK;IACLF,QAAQ,CAACE,CAAC,CAACC,MAAM,CAACb,KAAK,CAAC;IACxB,QAAOE,UAAU,oBAAVA,UAAU,CAAEY,WAAW,MAAK,UAAU,IAC3CL,WAAW,CAACP,UAAU,CAACY,WAAW,CAACF,CAAC,CAACC,MAAM,CAACb,KAAK,CAAC,CAAC;IACrD,OAAOG,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACS,CAAC,CAACC,MAAM,CAACb,KAAK,CAAC;EAC5D,CAAC,EACD,CAACG,QAAQ,EAAED,UAAU,CACvB,CAAC;EAED,MAAMhB,UAAU,GAAG3C,WAAW,CAAC,MAAM;IAAA,IAAAwE,iBAAA;IACnC,CAAAA,iBAAA,GAAAV,QAAQ,CAACW,OAAO,aAAhBD,iBAAA,CAAkBE,KAAK,CAAC,CAAC;IACzBV,WAAW,CAAEW,SAAS,IAAK,CAACA,SAAS,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN1E,SAAS,CAAC,MAAM;IACd+D,WAAW,CAACR,IAAI,CAAC;EACnB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IACEG,UAAU,YAAVA,UAAU,CAAEiB,MAAM,IAClBjB,UAAU,YAAVA,UAAU,CAAEY,WAAW,IACvB,QAAOZ,UAAU,oBAAVA,UAAU,CAAEY,WAAW,MAAK,UAAU,EAC7C;IACA,IAAIZ,UAAU,CAACiB,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;MAClCC,OAAO,CAACC,IAAI,CAAC,kCAAkC,CAAC;IAClD;IACA,IAAI,OAAOpB,UAAU,CAACY,WAAW,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE;MACtDO,OAAO,CAACC,IAAI,CACV,4EACF,CAAC;IACH;EACF;EAEA,oBACEjF,KAAA,CAAA8C,aAAA,CAACb,0BAA0B,qBACzBjC,KAAA,CAAA8C,aAAA,CAACvC,KAAK,EAAA2E,QAAA,KACAnB,IAAI;IACRP,GAAG,EAAES,SAAU;IACf1B,IAAI,EAAEA,IAAK;IACXoB,KAAK,EAAEA,KAAM;IACbf,QAAQ,EAAEA,QAAS;IACnBM,IAAI,EAAET,QAAQ,GAAG,MAAM,GAAG,UAAW;IACrCqB,QAAQ,EAAEQ,YAAa;IACvBjC,OAAO,EAAEA,OAAQ;IACjB,eAAY,eAAe;IAC3B8C,YAAY,eACVnF,KAAA,CAAA8C,aAAA,CAACX,sBAAsB;MACrBE,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA,YAAa;MAC3BC,IAAI,EAAEA,IAAK;MACXC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBC,eAAe,EAAEA,eAAgB;MACjCC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA;IAAW,CACxB;EACF,EACF,CAAC,EACD,CAAAgB,UAAU,aAAAJ,kBAAA,GAAVI,UAAU,CAAEiB,MAAM,qBAAlBrB,kBAAA,CAAoBsB,MAAM,MAAK,CAAC,IAC/B,QAAOlB,UAAU,oBAAVA,UAAU,CAAEY,WAAW,MAAK,UAAU,IAC7C,QAAOZ,UAAU,oBAAVA,UAAU,CAAEY,WAAW,CAAC,MAAM,CAAC,MAAK,QAAQ,iBACjDzE,KAAA,CAAA8C,aAAA,CAAA9C,KAAA,CAAA+C,QAAA,qBACE/C,KAAA,CAAA8C,aAAA,CAACrC,8BAA8B,QAC5B,CAAC,GAAG2E,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC1BvF,KAAA,CAAA8C,aAAA,CAACtC,uBAAuB;IACtBgF,GAAG,EAAED,KAAM;IACXE,SAAS,EAAEtB,QAAS;IACpBuB,MAAM,EAAEH,KAAM;IACd,eAAapB,QAAQ,IAAIoB,KAAK,GAAG,CAAC,GAAG,QAAQ,GAAG;EAAG,CACpD,CACF,CAC6B,CAAC,eACjCvF,KAAA,CAAA8C,aAAA,CAAC3B,QAAQ;IAACwE,KAAK,EAAC,OAAO;IAACC,KAAK,EAAC;EAAU,GACrC/B,UAAU,CAACiB,MAAM,CAACX,QAAQ,CACnB,CACV,CAEoB,CAAC;AAEjC,CACF,CAAC;AAEDb,aAAa,CAAC5B,WAAW,GAAG,eAAe"}

package/dist/esm/components/Input/InputSelectTrigger.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputSelect = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Styles = require("./Styles");
-var _Icons = require("../Icons");
-var _Select = require("../Select");
-const InputSelect = _ref => {
+import React from "react";
+import { StyledInputSelectTrigger } from "./Styles";
+import { ArrowDownIcon, ArrowDownSmallIcon } from "../Icons";
+import { Select } from "../Select";
+export const InputSelect = _ref => {
   let {
     onChange,
     size,
@@ -17,16 +10,16 @@ const InputSelect = _ref => {
     options,
     disabled = false
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Select.Select, {
+  return /*#__PURE__*/React.createElement(Select, {
     onChange: onChange,
     forceCloseMenu: true,
     disableSearch: true,
-    target: /*#__PURE__*/_react.default.createElement(_Styles.StyledInputSelectTrigger, {
+    target: /*#__PURE__*/React.createElement(StyledInputSelectTrigger, {
       $disabled: disabled,
       $size: size
-    }, selected, size === "big" ? /*#__PURE__*/_react.default.createElement(_Icons.ArrowDownIcon, {
+    }, selected, size === "big" ? /*#__PURE__*/React.createElement(ArrowDownIcon, {
       fill: "var(--color-theme-700)"
-    }) : /*#__PURE__*/_react.default.createElement(_Icons.ArrowDownSmallIcon, {
+    }) : /*#__PURE__*/React.createElement(ArrowDownSmallIcon, {
       fill: "var(--color-theme-700)"
     })),
     options: options,
@@ -35,5 +28,4 @@ const InputSelect = _ref => {
     selected: selected
   });
 };
-exports.InputSelect = InputSelect;
 //# sourceMappingURL=InputSelectTrigger.js.map

package/dist/esm/components/Input/InputSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSelectTrigger.js","names":["_react","_interopRequireDefault","require","_Styles","_Icons","_Select","InputSelect","_ref","onChange","size","selected","options","disabled","default","createElement","Select","forceCloseMenu","disableSearch","target","StyledInputSelectTrigger","$disabled","$size","ArrowDownIcon","fill","ArrowDownSmallIcon","disabledInternalSort","keepSameOptionsOrder","exports"],"sources":["../../../../src/components/Input/InputSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { IOptionItemProps, Select } from \"../Select\";\n\nexport interface InputSelectProps {\n  onChange: (val: string | number | (string | number)[]) => void;\n  size: string;\n  selected: string;\n  options: IOptionItemProps[];\n  disabled?: boolean;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n  onChange,\n  size,\n  selected,\n  options,\n  disabled = false,\n}) => {\n  return (\n    <Select\n      onChange={onChange}\n      forceCloseMenu\n      disableSearch\n      target={\n        <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n          {selected}\n          {size === \"big\" ? (\n            <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n          ) : (\n            <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n          )}\n        </StyledInputSelectTrigger>\n      }\n      options={options}\n      disabledInternalSort\n      keepSameOptionsOrder\n      selected={selected}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAUO,MAAMI,WAAuC,GAAGC,IAAA,IAMjD;EAAA,IANkD;IACtDC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,QAAQ,GAAG;EACb,CAAC,GAAAL,IAAA;EACC,oBACEP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,MAAM;IACLP,QAAQ,EAAEA,QAAS;IACnBQ,cAAc;IACdC,aAAa;IACbC,MAAM,eACJlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAgB,wBAAwB;MAACC,SAAS,EAAER,QAAS;MAACS,KAAK,EAAEZ;IAAK,GACxDC,QAAQ,EACRD,IAAI,KAAK,KAAK,gBACbT,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAkB,aAAa;MAACC,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/CvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAoB,kBAAkB;MAACD,IAAI,EAAC;IAAwB,CAAE,CAE7B,CAC3B;IACDZ,OAAO,EAAEA,OAAQ;IACjBc,oBAAoB;IACpBC,oBAAoB;IACpBhB,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAACiB,OAAA,CAAArB,WAAA,GAAAA,WAAA"}
+{"version":3,"file":"InputSelectTrigger.js","names":["React","StyledInputSelectTrigger","ArrowDownIcon","ArrowDownSmallIcon","Select","InputSelect","_ref","onChange","size","selected","options","disabled","createElement","forceCloseMenu","disableSearch","target","$disabled","$size","fill","disabledInternalSort","keepSameOptionsOrder"],"sources":["../../../../src/components/Input/InputSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { IOptionItemProps, Select } from \"../Select\";\n\nexport interface InputSelectProps {\n  onChange: (val: string | number | (string | number)[]) => void;\n  size: string;\n  selected: string;\n  options: IOptionItemProps[];\n  disabled?: boolean;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n  onChange,\n  size,\n  selected,\n  options,\n  disabled = false,\n}) => {\n  return (\n    <Select\n      onChange={onChange}\n      forceCloseMenu\n      disableSearch\n      target={\n        <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n          {selected}\n          {size === \"big\" ? (\n            <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n          ) : (\n            <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n          )}\n        </StyledInputSelectTrigger>\n      }\n      options={options}\n      disabledInternalSort\n      keepSameOptionsOrder\n      selected={selected}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,UAAU;AAC5D,SAA2BC,MAAM,QAAQ,WAAW;AAUpD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAMjD;EAAA,IANkD;IACtDC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,QAAQ,GAAG;EACb,CAAC,GAAAL,IAAA;EACC,oBACEN,KAAA,CAAAY,aAAA,CAACR,MAAM;IACLG,QAAQ,EAAEA,QAAS;IACnBM,cAAc;IACdC,aAAa;IACbC,MAAM,eACJf,KAAA,CAAAY,aAAA,CAACX,wBAAwB;MAACe,SAAS,EAAEL,QAAS;MAACM,KAAK,EAAET;IAAK,GACxDC,QAAQ,EACRD,IAAI,KAAK,KAAK,gBACbR,KAAA,CAAAY,aAAA,CAACV,aAAa;MAACgB,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/ClB,KAAA,CAAAY,aAAA,CAACT,kBAAkB;MAACe,IAAI,EAAC;IAAwB,CAAE,CAE7B,CAC3B;IACDR,OAAO,EAAEA,OAAQ;IACjBS,oBAAoB;IACpBC,oBAAoB;IACpBX,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC"}

package/dist/esm/components/Input/InputUrl.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputUrl = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Input = require("./Input");
-var _InputSelectTrigger = require("./InputSelectTrigger");
-var _utils = require("../../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { Input } from "./Input";
+import { InputSelect } from "./InputSelectTrigger";
+import { useForkRef } from "../../utils";
 const options = [{
   id: "https://",
   name: "https://"
@@ -19,7 +10,7 @@ const options = [{
   id: "http://",
   name: "http://"
 }];
-const InputUrl = exports.InputUrl = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+export const InputUrl = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     size = "regular",
     disabled,
@@ -27,10 +18,10 @@ const InputUrl = exports.InputUrl = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     onChange,
     ...rest
   } = _ref;
-  const inputRef = (0, _react.useRef)(null);
-  const handleRef = (0, _utils.useForkRef)(ref, inputRef);
-  const [prefix, setPrefix] = (0, _react.useState)(options[0].id);
-  const [value, setValue] = (0, _react.useState)("");
+  const inputRef = useRef(null);
+  const handleRef = useForkRef(ref, inputRef);
+  const [prefix, setPrefix] = useState(options[0].id);
+  const [value, setValue] = useState("");
   const separatePrefixFromValue = fullValue => {
     let newPrefix = prefix;
     let newValue = fullValue;
@@ -46,7 +37,7 @@ const InputUrl = exports.InputUrl = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
       newValue
     };
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const {
       newPrefix,
       newValue
@@ -55,7 +46,7 @@ const InputUrl = exports.InputUrl = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     setValue(newValue);
     // eslint-disable-next-line
   }, [defaultValue]);
-  const handleChange = (0, _react.useCallback)(e => {
+  const handleChange = useCallback(e => {
     const inputValue = e.target.value;
     if (!inputValue.startsWith(prefix)) {
       const {
@@ -92,7 +83,7 @@ const InputUrl = exports.InputUrl = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
       onChange(newPrefix + newValue);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_Input.Input, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
     ref: handleRef,
     size: size,
     value: value,
@@ -101,7 +92,7 @@ const InputUrl = exports.InputUrl = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     onPaste: handlePaste,
     onChange: handleChange,
     "data-testid": "InputUrl",
-    startAdornment: /*#__PURE__*/_react.default.createElement(_InputSelectTrigger.InputSelect, {
+    startAdornment: /*#__PURE__*/React.createElement(InputSelect, {
       size: size,
       onChange: handleSelectChange,
       options: options,

package/dist/esm/components/Input/InputUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputUrl.js","names":["_react","_interopRequireWildcard","require","_Input","_InputSelectTrigger","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","options","id","name","InputUrl","exports","forwardRef","_ref","ref","size","disabled","value","defaultValue","onChange","rest","inputRef","useRef","handleRef","useForkRef","prefix","setPrefix","useState","setValue","separatePrefixFromValue","fullValue","newPrefix","newValue","forEach","option","startsWith","replace","useEffect","handleChange","useCallback","inputValue","target","handleSelectChange","val","handlePaste","preventDefault","paste","clipboardData","getData","createElement","Input","_extends2","type","onPaste","startAdornment","InputSelect","selected","displayName"],"sources":["../../../../src/components/Input/InputUrl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelectTrigger\";\nimport { useForkRef } from \"../../utils\";\n\nexport interface InputUrlProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n}\n\nconst options = [\n  { id: \"https://\", name: \"https://\" },\n  { id: \"http://\", name: \"http://\" },\n];\n\nexport const InputUrl = forwardRef<HTMLInputElement, InputUrlProps>(\n  (\n    { size = \"regular\", disabled, value: defaultValue = \"\", onChange, ...rest },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(options[0].id);\n\n    const [value, setValue] = useState(\"\");\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      options.forEach((option) => {\n        if (fullValue.startsWith(option.id)) {\n          newPrefix = option.id;\n          newValue = fullValue.replace(option.id, \"\");\n        }\n      });\n\n      setValue(newValue);\n      return { newPrefix, newValue };\n    };\n\n    useEffect(() => {\n      const { newPrefix, newValue } = separatePrefixFromValue(defaultValue);\n      setPrefix(newPrefix);\n      setValue(newValue);\n      // eslint-disable-next-line\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (!inputValue.startsWith(prefix)) {\n          const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n          setPrefix(newPrefix);\n          setValue(newValue);\n          typeof onChange === \"function\" && onChange(newPrefix + newValue);\n        } else {\n          const newValue = inputValue.replace(prefix, \"\");\n          setValue(newValue);\n          typeof onChange === \"function\" && onChange(prefix + newValue);\n        }\n      },\n      // eslint-disable-next-line\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      typeof onChange === \"function\" && onChange((val as string) + value);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n      const paste = e.clipboardData.getData(\"text\");\n      const { newPrefix, newValue } = separatePrefixFromValue(paste);\n      if (newPrefix !== prefix) {\n        setPrefix(newPrefix);\n      }\n      setValue(newValue);\n\n      if (typeof onChange === \"function\") {\n        onChange(newPrefix + newValue);\n      }\n    };\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        size={size}\n        value={value}\n        disabled={disabled}\n        type=\"text\"\n        onPaste={handlePaste}\n        onChange={handleChange}\n        data-testid=\"InputUrl\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            disabled={disabled}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputUrl.displayName = \"InputUrl\";\n"],"mappings":"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"}
+{"version":3,"file":"InputUrl.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","Input","InputSelect","useForkRef","options","id","name","InputUrl","_ref","ref","size","disabled","value","defaultValue","onChange","rest","inputRef","handleRef","prefix","setPrefix","setValue","separatePrefixFromValue","fullValue","newPrefix","newValue","forEach","option","startsWith","replace","handleChange","e","inputValue","target","handleSelectChange","val","handlePaste","preventDefault","paste","clipboardData","getData","createElement","_extends","type","onPaste","startAdornment","selected","displayName"],"sources":["../../../../src/components/Input/InputUrl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelectTrigger\";\nimport { useForkRef } from \"../../utils\";\n\nexport interface InputUrlProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n}\n\nconst options = [\n  { id: \"https://\", name: \"https://\" },\n  { id: \"http://\", name: \"http://\" },\n];\n\nexport const InputUrl = forwardRef<HTMLInputElement, InputUrlProps>(\n  (\n    { size = \"regular\", disabled, value: defaultValue = \"\", onChange, ...rest },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(options[0].id);\n\n    const [value, setValue] = useState(\"\");\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      options.forEach((option) => {\n        if (fullValue.startsWith(option.id)) {\n          newPrefix = option.id;\n          newValue = fullValue.replace(option.id, \"\");\n        }\n      });\n\n      setValue(newValue);\n      return { newPrefix, newValue };\n    };\n\n    useEffect(() => {\n      const { newPrefix, newValue } = separatePrefixFromValue(defaultValue);\n      setPrefix(newPrefix);\n      setValue(newValue);\n      // eslint-disable-next-line\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (!inputValue.startsWith(prefix)) {\n          const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n          setPrefix(newPrefix);\n          setValue(newValue);\n          typeof onChange === \"function\" && onChange(newPrefix + newValue);\n        } else {\n          const newValue = inputValue.replace(prefix, \"\");\n          setValue(newValue);\n          typeof onChange === \"function\" && onChange(prefix + newValue);\n        }\n      },\n      // eslint-disable-next-line\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      typeof onChange === \"function\" && onChange((val as string) + value);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n      const paste = e.clipboardData.getData(\"text\");\n      const { newPrefix, newValue } = separatePrefixFromValue(paste);\n      if (newPrefix !== prefix) {\n        setPrefix(newPrefix);\n      }\n      setValue(newValue);\n\n      if (typeof onChange === \"function\") {\n        onChange(newPrefix + newValue);\n      }\n    };\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        size={size}\n        value={value}\n        disabled={disabled}\n        type=\"text\"\n        onPaste={handlePaste}\n        onChange={handleChange}\n        data-testid=\"InputUrl\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            disabled={disabled}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputUrl.displayName = \"InputUrl\";\n"],"mappings":"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"}

package/dist/esm/components/Input/Styles.js

@@ -1,30 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPasswordIndicatorWrapper = exports.StyledPasswordIndicator = exports.StyledInputWrapper = exports.StyledInputSelectTrigger = exports.StyledInput = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _FontStyle = require("../FontStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledInputWrapper = exports.StyledInputWrapper = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export const StyledInputWrapper = styled.div.withConfig({
   displayName: "Styles__StyledInputWrapper",
   componentId: "sc-ce8kcp-0"
-})(["align-items:center;background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, props => props.$size === "small" && (0, _styledComponents.css)(["border-radius:6px;height:24px;"]), props => props.$size === "big" && (0, _styledComponents.css)(["height:40px;"]), props => props.$size === "biggest" && (0, _styledComponents.css)(["height:48px;"]), props => props.$disabled && (0, _styledComponents.css)(["cursor:default;opacity:50%;"]), props => !props.$disabled && !props.$invalid && (0, _styledComponents.css)(["&:focus-within,&:hover{border-color:var(--color-primary);}"]), props => !props.$disabled && props.$invalid && (0, _styledComponents.css)(["border-color:var(--red-alert);"]));
+})(["align-items:center;background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => props.$size === "small" && css(["border-radius:6px;height:24px;"]), props => props.$size === "big" && css(["height:40px;"]), props => props.$size === "biggest" && css(["height:48px;"]), props => props.$disabled && css(["cursor:default;opacity:50%;"]), props => !props.$disabled && !props.$invalid && css(["&:focus-within,&:hover{border-color:var(--color-primary);}"]), props => !props.$disabled && props.$invalid && css(["border-color:var(--red-alert);"]));
 StyledInputWrapper.displayName = "StyledInputWrapper";
-const StyledInput = exports.StyledInput = _styledComponents.default.input.withConfig({
+export const StyledInput = styled.input.withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-ce8kcp-1"
-})(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", " ", " ", ""], props => props.$size === "big" && (0, _styledComponents.css)(["font-size:1rem;"]), props => props.$size === "biggest" && (0, _styledComponents.css)(["font-size:1.25rem;font-weight:700;"]), props => props.disabled && (0, _styledComponents.css)(["cursor:default;"]), props => props.$loading && (0, _styledComponents.css)(["cursor:progress;"]), props => props.align && (0, _styledComponents.css)(["text-align:", ";"], props.align));
+})(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", " ", " ", ""], props => props.$size === "big" && css(["font-size:1rem;"]), props => props.$size === "biggest" && css(["font-size:1.25rem;font-weight:700;"]), props => props.disabled && css(["cursor:default;"]), props => props.$loading && css(["cursor:progress;"]), props => props.align && css(["text-align:", ";"], props.align));
 StyledInput.displayName = "StyledInput";
-const StyledPasswordIndicatorWrapper = exports.StyledPasswordIndicatorWrapper = _styledComponents.default.div.withConfig({
+export const StyledPasswordIndicatorWrapper = styled.div.withConfig({
   displayName: "Styles__StyledPasswordIndicatorWrapper",
   componentId: "sc-ce8kcp-2"
 })(["display:flex;gap:2px;margin-top:6px;margin-bottom:4px;"]);
 StyledPasswordIndicatorWrapper.displayName = "StyledPasswordIndicatorWrapper";
-const StyledPasswordIndicator = exports.StyledPasswordIndicator = _styledComponents.default.div.withConfig({
+export const StyledPasswordIndicator = styled.div.withConfig({
   displayName: "Styles__StyledPasswordIndicator",
   componentId: "sc-ce8kcp-3"
 })(["width:100%;height:4px;border-radius:6px;background-color:", ";"], props => {
@@ -45,7 +37,7 @@ const StyledPasswordIndicator = exports.StyledPasswordIndicator = _styledCompone
   }
 });
 StyledPasswordIndicator.displayName = "StyledPasswordIndicator";
-const StyledInputSelectTrigger = exports.StyledInputSelectTrigger = _styledComponents.default.div.withConfig({
+export const StyledInputSelectTrigger = styled.div.withConfig({
   displayName: "Styles__StyledInputSelectTrigger",
   componentId: "sc-ce8kcp-4"
 })(["display:flex;gap:6px;align-items:center;margin-right:2px;margin-left:8px;color:var(--color-theme-700);font-weight:400;letter-spacing:0.02em;font-size:0.875rem;flex-shrink:0;cursor:", ";pointer-events:", ";", ""], props => {
@@ -58,6 +50,6 @@ const StyledInputSelectTrigger = exports.StyledInputSelectTrigger = _styledCompo
     return "none";
   }
   return "unset";
-}, props => props.$size === "big" && (0, _styledComponents.css)(["font-size:1rem;"]));
+}, props => props.$size === "big" && css(["font-size:1rem;"]));
 StyledInputSelectTrigger.displayName = "StyledInputSelectTrigger";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Input/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$size","css","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n  $strength: number;\n  $index: number;\n}>`\n  width: 100%;\n  height: 4px;\n  border-radius: 6px;\n  background-color: ${(props) => {\n    const { $strength, $index } = props;\n\n    if ($strength === 0) {\n      return \"var(--color-theme-300)\";\n    } else if ($strength === 1) {\n      return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 2) {\n      return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 3) {\n      return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n    } else {\n      return \"var(--color-sucess-green)\";\n    }\n  }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n  $size: string;\n  $disabled: boolean;\n}>`\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-right: 2px;\n  margin-left: 8px;\n  color: var(--color-theme-700);\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  font-size: 0.875rem;\n  flex-shrink: 0;\n  cursor: ${(props) => {\n    if (props.$disabled) {\n      return \"unset\";\n    }\n    return \"pointer\";\n  }};\n\n  pointer-events: ${(props) => {\n    if (props.$disabled) {\n      return \"none\";\n    }\n    return \"unset\";\n  }};\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQlC,MAAMY,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2TAexCC,oBAAS,EACTC,8BAAc,EAEbC,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,qCAGF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,mBAEF,EAEEF,KAAK,IACRA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,mBAEF,EAEAF,KAAK,IACNA,KAAK,CAACG,SAAS,QACfD,qBAAG,kCAGF,EAEAF,KAAK,IACN,CAACA,KAAK,CAACG,SAAS,IAChB,CAACH,KAAK,CAACI,QAAQ,QACfF,qBAAG,iEAKF,EAEAF,KAAK,IACN,CAACA,KAAK,CAACG,SAAS,IAChBH,KAAK,CAACI,QAAQ,QACdF,qBAAG,qCAEF,CACJ;AAEDX,kBAAkB,CAACK,WAAW,GAAG,oBAAoB;AAO9C,MAAMS,WAAW,GAAAb,OAAA,CAAAa,WAAA,GAAGZ,yBAAM,CAACa,KAAK,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8SAkBlCG,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,sBAEF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,yCAGF,EAEAF,KAAK,IACNA,KAAK,CAACO,QAAQ,QACdL,qBAAG,sBAEF,EAEAF,KAAK,IACNA,KAAK,CAACQ,QAAQ,QACdN,qBAAG,uBAEF,EAEAF,KAAK,IACNA,KAAK,CAACS,KAAK,QACXP,qBAAG,wBACaF,KAAK,CAACS,KAAK,CAC1B,CACJ;AAEDJ,WAAW,CAACT,WAAW,GAAG,aAAa;AAEhC,MAAMc,8BAA8B,GAAAlB,OAAA,CAAAkB,8BAAA,GAAGjB,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKvD;AAEDa,8BAA8B,CAACd,WAAW,GAAG,gCAAgC;AAEtE,MAAMe,uBAAuB,GAAAnB,OAAA,CAAAmB,uBAAA,GAAGlB,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAO1BG,KAAK,IAAK;EAC7B,MAAM;IAAEY,SAAS;IAAEC;EAAO,CAAC,GAAGb,KAAK;EAEnC,IAAIY,SAAS,KAAK,CAAC,EAAE;IACnB,OAAO,wBAAwB;EACjC,CAAC,MAAM,IAAIA,SAAS,KAAK,CAAC,EAAE;IAC1B,OAAOC,MAAM,KAAK,CAAC,GAAG,kBAAkB,GAAG,wBAAwB;EACrE,CAAC,MAAM,IAAID,SAAS,KAAK,CAAC,EAAE;IAC1B,OAAOC,MAAM,GAAG,CAAC,GAAG,qBAAqB,GAAG,wBAAwB;EACtE,CAAC,MAAM,IAAID,SAAS,KAAK,CAAC,EAAE;IAC1B,OAAOC,MAAM,GAAG,CAAC,GAAG,uBAAuB,GAAG,wBAAwB;EACxE,CAAC,MAAM;IACL,OAAO,2BAA2B;EACpC;AACF,CAAC,CACF;AAEDF,uBAAuB,CAACf,WAAW,GAAG,yBAAyB;AAExD,MAAMkB,wBAAwB,GAAAtB,OAAA,CAAAsB,wBAAA,GAAGrB,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0NAcrCG,KAAK,IAAK;EACnB,IAAIA,KAAK,CAACG,SAAS,EAAE;IACnB,OAAO,OAAO;EAChB;EACA,OAAO,SAAS;AAClB,CAAC,EAEkBH,KAAK,IAAK;EAC3B,IAAIA,KAAK,CAACG,SAAS,EAAE;IACnB,OAAO,MAAM;EACf;EACA,OAAO,OAAO;AAChB,CAAC,EAEEH,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,sBAEF,CACJ;AAEDY,wBAAwB,CAAClB,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledInputWrapper","div","withConfig","displayName","componentId","props","$size","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n  $strength: number;\n  $index: number;\n}>`\n  width: 100%;\n  height: 4px;\n  border-radius: 6px;\n  background-color: ${(props) => {\n    const { $strength, $index } = props;\n\n    if ($strength === 0) {\n      return \"var(--color-theme-300)\";\n    } else if ($strength === 1) {\n      return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 2) {\n      return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 3) {\n      return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n    } else {\n      return \"var(--color-sucess-green)\";\n    }\n  }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n  $size: string;\n  $disabled: boolean;\n}>`\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-right: 2px;\n  margin-left: 8px;\n  color: var(--color-theme-700);\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  font-size: 0.875rem;\n  flex-shrink: 0;\n  cursor: ${(props) => {\n    if (props.$disabled) {\n      return \"unset\";\n    }\n    return \"pointer\";\n  }};\n\n  pointer-events: ${(props) => {\n    if (props.$disabled) {\n      return \"none\";\n    }\n    return \"unset\";\n  }};\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n"],"mappings":"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"}