@activecollab/components 2.0.265 → 2.0.267

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
 import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
 import styled from "styled-components";
 import { Input } from "./Input";
@@ -87,19 +89,19 @@ const InputPasswordAdornment = _ref => {
 export const InputPassword = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var _validation$levels;
   let {
-    size = "regular",
-    disabled,
-    show = false,
-    hideControl,
-    showTooltipText = "Show",
-    hideTooltipText = "Hide",
-    value: defaultValue = "",
-    validation,
-    errorMessage,
-    invalid,
-    onChange,
-    ...rest
-  } = _ref2;
+      size = "regular",
+      disabled,
+      show = false,
+      hideControl,
+      showTooltipText = "Show",
+      hideTooltipText = "Hide",
+      value: defaultValue = "",
+      validation,
+      errorMessage,
+      invalid,
+      onChange
+    } = _ref2,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   const inputRef = useRef(null);
   const handleRef = useForkRef(ref, inputRef);
   const [showText, setShowText] = useState(show);

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

@@ -1 +1 @@
-{"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":"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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","_objectWithoutPropertiesLoose","_excluded","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":"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","ignoreList":[]}

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["size", "disabled", "value", "onChange", "defaultCountry"];
 import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
 import { callingCodeToCountryCodeMap, countriesArraySortedByName, getCountryCallingCode, getCountryFlag } from "country-explorer";
 import { Input } from "./Input";
@@ -12,13 +14,13 @@ const renderOption = (option, data) => /*#__PURE__*/React.createElement(React.Fr
 })));
 export const InputPhone = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    size = "regular",
-    disabled,
-    value: defaultValue = "",
-    onChange,
-    defaultCountry = "US",
-    ...rest
-  } = _ref;
+      size = "regular",
+      disabled,
+      value: defaultValue = "",
+      onChange,
+      defaultCountry = "US"
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const inputRef = useRef(null);
   const handleRef = useForkRef(ref, inputRef);
   const [prefix, setPrefix] = useState(defaultCountry);

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

