@channel.io/bezier-react 1.1.0 → 1.3.0

package/build/src/components/Forms/Inputs/TextField/TextField.js

@@ -1,5 +1,6 @@
 import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useMemo, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
+import e__default, { forwardRef, useState, useMemo, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
+import { C as l } from '../../../../../node_modules/@channel.io/bezier-icons/dist/react/cancel-circle-filled.mjs.js';
 import { window } from '../../../../utils/domUtils.js';
 import { toString } from '../../../../utils/stringUtils.js';
 import { isNil, isEmpty, isArray } from '../../../../utils/typeUtils.js';
@@ -10,12 +11,10 @@ import { TextFieldSize, TextFieldVariant, TextFieldType } from './TextField.type
 import { getProperTextFieldBgColor, getProperTextFieldBorderRadius } from './TextFieldUtils.js';
 import Styled from './TextField.styled.js';
 import { IconSize } from '../../../Icon/Icon.types.js';
+import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
 import { Icon } from '../../../Icon/Icon.js';
 import v4 from '../../../../../node_modules/uuid/dist/esm-browser/v4.js';
-import CancelCircleFilledIcon from '../../../Icon/generated/CancelCircleFilled.js';
-import '../../../Icon/generated/index.js';
-import { isIconName } from '../../../Icon/LegacyIcon/utils.js';
-import LegacyIcon from '../../../Icon/LegacyIcon/LegacyIcon.js';
+import { isIconName } from '../../../LegacyIcon/utils.js';
 
 const TEXT_INPUT_TEST_ID = 'bezier-react-text-input';
 function TextFieldComponent(_a, forwardedRef) {
@@ -196,7 +195,7 @@ function TextFieldComponent(_a, forwardedRef) {
     var _a, _b;
     if ('icon' in item) {
       if (isIconName(item.icon)) {
-        return React__default.createElement(Styled.LeftLegacyIcon, {
+        return e__default.createElement(Styled.LeftLegacyIcon, {
           name: item.icon,
           size: IconSize.S,
           color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark',
@@ -204,7 +203,7 @@ function TextFieldComponent(_a, forwardedRef) {
           onClick: item.onClick
         });
       }
-      return React__default.createElement(Styled.LeftIcon, {
+      return e__default.createElement(Styled.LeftIcon, {
         source: item.icon,
         size: IconSize.S,
         color: (_b = item.iconColor) !== null && _b !== void 0 ? _b : 'txt-black-dark',
@@ -222,7 +221,7 @@ function TextFieldComponent(_a, forwardedRef) {
     if (withoutLeftContentWrapper) {
       return item;
     }
-    return React__default.createElement(Styled.LeftContentWrapper, {
+    return e__default.createElement(Styled.LeftContentWrapper, {
       className: leftWrapperClassName,
       interpolation: leftWrapperInterpolation
     }, item);
@@ -231,27 +230,27 @@ function TextFieldComponent(_a, forwardedRef) {
     var _a, _b;
     if ('icon' in item) {
       if (isIconName(item.icon)) {
-        return React__default.createElement(Styled.RightItemWrapper, {
+        return e__default.createElement(Styled.RightItemWrapper, {
           key: key,
           clickable: !isNil(item.onClick),
           onClick: item.onClick
-        }, React__default.createElement(LegacyIcon, {
+        }, e__default.createElement(LegacyIcon, {
           name: item.icon,
           size: IconSize.XS,
           color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark'
         }));
       }
-      return React__default.createElement(Styled.RightItemWrapper, {
+      return e__default.createElement(Styled.RightItemWrapper, {
         key: key,
         clickable: !isNil(item.onClick),
         onClick: item.onClick
-      }, React__default.createElement(Icon, {
+      }, e__default.createElement(Icon, {
         source: item.icon,
         size: IconSize.XS,
         color: (_b = item.iconColor) !== null && _b !== void 0 ? _b : 'txt-black-dark'
       }));
     }
-    return React__default.cloneElement(item, {
+    return e__default.cloneElement(item, {
       key
     });
   }, []);
@@ -263,18 +262,18 @@ function TextFieldComponent(_a, forwardedRef) {
     if (withoutRightContentWrapper) {
       return items;
     }
-    return React__default.createElement(Styled.RightContentWrapper, {
+    return e__default.createElement(Styled.RightContentWrapper, {
       className: rightWrapperClassName,
       interpolation: rightWrapperInterpolation
     }, items);
   }, [rightContent, withoutRightContentWrapper, rightWrapperClassName, rightWrapperInterpolation, renderRightItem]);
-  const ClearComponent = useMemo(() => React__default.createElement(Styled.ClearIconWrapper, {
+  const ClearComponent = useMemo(() => e__default.createElement(Styled.ClearIconWrapper, {
     onClick: handleClear
-  }, normalizedValue && normalizedValue.length > 0 && (focused || hovered) && React__default.createElement(Icon, {
-    source: CancelCircleFilledIcon,
+  }, normalizedValue && normalizedValue.length > 0 && (focused || hovered) && e__default.createElement(Icon, {
+    source: l,
     size: IconSize.XS
   })), [focused, handleClear, hovered, normalizedValue]);
-  return React__default.createElement(Styled.Wrapper, {
+  return e__default.createElement(Styled.Wrapper, {
     className: wrapperClassName,
     variant: variant,
     size: size,
@@ -288,7 +287,7 @@ function TextFieldComponent(_a, forwardedRef) {
     onMouseEnter: () => setHovered(true),
     onMouseLeave: () => setHovered(false),
     onMouseDown: focus
-  }, LeftComponent, React__default.createElement(Styled.Input, Object.assign({
+  }, LeftComponent, e__default.createElement(Styled.Input, Object.assign({
     type: type,
     className: inputClassName,
     interpolation: inputInterpolation,

package/build/src/components/Forms/Inputs/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { v4 as uuid } from 'uuid'\n\nimport { window } from '~/src/utils/domUtils'\nimport { toString } from '~/src/utils/stringUtils'\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport { COMMON_IME_CONTROL_KEYS } from '~/src/components/Forms/Inputs/constants/CommonImeControlKeys'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport useKeyboardActionLockerWhileComposing from '~/src/components/Forms/useKeyboardActionLockerWhileComposing'\nimport {\n  CancelCircleFilledIcon,\n  Icon,\n  IconSize,\n  LegacyIcon,\n  isIconName,\n} from '~/src/components/Icon'\n\nimport {\n  type SelectionRangeDirections,\n  type TextFieldItemProps,\n  type TextFieldProps,\n  type TextFieldRef,\n  TextFieldSize,\n  TextFieldType,\n  TextFieldVariant,\n} from './TextField.types'\nimport {\n  getProperTextFieldBgColor,\n  getProperTextFieldBorderRadius,\n} from './TextFieldUtils'\n\nimport Styled from './TextField.styled'\n\nexport const TEXT_INPUT_TEST_ID = 'bezier-react-text-input'\n\nfunction TextFieldComponent({\n  name,\n  type,\n  size = TextFieldSize.M,\n  testId = TEXT_INPUT_TEST_ID,\n  autoFocus,\n  autoComplete = 'off',\n  variant = TextFieldVariant.Primary,\n  allowClear = false,\n  selectAllOnInit = false,\n  selectAllOnFocus = false,\n  leftContent,\n  rightContent,\n  withoutLeftContentWrapper = false,\n  withoutRightContentWrapper = false,\n  inputClassName,\n  inputInterpolation,\n  wrapperClassName,\n  wrapperInterpolation,\n  leftWrapperClassName,\n  leftWrapperInterpolation,\n  rightWrapperClassName,\n  rightWrapperInterpolation,\n  value,\n  onBlur,\n  onFocus,\n  onChange,\n  onKeyDown,\n  onKeyUp,\n  ...rest\n}: TextFieldProps,\nforwardedRef: Ref<TextFieldRef>,\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const [focused, setFocused] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const wrapperBgColorSemanticName = useMemo(() => (\n    getProperTextFieldBgColor({\n      variant,\n      focused,\n      hasError,\n      readOnly,\n    })\n  ), [\n    variant,\n    focused,\n    hasError,\n    readOnly,\n  ])\n\n  const wrapperBorderRadius = useMemo(() => (\n    getProperTextFieldBorderRadius({\n      size,\n    })\n  ), [size])\n\n  const focusTimeout = useRef<ReturnType<Window['setTimeout']>>()\n  const blurTimeout = useRef<ReturnType<Window['setTimeout']>>()\n\n  const normalizedValue = useMemo(() => (\n    isNil(value) ? undefined : toString(value)\n  ), [value])\n\n  const activeInput = !disabled && !readOnly\n  const activeClear = activeInput && allowClear\n\n  const inputRef = useRef<HTMLInputElement | null>(null)\n\n  const focus = useCallback(() => {\n    clearTimeout(focusTimeout.current)\n    focusTimeout.current = window.setTimeout(() => {\n      inputRef.current?.focus()\n    }, 0)\n  }, [])\n\n  const blur = useCallback(() => {\n    clearTimeout(blurTimeout.current)\n    blurTimeout.current = window.setTimeout(() => {\n      inputRef.current?.blur()\n    }, 0)\n  }, [])\n\n  const setSelectionRange = useCallback((start?: number, end?: number, direction?: SelectionRangeDirections) => {\n    if (type && [TextFieldType.Number, TextFieldType.Email, TextFieldType.Hidden].includes(type)) { return }\n    inputRef.current?.setSelectionRange(start || 0, end || 0, direction || 'none')\n  }, [type])\n\n  const getSelectionRange = useCallback((): [number, number] =>\n    [inputRef.current?.selectionStart || 0, inputRef.current?.selectionEnd || 0], [])\n\n  const selectAll = useCallback(() => {\n    focus()\n    if (inputRef.current) {\n      setSelectionRange(0, inputRef.current.value.length, 'backward')\n    }\n  }, [\n    focus,\n    setSelectionRange,\n  ])\n\n  const unselect = useCallback(() => {\n    focus()\n    if (inputRef.current) {\n      const valueLen = inputRef.current.value.length\n      setSelectionRange(valueLen, valueLen)\n    }\n  }, [\n    focus,\n    setSelectionRange,\n  ])\n\n  const getBoundingClientRect = useCallback((): DOMRect => {\n    if (inputRef.current) { return inputRef.current.getBoundingClientRect() }\n    return new DOMRect(undefined, undefined, 0, 0)\n  }, [])\n\n  const getDOMNode = useCallback(() => inputRef.current, [])\n\n  const handle = useMemo((): TextFieldRef => ({\n    focus,\n    blur,\n    setSelectionRange,\n    getSelectionRange,\n    selectAll,\n    unselect,\n    getBoundingClientRect,\n    getDOMNode,\n  }), [\n    focus,\n    blur,\n    setSelectionRange,\n    getSelectionRange,\n    selectAll,\n    unselect,\n    getBoundingClientRect,\n    getDOMNode,\n  ])\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  useEffect(() => {\n    if (autoFocus) {\n      focus()\n    }\n    if (selectAllOnInit) {\n      focus()\n      selectAll()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const handleFocus = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n    if (activeInput) {\n      setFocused(true)\n      if (selectAllOnFocus) { selectAll() }\n      if (onFocus) { onFocus(event) }\n    }\n  }, [\n    selectAllOnFocus,\n    selectAll,\n    activeInput,\n    onFocus,\n  ])\n\n  const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false)\n    if (onBlur) { onBlur(event) }\n  }, [onBlur])\n\n  const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    if (activeInput && onChange) {\n      onChange(event)\n    }\n  }, [\n    activeInput,\n    onChange,\n  ])\n\n  const {\n    handleKeyDown: handleKeyDownWrappedWithComposingLocker,\n    handleKeyUp: handleKeyUpWrappedWithComposingLocker,\n  } = useKeyboardActionLockerWhileComposing({\n    keysToLock: COMMON_IME_CONTROL_KEYS,\n    onKeyDown,\n    onKeyUp,\n  })\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (activeInput && handleKeyDownWrappedWithComposingLocker) {\n      handleKeyDownWrappedWithComposingLocker(event)\n    }\n  }, [\n    activeInput,\n    handleKeyDownWrappedWithComposingLocker,\n  ])\n\n  const handleKeyUp = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (activeInput && handleKeyUpWrappedWithComposingLocker) {\n      handleKeyUpWrappedWithComposingLocker(event)\n    }\n  }, [\n    activeInput,\n    handleKeyUpWrappedWithComposingLocker,\n  ])\n\n  const handleClear = useCallback(() => {\n    const input = inputRef.current\n    if (activeInput && input) {\n      const setValue = Object?.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n      const event = new Event('input', { bubbles: true })\n      setValue?.call(input, '')\n      input.dispatchEvent(event)\n    }\n  }, [activeInput])\n\n  const renderLeftItem = useCallback((item: TextFieldItemProps) => {\n    if ('icon' in item) {\n      if (isIconName(item.icon)) {\n        return (\n          <Styled.LeftLegacyIcon\n            name={item.icon}\n            size={IconSize.S}\n            color={item.iconColor ?? 'txt-black-dark'}\n            clickable={!isNil(item.onClick)}\n            onClick={item.onClick}\n          />\n        )\n      }\n\n      return (\n        <Styled.LeftIcon\n          source={item.icon}\n          size={IconSize.S}\n          color={item.iconColor ?? 'txt-black-dark'}\n          clickable={!isNil(item.onClick)}\n          onClick={item.onClick}\n        />\n      )\n    }\n\n    return item\n  }, [])\n\n  const LeftComponent = useMemo(() => {\n    if (isNil(leftContent)) {\n      return null\n    }\n\n    const item = renderLeftItem(leftContent)\n\n    if (withoutLeftContentWrapper) { return item }\n\n    return (\n      <Styled.LeftContentWrapper\n        className={leftWrapperClassName}\n        interpolation={leftWrapperInterpolation}\n      >\n        { item }\n      </Styled.LeftContentWrapper>\n    )\n  }, [\n    leftContent,\n    withoutLeftContentWrapper,\n    leftWrapperClassName,\n    leftWrapperInterpolation,\n    renderLeftItem,\n  ])\n\n  const renderRightItem = useCallback((item: TextFieldItemProps, key?: string) => {\n    if ('icon' in item) {\n      if (isIconName(item.icon)) {\n        return (\n          <Styled.RightItemWrapper\n            key={key}\n            clickable={!isNil(item.onClick)}\n            onClick={item.onClick}\n          >\n            <LegacyIcon\n              name={item.icon}\n              size={IconSize.XS}\n              color={item.iconColor ?? 'txt-black-dark'}\n            />\n          </Styled.RightItemWrapper>\n        )\n      }\n\n      return (\n        <Styled.RightItemWrapper\n          key={key}\n          clickable={!isNil(item.onClick)}\n          onClick={item.onClick}\n        >\n          <Icon\n            source={item.icon}\n            size={IconSize.XS}\n            color={item.iconColor ?? 'txt-black-dark'}\n          />\n        </Styled.RightItemWrapper>\n      )\n    }\n\n    return React.cloneElement(\n      item, { key },\n    )\n  }, [])\n\n  const RightComponent = useMemo(() => {\n    if (isNil(rightContent) || isEmpty(rightContent)) {\n      return null\n    }\n\n    const items = isArray(rightContent)\n      ? rightContent.map((item) => renderRightItem(item, uuid()))\n      : renderRightItem(rightContent)\n\n    if (withoutRightContentWrapper) { return items }\n\n    return (\n      <Styled.RightContentWrapper\n        className={rightWrapperClassName}\n        interpolation={rightWrapperInterpolation}\n      >\n        { items }\n      </Styled.RightContentWrapper>\n    )\n  }, [\n    rightContent,\n    withoutRightContentWrapper,\n    rightWrapperClassName,\n    rightWrapperInterpolation,\n    renderRightItem,\n  ])\n\n  const ClearComponent = useMemo(() => (\n    <Styled.ClearIconWrapper\n      onClick={handleClear}\n    >\n      {\n        normalizedValue && normalizedValue.length > 0 && (focused || hovered) && (\n          <Icon\n            source={CancelCircleFilledIcon}\n            size={IconSize.XS}\n          />\n        )\n      }\n    </Styled.ClearIconWrapper>\n  ), [\n    focused,\n    handleClear,\n    hovered,\n    normalizedValue,\n  ])\n\n  return (\n    <Styled.Wrapper\n      className={wrapperClassName}\n      variant={variant}\n      size={size}\n      bgColor={wrapperBgColorSemanticName}\n      borderRadius={wrapperBorderRadius}\n      hasError={hasError}\n      disabled={disabled}\n      focused={focused}\n      interpolation={wrapperInterpolation}\n      data-testid={testId}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      onMouseDown={focus}\n    >\n      { LeftComponent }\n      <Styled.Input\n        type={type}\n        className={inputClassName}\n        interpolation={inputInterpolation}\n        ref={inputRef}\n        value={normalizedValue}\n        name={name}\n        size={size}\n        autoComplete={autoComplete}\n        readOnly={readOnly}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        {...ownProps}\n      />\n      { activeClear && ClearComponent }\n      { RightComponent }\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(TextFieldComponent)\n"],"names":["TEXT_INPUT_TEST_ID","TextFieldComponent","_a","forwardedRef","name","type","size","TextFieldSize","M","testId","autoFocus","autoComplete","variant","TextFieldVariant","Primary","allowClear","selectAllOnInit","selectAllOnFocus","leftContent","rightContent","withoutLeftContentWrapper","withoutRightContentWrapper","inputClassName","inputInterpolation","wrapperClassName","wrapperInterpolation","leftWrapperClassName","leftWrapperInterpolation","rightWrapperClassName","rightWrapperInterpolation","value","onBlur","onFocus","onChange","onKeyDown","onKeyUp","rest","__rest","_b","useFormFieldProps","disabled","readOnly","hasError","ownProps","focused","setFocused","useState","hovered","setHovered","wrapperBgColorSemanticName","useMemo","getProperTextFieldBgColor","wrapperBorderRadius","getProperTextFieldBorderRadius","focusTimeout","useRef","blurTimeout","normalizedValue","isNil","undefined","toString","activeInput","activeClear","inputRef","focus","useCallback","clearTimeout","current","window","setTimeout","blur","setSelectionRange","start","end","direction","TextFieldType","Number","Email","Hidden","includes","getSelectionRange","selectionStart","selectionEnd","selectAll","length","unselect","valueLen","getBoundingClientRect","DOMRect","getDOMNode","handle","useImperativeHandle","useEffect","handleFocus","event","handleBlur","handleChange","handleKeyDown","handleKeyDownWrappedWithComposingLocker","handleKeyUp","handleKeyUpWrappedWithComposingLocker","useKeyboardActionLockerWhileComposing","keysToLock","COMMON_IME_CONTROL_KEYS","handleClear","input","setValue","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","Event","bubbles","call","dispatchEvent","renderLeftItem","item","isIconName","icon","React","Styled","LeftLegacyIcon","IconSize","S","color","iconColor","clickable","onClick","LeftIcon","source","LeftComponent","createElement","LeftContentWrapper","className","interpolation","renderRightItem","key","RightItemWrapper","LegacyIcon","XS","Icon","cloneElement","RightComponent","isEmpty","items","isArray","map","uuid","RightContentWrapper","ClearComponent","ClearIconWrapper","CancelCircleFilledIcon","Wrapper","bgColor","borderRadius","onMouseEnter","onMouseLeave","onMouseDown","Input","assign","ref","forwardRef"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { CancelCircleFilledIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { window } from '~/src/utils/domUtils'\nimport { toString } from '~/src/utils/stringUtils'\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport { COMMON_IME_CONTROL_KEYS } from '~/src/components/Forms/Inputs/constants/CommonImeControlKeys'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport useKeyboardActionLockerWhileComposing from '~/src/components/Forms/useKeyboardActionLockerWhileComposing'\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport {\n  LegacyIcon,\n  isIconName,\n} from '~/src/components/LegacyIcon'\n\nimport {\n  type SelectionRangeDirections,\n  type TextFieldItemProps,\n  type TextFieldProps,\n  type TextFieldRef,\n  TextFieldSize,\n  TextFieldType,\n  TextFieldVariant,\n} from './TextField.types'\nimport {\n  getProperTextFieldBgColor,\n  getProperTextFieldBorderRadius,\n} from './TextFieldUtils'\n\nimport Styled from './TextField.styled'\n\nexport const TEXT_INPUT_TEST_ID = 'bezier-react-text-input'\n\nfunction TextFieldComponent({\n  name,\n  type,\n  size = TextFieldSize.M,\n  testId = TEXT_INPUT_TEST_ID,\n  autoFocus,\n  autoComplete = 'off',\n  variant = TextFieldVariant.Primary,\n  allowClear = false,\n  selectAllOnInit = false,\n  selectAllOnFocus = false,\n  leftContent,\n  rightContent,\n  withoutLeftContentWrapper = false,\n  withoutRightContentWrapper = false,\n  inputClassName,\n  inputInterpolation,\n  wrapperClassName,\n  wrapperInterpolation,\n  leftWrapperClassName,\n  leftWrapperInterpolation,\n  rightWrapperClassName,\n  rightWrapperInterpolation,\n  value,\n  onBlur,\n  onFocus,\n  onChange,\n  onKeyDown,\n  onKeyUp,\n  ...rest\n}: TextFieldProps,\nforwardedRef: Ref<TextFieldRef>,\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const [focused, setFocused] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const wrapperBgColorSemanticName = useMemo(() => (\n    getProperTextFieldBgColor({\n      variant,\n      focused,\n      hasError,\n      readOnly,\n    })\n  ), [\n    variant,\n    focused,\n    hasError,\n    readOnly,\n  ])\n\n  const wrapperBorderRadius = useMemo(() => (\n    getProperTextFieldBorderRadius({\n      size,\n    })\n  ), [size])\n\n  const focusTimeout = useRef<ReturnType<Window['setTimeout']>>()\n  const blurTimeout = useRef<ReturnType<Window['setTimeout']>>()\n\n  const normalizedValue = useMemo(() => (\n    isNil(value) ? undefined : toString(value)\n  ), [value])\n\n  const activeInput = !disabled && !readOnly\n  const activeClear = activeInput && allowClear\n\n  const inputRef = useRef<HTMLInputElement | null>(null)\n\n  const focus = useCallback(() => {\n    clearTimeout(focusTimeout.current)\n    focusTimeout.current = window.setTimeout(() => {\n      inputRef.current?.focus()\n    }, 0)\n  }, [])\n\n  const blur = useCallback(() => {\n    clearTimeout(blurTimeout.current)\n    blurTimeout.current = window.setTimeout(() => {\n      inputRef.current?.blur()\n    }, 0)\n  }, [])\n\n  const setSelectionRange = useCallback((start?: number, end?: number, direction?: SelectionRangeDirections) => {\n    if (type && [TextFieldType.Number, TextFieldType.Email, TextFieldType.Hidden].includes(type)) { return }\n    inputRef.current?.setSelectionRange(start || 0, end || 0, direction || 'none')\n  }, [type])\n\n  const getSelectionRange = useCallback((): [number, number] =>\n    [inputRef.current?.selectionStart || 0, inputRef.current?.selectionEnd || 0], [])\n\n  const selectAll = useCallback(() => {\n    focus()\n    if (inputRef.current) {\n      setSelectionRange(0, inputRef.current.value.length, 'backward')\n    }\n  }, [\n    focus,\n    setSelectionRange,\n  ])\n\n  const unselect = useCallback(() => {\n    focus()\n    if (inputRef.current) {\n      const valueLen = inputRef.current.value.length\n      setSelectionRange(valueLen, valueLen)\n    }\n  }, [\n    focus,\n    setSelectionRange,\n  ])\n\n  const getBoundingClientRect = useCallback((): DOMRect => {\n    if (inputRef.current) { return inputRef.current.getBoundingClientRect() }\n    return new DOMRect(undefined, undefined, 0, 0)\n  }, [])\n\n  const getDOMNode = useCallback(() => inputRef.current, [])\n\n  const handle = useMemo((): TextFieldRef => ({\n    focus,\n    blur,\n    setSelectionRange,\n    getSelectionRange,\n    selectAll,\n    unselect,\n    getBoundingClientRect,\n    getDOMNode,\n  }), [\n    focus,\n    blur,\n    setSelectionRange,\n    getSelectionRange,\n    selectAll,\n    unselect,\n    getBoundingClientRect,\n    getDOMNode,\n  ])\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  useEffect(() => {\n    if (autoFocus) {\n      focus()\n    }\n    if (selectAllOnInit) {\n      focus()\n      selectAll()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const handleFocus = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n    if (activeInput) {\n      setFocused(true)\n      if (selectAllOnFocus) { selectAll() }\n      if (onFocus) { onFocus(event) }\n    }\n  }, [\n    selectAllOnFocus,\n    selectAll,\n    activeInput,\n    onFocus,\n  ])\n\n  const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false)\n    if (onBlur) { onBlur(event) }\n  }, [onBlur])\n\n  const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    if (activeInput && onChange) {\n      onChange(event)\n    }\n  }, [\n    activeInput,\n    onChange,\n  ])\n\n  const {\n    handleKeyDown: handleKeyDownWrappedWithComposingLocker,\n    handleKeyUp: handleKeyUpWrappedWithComposingLocker,\n  } = useKeyboardActionLockerWhileComposing({\n    keysToLock: COMMON_IME_CONTROL_KEYS,\n    onKeyDown,\n    onKeyUp,\n  })\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (activeInput && handleKeyDownWrappedWithComposingLocker) {\n      handleKeyDownWrappedWithComposingLocker(event)\n    }\n  }, [\n    activeInput,\n    handleKeyDownWrappedWithComposingLocker,\n  ])\n\n  const handleKeyUp = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (activeInput && handleKeyUpWrappedWithComposingLocker) {\n      handleKeyUpWrappedWithComposingLocker(event)\n    }\n  }, [\n    activeInput,\n    handleKeyUpWrappedWithComposingLocker,\n  ])\n\n  const handleClear = useCallback(() => {\n    const input = inputRef.current\n    if (activeInput && input) {\n      const setValue = Object?.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n      const event = new Event('input', { bubbles: true })\n      setValue?.call(input, '')\n      input.dispatchEvent(event)\n    }\n  }, [activeInput])\n\n  const renderLeftItem = useCallback((item: TextFieldItemProps) => {\n    if ('icon' in item) {\n      if (isIconName(item.icon)) {\n        return (\n          <Styled.LeftLegacyIcon\n            name={item.icon}\n            size={IconSize.S}\n            color={item.iconColor ?? 'txt-black-dark'}\n            clickable={!isNil(item.onClick)}\n            onClick={item.onClick}\n          />\n        )\n      }\n\n      return (\n        <Styled.LeftIcon\n          source={item.icon}\n          size={IconSize.S}\n          color={item.iconColor ?? 'txt-black-dark'}\n          clickable={!isNil(item.onClick)}\n          onClick={item.onClick}\n        />\n      )\n    }\n\n    return item\n  }, [])\n\n  const LeftComponent = useMemo(() => {\n    if (isNil(leftContent)) {\n      return null\n    }\n\n    const item = renderLeftItem(leftContent)\n\n    if (withoutLeftContentWrapper) { return item }\n\n    return (\n      <Styled.LeftContentWrapper\n        className={leftWrapperClassName}\n        interpolation={leftWrapperInterpolation}\n      >\n        { item }\n      </Styled.LeftContentWrapper>\n    )\n  }, [\n    leftContent,\n    withoutLeftContentWrapper,\n    leftWrapperClassName,\n    leftWrapperInterpolation,\n    renderLeftItem,\n  ])\n\n  const renderRightItem = useCallback((item: TextFieldItemProps, key?: string) => {\n    if ('icon' in item) {\n      if (isIconName(item.icon)) {\n        return (\n          <Styled.RightItemWrapper\n            key={key}\n            clickable={!isNil(item.onClick)}\n            onClick={item.onClick}\n          >\n            <LegacyIcon\n              name={item.icon}\n              size={IconSize.XS}\n              color={item.iconColor ?? 'txt-black-dark'}\n            />\n          </Styled.RightItemWrapper>\n        )\n      }\n\n      return (\n        <Styled.RightItemWrapper\n          key={key}\n          clickable={!isNil(item.onClick)}\n          onClick={item.onClick}\n        >\n          <Icon\n            source={item.icon}\n            size={IconSize.XS}\n            color={item.iconColor ?? 'txt-black-dark'}\n          />\n        </Styled.RightItemWrapper>\n      )\n    }\n\n    return React.cloneElement(\n      item, { key },\n    )\n  }, [])\n\n  const RightComponent = useMemo(() => {\n    if (isNil(rightContent) || isEmpty(rightContent)) {\n      return null\n    }\n\n    const items = isArray(rightContent)\n      ? rightContent.map((item) => renderRightItem(item, uuid()))\n      : renderRightItem(rightContent)\n\n    if (withoutRightContentWrapper) { return items }\n\n    return (\n      <Styled.RightContentWrapper\n        className={rightWrapperClassName}\n        interpolation={rightWrapperInterpolation}\n      >\n        { items }\n      </Styled.RightContentWrapper>\n    )\n  }, [\n    rightContent,\n    withoutRightContentWrapper,\n    rightWrapperClassName,\n    rightWrapperInterpolation,\n    renderRightItem,\n  ])\n\n  const ClearComponent = useMemo(() => (\n    <Styled.ClearIconWrapper\n      onClick={handleClear}\n    >\n      {\n        normalizedValue && normalizedValue.length > 0 && (focused || hovered) && (\n          <Icon\n            source={CancelCircleFilledIcon}\n            size={IconSize.XS}\n          />\n        )\n      }\n    </Styled.ClearIconWrapper>\n  ), [\n    focused,\n    handleClear,\n    hovered,\n    normalizedValue,\n  ])\n\n  return (\n    <Styled.Wrapper\n      className={wrapperClassName}\n      variant={variant}\n      size={size}\n      bgColor={wrapperBgColorSemanticName}\n      borderRadius={wrapperBorderRadius}\n      hasError={hasError}\n      disabled={disabled}\n      focused={focused}\n      interpolation={wrapperInterpolation}\n      data-testid={testId}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      onMouseDown={focus}\n    >\n      { LeftComponent }\n      <Styled.Input\n        type={type}\n        className={inputClassName}\n        interpolation={inputInterpolation}\n        ref={inputRef}\n        value={normalizedValue}\n        name={name}\n        size={size}\n        autoComplete={autoComplete}\n        readOnly={readOnly}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        {...ownProps}\n      />\n      { activeClear && ClearComponent }\n      { RightComponent }\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(TextFieldComponent)\n"],"names":["TEXT_INPUT_TEST_ID","TextFieldComponent","_a","forwardedRef","name","type","size","TextFieldSize","M","testId","autoFocus","autoComplete","variant","TextFieldVariant","Primary","allowClear","selectAllOnInit","selectAllOnFocus","leftContent","rightContent","withoutLeftContentWrapper","withoutRightContentWrapper","inputClassName","inputInterpolation","wrapperClassName","wrapperInterpolation","leftWrapperClassName","leftWrapperInterpolation","rightWrapperClassName","rightWrapperInterpolation","value","onBlur","onFocus","onChange","onKeyDown","onKeyUp","rest","__rest","_b","useFormFieldProps","disabled","readOnly","hasError","ownProps","focused","setFocused","useState","hovered","setHovered","wrapperBgColorSemanticName","useMemo","getProperTextFieldBgColor","wrapperBorderRadius","getProperTextFieldBorderRadius","focusTimeout","useRef","blurTimeout","normalizedValue","isNil","undefined","toString","activeInput","activeClear","inputRef","focus","useCallback","clearTimeout","current","window","setTimeout","blur","setSelectionRange","start","end","direction","TextFieldType","Number","Email","Hidden","includes","getSelectionRange","selectionStart","selectionEnd","selectAll","length","unselect","valueLen","getBoundingClientRect","DOMRect","getDOMNode","handle","useImperativeHandle","useEffect","handleFocus","event","handleBlur","handleChange","handleKeyDown","handleKeyDownWrappedWithComposingLocker","handleKeyUp","handleKeyUpWrappedWithComposingLocker","useKeyboardActionLockerWhileComposing","keysToLock","COMMON_IME_CONTROL_KEYS","handleClear","input","setValue","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","Event","bubbles","call","dispatchEvent","renderLeftItem","item","isIconName","icon","React","Styled","LeftLegacyIcon","IconSize","S","color","iconColor","clickable","onClick","LeftIcon","source","LeftComponent","createElement","LeftContentWrapper","className","interpolation","renderRightItem","key","RightItemWrapper","LegacyIcon","XS","Icon","cloneElement","RightComponent","isEmpty","items","isArray","map","uuid","RightContentWrapper","ClearComponent","ClearIconWrapper","CancelCircleFilledIcon","Wrapper","bgColor","borderRadius","onMouseEnter","onMouseLeave","onMouseDown","Input","assign","ref","forwardRef"],"mappings":"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"}

package/build/src/components/Forms/Inputs/TextField/TextField.styled.d.ts

@@ -19,7 +19,7 @@ declare const _default: {
     Input: import("styled-components").StyledComponent<"input", import("~/src/foundation").Foundation, {
         foundation?: import("~/src/foundation").Foundation | undefined;
     } & InterpolationProps, never>;
-    LeftLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/Icon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
+    LeftLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
         foundation?: import("~/src/foundation").Foundation | undefined;
     } & ClickableElementProps, never>;
     LeftIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("~/src/foundation").Foundation, {

package/build/src/components/Forms/Inputs/TextField/TextField.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EACL,KAAK,aAAa,EAInB,+BAAwB;AAGzB,OAAO,EAAE,KAAK,kBAAkB,EAAE,qCAA8B;AAchE,OAAO,EACL,aAAa,EACb,gBAAgB,EACjB,MAAM,mBAAmB,CAAA;AAE1B,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAA;CACnB;AA6ED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,0BAA0B,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CD,wBASC"}
+{"version":3,"file":"TextField.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EACL,KAAK,aAAa,EAInB,+BAAwB;AAGzB,OAAO,EAAE,KAAK,kBAAkB,EAAE,qCAA8B;AAYhE,OAAO,EACL,aAAa,EACb,gBAAgB,EACjB,MAAM,mBAAmB,CAAA;AAE1B,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAA;CACnB;AA6ED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,0BAA0B,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CD,wBASC"}

package/build/src/components/Forms/Inputs/TextField/TextField.styled.js

@@ -1,10 +1,10 @@
 import disabledOpacity from '../../../../constants/DisabledOpacity.js';
 import { inputTextStyle, inputPlaceholderStyle, inputWrapperStyle, focusedInputWrapperStyle, erroredInputWrapperStyle } from '../mixins.js';
 import { TextFieldVariant, TextFieldSize } from './TextField.types.js';
+import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { css as FoundationCSS, styled as FoundationStyled } from '../../../../foundation/FoundationStyledComponent.js';
 import { Typography } from '../../../../foundation/Typography.js';
-import LegacyIcon from '../../../Icon/LegacyIcon/LegacyIcon.js';
 
 const clickableElementStyle = FoundationCSS`
   cursor: pointer;

package/build/src/components/Forms/Inputs/TextField/TextField.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styled.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"sourcesContent":["import { type FlattenSimpleInterpolation } from 'styled-components'\n\nimport {\n  type SemanticNames,\n  Typography,\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport {\n  erroredInputWrapperStyle,\n  focusedInputWrapperStyle,\n  inputPlaceholderStyle,\n  inputTextStyle,\n  inputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\nimport {\n  Icon,\n  LegacyIcon,\n} from '~/src/components/Icon'\n\nimport {\n  TextFieldSize,\n  TextFieldVariant,\n} from './TextField.types'\n\ninterface ClickableElementProps {\n  clickable: boolean\n}\n\nconst clickableElementStyle = css`\n  cursor: pointer;\n`\n\nconst Input = styled.input<InterpolationProps>`\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n  background-color: transparent;\n  border: none;\n  outline: none;\n\n  ${Typography.Size14}\n\n  ${inputTextStyle}\n\n  ${inputPlaceholderStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst LeftLegacyIcon = styled(LegacyIcon)<ClickableElementProps>`\n  ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst LeftIcon = styled(Icon)<ClickableElementProps>`\n  ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-right: 6px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-right: 2px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div<ClickableElementProps & InterpolationProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n\n  ${({ clickable }) => clickable && clickableElementStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst ClearIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding-right: 2px;\n\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n\n  :hover {\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n  }\n\n  ${clickableElementStyle}\n`\n\ninterface WrapperProps {\n  variant?: TextFieldVariant\n  bgColor: SemanticNames\n  size: TextFieldSize\n  borderRadius?: FlattenSimpleInterpolation\n  hasError?: boolean\n  focused?: boolean\n  disabled?: boolean\n}\n\nfunction getInputTypography({ size }: Pick<WrapperProps, 'size'>) {\n  switch (size) {\n    case TextFieldSize.XS:\n    case TextFieldSize.M:\n      return Typography.Size14\n    case TextFieldSize.L:\n      return Typography.Size16\n    case TextFieldSize.XL:\n      return Typography.Size18\n    // NOTE: should never reach here\n    default:\n      return Typography.Size14\n  }\n}\n\nconst Wrapper = styled.div<WrapperProps & InterpolationProps>`\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  height: ${({ size }) => size}px;\n  padding: 0 12px;\n  background-color: ${({ foundation, bgColor }) => foundation?.theme?.[bgColor]};\n\n  ${({ borderRadius }) => borderRadius}\n  opacity: ${({ disabled }) => disabled && DisabledOpacity};\n\n  ${({ variant }) => variant === TextFieldVariant.Primary && inputWrapperStyle}\n  ${({ focused }) => focused && focusedInputWrapperStyle}\n  ${({ hasError }) => hasError && erroredInputWrapperStyle}\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow'])}\n\n  ${({ interpolation }) => interpolation}\n\n  ${Input} {\n    ${getInputTypography}\n  }\n`\n\nexport default {\n  Input,\n  LeftLegacyIcon,\n  LeftIcon,\n  LeftContentWrapper,\n  RightItemWrapper,\n  RightContentWrapper,\n  ClearIconWrapper,\n  Wrapper,\n}\n"],"names":["clickableElementStyle","css","Input","styled","input","disabled","Typography","Size14","inputTextStyle","inputPlaceholderStyle","interpolation","LeftLegacyIcon","LegacyIcon","clickable","LeftIcon","Icon","LeftContentWrapper","div","RightContentWrapper","RightItemWrapper","ClearIconWrapper","foundation","_a","theme","getInputTypography","size","TextFieldSize","XS","M","L","Size16","XL","Size18","Wrapper","bgColor","borderRadius","DisabledOpacity","variant","TextFieldVariant","Primary","inputWrapperStyle","focused","focusedInputWrapperStyle","hasError","erroredInputWrapperStyle","transition","getTransitionsCSS"],"mappings":"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"}
+{"version":3,"file":"TextField.styled.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"sourcesContent":["import { type FlattenSimpleInterpolation } from 'styled-components'\n\nimport {\n  type SemanticNames,\n  Typography,\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport {\n  erroredInputWrapperStyle,\n  focusedInputWrapperStyle,\n  inputPlaceholderStyle,\n  inputTextStyle,\n  inputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\n\nimport {\n  TextFieldSize,\n  TextFieldVariant,\n} from './TextField.types'\n\ninterface ClickableElementProps {\n  clickable: boolean\n}\n\nconst clickableElementStyle = css`\n  cursor: pointer;\n`\n\nconst Input = styled.input<InterpolationProps>`\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n  background-color: transparent;\n  border: none;\n  outline: none;\n\n  ${Typography.Size14}\n\n  ${inputTextStyle}\n\n  ${inputPlaceholderStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst LeftLegacyIcon = styled(LegacyIcon)<ClickableElementProps>`\n  ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst LeftIcon = styled(Icon)<ClickableElementProps>`\n  ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-right: 6px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-right: 2px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div<ClickableElementProps & InterpolationProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n\n  ${({ clickable }) => clickable && clickableElementStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst ClearIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding-right: 2px;\n\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n\n  :hover {\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n  }\n\n  ${clickableElementStyle}\n`\n\ninterface WrapperProps {\n  variant?: TextFieldVariant\n  bgColor: SemanticNames\n  size: TextFieldSize\n  borderRadius?: FlattenSimpleInterpolation\n  hasError?: boolean\n  focused?: boolean\n  disabled?: boolean\n}\n\nfunction getInputTypography({ size }: Pick<WrapperProps, 'size'>) {\n  switch (size) {\n    case TextFieldSize.XS:\n    case TextFieldSize.M:\n      return Typography.Size14\n    case TextFieldSize.L:\n      return Typography.Size16\n    case TextFieldSize.XL:\n      return Typography.Size18\n    // NOTE: should never reach here\n    default:\n      return Typography.Size14\n  }\n}\n\nconst Wrapper = styled.div<WrapperProps & InterpolationProps>`\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  height: ${({ size }) => size}px;\n  padding: 0 12px;\n  background-color: ${({ foundation, bgColor }) => foundation?.theme?.[bgColor]};\n\n  ${({ borderRadius }) => borderRadius}\n  opacity: ${({ disabled }) => disabled && DisabledOpacity};\n\n  ${({ variant }) => variant === TextFieldVariant.Primary && inputWrapperStyle}\n  ${({ focused }) => focused && focusedInputWrapperStyle}\n  ${({ hasError }) => hasError && erroredInputWrapperStyle}\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow'])}\n\n  ${({ interpolation }) => interpolation}\n\n  ${Input} {\n    ${getInputTypography}\n  }\n`\n\nexport default {\n  Input,\n  LeftLegacyIcon,\n  LeftIcon,\n  LeftContentWrapper,\n  RightItemWrapper,\n  RightContentWrapper,\n  ClearIconWrapper,\n  Wrapper,\n}\n"],"names":["clickableElementStyle","css","Input","styled","input","disabled","Typography","Size14","inputTextStyle","inputPlaceholderStyle","interpolation","LeftLegacyIcon","LegacyIcon","clickable","LeftIcon","Icon","LeftContentWrapper","div","RightContentWrapper","RightItemWrapper","ClearIconWrapper","foundation","_a","theme","getInputTypography","size","TextFieldSize","XS","M","L","Size16","XL","Size18","Wrapper","bgColor","borderRadius","DisabledOpacity","variant","TextFieldVariant","Primary","inputWrapperStyle","focused","focusedInputWrapperStyle","hasError","erroredInputWrapperStyle","transition","getTransitionsCSS"],"mappings":"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"}

package/build/src/components/Forms/Inputs/TextField/TextField.types.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
+import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
 import type { AdditionalColorProps, AdditionalStylableProps, BezierComponentProps, SideContentProps, SizeProps, VariantProps } from "../../../../types/ComponentProps";
 import type { FormComponentProps } from "../..";
-import { type BezierIcon, type IconName } from "../../../Icon";
 export declare enum TextFieldType {
     Search = "search",
     Text = "text",

package/build/src/components/Forms/Inputs/TextField/TextField.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,yCAAkC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAA8B;AAEhE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,sBAA6B;AAE9B,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,EAAE,KAAmB;IACrB,CAAC,KAAkB;IACnB,CAAC,KAAkB;IACnB,EAAE,KAAmB;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtE,oBAAY,gBAAgB;IAC1B,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,IAAI,IAAI,CAAA;IACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3F,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,qBAAqB,IAAI,UAAU,GAAG,OAAO,CAAA;IAC7C,UAAU,IAAI,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;CACpC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;AACpE,KAAK,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;AAExE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AAEvF,MAAM,WAAW,cAAe,SAC9B,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,CAAC,aAAa,CAAC,EACxB,YAAY,CAAC,gBAAgB,CAAC,EAC9B,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAC/E,uBAAuB,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EAC5E,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,0BAA0B,CAAC,EAC7E,gBAAgB;CAAG"}
+{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,yCAAkC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAA8B;AAGhE,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,EAAE,KAAmB;IACrB,CAAC,KAAkB;IACnB,CAAC,KAAkB;IACnB,EAAE,KAAmB;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtE,oBAAY,gBAAgB;IAC1B,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,IAAI,IAAI,CAAA;IACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3F,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,qBAAqB,IAAI,UAAU,GAAG,OAAO,CAAA;IAC7C,UAAU,IAAI,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;CACpC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;AACpE,KAAK,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;AAExE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AAEvF,MAAM,WAAW,cAAe,SAC9B,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,CAAC,aAAa,CAAC,EACxB,YAAY,CAAC,gBAAgB,CAAC,EAC9B,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAC/E,uBAAuB,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EAC5E,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,0BAA0B,CAAC,EAC7E,gBAAgB;CAAG"}

package/build/src/components/Forms/Inputs/TextField/TextField.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.types.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport type {\n  AdditionalColorProps,\n  AdditionalStylableProps,\n  BezierComponentProps,\n  SideContentProps,\n  SizeProps,\n  VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\nimport {\n  type BezierIcon,\n  type IconName,\n} from '~/src/components/Icon'\n\nexport enum TextFieldType {\n  Search = 'search',\n  Text = 'text',\n  Email = 'email',\n  Password = 'password',\n  Tel = 'tel',\n  Url = 'url',\n  Hidden = 'hidden',\n  Number = 'number',\n}\n\nexport enum TextFieldSize {\n  XL = FormFieldSize.XL,\n  L = FormFieldSize.L,\n  M = FormFieldSize.M,\n  XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' | 'backward' | 'none'\n\nexport enum TextFieldVariant {\n  Primary,\n  Secondary,\n}\n\nexport type TextFieldItemProps = {\n  icon: IconName | BezierIcon\n  onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> | React.ReactElement\n\nexport interface TextFieldRef {\n  focus(options?: FocusOptions): void\n  blur(): void\n  setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n  getSelectionRange(): [number, number]\n  selectAll(): void\n  unselect(): void\n  getBoundingClientRect(): ClientRect | DOMRect\n  getDOMNode(): Element | Text | null\n}\n\ntype ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>\ntype KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>\n\ninterface TextFieldOptions {\n  type?: TextFieldType\n  allowClear?: boolean\n  selectAllOnInit?: boolean\n  selectAllOnFocus?: boolean\n  withoutLeftContentWrapper?: boolean\n  withoutRightContentWrapper?: boolean\n  onFocus?: ChangeEventHandler\n  onChange?: ChangeEventHandler\n  onKeyDown?: KeyboardEventHandler\n  onKeyUp?: KeyboardEventHandler\n}\n\ntype OmittedInputHTMLAttributes = 'type' | 'size' | 'readOnly' | 'disabled' | 'onFocus'\n\nexport interface TextFieldProps extends\n  FormComponentProps,\n  BezierComponentProps,\n  SizeProps<TextFieldSize>,\n  VariantProps<TextFieldVariant>,\n  SideContentProps<TextFieldItemProps, TextFieldItemProps | TextFieldItemProps[]>,\n  AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>,\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>,\n  TextFieldOptions {}\n"],"names":["TextFieldType","TextFieldSize","TextFieldVariant"],"mappings":"IAkBYA,cASX;AATD,CAAA,UAAYA,aAAa,EAAA;AACvBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EATWA,aAAa,KAAbA,aAAa,GASxB,EAAA,CAAA,CAAA,CAAA;IAEWC,cAKX;AALD,CAAA,UAAYA,aAAa,EAAA;EACvBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;EACrBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;AACvB,CAAC,EALWA,aAAa,KAAbA,aAAa,GAKxB,EAAA,CAAA,CAAA,CAAA;IAIWC,iBAGX;AAHD,CAAA,UAAYA,gBAAgB,EAAA;EAC1BA,gBAAA,CAAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAO,CAAA;EACPA,gBAAA,CAAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAS,CAAA;AACX,CAAC,EAHWA,gBAAgB,KAAhBA,gBAAgB,GAG3B,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"TextField.types.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n  type BezierIcon,\n  type IconName,\n} from '@channel.io/bezier-icons'\n\nimport type {\n  AdditionalColorProps,\n  AdditionalStylableProps,\n  BezierComponentProps,\n  SideContentProps,\n  SizeProps,\n  VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n  Search = 'search',\n  Text = 'text',\n  Email = 'email',\n  Password = 'password',\n  Tel = 'tel',\n  Url = 'url',\n  Hidden = 'hidden',\n  Number = 'number',\n}\n\nexport enum TextFieldSize {\n  XL = FormFieldSize.XL,\n  L = FormFieldSize.L,\n  M = FormFieldSize.M,\n  XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' | 'backward' | 'none'\n\nexport enum TextFieldVariant {\n  Primary,\n  Secondary,\n}\n\nexport type TextFieldItemProps = {\n  icon: IconName | BezierIcon\n  onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> | React.ReactElement\n\nexport interface TextFieldRef {\n  focus(options?: FocusOptions): void\n  blur(): void\n  setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n  getSelectionRange(): [number, number]\n  selectAll(): void\n  unselect(): void\n  getBoundingClientRect(): ClientRect | DOMRect\n  getDOMNode(): Element | Text | null\n}\n\ntype ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>\ntype KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>\n\ninterface TextFieldOptions {\n  type?: TextFieldType\n  allowClear?: boolean\n  selectAllOnInit?: boolean\n  selectAllOnFocus?: boolean\n  withoutLeftContentWrapper?: boolean\n  withoutRightContentWrapper?: boolean\n  onFocus?: ChangeEventHandler\n  onChange?: ChangeEventHandler\n  onKeyDown?: KeyboardEventHandler\n  onKeyUp?: KeyboardEventHandler\n}\n\ntype OmittedInputHTMLAttributes = 'type' | 'size' | 'readOnly' | 'disabled' | 'onFocus'\n\nexport interface TextFieldProps extends\n  FormComponentProps,\n  BezierComponentProps,\n  SizeProps<TextFieldSize>,\n  VariantProps<TextFieldVariant>,\n  SideContentProps<TextFieldItemProps, TextFieldItemProps | TextFieldItemProps[]>,\n  AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>,\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>,\n  TextFieldOptions {}\n"],"names":["TextFieldType","TextFieldSize","TextFieldVariant"],"mappings":"IAmBYA,cASX;AATD,CAAA,UAAYA,aAAa,EAAA;AACvBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EATWA,aAAa,KAAbA,aAAa,GASxB,EAAA,CAAA,CAAA,CAAA;IAEWC,cAKX;AALD,CAAA,UAAYA,aAAa,EAAA;EACvBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;EACrBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;AACvB,CAAC,EALWA,aAAa,KAAbA,aAAa,GAKxB,EAAA,CAAA,CAAA,CAAA;IAIWC,iBAGX;AAHD,CAAA,UAAYA,gBAAgB,EAAA;EAC1BA,gBAAA,CAAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAO,CAAA;EACPA,gBAAA,CAAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAS,CAAA;AACX,CAAC,EAHWA,gBAAgB,KAAhBA,gBAAgB,GAG3B,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/Forms/RadioGroup/Radio.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import useId from '../../../hooks/useId.js';
 import { RadioGroupPrimitiveItem, Label } from './RadioGroup.styled.js';
 
@@ -10,12 +10,12 @@ function RadioImpl(_a, forwardedRef) {
     } = _a,
     rest = __rest(_a, ["children", "id"]);
   const id = useId(idProp, 'bezier-radio');
-  return React__default.createElement(RadioGroupPrimitiveItem, Object.assign({
+  return e__default.createElement(RadioGroupPrimitiveItem, Object.assign({
     ref: forwardedRef,
     id: id
   }, rest), children && /* FIXME(@ed): Delete after applying polymorphic props */
   /* @ts-ignore */
-  React__default.createElement(Label, {
+  e__default.createElement(Label, {
     htmlFor: id
   }, children));
 }

package/build/src/components/Forms/RadioGroup/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../src/components/Forms/RadioGroup/Radio.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport useId from '~/src/hooks/useId'\n\nimport { type RadioProps } from './RadioGroup.types'\n\nimport * as Styled from './RadioGroup.styled'\n\nfunction RadioImpl<Value extends string>({\n  children,\n  id: idProp,\n  ...rest\n}: RadioProps<Value>, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const id = useId(idProp, 'bezier-radio')\n\n  return (\n    <Styled.RadioGroupPrimitiveItem\n      ref={forwardedRef}\n      id={id}\n      {...rest}\n    >\n      { children && (\n        /* FIXME(@ed): Delete after applying polymorphic props */\n        /* @ts-ignore */\n        <Styled.Label htmlFor={id}>\n          { children }\n        </Styled.Label>\n      ) }\n    </Styled.RadioGroupPrimitiveItem>\n  )\n}\n\n/**\n * `Radio` is a checkable button, known as a radio button.\n * It should be a child of `RadioGroup`.\n */\nexport const Radio = forwardRef(RadioImpl) as <Value extends string>(\n  props: RadioProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof RadioImpl<Value>>\n"],"names":["RadioImpl","_a","forwardedRef","children","id","idProp","rest","__rest","useId","React","createElement","Styled","ref","htmlFor","Radio","forwardRef"],"mappings":";;;;;AAQA,SAASA,SAAS,CAAuBC,EAIrB,EAAEC,YAA0C,EAAA;MAJvB;MACvCC,QAAQ;AACRC,MAAAA,EAAE,EAAEC,MAAAA;UAEc;IADfC,IAAI,GAHgCC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,CAIxC,CADQ,CAAA;AAEP,EAAA,MAAMG,EAAE,GAAGI,KAAK,CAACH,MAAM,EAAE,cAAc,CAAC,CAAA;EAExC,OACEI,cAAC,CAAAC,aAAA,CAAAC,uBAA8B;AAC7BC,IAAAA,GAAG,EAAEV,YAAY;AACjBE,IAAAA,EAAE,EAAEA,EAAAA;KACAE,IAAI,CAAA,EAENH,QAAQ;AAER;AACAM,EAAAA,cAAA,CAAAC,aAAA,CAACC,KAAY,EAAA;AAACE,IAAAA,OAAO,EAAET,EAAAA;GAAE,EACrBD,QAAQ,CAEb,CAC8B,CAAA;AAErC,CAAA;AAEA;;;AAGG;MACUW,KAAK,GAAGC,UAAU,CAACf,SAAS;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../../../../src/components/Forms/RadioGroup/Radio.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport useId from '~/src/hooks/useId'\n\nimport { type RadioProps } from './RadioGroup.types'\n\nimport * as Styled from './RadioGroup.styled'\n\nfunction RadioImpl<Value extends string>({\n  children,\n  id: idProp,\n  ...rest\n}: RadioProps<Value>, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const id = useId(idProp, 'bezier-radio')\n\n  return (\n    <Styled.RadioGroupPrimitiveItem\n      ref={forwardedRef}\n      id={id}\n      {...rest}\n    >\n      { children && (\n        /* FIXME(@ed): Delete after applying polymorphic props */\n        /* @ts-ignore */\n        <Styled.Label htmlFor={id}>\n          { children }\n        </Styled.Label>\n      ) }\n    </Styled.RadioGroupPrimitiveItem>\n  )\n}\n\n/**\n * `Radio` is a checkable button, known as a radio button.\n * It should be a child of `RadioGroup`.\n */\nexport const Radio = forwardRef(RadioImpl) as <Value extends string>(\n  props: RadioProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof RadioImpl<Value>>\n"],"names":["RadioImpl","_a","forwardedRef","children","id","idProp","rest","__rest","useId","React","createElement","Styled","ref","htmlFor","Radio","forwardRef"],"mappings":";;;;;AAQA,SAASA,SAAS,CAAuBC,EAIrB,EAAEC,YAA0C,EAAA;MAJvB;MACvCC,QAAQ;AACRC,MAAAA,EAAE,EAAEC,MAAAA;UAEc;IADfC,IAAI,GAHgCC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,CAIxC,CADQ,CAAA;AAEP,EAAA,MAAMG,EAAE,GAAGI,KAAK,CAACH,MAAM,EAAE,cAAc,CAAC,CAAA;EAExC,OACEI,UAAC,CAAAC,aAAA,CAAAC,uBAA8B;AAC7BC,IAAAA,GAAG,EAAEV,YAAY;AACjBE,IAAAA,EAAE,EAAEA,EAAAA;KACAE,IAAI,CAAA,EAENH,QAAQ;AAER;AACAM,EAAAA,UAAA,CAAAC,aAAA,CAACC,KAAY,EAAA;AAACE,IAAAA,OAAO,EAAET,EAAAA;GAAE,EACrBD,QAAQ,CAEb,CAC8B,CAAA;AAErC,CAAA;AAEA;;;AAGG;MACUW,KAAK,GAAGC,UAAU,CAACf,SAAS;;;;"}

package/build/src/components/Forms/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { Root as $f99a8c78507165f7$export$be92b6f5f03c0fe9 } from '../../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js';
 import useFormFieldProps from '../useFormFieldProps.js';
 import { AlphaStack } from '../../AlphaStack/AlphaStack.js';
@@ -12,9 +12,9 @@ function RadioGroupImpl(_a, forwardedRef) {
     } = _a,
     rest = __rest(_a, ["children", "spacing", "direction"]);
   const formFieldProps = useFormFieldProps(rest);
-  return React__default.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, Object.assign({
+  return e__default.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, Object.assign({
     asChild: true
-  }, formFieldProps), React__default.createElement(AlphaStack, {
+  }, formFieldProps), e__default.createElement(AlphaStack, {
     ref: forwardedRef,
     justify: "start",
     align: "stretch",

package/build/src/components/Forms/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Forms/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport { type RadioGroupProps } from './RadioGroup.types'\n\nfunction RadioGroupImpl<Value extends string>({\n  children,\n  spacing = 0,\n  direction = 'vertical',\n  ...rest\n}: RadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const formFieldProps = useFormFieldProps(rest)\n\n  return (\n    <RadioGroupPrimitive.Root\n      asChild\n      {...formFieldProps}\n    >\n      <AlphaStack\n        ref={forwardedRef}\n        justify=\"start\"\n        align=\"stretch\"\n        spacing={spacing}\n        direction={direction}\n      >\n        { children }\n      </AlphaStack>\n    </RadioGroupPrimitive.Root>\n  )\n}\n\n/**\n * `RadioGroup` is a set of checkable buttons, known as radio buttons.\n *\n * `RadioGroup` is a context of the `Radio` components. also, it renders an element which has the 'radiogroup' role.\n * It controls all the parts of a radio group.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the RadioGroup\n * <RadioGroup>\n *  <Radio />\n * </RadioGroup>\n * ```\n */\nexport const RadioGroup = forwardRef(RadioGroupImpl) as <Value extends string>(\n  props: RadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof RadioGroupImpl<Value>>\n"],"names":["RadioGroupImpl","_a","forwardedRef","children","spacing","direction","rest","__rest","formFieldProps","useFormFieldProps","React","RadioGroupPrimitive","Object","assign","asChild","createElement","AlphaStack","ref","justify","align","RadioGroup","forwardRef"],"mappings":";;;;;;AASA,SAASA,cAAc,CAAuBC,EAKrB,EAAEC,YAAuC,EAAA;EALpB,IAAA;MAC5CC,QAAQ;AACRC,MAAAA,OAAO,GAAG,CAAC;AACXC,MAAAA,SAAS,GAAG,UAAA;AAEW,KAAA,GAAAJ,EAAA;AADpBK,IAAAA,IAAI,GAAAC,MAAA,CAAAN,EAAA,EAJqC,oCAK7C,CADQ,CAAA;AAEP,EAAA,MAAMO,cAAc,GAAGC,iBAAiB,CAACH,IAAI,CAAC,CAAA;EAE9C,OACEI,6BAACC,yCAAwB,EACvBC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,OAAO;KACHN,cAAc,CAAA,EAElBE,cAAC,CAAAK,aAAA,CAAAC,UAAU,EACT;AAAAC,IAAAA,GAAG,EAAEf,YAAY;AACjBgB,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACff,IAAAA,OAAO,EAAEA,OAAO;AAChBC,IAAAA,SAAS,EAAEA,SAAAA;GAAS,EAElBF,QAAQ,CACC,CACY,CAAA;AAE/B,CAAA;AAEA;;;;;;;;;;;;;;AAcG;MACUiB,UAAU,GAAGC,UAAU,CAACrB,cAAc;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Forms/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport { type RadioGroupProps } from './RadioGroup.types'\n\nfunction RadioGroupImpl<Value extends string>({\n  children,\n  spacing = 0,\n  direction = 'vertical',\n  ...rest\n}: RadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const formFieldProps = useFormFieldProps(rest)\n\n  return (\n    <RadioGroupPrimitive.Root\n      asChild\n      {...formFieldProps}\n    >\n      <AlphaStack\n        ref={forwardedRef}\n        justify=\"start\"\n        align=\"stretch\"\n        spacing={spacing}\n        direction={direction}\n      >\n        { children }\n      </AlphaStack>\n    </RadioGroupPrimitive.Root>\n  )\n}\n\n/**\n * `RadioGroup` is a set of checkable buttons, known as radio buttons.\n *\n * `RadioGroup` is a context of the `Radio` components. also, it renders an element which has the 'radiogroup' role.\n * It controls all the parts of a radio group.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the RadioGroup\n * <RadioGroup>\n *  <Radio />\n * </RadioGroup>\n * ```\n */\nexport const RadioGroup = forwardRef(RadioGroupImpl) as <Value extends string>(\n  props: RadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof RadioGroupImpl<Value>>\n"],"names":["RadioGroupImpl","_a","forwardedRef","children","spacing","direction","rest","__rest","formFieldProps","useFormFieldProps","React","RadioGroupPrimitive","Object","assign","asChild","createElement","AlphaStack","ref","justify","align","RadioGroup","forwardRef"],"mappings":";;;;;;AASA,SAASA,cAAc,CAAuBC,EAKrB,EAAEC,YAAuC,EAAA;EALpB,IAAA;MAC5CC,QAAQ;AACRC,MAAAA,OAAO,GAAG,CAAC;AACXC,MAAAA,SAAS,GAAG,UAAA;AAEW,KAAA,GAAAJ,EAAA;AADpBK,IAAAA,IAAI,GAAAC,MAAA,CAAAN,EAAA,EAJqC,oCAK7C,CADQ,CAAA;AAEP,EAAA,MAAMO,cAAc,GAAGC,iBAAiB,CAACH,IAAI,CAAC,CAAA;EAE9C,OACEI,yBAACC,yCAAwB,EACvBC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,OAAO;KACHN,cAAc,CAAA,EAElBE,UAAC,CAAAK,aAAA,CAAAC,UAAU,EACT;AAAAC,IAAAA,GAAG,EAAEf,YAAY;AACjBgB,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACff,IAAAA,OAAO,EAAEA,OAAO;AAChBC,IAAAA,SAAS,EAAEA,SAAAA;GAAS,EAElBF,QAAQ,CACC,CACY,CAAA;AAE/B,CAAA;AAEA;;;;;;;;;;;;;;AAcG;MACUiB,UAAU,GAAGC,UAAU,CAACrB,cAAc;;;;"}

package/build/src/components/Forms/SegmentedControl/SegmentedControl.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useMemo } from 'react';
+import e__default, { forwardRef, useState, useMemo } from 'react';
 import { Root as $f99a8c78507165f7$export$be92b6f5f03c0fe9 } from '../../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js';
 import { Content as $69cb30bb0017df05$export$7c6e2c02157bb7d2, List as $69cb30bb0017df05$export$54c2e3dc7acea9f5, Root as $69cb30bb0017df05$export$be92b6f5f03c0fe9 } from '../../../../node_modules/@radix-ui/react-tabs/dist/index.module.js';
 import classNames from '../../../../node_modules/classnames/index.js';
@@ -39,18 +39,18 @@ function SegmentedControlItemListImpl(_a, forwardedRef) {
   }), [styleProp, width]);
   const className = classNames(classNameProp, size);
   const SegmentedControlItemList = type === 'radiogroup' ? $f99a8c78507165f7$export$be92b6f5f03c0fe9 : $69cb30bb0017df05$export$54c2e3dc7acea9f5;
-  return React__default.createElement(SegmentedControlItemList, Object.assign({
+  return e__default.createElement(SegmentedControlItemList, Object.assign({
     asChild: true,
     ref: ref,
     style: style,
     className: className
-  }, rest), React__default.createElement(Container, null, React__default.createElement(SegmentedControlItemListContextProvider, {
+  }, rest), e__default.createElement(Container, null, e__default.createElement(SegmentedControlItemListContextProvider, {
     value: contextValue
-  }, renderIndicator(), React__default.Children.map(children, (child, index) => {
+  }, renderIndicator(), e__default.Children.map(children, (child, index) => {
     if (index === 0) {
       return child;
     }
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement(Divider, {
+    return e__default.createElement(e__default.Fragment, null, e__default.createElement(Divider, {
       withoutParallelIndent: true,
       orientation: "vertical"
     }), child);
@@ -62,7 +62,7 @@ function SegmentedControlRadioGroupImpl(_a, forwardedRef) {
       children
     } = _a,
     rest = __rest(_a, ["children"]);
-  return React__default.createElement(SegmentedControlItemList, Object.assign({
+  return e__default.createElement(SegmentedControlItemList, Object.assign({
     ref: forwardedRef
   }, useFormFieldProps(rest)), children);
 }
@@ -97,9 +97,9 @@ function SegmentedControlImpl(_a, forwardedRef) {
     size,
     width
   }), [type, size, width]);
-  return React__default.createElement(SegmentedControlContextProvider, {
+  return e__default.createElement(SegmentedControlContextProvider, {
     value: contextValue
-  }, React__default.createElement(SegmentedControlRoot, Object.assign({
+  }, e__default.createElement(SegmentedControlRoot, Object.assign({
     ref: forwardedRef,
     onValueChange: onValueChange
   }, rest), children));

package/build/src/components/Forms/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useMemo,\n  useState,\n} from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport classNames from 'classnames'\n\nimport { isNumber } from '~/src/utils/typeUtils'\n\nimport { Divider } from '~/src/components/Divider'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport {\n  type SegmentedControlItemListProps,\n  type SegmentedControlProps,\n  type SegmentedControlRadioGroupProps,\n  SegmentedControlSize,\n  type SegmentedControlTabContentProps,\n  type SegmentedControlTabListProps,\n  type SegmentedControlTabsProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\nimport {\n  SegmentedControlContextProvider,\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlContext,\n} from './SegmentedControlContext'\nimport { useSegmentedControlIndicator } from './SegmentedControlIndicator'\n\nimport * as Styled from './SegmentedControl.styled'\n\nfunction SegmentedControlItemListImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>({\n  children,\n  style: styleProp,\n  className: classNameProp,\n  ...rest\n}: SegmentedControlItemListProps<Type, Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const [selectedElement, setSelectedElement] = useState<HTMLButtonElement | null>(null)\n\n  const {\n    type,\n    size,\n    width,\n  } = useSegmentedControlContext('SegmentedControlItemList')\n\n  const {\n    containerRef: ref,\n    render: renderIndicator,\n  } = useSegmentedControlIndicator({\n    target: selectedElement,\n    refs: [forwardedRef],\n  })\n\n  const contextValue = useMemo(() => ({\n    setSelectedElement,\n  }), [])\n\n  const style = useMemo(() => ({\n    ...styleProp,\n    '--bezier-react-segmented-control-width': isNumber(width) ? `${width}px` : width,\n  } as React.CSSProperties), [\n    styleProp,\n    width,\n  ])\n\n  const className = classNames(\n    classNameProp,\n    size,\n  )\n\n  const SegmentedControlItemList = type === 'radiogroup'\n    ? RadioGroupPrimitive.Root\n    : TabsPrimitive.List\n\n  return (\n    <SegmentedControlItemList\n      asChild\n      ref={ref}\n      style={style}\n      className={className}\n      {...rest}\n    >\n      <Styled.Container>\n        <SegmentedControlItemListContextProvider value={contextValue}>\n          { renderIndicator() }\n\n          { React.Children.map(children, (child, index) => {\n            if (index === 0) {\n              return child\n            }\n\n            return (\n              <>\n                <Divider\n                  withoutParallelIndent\n                  orientation=\"vertical\"\n                />\n                { child }\n              </>\n            )\n          }) }\n        </SegmentedControlItemListContextProvider>\n      </Styled.Container>\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlItemList = forwardRef(SegmentedControlItemListImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlItemListProps<Type, Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nfunction SegmentedControlRadioGroupImpl<Value extends string>({\n  children,\n  ...rest\n}: SegmentedControlRadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <SegmentedControlItemList\n      ref={forwardedRef}\n      {...useFormFieldProps(rest)}\n    >\n      { children }\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlRadioGroup = forwardRef(SegmentedControlRadioGroupImpl) as <Value extends string>(\n  props: SegmentedControlRadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabList` is the component that wraps `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabList = SegmentedControlItemList as (\n  props: SegmentedControlTabListProps & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabContent` is the component that wraps the content that corresponds to a specific value of `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabContent = TabsPrimitive.Content as <Value extends string>(\n  props: SegmentedControlTabContentProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nconst SegmentedControlTabs = TabsPrimitive.Root as <Value extends string>(\n  props: SegmentedControlTabsProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nfunction SegmentedControlImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>({\n  type = 'radiogroup' as Type,\n  size = SegmentedControlSize.M,\n  width = '100%',\n  onValueChange,\n  children,\n  ...rest\n}: SegmentedControlProps<Type, Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const SegmentedControlRoot = type === 'radiogroup'\n    ? SegmentedControlRadioGroup\n    : SegmentedControlTabs\n\n  const contextValue = useMemo(() => ({\n    type,\n    size,\n    width,\n  }), [\n    type,\n    size,\n    width,\n  ])\n\n  return (\n    <SegmentedControlContextProvider value={contextValue}>\n      <SegmentedControlRoot\n        ref={forwardedRef}\n        onValueChange={onValueChange}\n        {...rest}\n      >\n        { children }\n      </SegmentedControlRoot>\n    </SegmentedControlContextProvider>\n  )\n}\n\n/**\n * `SegmentedControl` is component that looks like a combination of a radio and a button.\n * They can be used in place of tabs and as input elements in modals.\n * If you have more than five items, use a different element, such as a dropdown.\n *\n * `SegmentedControl` can be used as a radio group, tabs element depending on its `type`.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the SegmentedControl type=\"radiogroup\"\n * <SegmentedControl type=\"radiogroup\">\n *  <SegmentedControlItem />\n * </SegmentedControl>\n *\n * // Anatomy of the SegmentedControl type=\"tabs\"\n * <SegmentedControl type=\"tabs\">\n *  <SegmentedControlTabList>\n *   <SegmentedControlItem />\n *  </SegmentedControlTabList>\n *\n *  <SegmentedControlTabContent />\n * </SegmentedControl>\n * ```\n */\nexport const SegmentedControl = forwardRef(SegmentedControlImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlProps<Type, Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n"],"names":["SegmentedControlItemListImpl","_a","forwardedRef","children","style","styleProp","className","classNameProp","rest","__rest","selectedElement","setSelectedElement","useState","type","size","width","useSegmentedControlContext","containerRef","ref","render","renderIndicator","useSegmentedControlIndicator","target","refs","contextValue","useMemo","Object","assign","isNumber","classNames","SegmentedControlItemList","RadioGroupPrimitive","TabsPrimitive","React","createElement","asChild","Styled","SegmentedControlItemListContextProvider","value","Children","map","child","index","Fragment","Divider","withoutParallelIndent","orientation","forwardRef","SegmentedControlRadioGroupImpl","useFormFieldProps","SegmentedControlRadioGroup","SegmentedControlTabList","SegmentedControlTabContent","SegmentedControlTabs","SegmentedControlImpl","SegmentedControlSize","M","onValueChange","SegmentedControlRoot","SegmentedControlContextProvider","SegmentedControl"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useMemo,\n  useState,\n} from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport classNames from 'classnames'\n\nimport { isNumber } from '~/src/utils/typeUtils'\n\nimport { Divider } from '~/src/components/Divider'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport {\n  type SegmentedControlItemListProps,\n  type SegmentedControlProps,\n  type SegmentedControlRadioGroupProps,\n  SegmentedControlSize,\n  type SegmentedControlTabContentProps,\n  type SegmentedControlTabListProps,\n  type SegmentedControlTabsProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\nimport {\n  SegmentedControlContextProvider,\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlContext,\n} from './SegmentedControlContext'\nimport { useSegmentedControlIndicator } from './SegmentedControlIndicator'\n\nimport * as Styled from './SegmentedControl.styled'\n\nfunction SegmentedControlItemListImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>({\n  children,\n  style: styleProp,\n  className: classNameProp,\n  ...rest\n}: SegmentedControlItemListProps<Type, Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const [selectedElement, setSelectedElement] = useState<HTMLButtonElement | null>(null)\n\n  const {\n    type,\n    size,\n    width,\n  } = useSegmentedControlContext('SegmentedControlItemList')\n\n  const {\n    containerRef: ref,\n    render: renderIndicator,\n  } = useSegmentedControlIndicator({\n    target: selectedElement,\n    refs: [forwardedRef],\n  })\n\n  const contextValue = useMemo(() => ({\n    setSelectedElement,\n  }), [])\n\n  const style = useMemo(() => ({\n    ...styleProp,\n    '--bezier-react-segmented-control-width': isNumber(width) ? `${width}px` : width,\n  } as React.CSSProperties), [\n    styleProp,\n    width,\n  ])\n\n  const className = classNames(\n    classNameProp,\n    size,\n  )\n\n  const SegmentedControlItemList = type === 'radiogroup'\n    ? RadioGroupPrimitive.Root\n    : TabsPrimitive.List\n\n  return (\n    <SegmentedControlItemList\n      asChild\n      ref={ref}\n      style={style}\n      className={className}\n      {...rest}\n    >\n      <Styled.Container>\n        <SegmentedControlItemListContextProvider value={contextValue}>\n          { renderIndicator() }\n\n          { React.Children.map(children, (child, index) => {\n            if (index === 0) {\n              return child\n            }\n\n            return (\n              <>\n                <Divider\n                  withoutParallelIndent\n                  orientation=\"vertical\"\n                />\n                { child }\n              </>\n            )\n          }) }\n        </SegmentedControlItemListContextProvider>\n      </Styled.Container>\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlItemList = forwardRef(SegmentedControlItemListImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlItemListProps<Type, Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nfunction SegmentedControlRadioGroupImpl<Value extends string>({\n  children,\n  ...rest\n}: SegmentedControlRadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <SegmentedControlItemList\n      ref={forwardedRef}\n      {...useFormFieldProps(rest)}\n    >\n      { children }\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlRadioGroup = forwardRef(SegmentedControlRadioGroupImpl) as <Value extends string>(\n  props: SegmentedControlRadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabList` is the component that wraps `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabList = SegmentedControlItemList as (\n  props: SegmentedControlTabListProps & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabContent` is the component that wraps the content that corresponds to a specific value of `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabContent = TabsPrimitive.Content as <Value extends string>(\n  props: SegmentedControlTabContentProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nconst SegmentedControlTabs = TabsPrimitive.Root as <Value extends string>(\n  props: SegmentedControlTabsProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nfunction SegmentedControlImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>({\n  type = 'radiogroup' as Type,\n  size = SegmentedControlSize.M,\n  width = '100%',\n  onValueChange,\n  children,\n  ...rest\n}: SegmentedControlProps<Type, Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const SegmentedControlRoot = type === 'radiogroup'\n    ? SegmentedControlRadioGroup\n    : SegmentedControlTabs\n\n  const contextValue = useMemo(() => ({\n    type,\n    size,\n    width,\n  }), [\n    type,\n    size,\n    width,\n  ])\n\n  return (\n    <SegmentedControlContextProvider value={contextValue}>\n      <SegmentedControlRoot\n        ref={forwardedRef}\n        onValueChange={onValueChange}\n        {...rest}\n      >\n        { children }\n      </SegmentedControlRoot>\n    </SegmentedControlContextProvider>\n  )\n}\n\n/**\n * `SegmentedControl` is component that looks like a combination of a radio and a button.\n * They can be used in place of tabs and as input elements in modals.\n * If you have more than five items, use a different element, such as a dropdown.\n *\n * `SegmentedControl` can be used as a radio group, tabs element depending on its `type`.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the SegmentedControl type=\"radiogroup\"\n * <SegmentedControl type=\"radiogroup\">\n *  <SegmentedControlItem />\n * </SegmentedControl>\n *\n * // Anatomy of the SegmentedControl type=\"tabs\"\n * <SegmentedControl type=\"tabs\">\n *  <SegmentedControlTabList>\n *   <SegmentedControlItem />\n *  </SegmentedControlTabList>\n *\n *  <SegmentedControlTabContent />\n * </SegmentedControl>\n * ```\n */\nexport const SegmentedControl = forwardRef(SegmentedControlImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlProps<Type, Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n"],"names":["SegmentedControlItemListImpl","_a","forwardedRef","children","style","styleProp","className","classNameProp","rest","__rest","selectedElement","setSelectedElement","useState","type","size","width","useSegmentedControlContext","containerRef","ref","render","renderIndicator","useSegmentedControlIndicator","target","refs","contextValue","useMemo","Object","assign","isNumber","classNames","SegmentedControlItemList","RadioGroupPrimitive","TabsPrimitive","React","createElement","asChild","Styled","SegmentedControlItemListContextProvider","value","Children","map","child","index","Fragment","Divider","withoutParallelIndent","orientation","forwardRef","SegmentedControlRadioGroupImpl","useFormFieldProps","SegmentedControlRadioGroup","SegmentedControlTabList","SegmentedControlTabContent","SegmentedControlTabs","SegmentedControlImpl","SegmentedControlSize","M","onValueChange","SegmentedControlRoot","SegmentedControlContextProvider","SegmentedControl"],"mappings":"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"}

package/build/src/components/Forms/SegmentedControl/SegmentedControlContext.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import e__default from 'react';
 
 // TODO: (@ed) Evolve it into a commonly reusable function
 function createContext(providerName, defaultValue) {
-  const Context = React__default.createContext(defaultValue);
+  const Context = e__default.createContext(defaultValue);
   function useContext(consumerName) {
-    const contextValue = React__default.useContext(Context);
+    const contextValue = e__default.useContext(Context);
     if (!contextValue) {
       throw new Error(`'${consumerName}' must be used within '${providerName}'`);
     }

package/build/src/components/Forms/SegmentedControl/SegmentedControlContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlContext.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from 'react'\n\nimport {\n  type SegmentedControlProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\n\n// TODO: (@ed) Evolve it into a commonly reusable function\nfunction createContext<ContextValue>(\n  providerName: string,\n  defaultValue: ContextValue,\n) {\n  const Context = React.createContext<ContextValue>(defaultValue)\n\n  function useContext(consumerName: string) {\n    const contextValue = React.useContext(Context)\n\n    if (!contextValue) {\n      throw new Error(`'${consumerName}' must be used within '${providerName}'`)\n    }\n\n    return contextValue\n  }\n\n  return [\n    Context.Provider,\n    useContext,\n  ] as const\n}\n\ntype SegmentedControlContextValue = Required<Pick<SegmentedControlProps<SegmentedControlType, string>, 'type' | 'size' | 'width'>>\n\nexport const [\n  SegmentedControlContextProvider,\n  useSegmentedControlContext,\n] = createContext<SegmentedControlContextValue | null>('SegmentedControl', null)\n\ninterface SegmentedControlItemListContextValue {\n  setSelectedElement: (node: HTMLButtonElement | null) => void\n}\n\nexport const [\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlItemListContext,\n] = createContext<SegmentedControlItemListContextValue | null>('SegmentedControlItemList', null)\n"],"names":["createContext","providerName","defaultValue","Context","React","useContext","consumerName","contextValue","Error","Provider","SegmentedControlContextProvider","useSegmentedControlContext","SegmentedControlItemListContextProvider","useSegmentedControlItemListContext"],"mappings":";;AAOA;AACA,SAASA,aAAa,CACpBC,YAAoB,EACpBC,YAA0B,EAAA;AAE1B,EAAA,MAAMC,OAAO,GAAGC,cAAK,CAACJ,aAAa,CAAeE,YAAY,CAAC,CAAA;EAE/D,SAASG,UAAU,CAACC,YAAoB,EAAA;AACtC,IAAA,MAAMC,YAAY,GAAGH,cAAK,CAACC,UAAU,CAACF,OAAO,CAAC,CAAA;IAE9C,IAAI,CAACI,YAAY,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,CAAA,CAAA,EAAIF,YAAsC,CAAAL,uBAAAA,EAAAA,YAAe,GAAA,CAAC,CAAA;AAC3E,KAAA;AAED,IAAA,OAAOM,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,OAAO,CACLJ,OAAO,CAACM,QAAQ,EAChBJ,UAAU,CACF,CAAA;AACZ,CAAA;AAIa,MAAA,CACXK,+BAA+B,EAC/BC,0BAA0B,CAC3B,GAAGX,aAAa,CAAsC,kBAAkB,EAAE,IAAI,EAAC;AAMnE,MAAA,CACXY,uCAAuC,EACvCC,kCAAkC,CACnC,GAAGb,aAAa,CAA8C,0BAA0B,EAAE,IAAI;;;;"}
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from 'react'\n\nimport {\n  type SegmentedControlProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\n\n// TODO: (@ed) Evolve it into a commonly reusable function\nfunction createContext<ContextValue>(\n  providerName: string,\n  defaultValue: ContextValue,\n) {\n  const Context = React.createContext<ContextValue>(defaultValue)\n\n  function useContext(consumerName: string) {\n    const contextValue = React.useContext(Context)\n\n    if (!contextValue) {\n      throw new Error(`'${consumerName}' must be used within '${providerName}'`)\n    }\n\n    return contextValue\n  }\n\n  return [\n    Context.Provider,\n    useContext,\n  ] as const\n}\n\ntype SegmentedControlContextValue = Required<Pick<SegmentedControlProps<SegmentedControlType, string>, 'type' | 'size' | 'width'>>\n\nexport const [\n  SegmentedControlContextProvider,\n  useSegmentedControlContext,\n] = createContext<SegmentedControlContextValue | null>('SegmentedControl', null)\n\ninterface SegmentedControlItemListContextValue {\n  setSelectedElement: (node: HTMLButtonElement | null) => void\n}\n\nexport const [\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlItemListContext,\n] = createContext<SegmentedControlItemListContextValue | null>('SegmentedControlItemList', null)\n"],"names":["createContext","providerName","defaultValue","Context","React","useContext","consumerName","contextValue","Error","Provider","SegmentedControlContextProvider","useSegmentedControlContext","SegmentedControlItemListContextProvider","useSegmentedControlItemListContext"],"mappings":";;AAOA;AACA,SAASA,aAAa,CACpBC,YAAoB,EACpBC,YAA0B,EAAA;AAE1B,EAAA,MAAMC,OAAO,GAAGC,UAAK,CAACJ,aAAa,CAAeE,YAAY,CAAC,CAAA;EAE/D,SAASG,UAAU,CAACC,YAAoB,EAAA;AACtC,IAAA,MAAMC,YAAY,GAAGH,UAAK,CAACC,UAAU,CAACF,OAAO,CAAC,CAAA;IAE9C,IAAI,CAACI,YAAY,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,CAAA,CAAA,EAAIF,YAAsC,CAAAL,uBAAAA,EAAAA,YAAe,GAAA,CAAC,CAAA;AAC3E,KAAA;AAED,IAAA,OAAOM,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,OAAO,CACLJ,OAAO,CAACM,QAAQ,EAChBJ,UAAU,CACF,CAAA;AACZ,CAAA;AAIa,MAAA,CACXK,+BAA+B,EAC/BC,0BAA0B,CAC3B,GAAGX,aAAa,CAAsC,kBAAkB,EAAE,IAAI,EAAC;AAMnE,MAAA,CACXY,uCAAuC,EACvCC,kCAAkC,CACnC,GAAGb,aAAa,CAA8C,0BAA0B,EAAE,IAAI;;;;"}