@@ -1 +1 @@
-{"version":3,"file":"InputPhone.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","callingCodeToCountryCodeMap","countriesArraySortedByName","getCountryCallingCode","getCountryFlag","Input","InputSelect","StyledFlagTriggerLabel","StyledOptionCode","StyledOptionFlag","StyledOptionName","StyledOptionRowEnd","StyledOptionWrapper","useForkRef","RadioButton","renderOption","option","data","createElement","Fragment","id","name","additionalInfo","checked","onChange","InputPhone","_ref","ref","size","disabled","value","defaultValue","defaultCountry","rest","inputRef","handleRef","prefix","setPrefix","setValue","options","map","country","countryCode","callingCode","separatePrefixFromValue","fullValue","newPrefix","newValue","startsWith","prefixLength","digits","slice","i","length","code","dialCode","handleChange","e","inputValue","target","test","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","filteredPaste","replace","inputElement","currentTarget","selectionStart","selectionEnd","currentValue","beforeSelection","afterSelection","newValueAfterPaste","_extends","type","onPaste","startAdornment","selected","filterCriteria","filter","_option$additionalInf","toLowerCase","includes","selectedLabel","$size","keepSameOptionsOrder","search","displayName"],"sources":["../../../../src/components/Input/InputPhone.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  callingCodeToCountryCodeMap,\n  countriesArraySortedByName,\n  getCountryCallingCode,\n  getCountryFlag,\n  Country,\n} from \"country-explorer\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport {\n  StyledFlagTriggerLabel,\n  StyledOptionCode,\n  StyledOptionFlag,\n  StyledOptionName,\n  StyledOptionRowEnd,\n  StyledOptionWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface InputPhoneProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** Default country code to be selected */\n  defaultCountry?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"small\" | \"regular\" | \"big\";\n}\n\nconst renderOption = (\n  option: Record<string, React.ReactNode>,\n  data: Record<string, unknown>\n): React.ReactElement => (\n  <>\n    <StyledOptionWrapper>\n      <StyledOptionFlag>{getCountryFlag(option.id)}</StyledOptionFlag>\n      <StyledOptionName>{option.name}</StyledOptionName>\n    </StyledOptionWrapper>\n    <StyledOptionRowEnd>\n      <StyledOptionCode>{option.additionalInfo}</StyledOptionCode>\n      <RadioButton\n        checked={data.checked as boolean}\n        onChange={data.onChange as ChangeEventHandler<HTMLInputElement>}\n      />\n    </StyledOptionRowEnd>\n  </>\n);\n\nexport const InputPhone = forwardRef<HTMLInputElement, InputPhoneProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      defaultCountry = \"US\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(defaultCountry);\n    const [value, setValue] = useState<string>(\"\");\n\n    const options = countriesArraySortedByName.map((country: Country) => ({\n      id: country.countryCode,\n      name: country.name,\n      additionalInfo: `+${country.callingCode}`,\n    }));\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      if (fullValue.startsWith(\"+\") || fullValue.startsWith(\"00\")) {\n        const prefixLength = fullValue.startsWith(\"+\") ? 1 : 2;\n        const digits = fullValue.slice(prefixLength);\n\n        for (let i = digits.length; i >= 1; i--) {\n          const code = digits.slice(0, i);\n          if (callingCodeToCountryCodeMap[code]) {\n            newPrefix = callingCodeToCountryCodeMap[code];\n            const dialCode = getCountryCallingCode(newPrefix);\n            newValue = fullValue.slice(prefixLength + dialCode.length);\n            break;\n          }\n        }\n      }\n\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 react-hooks/exhaustive-deps\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (/[^0-9+]/.test(inputValue)) {\n          return;\n        }\n\n        const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      setTimeout(() => {\n        inputRef.current?.focus();\n      }, 200);\n      typeof onChange === \"function\" &&\n        onChange(`+${getCountryCallingCode(val)}${value}`);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n\n      const paste = e.clipboardData.getData(\"text\");\n      const filteredPaste = paste.replace(/[^0-9+]/g, \"\");\n\n      const inputElement = e.currentTarget as HTMLInputElement;\n      const { selectionStart, selectionEnd } = inputElement;\n\n      if (selectionStart !== null && selectionEnd !== null) {\n        const currentValue = inputElement.value;\n        const beforeSelection = currentValue.slice(0, selectionStart);\n        const afterSelection = currentValue.slice(selectionEnd);\n\n        const newValueAfterPaste =\n          beforeSelection + filteredPaste + afterSelection;\n        const { newPrefix, newValue } =\n          separatePrefixFromValue(newValueAfterPaste);\n\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(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=\"InputPhone\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            filterCriteria={(option, filter) => {\n              return !!option?.additionalInfo?.toLowerCase().includes(filter);\n            }}\n            selectedLabel={\n              <>\n                <StyledFlagTriggerLabel $size={size}>\n                  {getCountryFlag(prefix)}\n                </StyledFlagTriggerLabel>\n                +{getCountryCallingCode(prefix)}\n              </>\n            }\n            disabled={disabled}\n            keepSameOptionsOrder={false}\n            search\n            renderOption={renderOption}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputPhone.displayName = \"InputPhone\";\n"],"mappings":"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"}
+{"version":3,"file":"InputPhone.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","callingCodeToCountryCodeMap","countriesArraySortedByName","getCountryCallingCode","getCountryFlag","Input","InputSelect","StyledFlagTriggerLabel","StyledOptionCode","StyledOptionFlag","StyledOptionName","StyledOptionRowEnd","StyledOptionWrapper","useForkRef","RadioButton","renderOption","option","data","createElement","Fragment","id","name","additionalInfo","checked","onChange","InputPhone","_ref","ref","size","disabled","value","defaultValue","defaultCountry","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","prefix","setPrefix","setValue","options","map","country","countryCode","callingCode","separatePrefixFromValue","fullValue","newPrefix","newValue","startsWith","prefixLength","digits","slice","i","length","code","dialCode","handleChange","e","inputValue","target","test","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","filteredPaste","replace","inputElement","currentTarget","selectionStart","selectionEnd","currentValue","beforeSelection","afterSelection","newValueAfterPaste","_extends","type","onPaste","startAdornment","selected","filterCriteria","filter","_option$additionalInf","toLowerCase","includes","selectedLabel","$size","keepSameOptionsOrder","search","displayName"],"sources":["../../../../src/components/Input/InputPhone.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  callingCodeToCountryCodeMap,\n  countriesArraySortedByName,\n  getCountryCallingCode,\n  getCountryFlag,\n  Country,\n} from \"country-explorer\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport {\n  StyledFlagTriggerLabel,\n  StyledOptionCode,\n  StyledOptionFlag,\n  StyledOptionName,\n  StyledOptionRowEnd,\n  StyledOptionWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface InputPhoneProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** Default country code to be selected */\n  defaultCountry?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"small\" | \"regular\" | \"big\";\n}\n\nconst renderOption = (\n  option: Record<string, React.ReactNode>,\n  data: Record<string, unknown>\n): React.ReactElement => (\n  <>\n    <StyledOptionWrapper>\n      <StyledOptionFlag>{getCountryFlag(option.id)}</StyledOptionFlag>\n      <StyledOptionName>{option.name}</StyledOptionName>\n    </StyledOptionWrapper>\n    <StyledOptionRowEnd>\n      <StyledOptionCode>{option.additionalInfo}</StyledOptionCode>\n      <RadioButton\n        checked={data.checked as boolean}\n        onChange={data.onChange as ChangeEventHandler<HTMLInputElement>}\n      />\n    </StyledOptionRowEnd>\n  </>\n);\n\nexport const InputPhone = forwardRef<HTMLInputElement, InputPhoneProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      defaultCountry = \"US\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(defaultCountry);\n    const [value, setValue] = useState<string>(\"\");\n\n    const options = countriesArraySortedByName.map((country: Country) => ({\n      id: country.countryCode,\n      name: country.name,\n      additionalInfo: `+${country.callingCode}`,\n    }));\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      if (fullValue.startsWith(\"+\") || fullValue.startsWith(\"00\")) {\n        const prefixLength = fullValue.startsWith(\"+\") ? 1 : 2;\n        const digits = fullValue.slice(prefixLength);\n\n        for (let i = digits.length; i >= 1; i--) {\n          const code = digits.slice(0, i);\n          if (callingCodeToCountryCodeMap[code]) {\n            newPrefix = callingCodeToCountryCodeMap[code];\n            const dialCode = getCountryCallingCode(newPrefix);\n            newValue = fullValue.slice(prefixLength + dialCode.length);\n            break;\n          }\n        }\n      }\n\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 react-hooks/exhaustive-deps\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (/[^0-9+]/.test(inputValue)) {\n          return;\n        }\n\n        const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      setTimeout(() => {\n        inputRef.current?.focus();\n      }, 200);\n      typeof onChange === \"function\" &&\n        onChange(`+${getCountryCallingCode(val)}${value}`);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n\n      const paste = e.clipboardData.getData(\"text\");\n      const filteredPaste = paste.replace(/[^0-9+]/g, \"\");\n\n      const inputElement = e.currentTarget as HTMLInputElement;\n      const { selectionStart, selectionEnd } = inputElement;\n\n      if (selectionStart !== null && selectionEnd !== null) {\n        const currentValue = inputElement.value;\n        const beforeSelection = currentValue.slice(0, selectionStart);\n        const afterSelection = currentValue.slice(selectionEnd);\n\n        const newValueAfterPaste =\n          beforeSelection + filteredPaste + afterSelection;\n        const { newPrefix, newValue } =\n          separatePrefixFromValue(newValueAfterPaste);\n\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(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=\"InputPhone\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            filterCriteria={(option, filter) => {\n              return !!option?.additionalInfo?.toLowerCase().includes(filter);\n            }}\n            selectedLabel={\n              <>\n                <StyledFlagTriggerLabel $size={size}>\n                  {getCountryFlag(prefix)}\n                </StyledFlagTriggerLabel>\n                +{getCountryCallingCode(prefix)}\n              </>\n            }\n            disabled={disabled}\n            keepSameOptionsOrder={false}\n            search\n            renderOption={renderOption}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputPhone.displayName = \"InputPhone\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.js","names":["React","StyledInputSelectTrigger","ArrowDownIcon","ArrowDownSmallIcon","Select","StyledButton","InputSelect","_ref","onChange","size","selected","options","search","disabled","disabledInternalSort","keepSameOptionsOrder","selectedLabel","renderOption","filterCriteria","createElement","forceCloseMenu","disableSearch","target","_StyledStyledButton","$disabled","$size","fill","_styled","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\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  search?: boolean;\n  // @ToDo: Fix this\n  disabledInternalSort?: boolean;\n  keepSameOptionsOrder?: boolean;\n  selectedLabel?: ReactNode;\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n  /** Custom filter function for additional filtering criteria */\n  filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n  onChange,\n  size,\n  selected,\n  options,\n  search = false,\n  disabled = false,\n  disabledInternalSort = true,\n  keepSameOptionsOrder = true,\n  selectedLabel,\n  renderOption,\n  filterCriteria,\n}) => {\n  return (\n    <Select\n      onChange={onChange}\n      forceCloseMenu\n      disableSearch={!search}\n      target={\n        <StyledButton css=\"flex-shrink:0\">\n          <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n            {selectedLabel ? selectedLabel : selected}\n            {size === \"big\" ? (\n              <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n            ) : (\n              <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n            )}\n          </StyledInputSelectTrigger>\n        </StyledButton>\n      }\n      options={options}\n      disabledInternalSort={disabledInternalSort}\n      keepSameOptionsOrder={keepSameOptionsOrder}\n      selected={selected}\n      renderOption={renderOption}\n      filterCriteria={filterCriteria}\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmC,OAAO;AAEtD,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,UAAU;AAC5D,SAA2CC,MAAM,QAAQ,WAAW;AACpE,SAASC,YAAY,QAAQ,mBAAmB;AAwBhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAYjD;EAAA,IAZkD;IACtDC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,MAAM,GAAG,KAAK;IACdC,QAAQ,GAAG,KAAK;IAChBC,oBAAoB,GAAG,IAAI;IAC3BC,oBAAoB,GAAG,IAAI;IAC3BC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,GAAAX,IAAA;EACC,oBACEP,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLI,QAAQ,EAAEA,QAAS;IACnBY,cAAc;IACdC,aAAa,EAAE,CAACT,MAAO;IACvBU,MAAM,eACJtB,KAAA,CAAAmB,aAAA,CAAAI,mBAAA,qBACEvB,KAAA,CAAAmB,aAAA,CAAClB,wBAAwB;MAACuB,SAAS,EAAEX,QAAS;MAACY,KAAK,EAAEhB;IAAK,GACxDO,aAAa,GAAGA,aAAa,GAAGN,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbT,KAAA,CAAAmB,aAAA,CAACjB,aAAa;MAACwB,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/C1B,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB;MAACuB,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDf,OAAO,EAAEA,OAAQ;IACjBG,oBAAoB,EAAEA,oBAAqB;IAC3CC,oBAAoB,EAAEA,oBAAqB;IAC3CL,QAAQ,EAAEA,QAAS;IACnBO,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAAC,IAAAK,mBAAA,GAAAI,OAAA,CAAAtB,YAAA,EAAAuB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA"}
+{"version":3,"file":"InputSelect.js","names":["React","StyledInputSelectTrigger","ArrowDownIcon","ArrowDownSmallIcon","Select","StyledButton","InputSelect","_ref","onChange","size","selected","options","search","disabled","disabledInternalSort","keepSameOptionsOrder","selectedLabel","renderOption","filterCriteria","createElement","forceCloseMenu","disableSearch","target","_StyledStyledButton","$disabled","$size","fill","_styled","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\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  search?: boolean;\n  // @ToDo: Fix this\n  disabledInternalSort?: boolean;\n  keepSameOptionsOrder?: boolean;\n  selectedLabel?: ReactNode;\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n  /** Custom filter function for additional filtering criteria */\n  filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n  onChange,\n  size,\n  selected,\n  options,\n  search = false,\n  disabled = false,\n  disabledInternalSort = true,\n  keepSameOptionsOrder = true,\n  selectedLabel,\n  renderOption,\n  filterCriteria,\n}) => {\n  return (\n    <Select\n      onChange={onChange}\n      forceCloseMenu\n      disableSearch={!search}\n      target={\n        <StyledButton css=\"flex-shrink:0\">\n          <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n            {selectedLabel ? selectedLabel : selected}\n            {size === \"big\" ? (\n              <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n            ) : (\n              <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n            )}\n          </StyledInputSelectTrigger>\n        </StyledButton>\n      }\n      options={options}\n      disabledInternalSort={disabledInternalSort}\n      keepSameOptionsOrder={keepSameOptionsOrder}\n      selected={selected}\n      renderOption={renderOption}\n      filterCriteria={filterCriteria}\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmC,OAAO;AAEtD,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,UAAU;AAC5D,SAA2CC,MAAM,QAAQ,WAAW;AACpE,SAASC,YAAY,QAAQ,mBAAmB;AAwBhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAYjD;EAAA,IAZkD;IACtDC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,MAAM,GAAG,KAAK;IACdC,QAAQ,GAAG,KAAK;IAChBC,oBAAoB,GAAG,IAAI;IAC3BC,oBAAoB,GAAG,IAAI;IAC3BC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,GAAAX,IAAA;EACC,oBACEP,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLI,QAAQ,EAAEA,QAAS;IACnBY,cAAc;IACdC,aAAa,EAAE,CAACT,MAAO;IACvBU,MAAM,eACJtB,KAAA,CAAAmB,aAAA,CAAAI,mBAAA,qBACEvB,KAAA,CAAAmB,aAAA,CAAClB,wBAAwB;MAACuB,SAAS,EAAEX,QAAS;MAACY,KAAK,EAAEhB;IAAK,GACxDO,aAAa,GAAGA,aAAa,GAAGN,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbT,KAAA,CAAAmB,aAAA,CAACjB,aAAa;MAACwB,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/C1B,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB;MAACuB,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDf,OAAO,EAAEA,OAAQ;IACjBG,oBAAoB,EAAEA,oBAAqB;IAC3CC,oBAAoB,EAAEA,oBAAqB;IAC3CL,QAAQ,EAAEA,QAAS;IACnBO,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAAC,IAAAK,mBAAA,GAAAI,OAAA,CAAAtB,YAAA,EAAAuB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA","ignoreList":[]}

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "enableVirtualization", "addCustomTimeLabel"];
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import classNames from "classnames";
 import nlp from "compromise";
@@ -20,22 +22,22 @@ const renderOption = option => {
 };
 export const InputTime = _ref => {
   let {
-    mode = "24",
-    selected: defaultSelected,
-    min = "00:00",
-    max = "23:45",
-    onChange,
-    step = 15,
-    size,
-    className,
-    placeholder,
-    triggerMode,
-    disabled,
-    invalid,
-    enableVirtualization = false,
-    addCustomTimeLabel = "Add",
-    ...rest
-  } = _ref;
+      mode = "24",
+      selected: defaultSelected,
+      min = "00:00",
+      max = "23:45",
+      onChange,
+      step = 15,
+      size,
+      className,
+      placeholder,
+      triggerMode,
+      disabled,
+      invalid,
+      enableVirtualization = false,
+      addCustomTimeLabel = "Add"
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const [isOpen, setIsOpen] = useState(false);
   const [search, setSearch] = useState(undefined);
   const generateTimeOptions = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useMemo","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","mode","selected","defaultSelected","min","max","onChange","step","size","className","placeholder","triggerMode","disabled","invalid","enableVirtualization","addCustomTimeLabel","rest","isOpen","setIsOpen","search","setSearch","undefined","generateTimeOptions","allOptions","currentTime","isBefore","push","format","add","timeOptionsFilter","options","_min","_max","minTime","maxTime","filter","isSameOrAfter","isSameOrBefore","allTimeOptions","setAllTimeOptions","timeOptions","isInOptions","some","opt","isValidDefaultSelected","setSelected","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","_extends","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport nlp from \"compromise\";\nimport plg, { DatesMethods } from \"compromise-dates\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\n\nimport { InputMode, InputSize } from \"./types\";\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { ComboBox } from \"../ComboBox/ComboBox\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Time24HourFormat } from \"../SelectTime\";\n\nnlp.plugin(plg);\n\nexport const StyledInputTimeWrapper = styled.div`\n  max-width: 176px;\n  flex: 1;\n\n  & .c-combo-box--list {\n    min-width: 176px;\n  }\n`;\n\nexport interface InputTimeProps {\n  mode?: \"12\" | \"24\";\n  selected?: Time24HourFormat;\n  min?: Time24HourFormat;\n  max?: Time24HourFormat;\n  onChange?: (val: Time24HourFormat) => void;\n  className?: string;\n  placeholder?: string;\n  size?: InputSize;\n  step?: 1 | 5 | 15 | 30 | 60;\n  triggerMode?: InputMode;\n  disabled?: boolean;\n  invalid?: boolean;\n  enableVirtualization?: boolean;\n  addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n  return (\n    <div id={option.id} data-testid={`time-option-${option.id}`}>\n      {option.name}\n    </div>\n  );\n};\n\nexport const InputTime: React.FC<InputTimeProps> = ({\n  mode = \"24\",\n  selected: defaultSelected,\n  min = \"00:00\",\n  max = \"23:45\",\n  onChange,\n  step = 15,\n  size,\n  className,\n  placeholder,\n  triggerMode,\n  disabled,\n  invalid,\n  enableVirtualization = false,\n  addCustomTimeLabel = \"Add\",\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [search, setSearch] = useState<string | undefined>(undefined);\n\n  const generateTimeOptions = () => {\n    const allOptions: IOptionItemProps[] = [];\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n    while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n      allOptions.push({\n        id: currentTime.format(\"HH:mm\"),\n        name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n      });\n      currentTime.add(step, \"minutes\");\n    }\n    return allOptions;\n  };\n  const timeOptionsFilter = (\n    options: IOptionItemProps[],\n    _min: Time24HourFormat,\n    _max: Time24HourFormat\n  ) => {\n    const minTime = moment(isValidTime(_min) ? _min : \"00:00\", \"HH:mm\");\n    const maxTime = moment(isValidTime(_max) ? _max : \"23:45\", \"HH:mm\");\n    return options.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n  const [allTimeOptions, setAllTimeOptions] = useState(generateTimeOptions());\n  const timeOptions = useMemo(\n    () => timeOptionsFilter(allTimeOptions, min, max),\n    [allTimeOptions, min, max]\n  );\n\n  const isInOptions = useCallback(\n    (option) => timeOptions.some((opt) => opt.id === option),\n    [timeOptions]\n  );\n\n  const isValidDefaultSelected = defaultSelected\n    ? isInOptions(defaultSelected)\n    : false;\n\n  const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n    isValidDefaultSelected ? defaultSelected : undefined\n  );\n\n  const handleInputChange = useCallback(\n    (text: string) => {\n      setSearch(text);\n      if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n        return;\n      }\n      const doc = nlp<DatesMethods>(text);\n      const parsed = doc.times().get()[0];\n      if (parsed && parsed[\"24h\"] && parsed[\"24h\"] !== selected) {\n        const value = moment(parsed).format(\"HH:mm\") as Time24HourFormat;\n        if (timeOptions.some((option) => option.id === value)) {\n          setSelected(value);\n          onChange?.(value);\n          setIsOpen(false);\n        }\n      }\n    },\n    [onChange, selected, timeOptions]\n  );\n\n  const handleEmptyAction = (newTime: string | number) => {\n    const time = String(newTime);\n    if (isValidTime(time)) {\n      const newOption = {\n        id: time,\n        name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n      };\n\n      const newOptions = [...timeOptions];\n      const index = newOptions.findIndex(\n        (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n      );\n\n      if (index === -1) {\n        newOptions.push(newOption);\n      } else {\n        newOptions.splice(index, 0, newOption);\n      }\n\n      setAllTimeOptions(newOptions);\n      onChange?.(time as Time24HourFormat);\n      setSelected(time as Time24HourFormat);\n    }\n  };\n\n  const handleChange = (e) => {\n    setSelected(e);\n    onChange?.(e);\n  };\n\n  const handleOpen = () => {\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const selectedItem = document.getElementById(selected)?.parentElement;\n      selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n    }\n  }, [isOpen, selected]);\n\n  useEffect(() => {\n    if (\n      defaultSelected !== selected &&\n      timeOptions.some((opt) => opt.id === defaultSelected)\n    )\n      setSelected(defaultSelected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultSelected, timeOptions]);\n\n  const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n  return (\n    <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n      <ComboBox\n        {...rest}\n        options={timeOptions}\n        open={isOpen}\n        disabledInternalSort\n        selected={selected}\n        keepSameOptionsOrder\n        onInputChange={handleInputChange}\n        onChange={handleChange}\n        handleEmptyAction={handleEmptyAction}\n        emptyValue={\n          isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n        }\n        forceCloseMenu\n        placeholder={placeholder}\n        renderOption={renderOption}\n        autoHeightMax={226}\n        size={size}\n        onClose={handleClose}\n        onOpen={handleOpen}\n        triggerMode={triggerMode}\n        disabled={disabled}\n        invalid={invalid}\n        disableVirtualization={!enableVirtualization}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useMemo","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","mode","selected","defaultSelected","min","max","onChange","step","size","className","placeholder","triggerMode","disabled","invalid","enableVirtualization","addCustomTimeLabel","rest","_objectWithoutPropertiesLoose","_excluded","isOpen","setIsOpen","search","setSearch","undefined","generateTimeOptions","allOptions","currentTime","isBefore","push","format","add","timeOptionsFilter","options","_min","_max","minTime","maxTime","filter","isSameOrAfter","isSameOrBefore","allTimeOptions","setAllTimeOptions","timeOptions","isInOptions","some","opt","isValidDefaultSelected","setSelected","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","_extends","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport nlp from \"compromise\";\nimport plg, { DatesMethods } from \"compromise-dates\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\n\nimport { InputMode, InputSize } from \"./types\";\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { ComboBox } from \"../ComboBox/ComboBox\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Time24HourFormat } from \"../SelectTime\";\n\nnlp.plugin(plg);\n\nexport const StyledInputTimeWrapper = styled.div`\n  max-width: 176px;\n  flex: 1;\n\n  & .c-combo-box--list {\n    min-width: 176px;\n  }\n`;\n\nexport interface InputTimeProps {\n  mode?: \"12\" | \"24\";\n  selected?: Time24HourFormat;\n  min?: Time24HourFormat;\n  max?: Time24HourFormat;\n  onChange?: (val: Time24HourFormat) => void;\n  className?: string;\n  placeholder?: string;\n  size?: InputSize;\n  step?: 1 | 5 | 15 | 30 | 60;\n  triggerMode?: InputMode;\n  disabled?: boolean;\n  invalid?: boolean;\n  enableVirtualization?: boolean;\n  addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n  return (\n    <div id={option.id} data-testid={`time-option-${option.id}`}>\n      {option.name}\n    </div>\n  );\n};\n\nexport const InputTime: React.FC<InputTimeProps> = ({\n  mode = \"24\",\n  selected: defaultSelected,\n  min = \"00:00\",\n  max = \"23:45\",\n  onChange,\n  step = 15,\n  size,\n  className,\n  placeholder,\n  triggerMode,\n  disabled,\n  invalid,\n  enableVirtualization = false,\n  addCustomTimeLabel = \"Add\",\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [search, setSearch] = useState<string | undefined>(undefined);\n\n  const generateTimeOptions = () => {\n    const allOptions: IOptionItemProps[] = [];\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n    while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n      allOptions.push({\n        id: currentTime.format(\"HH:mm\"),\n        name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n      });\n      currentTime.add(step, \"minutes\");\n    }\n    return allOptions;\n  };\n  const timeOptionsFilter = (\n    options: IOptionItemProps[],\n    _min: Time24HourFormat,\n    _max: Time24HourFormat\n  ) => {\n    const minTime = moment(isValidTime(_min) ? _min : \"00:00\", \"HH:mm\");\n    const maxTime = moment(isValidTime(_max) ? _max : \"23:45\", \"HH:mm\");\n    return options.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n  const [allTimeOptions, setAllTimeOptions] = useState(generateTimeOptions());\n  const timeOptions = useMemo(\n    () => timeOptionsFilter(allTimeOptions, min, max),\n    [allTimeOptions, min, max]\n  );\n\n  const isInOptions = useCallback(\n    (option) => timeOptions.some((opt) => opt.id === option),\n    [timeOptions]\n  );\n\n  const isValidDefaultSelected = defaultSelected\n    ? isInOptions(defaultSelected)\n    : false;\n\n  const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n    isValidDefaultSelected ? defaultSelected : undefined\n  );\n\n  const handleInputChange = useCallback(\n    (text: string) => {\n      setSearch(text);\n      if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n        return;\n      }\n      const doc = nlp<DatesMethods>(text);\n      const parsed = doc.times().get()[0];\n      if (parsed && parsed[\"24h\"] && parsed[\"24h\"] !== selected) {\n        const value = moment(parsed).format(\"HH:mm\") as Time24HourFormat;\n        if (timeOptions.some((option) => option.id === value)) {\n          setSelected(value);\n          onChange?.(value);\n          setIsOpen(false);\n        }\n      }\n    },\n    [onChange, selected, timeOptions]\n  );\n\n  const handleEmptyAction = (newTime: string | number) => {\n    const time = String(newTime);\n    if (isValidTime(time)) {\n      const newOption = {\n        id: time,\n        name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n      };\n\n      const newOptions = [...timeOptions];\n      const index = newOptions.findIndex(\n        (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n      );\n\n      if (index === -1) {\n        newOptions.push(newOption);\n      } else {\n        newOptions.splice(index, 0, newOption);\n      }\n\n      setAllTimeOptions(newOptions);\n      onChange?.(time as Time24HourFormat);\n      setSelected(time as Time24HourFormat);\n    }\n  };\n\n  const handleChange = (e) => {\n    setSelected(e);\n    onChange?.(e);\n  };\n\n  const handleOpen = () => {\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const selectedItem = document.getElementById(selected)?.parentElement;\n      selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n    }\n  }, [isOpen, selected]);\n\n  useEffect(() => {\n    if (\n      defaultSelected !== selected &&\n      timeOptions.some((opt) => opt.id === defaultSelected)\n    )\n      setSelected(defaultSelected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultSelected, timeOptions]);\n\n  const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n  return (\n    <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n      <ComboBox\n        {...rest}\n        options={timeOptions}\n        open={isOpen}\n        disabledInternalSort\n        selected={selected}\n        keepSameOptionsOrder\n        onInputChange={handleInputChange}\n        onChange={handleChange}\n        handleEmptyAction={handleEmptyAction}\n        emptyValue={\n          isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n        }\n        forceCloseMenu\n        placeholder={placeholder}\n        renderOption={renderOption}\n        autoHeightMax={226}\n        size={size}\n        onClose={handleClose}\n        onOpen={handleOpen}\n        triggerMode={triggerMode}\n        disabled={disabled}\n        invalid={invalid}\n        disableVirtualization={!enableVirtualization}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["size", "disabled", "value", "onChange", "scheme"];
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Input } from "./Input";
 import { InputSelect } from "./InputSelect";
@@ -13,13 +15,13 @@ const defaultOptions = [{
 }];
 export const InputUrl = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    size = "regular",
-    disabled,
-    value: defaultValue = "",
-    onChange,
-    scheme,
-    ...rest
-  } = _ref;
+      size = "regular",
+      disabled,
+      value: defaultValue = "",
+      onChange,
+      scheme
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const inputRef = useRef(null);
   const handleRef = useForkRef(ref, inputRef);
   const options = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"InputUrl.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","Input","InputSelect","StyledInputSelectTrigger","useForkRef","defaultOptions","id","name","InputUrl","_ref","ref","size","disabled","value","defaultValue","onChange","scheme","rest","inputRef","handleRef","options","length","Array","isArray","map","i","prefix","setPrefix","setValue","separatePrefixFromValue","fullValue","newPrefix","newValue","forEach","option","startsWith","replace","handleChange","e","inputValue","target","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","startAdornmentComponent","createElement","key","selected","$disabled","$size","_extends","type","onPaste","startAdornment","displayName"],"sources":["../../../../src/components/Input/InputUrl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport { StyledInputSelectTrigger } from \"./Styles\";\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  scheme?: string[] | string;\n}\n\nconst defaultOptions = [\n  { id: \"https://\", name: \"https://\" },\n  { id: \"http://\", name: \"http://\" },\n];\n\nexport const InputUrl = forwardRef<HTMLInputElement, InputUrlProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      scheme,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const options = useMemo(() => {\n      if (scheme && scheme.length > 0) {\n        if (Array.isArray(scheme)) {\n          return scheme.map((i) => ({ id: i, name: i }));\n        } else {\n          return [{ id: scheme, name: scheme }];\n        }\n      }\n      return defaultOptions;\n    }, [scheme]);\n\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 = useCallback(\n      (val: string | number | (string | number)[]) => {\n        setPrefix(val as string);\n        setTimeout(() => {\n          inputRef.current?.focus();\n        }, 200);\n        typeof onChange === \"function\" && onChange((val as string) + value);\n      },\n      [onChange, 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    const startAdornmentComponent = useMemo(() => {\n      if (options.length > 1) {\n        return (\n          <InputSelect\n            key={prefix}\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            disabled={disabled}\n          />\n        );\n      } else {\n        return (\n          <StyledInputSelectTrigger\n            key={prefix}\n            $disabled={disabled}\n            $size={size}\n          >\n            {prefix}\n          </StyledInputSelectTrigger>\n        );\n      }\n    }, [disabled, handleSelectChange, options, prefix, size]);\n\n    useEffect(() => {\n      if (options.length > 0 && !defaultValue) {\n        setPrefix(options[0].id);\n      }\n    }, [defaultValue, options]);\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={startAdornmentComponent}\n      />\n    );\n  }\n);\n\nInputUrl.displayName = \"InputUrl\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,SAASC,KAAK,QAAoB,SAAS;AAC3C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,UAAU,QAAQ,aAAa;AAgBxC,MAAMC,cAAc,GAAG,CACrB;EAAEC,EAAE,EAAE,UAAU;EAAEC,IAAI,EAAE;AAAW,CAAC,EACpC;EAAED,EAAE,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAU,CAAC,CACnC;AAED,OAAO,MAAMC,QAAQ,gBAAGb,UAAU,CAChC,CAAAc,IAAA,EASEC,GAAG,KACA;EAAA,IATH;IACEC,IAAI,GAAG,SAAS;IAChBC,QAAQ;IACRC,KAAK,EAAEC,YAAY,GAAG,EAAE;IACxBC,QAAQ;IACRC,MAAM;IACN,GAAGC;EACL,CAAC,GAAAR,IAAA;EAGD,MAAMS,QAAQ,GAAGnB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMoB,SAAS,GAAGf,UAAU,CAACM,GAAG,EAAEQ,QAAQ,CAAC;EAE3C,MAAME,OAAO,GAAGtB,OAAO,CAAC,MAAM;IAC5B,IAAIkB,MAAM,IAAIA,MAAM,CAACK,MAAM,GAAG,CAAC,EAAE;MAC/B,IAAIC,KAAK,CAACC,OAAO,CAACP,MAAM,CAAC,EAAE;QACzB,OAAOA,MAAM,CAACQ,GAAG,CAAEC,CAAC,KAAM;UAAEnB,EAAE,EAAEmB,CAAC;UAAElB,IAAI,EAAEkB;QAAE,CAAC,CAAC,CAAC;MAChD,CAAC,MAAM;QACL,OAAO,CAAC;UAAEnB,EAAE,EAAEU,MAAM;UAAET,IAAI,EAAES;QAAO,CAAC,CAAC;MACvC;IACF;IACA,OAAOX,cAAc;EACvB,CAAC,EAAE,CAACW,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACU,MAAM,EAAEC,SAAS,CAAC,GAAG3B,QAAQ,CAACoB,OAAO,CAAC,CAAC,CAAC,CAACd,EAAE,CAAC;EAEnD,MAAM,CAACO,KAAK,EAAEe,QAAQ,CAAC,GAAG5B,QAAQ,CAAC,EAAE,CAAC;EAEtC,MAAM6B,uBAAuB,GAC3BC,SAAiB,IAC2B;IAC5C,IAAIC,SAAS,GAAGL,MAAM;IACtB,IAAIM,QAAQ,GAAGF,SAAS;IAExBV,OAAO,CAACa,OAAO,CAAEC,MAAM,IAAK;MAC1B,IAAIJ,SAAS,CAACK,UAAU,CAACD,MAAM,CAAC5B,EAAE,CAAC,EAAE;QACnCyB,SAAS,GAAGG,MAAM,CAAC5B,EAAE;QACrB0B,QAAQ,GAAGF,SAAS,CAACM,OAAO,CAACF,MAAM,CAAC5B,EAAE,EAAE,EAAE,CAAC;MAC7C;IACF,CAAC,CAAC;IAEFsB,QAAQ,CAACI,QAAQ,CAAC;IAClB,OAAO;MAAED,SAAS;MAAEC;IAAS,CAAC;EAChC,CAAC;EAEDnC,SAAS,CAAC,MAAM;IACd,MAAM;MAAEkC,SAAS;MAAEC;IAAS,CAAC,GAAGH,uBAAuB,CAACf,YAAY,CAAC;IACrEa,SAAS,CAACI,SAAS,CAAC;IACpBH,QAAQ,CAACI,QAAQ,CAAC;IAClB;EACF,CAAC,EAAE,CAAClB,YAAY,CAAC,CAAC;EAElB,MAAMuB,YAAY,GAAGzC,WAAW,CAC7B0C,CAAsC,IAAK;IAC1C,MAAMC,UAAU,GAAGD,CAAC,CAACE,MAAM,CAAC3B,KAAK;IACjC,IAAI,CAAC0B,UAAU,CAACJ,UAAU,CAACT,MAAM,CAAC,EAAE;MAClC,MAAM;QAAEK,SAAS;QAAEC;MAAS,CAAC,GAAGH,uBAAuB,CAACU,UAAU,CAAC;MACnEZ,SAAS,CAACI,SAAS,CAAC;MACpBH,QAAQ,CAACI,QAAQ,CAAC;MAClB,OAAOjB,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACgB,SAAS,GAAGC,QAAQ,CAAC;IAClE,CAAC,MAAM;MACL,MAAMA,QAAQ,GAAGO,UAAU,CAACH,OAAO,CAACV,MAAM,EAAE,EAAE,CAAC;MAC/CE,QAAQ,CAACI,QAAQ,CAAC;MAClB,OAAOjB,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACW,MAAM,GAAGM,QAAQ,CAAC;IAC/D;EACF,CAAC;EACD;EACA,CAACjB,QAAQ,EAAEW,MAAM,CACnB,CAAC;EAED,MAAMe,kBAAkB,GAAG7C,WAAW,CACnC8C,GAA0C,IAAK;IAC9Cf,SAAS,CAACe,GAAa,CAAC;IACxBC,UAAU,CAAC,MAAM;MAAA,IAAAC,iBAAA;MACf,CAAAA,iBAAA,GAAA1B,QAAQ,CAAC2B,OAAO,aAAhBD,iBAAA,CAAkBE,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,GAAG,CAAC;IACP,OAAO/B,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAAE2B,GAAG,GAAc7B,KAAK,CAAC;EACrE,CAAC,EACD,CAACE,QAAQ,EAAEF,KAAK,CAClB,CAAC;EAED,MAAMkC,WAAW,GAAIT,CAAuB,IAAK;IAC/CA,CAAC,CAACU,cAAc,CAAC,CAAC;IAClB,MAAMC,KAAK,GAAGX,CAAC,CAACY,aAAa,CAACC,OAAO,CAAC,MAAM,CAAC;IAC7C,MAAM;MAAEpB,SAAS;MAAEC;IAAS,CAAC,GAAGH,uBAAuB,CAACoB,KAAK,CAAC;IAC9D,IAAIlB,SAAS,KAAKL,MAAM,EAAE;MACxBC,SAAS,CAACI,SAAS,CAAC;IACtB;IACAH,QAAQ,CAACI,QAAQ,CAAC;IAElB,IAAI,OAAOjB,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACgB,SAAS,GAAGC,QAAQ,CAAC;IAChC;EACF,CAAC;EAED,MAAMoB,uBAAuB,GAAGtD,OAAO,CAAC,MAAM;IAC5C,IAAIsB,OAAO,CAACC,MAAM,GAAG,CAAC,EAAE;MACtB,oBACE3B,KAAA,CAAA2D,aAAA,CAACnD,WAAW;QACVoD,GAAG,EAAE5B,MAAO;QACZf,IAAI,EAAEA,IAAK;QACXI,QAAQ,EAAE0B,kBAAmB;QAC7BrB,OAAO,EAAEA,OAAQ;QACjBmC,QAAQ,EAAE7B,MAAO;QACjBd,QAAQ,EAAEA;MAAS,CACpB,CAAC;IAEN,CAAC,MAAM;MACL,oBACElB,KAAA,CAAA2D,aAAA,CAAClD,wBAAwB;QACvBmD,GAAG,EAAE5B,MAAO;QACZ8B,SAAS,EAAE5C,QAAS;QACpB6C,KAAK,EAAE9C;MAAK,GAEXe,MACuB,CAAC;IAE/B;EACF,CAAC,EAAE,CAACd,QAAQ,EAAE6B,kBAAkB,EAAErB,OAAO,EAAEM,MAAM,EAAEf,IAAI,CAAC,CAAC;EAEzDd,SAAS,CAAC,MAAM;IACd,IAAIuB,OAAO,CAACC,MAAM,GAAG,CAAC,IAAI,CAACP,YAAY,EAAE;MACvCa,SAAS,CAACP,OAAO,CAAC,CAAC,CAAC,CAACd,EAAE,CAAC;IAC1B;EACF,CAAC,EAAE,CAACQ,YAAY,EAAEM,OAAO,CAAC,CAAC;EAE3B,oBACE1B,KAAA,CAAA2D,aAAA,CAACpD,KAAK,EAAAyD,QAAA,KACAzC,IAAI;IACRP,GAAG,EAAES,SAAU;IACfR,IAAI,EAAEA,IAAK;IACXE,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAEA,QAAS;IACnB+C,IAAI,EAAC,MAAM;IACXC,OAAO,EAAEb,WAAY;IACrBhC,QAAQ,EAAEsB,YAAa;IACvB,eAAY,UAAU;IACtBwB,cAAc,EAAET;EAAwB,EACzC,CAAC;AAEN,CACF,CAAC;AAED5C,QAAQ,CAACsD,WAAW,GAAG,UAAU"}
+{"version":3,"file":"InputUrl.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","Input","InputSelect","StyledInputSelectTrigger","useForkRef","defaultOptions","id","name","InputUrl","_ref","ref","size","disabled","value","defaultValue","onChange","scheme","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","options","length","Array","isArray","map","i","prefix","setPrefix","setValue","separatePrefixFromValue","fullValue","newPrefix","newValue","forEach","option","startsWith","replace","handleChange","e","inputValue","target","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","startAdornmentComponent","createElement","key","selected","$disabled","$size","_extends","type","onPaste","startAdornment","displayName"],"sources":["../../../../src/components/Input/InputUrl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport { StyledInputSelectTrigger } from \"./Styles\";\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  scheme?: string[] | string;\n}\n\nconst defaultOptions = [\n  { id: \"https://\", name: \"https://\" },\n  { id: \"http://\", name: \"http://\" },\n];\n\nexport const InputUrl = forwardRef<HTMLInputElement, InputUrlProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      scheme,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const options = useMemo(() => {\n      if (scheme && scheme.length > 0) {\n        if (Array.isArray(scheme)) {\n          return scheme.map((i) => ({ id: i, name: i }));\n        } else {\n          return [{ id: scheme, name: scheme }];\n        }\n      }\n      return defaultOptions;\n    }, [scheme]);\n\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 = useCallback(\n      (val: string | number | (string | number)[]) => {\n        setPrefix(val as string);\n        setTimeout(() => {\n          inputRef.current?.focus();\n        }, 200);\n        typeof onChange === \"function\" && onChange((val as string) + value);\n      },\n      [onChange, 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    const startAdornmentComponent = useMemo(() => {\n      if (options.length > 1) {\n        return (\n          <InputSelect\n            key={prefix}\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            disabled={disabled}\n          />\n        );\n      } else {\n        return (\n          <StyledInputSelectTrigger\n            key={prefix}\n            $disabled={disabled}\n            $size={size}\n          >\n            {prefix}\n          </StyledInputSelectTrigger>\n        );\n      }\n    }, [disabled, handleSelectChange, options, prefix, size]);\n\n    useEffect(() => {\n      if (options.length > 0 && !defaultValue) {\n        setPrefix(options[0].id);\n      }\n    }, [defaultValue, options]);\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={startAdornmentComponent}\n      />\n    );\n  }\n);\n\nInputUrl.displayName = \"InputUrl\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Input/Styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from "./Input";
 import { InputMode, InputSize } from "./types";
 interface StyledInputWrapperProps {
@@ -22,14 +21,14 @@ export declare const StyledPasswordIndicator: import("styled-components").Styled
 }, never>;
 export declare const StyledInputSelectTrigger: import("styled-components").StyledComponent<"div", any, {
     $size: string;
-    $disabled?: boolean | undefined;
+    $disabled?: boolean;
 }, never>;
 export declare const StyledFlagTriggerLabel: import("styled-components").StyledComponent<"span", any, {
     $size: "small" | "regular" | "big";
 }, never>;
 export declare const StyledOptionFlag: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledOptionName: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledOptionCode: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledOptionName: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledOptionCode: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledOptionRowEnd: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StyledOptionWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export {};

package/dist/esm/components/Input/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAM/C,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,yFAuE9B,CAAC;AAIF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oFA+DvB,CAAC;AAIF,eAAO,MAAM,8BAA8B,oEAK1C,CAAC;AAIF,eAAO,MAAM,uBAAuB;eACvB,MAAM;YACT,MAAM;SAoBf,CAAC;AAIF,eAAO,MAAM,wBAAwB;WAC5B,MAAM;;SAgCd,CAAC;AAIF,eAAO,MAAM,sBAAsB;WAC1B,OAAO,GAAG,SAAS,GAAG,KAAK;SAGnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,qEAG5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,8QAI5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,8QAO5B,CAAC;AAIF,eAAO,MAAM,kBAAkB,qEAI9B,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAQ/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAM/C,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,yFAuE9B,CAAC;AAIF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oFA+DvB,CAAC;AAIF,eAAO,MAAM,8BAA8B,oEAK1C,CAAC;AAIF,eAAO,MAAM,uBAAuB;eACvB,MAAM;YACT,MAAM;SAoBf,CAAC;AAIF,eAAO,MAAM,wBAAwB;WAC5B,MAAM;gBACD,OAAO;SA+BpB,CAAC;AAIF,eAAO,MAAM,sBAAsB;WAC1B,OAAO,GAAG,SAAS,GAAG,KAAK;SAGnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,qEAG5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,mQAI5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,mQAO5B,CAAC;AAIF,eAAO,MAAM,kBAAkB,qEAI9B,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAQ/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","InputResetStyle","Body2","StyledInputWrapper","div","withConfig","displayName","componentId","props","$mode","$size","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger","StyledFlagTriggerLabel","span","_ref","StyledOptionFlag","StyledOptionName","StyledOptionCode","StyledOptionRowEnd","StyledOptionWrapper"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputMode, InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputResetStyle } from \"../InputResetStyle\";\nimport { Body2 } from \"../Typography\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n  $mode?: InputMode;\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\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n      border: none;\n      border-radius: none;\n    `}\n\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    props.$mode === \"outlined\" &&\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  $mode?: InputMode;\n  $invalid?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  ${BoxSizingStyle}\n  ${InputResetStyle}\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  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n    `}\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    ${(props) =>\n    props.$mode === \"flat\" &&\n    props.$invalid &&\n    css`\n      color: var(--red-alert);\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\nexport const StyledFlagTriggerLabel = styled.span<{\n  $size: \"small\" | \"regular\" | \"big\";\n}>`\n  font-size: ${({ $size }) => ($size === \"small\" ? \"20px\" : \"24px\")};\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledFlagTriggerLabel\";\n\nexport const StyledOptionFlag = styled.span`\n  font-size: 24px;\n  margin-right: 4px;\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledOptionFlag\";\n\nexport const StyledOptionName = styled(Body2)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nStyledOptionName.displayName = \"StyledOptionName\";\n\nexport const StyledOptionCode = styled(Body2)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-left: auto;\n  color: var(--color-theme-600);\n  flex-shrink: 0;\n`;\n\nStyledOptionCode.displayName = \"StyledOptionCode\";\n\nexport const StyledOptionRowEnd = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n`;\n\nStyledOptionRowEnd.displayName = \"StyledOptionRowEnd\";\n\nexport const StyledOptionWrapper = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 8px;\n  display: flex;\n  justify-items: center;\n  align-items: center;\n`;\n\nStyledOptionWrapper.displayName = \"StyledOptionWrapper\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","InputResetStyle","Body2","StyledInputWrapper","div","withConfig","displayName","componentId","props","$mode","$size","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger","StyledFlagTriggerLabel","span","_ref","StyledOptionFlag","StyledOptionName","StyledOptionCode","StyledOptionRowEnd","StyledOptionWrapper"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputMode, InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputResetStyle } from \"../InputResetStyle\";\nimport { Body2 } from \"../Typography\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n  $mode?: InputMode;\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\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n      border: none;\n      border-radius: none;\n    `}\n\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    props.$mode === \"outlined\" &&\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  $mode?: InputMode;\n  $invalid?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  ${BoxSizingStyle}\n  ${InputResetStyle}\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  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n    `}\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    ${(props) =>\n    props.$mode === \"flat\" &&\n    props.$invalid &&\n    css`\n      color: var(--red-alert);\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\nexport const StyledFlagTriggerLabel = styled.span<{\n  $size: \"small\" | \"regular\" | \"big\";\n}>`\n  font-size: ${({ $size }) => ($size === \"small\" ? \"20px\" : \"24px\")};\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledFlagTriggerLabel\";\n\nexport const StyledOptionFlag = styled.span`\n  font-size: 24px;\n  margin-right: 4px;\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledOptionFlag\";\n\nexport const StyledOptionName = styled(Body2)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nStyledOptionName.displayName = \"StyledOptionName\";\n\nexport const StyledOptionCode = styled(Body2)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-left: auto;\n  color: var(--color-theme-600);\n  flex-shrink: 0;\n`;\n\nStyledOptionCode.displayName = \"StyledOptionCode\";\n\nexport const StyledOptionRowEnd = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n`;\n\nStyledOptionRowEnd.displayName = \"StyledOptionRowEnd\";\n\nexport const StyledOptionWrapper = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 8px;\n  display: flex;\n  justify-items: center;\n  align-items: center;\n`;\n\nStyledOptionWrapper.displayName = \"StyledOptionWrapper\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/index.ts"],"sourcesContent":["export * from \"./Input\";\nexport * from \"./InputAdornment\";\nexport * from \"./InputHours\";\nexport * from \"./InputCurrency\";\nexport * from \"./InputNumber\";\nexport * from \"./InputPassword\";\nexport * from \"./InputUrl\";\nexport * from \"./InputPhone\";\nexport * from \"./InputTime\";\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,aAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/index.ts"],"sourcesContent":["export * from \"./Input\";\nexport * from \"./InputAdornment\";\nexport * from \"./InputHours\";\nexport * from \"./InputCurrency\";\nexport * from \"./InputNumber\";\nexport * from \"./InputPassword\";\nexport * from \"./InputUrl\";\nexport * from \"./InputPhone\";\nexport * from \"./InputTime\";\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,aAAa","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Input/types.ts"],"sourcesContent":["export type InputSize = \"small\" | \"regular\" | \"big\" | \"biggest\";\nexport type InputMode = \"outlined\" | \"flat\";\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Input/types.ts"],"sourcesContent":["export type InputSize = \"small\" | \"regular\" | \"big\" | \"biggest\";\nexport type InputMode = \"outlined\" | \"flat\";\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/InputResetStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputResetStyle.js","names":["css","InputResetStyle"],"sources":["../../../src/components/InputResetStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const InputResetStyle = css`\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  font: inherit;\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AAEvC,OAAO,MAAMC,eAAe,GAAGD,GAAG,yDAMjC"}
+{"version":3,"file":"InputResetStyle.js","names":["css","InputResetStyle"],"sources":["../../../src/components/InputResetStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const InputResetStyle = css`\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  font: inherit;\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AAEvC,OAAO,MAAMC,eAAe,GAAGD,GAAG,yDAMjC","ignoreList":[]}

package/dist/esm/components/Label/Label.js

@@ -1,18 +1,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { Typography } from "../Typography/Typography";
 export const Label = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    invalid = false,
-    required = false,
-    size = "regular",
-    children,
-    className,
-    weight = "bold",
-    htmlFor,
-    ...props
-  } = _ref;
+      invalid = false,
+      required = false,
+      size = "regular",
+      children,
+      className,
+      weight = "bold",
+      htmlFor
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const color = invalid ? "alert" : "primary";
   const variant = size === "regular" ? "Body 2" : "Caption 1";
   return /*#__PURE__*/React.createElement(Typography, _extends({

package/dist/esm/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["React","forwardRef","classNames","Typography","Label","_ref","ref","invalid","required","size","children","className","weight","htmlFor","props","color","variant","createElement","_extends","as","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAA2BC,UAAU,QAAQ,0BAA0B;AASvE,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAI7B,CAAAI,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,OAAO,GAAG,KAAK;IACfC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,SAAS;IAChBC,QAAQ;IACRC,SAAS;IACTC,MAAM,GAAG,MAAM;IACfC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,MAAMU,KAAK,GAAGR,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,MAAMS,OAAO,GAAGP,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACET,KAAA,CAAAiB,aAAA,CAACd,UAAU,EAAAe,QAAA;IACTC,EAAE,EAAC,OAAO;IACVR,SAAS,EAAET,UAAU,CAAC,SAAS,EAAES,SAAS,CAAE;IAC5CK,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAM;IACbH,MAAM,EAAEA,MAAO;IACfN,GAAG,EAAEA,GAAI;IACTO,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERJ,QAAQ,EACRF,QAAQ,GAAG,GAAG,GAAG,IACR,CAAC;AAEjB,CACF,CAAC;AAEDJ,KAAK,CAACgB,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Label.js","names":["React","forwardRef","classNames","Typography","Label","_ref","ref","invalid","required","size","children","className","weight","htmlFor","props","_objectWithoutPropertiesLoose","_excluded","color","variant","createElement","_extends","as","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAA2BC,UAAU,QAAQ,0BAA0B;AASvE,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAI7B,CAAAI,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;MACEC,OAAO,GAAG,KAAK;MACfC,QAAQ,GAAG,KAAK;MAChBC,IAAI,GAAG,SAAS;MAChBC,QAAQ;MACRC,SAAS;MACTC,MAAM,GAAG,MAAM;MACfC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIV,MAAMC,KAAK,GAAGV,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,MAAMW,OAAO,GAAGT,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACET,KAAA,CAAAmB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTC,EAAE,EAAC,OAAO;IACVV,SAAS,EAAET,UAAU,CAAC,SAAS,EAAES,SAAS,CAAE;IAC5CO,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAM;IACbL,MAAM,EAAEA,MAAO;IACfN,GAAG,EAAEA,GAAI;IACTO,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERJ,QAAQ,EACRF,QAAQ,GAAG,GAAG,GAAG,IACR,CAAC;AAEjB,CACF,CAAC;AAEDJ,KAAK,CAACkB,WAAW,GAAG,OAAO","ignoreList":[]}