@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.10

package/build/component.styles-CISd4naT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-CISd4naT.cjs","sources":["../src/components/input-otp/component.styles.ts","../src/components/input-otp/component.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { InputOTPWrapperProps } from '.'\n\n/****************************************** Size *************************************************/\nexport const InputOTPSize = css<InputOTPWrapperProps>`\n  ${props => InputOTPSizeConstructor({ ...KEY_SIZE_DATA[props.$size], ...props })};\n`\nexport const InputOTPSizeConstructor = (props: IThemeSizePropertyDefault & InputOTPWrapperProps) => css`\n  gap: ${props.padding - 2}px;\n  width: 100%;\n`\n\nexport const InputOTPWrapper = styled.div<InputOTPWrapperProps>`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  ${InputOTPSize};\n  ${addSX};\n`\n","import { ErrorMessage } from '@local/styles/error'\n\nimport { ClipboardEvent, FocusEvent, KeyboardEvent, useCallback, useRef, useState } from 'react'\n\nimport { Input } from '../input'\nimport { InputOTPProps, InputOTPWrapper } from '.'\n\nexport const InputOTP = (props: InputOTPProps) => {\n  const [otp, setOtp] = useState<string[]>(new Array(props.length).fill(''))\n  const inputsRef = useRef<(HTMLInputElement | null)[]>([])\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n\n  const handlePaste = useCallback(\n    (index: number, e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault()\n\n      const pasteData = e.clipboardData.getData('Text')\n      const digits = pasteData.replace(/\\D/g, '').split('')\n\n      if (!digits.length) return\n\n      setOtp(prevOtp => {\n        const newOtp = [...prevOtp]\n        let currentIndex = index\n\n        for (let i = 0; i < digits.length && currentIndex < newOtp.length; i++) {\n          newOtp[currentIndex] = digits[i]\n          currentIndex++\n        }\n\n        const joined = newOtp.join('')\n\n        props.onChange?.(joined)\n\n        if (newOtp.every(char => char !== '')) {\n          props.onComplete?.(joined)\n        }\n\n        setTimeout(() => {\n          const firstEmpty = newOtp.findIndex(char => char === '')\n          if (firstEmpty !== -1) {\n            inputsRef.current[firstEmpty]?.focus()\n          } else if (currentIndex < newOtp.length) {\n            inputsRef.current[currentIndex]?.focus()\n          }\n        }, 0)\n\n        return newOtp\n      })\n    },\n    [props]\n  )\n\n  const handleChange = useCallback(\n    (index: number, value: string) => {\n      if (!/^\\d*$/.test(value)) return\n\n      setOtp(prevOtp => {\n        const newOtp = [...prevOtp]\n        newOtp[index] = value.slice(-1)\n\n        if (props.onChange) {\n          props.onChange(newOtp.join(''))\n        }\n\n        if (newOtp.every(char => char !== '')) {\n          props.onComplete?.(newOtp.join(''))\n        }\n\n        if (value && index < prevOtp.length - 1) {\n          setTimeout(() => {\n            inputsRef.current[index + 1]?.focus()\n          }, 0)\n        }\n\n        return newOtp\n      })\n    },\n    [props]\n  )\n\n  const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n    const input = inputsRef.current[index]\n\n    if (!input) return\n\n    if (e.key === 'ArrowRight') {\n      const nextIndex = index < otp.length - 1 ? index + 1 : 0\n      const nextInput = inputsRef.current[nextIndex]\n\n      if (nextInput) {\n        nextInput.focus()\n        setTimeout(() => nextInput.setSelectionRange(0, nextInput.value.length), 0)\n      }\n    }\n\n    if (e.key === 'ArrowLeft') {\n      const prevIndex = index > 0 ? index - 1 : otp.length - 1\n      const prevInput = inputsRef.current[prevIndex]\n\n      if (prevInput) {\n        prevInput.focus()\n        setTimeout(() => prevInput.setSelectionRange(0, prevInput.value.length), 0)\n      }\n    }\n\n    if (e.key === 'Backspace') {\n      if (input.value) {\n        setTimeout(() => input.setSelectionRange(0, input.value.length), 0)\n      } else if (index > 0) {\n        setTimeout(() => {\n          const prevInput = inputsRef.current[index - 1]\n          if (prevInput) {\n            prevInput.focus()\n            prevInput.setSelectionRange(0, prevInput.value.length)\n          }\n        }, 0)\n      }\n    }\n  }\n\n  const handleFocusInput = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    setTimeout(() => e.target.setSelectionRange(0, e.target.value.length), 0)\n  }, [])\n  return (\n    <>\n      <InputOTPWrapper\n        $error={props.error}\n        $size={props.size}\n        id={props.id}\n        ref={wrapperRef}\n        onBlur={e => {\n          setTimeout(() => {\n            if (wrapperRef.current && !wrapperRef.current.contains(document.activeElement)) {\n              props.onBlur?.(e)\n            }\n          }, 0)\n        }}\n        onFocus={e => {\n          setTimeout(() => {\n            if (wrapperRef.current?.contains(document.activeElement)) {\n              props.onFocus?.(e)\n            }\n          }, 0)\n        }}\n        $sx={props.sx}\n      >\n        {otp.map((digit, index) => (\n          <Input\n            isWidthAsHeight\n            key={index}\n            tabIndex={index + 1}\n            ref={el => {\n              inputsRef.current[index] = el\n            }}\n            variety=\"standard\"\n            type=\"text\"\n            inputMode=\"numeric\"\n            maxLength={1}\n            value={digit}\n            onFocus={handleFocusInput}\n            onPaste={e => handlePaste(index, e)}\n            onChange={value => handleChange(index, value)}\n            onKeyDown={e => handleKeyDown(index, e)}\n            genre={props.genre}\n            size={props.size}\n          />\n        ))}\n      </InputOTPWrapper>\n      {props?.error ? <ErrorMessage {...props.error} size={props?.error.size ?? props.size} /> : null}\n    </>\n  )\n}\n"],"names":["InputOTPSize","css","props","InputOTPSizeConstructor","KEY_SIZE_DATA","$size","padding","InputOTPWrapper","styled","div","addSX","otp","setOtp","useState","Array","length","fill","inputsRef","useRef","wrapperRef","handlePaste","useCallback","index","e","preventDefault","digits","clipboardData","getData","replace","split","prevOtp","newOtp","currentIndex","i","joined","join","_a","onChange","call","every","char","_b","onComplete","setTimeout","firstEmpty","findIndex","current","focus","handleChange","value","test","slice","handleFocusInput","target","setSelectionRange","jsxs","Fragment","children","jsx","$error","error","size","id","ref","onBlur","contains","document","activeElement","onFocus","$sx","sx","map","digit","Input","isWidthAsHeight","tabIndex","el","variety","type","inputMode","maxLength","onPaste","onKeyDown","input","key","nextIndex","nextInput","prevIndex","prevInput","handleKeyDown","genre","ErrorMessage"],"mappings":"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"}

package/build/component.styles-Cje8zTpf.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-Cje8zTpf.cjs","sources":["../src/components/toggle/component.styles.ts","../src/components/toggle/component.tsx"],"sourcesContent":["import { addDisabled, addOutline, addTransition } from '@local/styles/add';\nimport { addError } from '@local/styles/error';\nimport { KEY_SIZE_DATA_TOGGLE } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { StyledToggleProps } from '.';\n\n/****************************************** Add *************************************************/\nconst addToggleWrapperSize = css<StyledToggleProps>`\n  ${(props) => css`\n    height: ${KEY_SIZE_DATA_TOGGLE[props.$size].height}px;\n    width: ${KEY_SIZE_DATA_TOGGLE[props.$size].width}px;\n    padding: ${KEY_SIZE_DATA_TOGGLE[props.$size].padding}px;\n    border-radius: 100px;\n  `};\n`;\n\nconst addToggleCenterSize = css<StyledToggleProps>`\n  ${(props) => css`\n  height: ${KEY_SIZE_DATA_TOGGLE[props.$size].thumb}px;\n  width: ${KEY_SIZE_DATA_TOGGLE[props.$size].thumb}px;\n  border-radius: 100px;\n  `}\n`;\n/****************************************** Standard *************************************************/\nexport const ToggleWrapper = styled(motion.div)<StyledToggleProps>`\n  cursor: pointer;\n  border: 1px solid transparent;\n\n  display: flex;\n  align-items: center;\n\n  ${addToggleWrapperSize};\n  ${addTransition};\n  ${addOutline};\n  ${addDisabled};\n\n  ${(props) =>\n    props.$value\n      ? css`\n          background: ${props.theme.colors.toggle[props.$genre].active.rest.track};\n          border-color: ${props.theme.colors.toggle[props.$genre].active.rest.border};\n          justify-content: flex-start;\n          &:hover {\n            background: ${props.theme.colors.toggle[props.$genre].active.hover.track};\n            border-color: ${props.theme.colors.toggle[props.$genre].active.hover.border};\n          }\n        `\n      : css`\n          background: ${props.theme.colors.toggle[props.$genre].unActive.rest.track};\n          border-color: ${props.theme.colors.toggle[props.$genre].unActive.rest.border};\n          justify-content: flex-start;\n          &:hover {\n            background: ${props.theme.colors.toggle[props.$genre].unActive.hover.track};\n            border-color: ${props.theme.colors.toggle[props.$genre].unActive.hover.border};\n          }\n        `};\n\n  ${addError};\n`;\n\nexport const ToggleCenter = styled(motion.div)<StyledToggleProps>`\n  ${addToggleCenterSize};\n  ${addTransition};\n\n  ${(props) =>\n    props.$value\n      ? css`\n          background: ${props.theme.colors.toggle[props.$genre].active.rest.thumb};\n          box-shadow: ${props.theme.colors.toggle[props.$genre].active.rest.thumbBoxShadow};\n          &:hover {\n            background: ${props.theme.colors.toggle[props.$genre].active.hover.thumb};\n            box-shadow: ${props.theme.colors.toggle[props.$genre].active.hover.thumbBoxShadow};\n          }\n        `\n      : css`\n          background: ${props.theme.colors.toggle[props.$genre].unActive.rest.thumb};\n          box-shadow: ${props.theme.colors.toggle[props.$genre].unActive.rest.thumbBoxShadow};\n          &:hover {\n            background: ${props.theme.colors.toggle[props.$genre].unActive.hover.thumb};\n            box-shadow: ${props.theme.colors.toggle[props.$genre].unActive.hover.thumbBoxShadow};\n          }\n        `}\n`;\n","import { KEY_SIZE_DATA_TOGGLE } from '@local/theme';\n\nimport { useMemo } from 'react';\n\nimport { ToggleCenter, ToggleProps, ToggleWrapper } from '.'\n\nexport const Toggle = (props: ToggleProps) => {\n  const toggleVariants = useMemo(() => ({\n    tap: {\n      width: KEY_SIZE_DATA_TOGGLE[props.size].thumb + 4,\n      translateX: props.value ? KEY_SIZE_DATA_TOGGLE[props.size].width - KEY_SIZE_DATA_TOGGLE[props.size].thumb - KEY_SIZE_DATA_TOGGLE[props.size].padding * 3 - 4 : 0,\n      transition: {\n        duration: 0.05,\n      },\n    },\n    checked: {\n      translateX: KEY_SIZE_DATA_TOGGLE[props.size].width - KEY_SIZE_DATA_TOGGLE[props.size].thumb - KEY_SIZE_DATA_TOGGLE[props.size].padding * 3,\n      transition: { ease: \"circInOut\", duration: 0.05 },\n    },\n    unchecked: {\n      translateX: 0,\n      transition: { ease: \"circInOut\", duration: 0.05 },\n    },\n  }), [props.size, props.value]);\n\n  return (\n    <ToggleWrapper\n      $genre={props.genre}\n      $isDisabled={props.isDisabled}\n      $value={props.value}\n      $size={props.size}\n      $error={props.error}\n      tabIndex={0}\n      onClick={() => props.onChange?.(!props.value)}\n      whileTap=\"tap\"\n      animate={props.value ? \"checked\" : \"unchecked\"}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') props.onChange?.(!props.value)\n      }}\n\n    >\n      <ToggleCenter\n        variants={toggleVariants}\n        $genre={props.genre}\n        $isDisabled={props.isDisabled}\n        $value={props.value}\n        $size={props.size}\n        $error={props.error}\n      />\n    </ToggleWrapper>\n  )\n}\n"],"names":["addToggleWrapperSize","css","props","KEY_SIZE_DATA_TOGGLE","$size","height","width","padding","addToggleCenterSize","thumb","ToggleWrapper","styled","motion","div","addTransition","addOutline","addDisabled","$value","theme","colors","toggle","$genre","active","rest","track","border","hover","unActive","addError","ToggleCenter","thumbBoxShadow","toggleVariants","useMemo","tap","size","translateX","value","transition","duration","checked","ease","unchecked","jsx","genre","$isDisabled","isDisabled","$error","error","tabIndex","onClick","_a","onChange","call","whileTap","animate","onKeyDown","e","key","children","variants"],"mappings":"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"}

package/build/component.styles-CpFA5YrM.js

@@ -1,71 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { useCallback } from "react";
-import { C as Checkbox } from "./component.styles-5Xz_H-fR.js";
-import styled, { css } from "styled-components";
-import { g as getFontSizeStyles } from "./component-BoHvC24Q.js";
-import { a as addSX } from "./style-plT9Ah7t.js";
-import { K as KEY_SIZE_DATA } from "./theme.global-CFUz5Asg.js";
-const CheckboxGroup = (props) => {
-  const createMarkup = (html) => ({ __html: html });
-  const handleCheckboxChange = useCallback(
-    (item) => {
-      const isSelected = props.value.some((selectedItem) => selectedItem[props.valueField] === item[props.valueField]);
-      const updatedSelectedItems = isSelected ? props.value.filter((selectedItem) => selectedItem[props.valueField] !== item[props.valueField]) : props.multiple ? [...props.value, item] : [item];
-      if (props.onChange) props.onChange(updatedSelectedItems);
-    },
-    [props]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxGroupWrapper, { className: props.className, $sx: props.sx, $size: props.size, children: props.options.map((e, index) => {
-    const isChecked = props.value.some((selectedItem) => selectedItem[props.valueField] === e[props.valueField]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(CheckboxGroupItem, { onClick: () => !props.isClickOnlyIcon && handleCheckboxChange(e), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Checkbox,
-        {
-          genre: props.checkboxGenre,
-          isHiddenBorder: props.checkboxIsHiddenBorder,
-          view: props.checkBoxView,
-          sx: props.checkboxSX,
-          size: props.size,
-          checked: isChecked,
-          children: props.labelField && (e == null ? void 0 : e[props.labelField]) !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxGroupLabel, { dangerouslySetInnerHTML: createMarkup(e[props.labelField]) })
-        }
-      ),
-      props.childrenField && (e == null ? void 0 : e[props.childrenField]) !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxChildren, { children: e[props.childrenField] })
-    ] }, index);
-  }) });
-};
-const CheckboxGroupSize = css`
-  ${(props) => CheckboxGroupSizeConstructor(KEY_SIZE_DATA[props.$size])};
-`;
-const CheckboxGroupSizeConstructor = (props) => css`
-  gap: ${props.padding - 2}px;
-  ${(params) => getFontSizeStyles(props.font, 700, params.theme.font.family)};
-`;
-const CheckboxGroupWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  ${CheckboxGroupSize};
-  ${addSX};
-`;
-const CheckboxGroupItem = styled.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`;
-const CheckboxGroupLabel = styled.div`
-  user-select: none;
-`;
-const CheckboxChildren = styled.div`
-  user-select: none;
-`;
-export {
-  CheckboxGroup as C,
-  CheckboxGroupSize as a,
-  CheckboxGroupSizeConstructor as b,
-  CheckboxGroupWrapper as c,
-  CheckboxGroupItem as d,
-  CheckboxGroupLabel as e,
-  CheckboxChildren as f
-};
-//# sourceMappingURL=component.styles-CpFA5YrM.js.map

package/build/component.styles-CpFA5YrM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-CpFA5YrM.js","sources":["../src/components/checkbox-group/component.tsx","../src/components/checkbox-group/component.styles.ts"],"sourcesContent":["import { ReactNode, useCallback } from 'react'\n\nimport { Checkbox } from '@local/components/checkbox'\n\nimport {\n  CheckboxChildren,\n  CheckboxGroupItem,\n  CheckboxGroupLabel,\n  CheckboxGroupProps,\n  CheckboxGroupWrapper,\n  ICheckboxValue\n} from '.'\n\nexport const CheckboxGroup = <T extends ICheckboxValue>(props: CheckboxGroupProps<T>) => {\n  const createMarkup = (html: string) => ({ __html: html })\n\n  const handleCheckboxChange = useCallback(\n    (item: T) => {\n      const isSelected = props.value.some(selectedItem => selectedItem[props.valueField] === item[props.valueField])\n\n      const updatedSelectedItems = isSelected\n        ? props.value.filter(selectedItem => selectedItem[props.valueField] !== item[props.valueField])\n        : props.multiple\n          ? [...props.value, item]\n          : [item]\n      if (props.onChange) props.onChange(updatedSelectedItems)\n    },\n    [props]\n  )\n  return (\n    <CheckboxGroupWrapper className={props.className} $sx={props.sx} $size={props.size}>\n      {props.options.map((e, index) => {\n        const isChecked = props.value.some(selectedItem => selectedItem[props.valueField] === e[props.valueField])\n        return (\n          <CheckboxGroupItem key={index} onClick={() => !props.isClickOnlyIcon && handleCheckboxChange(e)}>\n            <Checkbox\n              genre={props.checkboxGenre}\n              isHiddenBorder={props.checkboxIsHiddenBorder}\n              view={props.checkBoxView}\n              sx={props.checkboxSX}\n              size={props.size}\n              checked={isChecked}\n            >\n              {props.labelField && e?.[props.labelField] !== undefined && (\n                <CheckboxGroupLabel dangerouslySetInnerHTML={createMarkup(e[props.labelField] as string)} />\n              )}\n            </Checkbox>\n            {props.childrenField && e?.[props.childrenField] !== undefined && (\n              <CheckboxChildren>{e[props.childrenField] as ReactNode}</CheckboxChildren>\n            )}\n          </CheckboxGroupItem>\n        )\n      })}\n    </CheckboxGroupWrapper>\n  )\n}\n","import styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { addSX } from '@local/styles/sx'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { CheckboxGroupWrapperProps } from '.'\n\n/****************************************** Size *************************************************/\nexport const CheckboxGroupSize = css<CheckboxGroupWrapperProps>`\n  ${props => CheckboxGroupSizeConstructor(KEY_SIZE_DATA[props.$size])};\n`\nexport const CheckboxGroupSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n  gap: ${props.padding - 2}px;\n  ${params => getFontSizeStyles(props.font, 700, params.theme.font.family)};\n`\n\n/****************************************** Default *************************************************/\nexport const CheckboxGroupWrapper = styled.div<CheckboxGroupWrapperProps>`\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  ${CheckboxGroupSize};\n  ${addSX};\n`\n\nexport const CheckboxGroupItem = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`\n\nexport const CheckboxGroupLabel = styled.div`\n  user-select: none;\n`\n\nexport const CheckboxChildren = styled.div`\n  user-select: none;\n`\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AAaO,MAAM,gBAAgB,CAA2B,UAAiC;AACvF,QAAM,eAAe,CAAC,UAAkB,EAAE,QAAQ,KAAA;AAElD,QAAM,uBAAuB;AAAA,IAC3B,CAAC,SAAY;AACX,YAAM,aAAa,MAAM,MAAM,KAAK,CAAA,iBAAgB,aAAa,MAAM,UAAU,MAAM,KAAK,MAAM,UAAU,CAAC;AAE7G,YAAM,uBAAuB,aACzB,MAAM,MAAM,OAAO,kBAAgB,aAAa,MAAM,UAAU,MAAM,KAAK,MAAM,UAAU,CAAC,IAC5F,MAAM,WACJ,CAAC,GAAG,MAAM,OAAO,IAAI,IACrB,CAAC,IAAI;AACX,UAAI,MAAM,SAAU,OAAM,SAAS,oBAAoB;AAAA,IAAA;AAAA,IAEzD,CAAC,KAAK;AAAA,EAAA;AAER,+CACG,sBAAA,EAAqB,WAAW,MAAM,WAAW,KAAK,MAAM,IAAI,OAAO,MAAM,MAC3E,UAAA,MAAM,QAAQ,IAAI,CAAC,GAAG,UAAU;AAC/B,UAAM,YAAY,MAAM,MAAM,KAAK,CAAA,iBAAgB,aAAa,MAAM,UAAU,MAAM,EAAE,MAAM,UAAU,CAAC;AACzG,WACEA,uCAAC,qBAA8B,SAAS,MAAM,CAAC,MAAM,mBAAmB,qBAAqB,CAAC,GAC5F,UAAA;AAAA,MAAAC,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,MAAM;AAAA,UACb,gBAAgB,MAAM;AAAA,UACtB,MAAM,MAAM;AAAA,UACZ,IAAI,MAAM;AAAA,UACV,MAAM,MAAM;AAAA,UACZ,SAAS;AAAA,UAER,UAAA,MAAM,eAAc,uBAAI,MAAM,iBAAgB,UAC7CA,kCAAAA,IAAC,oBAAA,EAAmB,yBAAyB,aAAa,EAAE,MAAM,UAAU,CAAW,EAAA,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7F,MAAM,kBAAiB,uBAAI,MAAM,oBAAmB,UACnDA,sCAAC,kBAAA,EAAkB,UAAA,EAAE,MAAM,aAAa,EAAA,CAAe;AAAA,IAAA,EAAA,GAdnC,KAgBxB;AAAA,EAAA,CAEH,GACH;AAEJ;AC9CO,MAAM,oBAAoB;AAAA,IAC7B,WAAS,6BAA6B,cAAc,MAAM,KAAK,CAAC,CAAC;AAAA;AAE9D,MAAM,+BAA+B,CAAC,UAAqC;AAAA,SACzE,MAAM,UAAU,CAAC;AAAA,IACtB,CAAA,WAAU,kBAAkB,MAAM,MAAM,KAAK,OAAO,MAAM,KAAK,MAAM,CAAC;AAAA;AAInE,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIvC,iBAAiB;AAAA,IACjB,KAAK;AAAA;AAGF,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAIlC,MAAM,mBAAmB,OAAO;AAAA;AAAA;"}

package/build/component.styles-Crx4pACx.cjs

@@ -1,137 +0,0 @@
-"use strict";const e=require("./component-CACoGUK9.cjs"),t=require("./style-mc2ST5fY.cjs"),r=require("./style-B5u4pW5G.cjs"),n=require("./style-fRZ6xrVp.cjs"),a=require("./theme.global-B9t2Fi10.cjs"),o=require("framer-motion"),i=require("react"),u=require("styled-components");function l(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}var s,c;function d(){}function f(e){return!!(e||"").match(/\d/)}function v(e){return null==e}function g(e){return v(e)||function(e){return"number"==typeof e&&isNaN(e)}(e)||"number"==typeof e&&!isFinite(e)}function p(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function h(e,t){void 0===t&&(t=!0);var r="-"===e[0],n=r&&t,a=(e=e.replace("-","")).split(".");return{beforeDecimal:a[0],afterDecimal:a[1]||"",hasNegation:r,addNegation:n}}function m(e,t,r){for(var n="",a=r?"0":"",o=0;o<=t-1;o++)n+=e[o]||a;return n}function $(e,t){return Array(t+1).join(e)}function S(e){var t=e+"",r="-"===t[0]?"-":"";r&&(t=t.substring(1));var n=t.split(/[eE]/g),a=n[0],o=n[1];if(!(o=Number(o)))return r+a;var i=1+o,u=(a=a.replace(".","")).length;return i<0?a="0."+$("0",Math.abs(i))+a:i>=u?a+=$("0",i-u):a=(a.substring(0,i)||"0")+"."+a.substring(i),r+a}function b(e,t,r){if(-1!==["","-"].indexOf(e))return e;var n=(-1!==e.indexOf(".")||r)&&t,a=h(e),o=a.beforeDecimal,i=a.afterDecimal,u=a.hasNegation,l=parseFloat("0."+(i||"0")),s=(i.length<=t?"0."+i:l.toFixed(t)).split("."),c=o;return o&&Number(s[0])&&(c=o.split("").reverse().reduce(function(e,t,r){return e.length>r?(Number(e[0])+Number(t)).toString()+e.substring(1,e.length):t+e},s[0])),""+(u?"-":"")+c+(n?".":"")+m(s[1]||"",t,r)}function x(e,t){if(e.value=e.value,null!==e){if(e.createTextRange){var r=e.createTextRange();return r.move("character",t),r.select(),!0}return e.selectionStart||0===e.selectionStart?(e.focus(),e.setSelectionRange(t,t),!0):(e.focus(),!1)}}(c=s||(s={})).event="event",c.props="prop";var y,w,V,N=(y=function(e,t){for(var r=0,n=0,a=e.length,o=t.length;e[r]===t[r]&&r<a;)r++;for(;e[a-1-n]===t[o-1-n]&&o-n>r&&a-n>r;)n++;return{from:{start:r,end:a-n},to:{start:r,end:o-n}}},V=void 0,function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return w&&e.length===w.length&&e.every(function(e,t){return e===w[t]})?V:(w=e,V=y.apply(void 0,e))});function I(e){return Math.max(e.selectionStart,e.selectionEnd)}function D(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}function E(e,t){return void 0===e&&(e=" "),"string"==typeof e?e:e[t]||" "}function C(e){var t=e.currentValue,r=e.formattedValue,n=e.currentValueIndex,a=e.formattedValueIndex;return t[n]===r[a]}function O(e,t,r,n){var a,o,i,u=e.length;if(a=t,o=0,i=u,t=Math.min(Math.max(a,o),i),"left"===n){for(;t>=0&&!r[t];)t--;-1===t&&(t=r.indexOf(!0))}else{for(;t<=u&&!r[t];)t++;t>u&&(t=r.lastIndexOf(!0))}return-1===t&&(t=u),t}function j(e){for(var t=Array.from({length:e.length+1}).map(function(){return!0}),r=0,n=t.length;r<n;r++)t[r]=Boolean(f(e[r])||f(e[r-1]));return t}function A(e,t,r,n,a,o){void 0===o&&(o=d);var u=function(e){var t=i.useRef(e);t.current=e;var r=i.useRef(function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];return t.current.apply(t,e)});return r.current}(function(e,t){var r,o;return g(e)?(o="",r=""):"number"==typeof e||t?(o="number"==typeof e?S(e):e,r=n(o)):(o=a(e,void 0),r=n(o)),{formattedValue:r,numAsString:o}}),l=i.useState(function(){return u(v(e)?t:e,r)}),s=l[0],c=l[1],f=e,p=r;v(e)&&(f=s.numAsString,p=!0);var h=u(f,p);return i.useMemo(function(){c(h)},[h.formattedValue]),[s,function(e,t){e.formattedValue!==s.formattedValue&&c({formattedValue:e.formattedValue,numAsString:e.value}),o(e,t)}]}function k(e){return e.replace(/[^0-9]/g,"")}function T(e){return e}function B(e){var t=e.type;void 0===t&&(t="text");var r=e.displayType;void 0===r&&(r="input");var n=e.customInput,a=e.renderText,o=e.getInputRef,u=e.format;void 0===u&&(u=T);var c=e.removeFormatting;void 0===c&&(c=k);var v=e.defaultValue,g=e.valueIsNumericString,p=e.onValueChange,h=e.isAllowed,m=e.onChange;void 0===m&&(m=d);var $=e.onKeyDown;void 0===$&&($=d);var S=e.onMouseUp;void 0===S&&(S=d);var b=e.onFocus;void 0===b&&(b=d);var y=e.onBlur;void 0===y&&(y=d);var w=e.value,V=e.getCaretBoundary;void 0===V&&(V=j);var D=e.isValidInputCharacter;void 0===D&&(D=f);var E=e.isCharacterSame,B=l(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),F=A(w,v,Boolean(g),u,c,p),M=F[0],R=M.formattedValue,K=M.numAsString,z=F[1],P=i.useRef(),W=i.useRef({formattedValue:R,numAsString:K}),q=function(e,t){W.current={formattedValue:e.formattedValue,numAsString:e.value},z(e,t)},L=i.useState(!1),H=L[0],_=L[1],Z=i.useRef(null),G=i.useRef({setCaretTimeout:null,focusTimeout:null});i.useEffect(function(){return _(!0),function(){clearTimeout(G.current.setCaretTimeout),clearTimeout(G.current.focusTimeout)}},[]);var U=u,Y=function(e,t){var r=parseFloat(t);return{formattedValue:e,value:t,floatValue:isNaN(r)?void 0:r}},J=function(e,t,r){0===e.selectionStart&&e.selectionEnd===e.value.length||(x(e,t),G.current.setCaretTimeout=setTimeout(function(){e.value===r&&e.selectionStart!==t&&x(e,t)},0))},X=function(e,t,r){return O(e,t,V(e),r)},Q=function(e,t,r){var n=V(t),a=function(e,t,r,n,a,o,i){void 0===i&&(i=C);var u=a.findIndex(function(e){return e}),l=e.slice(0,u);t||r.startsWith(l)||(t=l,r=l+r,n+=l.length);for(var s=r.length,c=e.length,d={},f=new Array(s),v=0;v<s;v++){f[v]=-1;for(var g=0,p=c;g<p;g++)if(i({currentValue:r,lastValue:t,formattedValue:e,currentValueIndex:v,formattedValueIndex:g})&&!0!==d[g]){f[v]=g,d[g]=!0;break}}for(var h=n;h<s&&(-1===f[h]||!o(r[h]));)h++;var m=h===s||-1===f[h]?c:f[h];for(h=n-1;h>0&&-1===f[h];)h--;var $=-1===h||-1===f[h]?0:f[h]+1;return $>m?m:n-$<m-n?$:m}(t,R,e,r,n,D,E);return a=O(t,a,n)};i.useEffect(function(){var e=W.current,t=e.formattedValue,r=e.numAsString;R===t&&K===r||q(Y(R,K),{event:void 0,source:s.props})},[R,K]);var ee=Z.current?I(Z.current):void 0;("undefined"!=typeof window?i.useLayoutEffect:i.useEffect)(function(){var e=Z.current;if(R!==W.current.formattedValue&&e){var t=Q(W.current.formattedValue,R,ee);e.value=R,J(e,t,R)}},[R]);var te=function(e,t,r){var n=t.target,a=P.current?function(e,t){var r=Math.min(e.selectionStart,t);return{from:{start:r,end:e.selectionEnd},to:{start:r,end:t}}}(P.current,n.selectionEnd):N(R,e),o=Object.assign(Object.assign({},a),{lastValue:R}),i=c(e,o),u=U(i);if(i=c(u,void 0),h&&!h(Y(u,i))){var l=t.target,s=I(l),d=Q(e,R,s);return l.value=R,J(l,d,R),!1}return function(e){var t=e.formattedValue;void 0===t&&(t="");var r,n=e.input,a=e.source,o=e.event,i=e.numAsString;if(n){var u=e.inputValue||n.value,l=I(n);n.value=t,void 0!==(r=Q(u,t,l))&&J(n,r,t)}t!==R&&q(Y(t,i),{event:o,source:a})}({formattedValue:u,numAsString:i,inputValue:e,event:t,source:r,input:t.target}),!0},re=function(e,t){void 0===t&&(t=0);var r=e.selectionStart,n=e.selectionEnd;P.current={selectionStart:r,selectionEnd:n+t}},ne=!H||"undefined"==typeof navigator||navigator.platform&&/iPhone|iPod/.test(navigator.platform)?void 0:"numeric",ae=Object.assign({inputMode:ne},B,{type:t,value:R,onChange:function(e){var t=e.target.value;te(t,e,s.event)&&m(e),P.current=void 0},onKeyDown:function(e){var t,r=e.target,n=e.key,a=r.selectionStart,o=r.selectionEnd,i=r.value;void 0===i&&(i=""),"ArrowLeft"===n||"Backspace"===n?t=Math.max(a-1,0):"ArrowRight"===n?t=Math.min(a+1,i.length):"Delete"===n&&(t=a);var u=0;"Delete"===n&&a===o&&(u=1);var l="ArrowLeft"===n||"ArrowRight"===n;if(void 0===t||a!==o&&!l)return $(e),void re(r,u);var s=t;l?(s=X(i,t,"ArrowLeft"===n?"left":"right"))!==t&&e.preventDefault():"Delete"!==n||D(i[t])?"Backspace"!==n||D(i[t])||(s=X(i,t,"left")):s=X(i,t,"right");s!==t&&J(r,s,i),$(e),re(r,u)},onMouseUp:function(e){var t=e.target,r=function(){var e=t.selectionStart,r=t.selectionEnd,n=t.value;if(void 0===n&&(n=""),e===r){var a=X(n,e);a!==e&&J(t,a,n)}};r(),requestAnimationFrame(function(){r()}),S(e),re(t)},onFocus:function(e){e.persist&&e.persist();var t=e.target,r=e.currentTarget;Z.current=t,G.current.focusTimeout=setTimeout(function(){var n=t.selectionStart,a=t.selectionEnd,o=t.value;void 0===o&&(o="");var i=X(o,n);i===n||0===n&&a===o.length||J(t,i,o),b(Object.assign(Object.assign({},e),{currentTarget:r}))},0)},onBlur:function(e){Z.current=null,clearTimeout(G.current.focusTimeout),clearTimeout(G.current.setCaretTimeout),y(e)}});if("text"===r)return a?i.createElement(i.Fragment,null,a(R,B)||null):i.createElement("span",Object.assign({},B,{ref:o}),R);if(n){var oe=n;return i.createElement(oe,Object.assign({},ae,{ref:o}))}return i.createElement("input",Object.assign({},ae,{ref:o}))}function F(e,t){var r=t.decimalScale,n=t.fixedDecimalScale,a=t.prefix;void 0===a&&(a="");var o=t.suffix;void 0===o&&(o="");var i=t.allowNegative,u=t.thousandsGroupStyle;if(void 0===u&&(u="thousand"),""===e||"-"===e)return e;var l=M(t),s=l.thousandSeparator,c=l.decimalSeparator,d=0!==r&&-1!==e.indexOf(".")||r&&n,f=h(e,i),v=f.beforeDecimal,g=f.afterDecimal,p=f.addNegation;return void 0!==r&&(g=m(g,r,!!n)),s&&(v=function(e,t,r){var n=function(e){switch(e){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;default:return/(\d)(?=(\d{3})+(?!\d))/g}}(r),a=e.search(/[1-9]/);return a=-1===a?e.length:a,e.substring(0,a)+e.substring(a,e.length).replace(n,"$1"+t)}(v,s,u)),a&&(v=a+v),o&&(g+=o),p&&(v="-"+v),e=v+(d&&c||"")+g}function M(e){var t=e.decimalSeparator;void 0===t&&(t=".");var r=e.thousandSeparator,n=e.allowedDecimalSeparators;return!0===r&&(r=","),n||(n=[t,"."]),{decimalSeparator:t,thousandSeparator:r,allowedDecimalSeparators:n}}function R(e,t,r){var n;void 0===t&&(t=D(e));var a=r.allowNegative,o=r.prefix;void 0===o&&(o="");var i=r.suffix;void 0===i&&(i="");var u=r.decimalScale,l=t.from,s=t.to,c=s.start,d=s.end,v=M(r),g=v.allowedDecimalSeparators,m=v.decimalSeparator,$=e[d]===m;if(f(e)&&(e===o||e===i)&&""===t.lastValue)return e;if(d-c===1&&-1!==g.indexOf(e[c])){var S=0===u?"":m;e=e.substring(0,c)+S+e.substring(c+1,e.length)}var b=function(e,t,r){var n=!1,a=!1;o.startsWith("-")?n=!1:e.startsWith("--")?(n=!1,a=!0):i.startsWith("-")&&e.length===i.length?n=!1:"-"===e[0]&&(n=!0);var u=n?1:0;return a&&(u=2),u&&(e=e.substring(u),t-=u,r-=u),{value:e,start:t,end:r,hasNegation:n}},x=b(e,c,d),y=x.hasNegation;e=(n=x).value,c=n.start,d=n.end;var w=b(t.lastValue,l.start,l.end),V=w.start,N=w.end,I=w.value,E=e.substring(c,d);!(e.length&&I.length&&(V>I.length-i.length||N<o.length))||E&&i.startsWith(E)||(e=I);var C=0;e.startsWith(o)?C+=o.length:c<o.length&&(C=c),d-=C;var O=(e=e.substring(C)).length,j=e.length-i.length;e.endsWith(i)?O=j:(d>j||d>e.length-i.length)&&(O=d),e=e.substring(0,O),e=function(e,t){void 0===e&&(e="");var r=new RegExp("(-)"),n=new RegExp("(-)(.)*(-)"),a=r.test(e),o=n.test(e);return e=e.replace(/-/g,""),a&&!o&&t&&(e="-"+e),e}(y?"-"+e:e,a),e=(e.match(function(e){return new RegExp("(^-)|[0-9]|"+p(e),"g")}(m))||[]).join("");var A=e.indexOf(m),k=h(e=e.replace(new RegExp(p(m),"g"),function(e,t){return t===A?".":""}),a),T=k.beforeDecimal,B=k.afterDecimal,F=k.addNegation;return s.end-s.start<l.end-l.start&&""===T&&$&&!parseFloat(B)&&(e=F?"-":""),e}function K(e){e=function(e){var t=M(e),r=t.thousandSeparator,n=t.decimalSeparator,a=e.prefix;void 0===a&&(a="");var o=e.allowNegative;if(void 0===o&&(o=!0),r===n)throw new Error("\n        Decimal separator can't be same as thousand separator.\n        thousandSeparator: "+r+' (thousandSeparator = {true} is same as thousandSeparator = ",")\n        decimalSeparator: '+n+" (default value for decimalSeparator is .)\n     ");return a.startsWith("-")&&o&&(console.error("\n      Prefix can't start with '-' when allowNegative is true.\n      prefix: "+a+"\n      allowNegative: "+o+"\n    "),o=!1),Object.assign(Object.assign({},e),{allowNegative:o})}(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var t=e.suffix,r=e.allowNegative,n=e.allowLeadingZeros,a=e.onKeyDown;void 0===a&&(a=d);var o=e.onBlur;void 0===o&&(o=d);var i=e.thousandSeparator,u=e.decimalScale,c=e.fixedDecimalScale,p=e.prefix;void 0===p&&(p="");var h=e.defaultValue,m=e.value,$=e.valueIsNumericString,y=e.onValueChange,w=l(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),V=M(e),I=V.decimalSeparator,D=V.allowedDecimalSeparators,E=function(t){return F(t,e)},C=function(t,r){return R(t,r,e)},O=v(m)?h:m,j=null!=$?$:function(e,t,r){return""===e||!(null==t?void 0:t.match(/\d/))&&!(null==r?void 0:r.match(/\d/))&&"string"==typeof e&&!isNaN(Number(e))}(O,p,t);v(m)?v(h)||(j=j||"number"==typeof h):j=j||"number"==typeof m;var k=function(e){return g(e)?e:("number"==typeof e&&(e=S(e)),j&&"number"==typeof u?b(e,u,Boolean(c)):e)},T=A(k(m),k(h),Boolean(j),E,C,y),B=T[0],K=B.numAsString,z=B.formattedValue,P=T[1];return Object.assign(Object.assign({},w),{value:z,valueIsNumericString:!1,isValidInputCharacter:function(e){return e===I||f(e)},isCharacterSame:function(e){var t=e.currentValue,r=e.lastValue,n=e.formattedValue,a=e.currentValueIndex,o=e.formattedValueIndex,i=t[a],l=n[o],s=N(r,t).to,d=function(e){return C(e).indexOf(".")+p.length};return!(0===m&&c&&u&&t[s.start]===I&&d(t)<a&&d(n)>o)&&(!!(a>=s.start&&a<s.end&&D&&D.includes(i)&&l===I)||i===l)},onValueChange:P,format:E,removeFormatting:C,getCaretBoundary:function(t){return function(e,t){var r=t.prefix;void 0===r&&(r="");var n=t.suffix;void 0===n&&(n="");var a=Array.from({length:e.length+1}).map(function(){return!0}),o="-"===e[0];a.fill(!1,0,r.length+(o?1:0));var i=e.length;return a.fill(!1,i-n.length+1,i+1),a}(t,e)},onKeyDown:function(e){var t=e.target,n=e.key,o=t.selectionStart,l=t.selectionEnd,s=t.value;if(void 0===s&&(s=""),("Backspace"===n||"Delete"===n)&&l<p.length)e.preventDefault();else if(o===l){"Backspace"===n&&"-"===s[0]&&o===p.length+1&&r&&x(t,1),u&&c&&("Backspace"===n&&s[o-1]===I?(x(t,o-1),e.preventDefault()):"Delete"===n&&s[o]===I&&e.preventDefault()),(null==D?void 0:D.includes(n))&&s[o]===I&&x(t,o+1);var d=!0===i?",":i;"Backspace"===n&&s[o-1]===d&&x(t,o-1),"Delete"===n&&s[o]===d&&x(t,o+1),a(e)}else a(e)},onBlur:function(t){var r=K;if(r.match(/\d/g)||(r=""),n||(r=function(e){if(!e)return e;var t="-"===e[0];t&&(e=e.substring(1,e.length));var r=e.split("."),n=r[0].replace(/^0+/,"")||"0",a=r[1]||"";return(t?"-":"")+n+(a?"."+a:"")}(r)),c&&u&&(r=b(r,u,c)),r!==K){var a=F(r,e);P({formattedValue:a,value:r,floatValue:parseFloat(r)},{event:t,source:s.event})}o(t)}})}function z(e){e.mask,e.allowEmptyFormatting;var t=e.format,r=e.inputMode;void 0===r&&(r="numeric");var n=e.onKeyDown;void 0===n&&(n=d);var a=e.patternChar;void 0===a&&(a="#");var o=e.value,i=e.defaultValue,u=e.valueIsNumericString,s=l(e,["mask","allowEmptyFormatting","format","inputMode","onKeyDown","patternChar","value","defaultValue","valueIsNumericString"]);!function(e){var t=e.mask;if(t&&("string"===t?t:t.toString()).match(/\d/g))throw new Error("Mask "+t+" should not contain numeric character;")}(e);var c,g,p=function(t){return function(e,t){var r=t.format,n=t.mask,a=t.patternChar;void 0===a&&(a="#");var o=Array.from({length:e.length+1}).map(function(){return!0}),i=0,u=-1,l={};r.split("").forEach(function(t,r){var o=void 0;t===a&&(i++,o=E(n,i-1),-1===u&&e[r]===o&&(u=r)),l[r]=o});for(var s=function(t){return r[t]===a&&e[t]!==l[t]},c=0,d=o.length;c<d;c++)o[c]=c===u||s(c)||s(c-1);return o[r.indexOf(a)]=!0,o}(t,e)},h=v(o)?i:o,m=null!=u?u:(g=t,""===(c=h)||!((null==g?void 0:g.match(/\d/))||"string"!=typeof c||!c.match(/^\d+$/)&&""!==c)),$=Object.assign(Object.assign({},e),{valueIsNumericString:m});return Object.assign(Object.assign({},s),{value:o,defaultValue:i,valueIsNumericString:m,inputMode:r,format:function(e){return function(e,t){var r=t.format,n=t.allowEmptyFormatting,a=t.mask,o=t.patternChar;if(void 0===o&&(o="#"),""===e&&!n)return"";for(var i=0,u=r.split(""),l=0,s=r.length;l<s;l++)r[l]===o&&(u[l]=e[i]||E(a,i),i+=1);return u.join("")}(e,$)},removeFormatting:function(e,t){return function(e,t,r){void 0===t&&(t=D(e));var n=r.format,a=r.patternChar;void 0===a&&(a="#");var o=t.from,i=t.to,u=t.lastValue;void 0===u&&(u="");var l=function(e){return n[e]===a},s=function(e,t){for(var r="",n=0;n<e.length;n++)l(t+n)&&f(e[n])&&(r+=e[n]);return r},c=function(e){return e.replace(/[^0-9]/g,"")};if(!n.match(/\d/))return c(e);if((""===u||o.end-o.start===u.length)&&e.length===n.length){for(var d="",v=0;v<e.length;v++)if(l(v))f(e[v])&&(d+=e[v]);else if(e[v]!==n[v])return c(e);return d}var g=u.substring(0,o.start),p=e.substring(i.start,i.end),h=u.substring(o.end);return""+s(g,0)+c(p)+s(h,o.end)}(e,t,$)},getCaretBoundary:p,onKeyDown:function(e){var r=e.key,o=e.target,i=o.selectionStart,u=o.selectionEnd,l=o.value;if(i===u){var s=i;if("Backspace"===r||"Delete"===r){var c="right";if("Backspace"===r){for(;s>0&&t[s-1]!==a;)s--;c="left"}else{for(var d=t.length;s<d&&t[s]!==a;)s++;c="right"}s=O(l,s,p(l),c)}else t[s]!==a&&"ArrowLeft"!==r&&"ArrowRight"!==r&&(s=O(l,s+1,p(l),"right"));s!==i&&x(o,s),n(e)}else n(e)}})}const P=u.div`
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
-  ${e=>e.$isWidthAsHeight?u.css`
-          width: ${a.KEY_SIZE_DATA[e.$size].height}px;
-          min-width: ${a.KEY_SIZE_DATA[e.$size].height}px;
-          & input {
-            text-align: center;
-          }
-        `:null};
-  ${n.addSX};
-`,W=u.css`
-  &::placeholder,
-  &::-webkit-input-placeholder {
-    ${t=>e.getFontSizeStyles(16,t.$isBold?500:400,t.theme.font.family,t.theme.font.lineHeight)};
-    color: ${e=>e.theme.colors.input[e.$genre].color.placeholder};
-    opacity: 1;
-  }
-  &:-ms-input-placeholder {
-    ${t=>e.getFontSizeStyles(16,t.$isBold?500:400,t.theme.font.family,t.theme.font.lineHeight)};
-    color: ${e=>e.theme.colors.input[e.$genre].color.placeholder};
-    opacity: 1;
-  }
-`,q=u.css`
-  &::placeholder,
-  &::-webkit-input-placeholder {
-    ${t=>e.getFontSizeStyles(16,t.$isBold?500:400,"Roboto Mono",t.theme.font.lineHeight)};
-    color: ${e=>e.theme.colors.input[e.$genre].color.placeholder};
-    opacity: 1;
-    ${t.addNiceNumber};
-    background: transparent;
-  }
-  &:-ms-input-placeholder {
-    ${t=>e.getFontSizeStyles(16,t.$isBold?500:400,"Roboto Mono",t.theme.font.lineHeight)};
-    color: ${e=>e.theme.colors.input[e.$genre].color.placeholder};
-    opacity: 1;
-    ${t.addNiceNumber};
-    background: transparent;
-  }
-`,L=u.css`
-  ${e=>u.css`
-    background: ${e.theme.colors.input[e.$genre].background.rest};
-    border-color: ${e.theme.colors.input[e.$genre].border.rest};
-    color: ${e.theme.colors.input[e.$genre].color.rest};
-    &:active {
-      background: ${e.theme.colors.input[e.$genre].background.rest};
-      border-color: ${e.theme.colors.input[e.$genre].border.rest};
-      color: ${e.theme.colors.input[e.$genre].color.rest};
-    }
-    ${!e.$isNotShowHoverStyle&&u.css`
-      &:hover {
-        background: ${e.theme.colors.input[e.$genre].background.hover};
-        border-color: ${e.theme.colors.input[e.$genre].border.hover};
-        color: ${e.theme.colors.input[e.$genre].color.hover};
-      }
-    `}
-    &:focus-visible {
-      background: ${e.theme.colors.input[e.$genre].background.rest};
-      border-color: ${e.theme.colors.input[e.$genre].border.rest};
-      color: ${e.theme.colors.input[e.$genre].color.rest};
-    }
-  `};
-`,H=u.css`
-  ${e=>_(a.KEY_SIZE_DATA[e.$size])};
-`,_=e=>u.css`
-  padding: 0px ${e.padding}px;
-  height: ${e.height}px;
-  min-height: ${e.height}px;
-  max-height: ${e.height}px;
-  border-radius: ${e.radius}px;
-`,Z=u.css`
-  ${e=>e.$isInputEffect&&u.css`
-      box-shadow: ${e.theme.effects.input};
-    `}
-`,G=u.css`
-  resize: none;
-  overflow: hidden;
-  width: 100%;
-  border: 1px solid;
-
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  ${t=>e.getFontSizeStyles(16,t.$isBold?500:400,t.theme.font.family,t.theme.font.lineHeight)};
-
-  ${H};
-  ${L};
-  ${W};
-  ${t.addDisabled};
-  ${Z};
-  ${t.addOutline};
-  ${t.addTransition};
-  ${r.addError};
-
-  ${e=>e.$isNiceNumber&&u.css`
-      ${t.addNiceNumber};
-    `};
-  ${e=>e.$isCenter&&u.css`
-      text-align: center;
-      justify-content: center;
-    `};
-
-  ${e=>e.$prefixChildren&&u.css`
-      padding-left: ${`calc(${e.$prefixChildren.width} + ${e.$prefixChildren.right} + ${e.$prefixChildren.left})`};
-    `};
-
-  ${e=>e.$postfixChildren&&u.css`
-      padding-right: ${`calc(${e.$postfixChildren.width} + ${e.$postfixChildren.right} + ${e.$postfixChildren.left})`};
-    `};
-`,U=u.input`
-  ${G};
-`,Y=u(o.motion.input)`
-  ${G};
-`,J=u(function(e){var t=z(e);return i.createElement(B,Object.assign({},t))})`
-  ${G};
-`,X=u(function(e){var t=K(e);return i.createElement(B,Object.assign({},t))})`
-  ${G};
-`,Q=u.div`
-  position: absolute;
-  display: flex;
-  left: ${e=>e.$left};
-  width: ${e=>e.$width};
-  height: 100%;
-  ${t.addDisabled};
-  ${t.addTransition};
-`,ee=u.div`
-  position: absolute;
-  display: flex;
-  right: ${e=>e.$right};
-  width: ${e=>e.$width};
-  height: 100%;
-  ${t.addDisabled};
-  ${t.addTransition};
-`;exports.InputPostfixChildren=ee,exports.InputPrefixChildren=Q,exports.InputSize=H,exports.InputSizeConstructor=_,exports.StyledInput=U,exports.StyledInputCSS=G,exports.StyledInputNumeric=X,exports.StyledInputPattern=J,exports.StyledInputWrapper=P,exports.StyledMotionInput=Y,exports.addInputIsInputEffect=Z,exports.addInputPlaceholder=W,exports.addInputPlaceholderNiceNumber=q;
-//# sourceMappingURL=component.styles-Crx4pACx.cjs.map

package/build/component.styles-Db3HLiuV.cjs

@@ -1,99 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),o=require("./style-B5u4pW5G.cjs"),r=require("./component-CACoGUK9.cjs"),t=require("react"),s=require("styled-components"),i=require("./style-mc2ST5fY.cjs"),n=require("./style-fRZ6xrVp.cjs"),l=require("./theme.global-B9t2Fi10.cjs"),a=s.css`
-  ${e=>s.css`
-    background: ${e.theme.colors.input[e.$genre].background.rest};
-    border-color: ${e.theme.colors.input[e.$genre].border.rest};
-    color: ${e.theme.colors.input[e.$genre].color.rest};
-
-    &:active {
-      background: ${e.theme.colors.input[e.$genre].background.rest};
-      border-color: ${e.theme.colors.input[e.$genre].border.rest};
-      color: ${e.theme.colors.input[e.$genre].color.rest};
-    }
-    &:hover {
-      background: ${e.theme.colors.input[e.$genre].background.hover};
-      border-color: ${e.theme.colors.input[e.$genre].border.hover};
-      color: ${e.theme.colors.input[e.$genre].color.hover};
-    }
-    &:focus-visible {
-      border-color: ${e.theme.colors.input[e.$genre].border.rest};
-      background: ${e.theme.colors.input[e.$genre].background.rest};
-      color: ${e.theme.colors.input[e.$genre].color.rest};
-    }
-  `};
-`,c=s.css`
-  ${e=>e.$isInputEffect&&s.css`
-      box-shadow: ${e.theme.effects.input};
-    `}
-`,u=s.css`
-  ${e=>s.css`
-    padding: ${l.KEY_SIZE_DATA[e.$size].padding-4}px ${l.KEY_SIZE_DATA[e.$size].padding}px ${l.KEY_SIZE_DATA[e.$size].padding-4}px ${l.KEY_SIZE_DATA[e.$size].padding}px;
-    border-radius: ${l.KEY_SIZE_DATA[e.$size].radius}px;
-    min-height: ${l.KEY_SIZE_DATA[e.$size].height}px;
-  `};
-`,d=s.div`
-  border: 1px solid;
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
-  flex-direction: column;
-  overflow: hidden;
-  width: 100%;
-  ${i.addTransitionWithoutSize};
-  ${u};
-  ${a};
-  ${c};
-  ${i.addDisabled};
-  ${i.addOutlineChildren};
-  ${n.addSX};
-`,$=s.css`
-  &::placeholder,
-  &::-webkit-input-placeholder {
-    ${e=>r.getFontSizeStyles(16,e.$isBold?500:400,e.theme.font.family,e.theme.font.lineHeight)};
-    color: ${e=>e.theme.colors.input[e.$genre].color.placeholder};
-    opacity: 1;
-  }
-  &:-ms-input-placeholder {
-    ${e=>r.getFontSizeStyles(16,e.$isBold?500:400,e.theme.font.family,e.theme.font.lineHeight)};
-    color: ${e=>e.theme.colors.input[e.$genre].color.placeholder};
-    opacity: 1;
-  }
-`,h=s.css`
-  ${e=>s.css`
-    color: ${e.theme.colors.input[e.$genre].color.rest};
-    border-color: transparent;
-    &:active {
-      color: ${e.theme.colors.input[e.$genre].color.rest};
-    }
-    &:hover {
-      color: ${e.theme.colors.input[e.$genre].color.hover};
-    }
-    &:focus-visible {
-      color: ${e.theme.colors.input[e.$genre].color.rest};
-    }
-  `};
-`,p=s.css`
-  ${e=>!e.$isResize&&s.css`
-      resize: none;
-    `}
-`,g=s.css`
-  overflow-x: hidden;
-  width: -webkit-fill-available;
-  padding: 0 !important;
-  border: none !important;
-  margin: 0 !important;
-  white-space: normal;
-  text-overflow: ellipsis;
-  height: auto;
-  background-color: transparent;
-  ${e=>r.getFontSizeStyles(16,e.$isBold?500:400,e.theme.font.family,`${e.$lineHeight}px`)};
-
-  ${h};
-  ${p};
-  ${$};
-  ${i.addRemoveOutline};
-  ${o.addError};
-`,m=s.textarea`
-  ${g};
-`;exports.StyledTextArea=m,exports.TextArea=i=>{const n=s.useTheme(),l=t.useRef(null),a=r.useMergeRefs([l,i.ref]),c=t.useMemo(()=>n.font.sizeDefault.default*n.font.lineHeight,[n.font.lineHeight,n.font.sizeDefault.default]),u=t.useMemo(()=>i.maxRows?i.maxRows*c:0,[c,i.maxRows]),$=t.useMemo(()=>i.minRows?i.minRows*c:c,[c,i.minRows]),h=t.useCallback(()=>{const e=l.current;if(e&&i.isAutoHeight){e.style.height="auto";const o=Math.min(e.scrollHeight,u);e.style.height=`${o}px`}},[i.isAutoHeight,u]),p=t.useCallback(e=>{var o,r;if(i.isNoSpaces){const r=e.replace(/\s+/g,"");null==(o=i.onChange)||o.call(i,r)}else null==(r=i.onChange)||r.call(i,e)},[i]);return t.useEffect(()=>{i.isAutoHeight&&requestAnimationFrame(h)},[i.value,h,i.isAutoHeight]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(d,{$isInputEffect:i.isInputEffect,$isDisabled:i.isDisabled,$sx:i.sx,$genre:i.genre,$size:i.size,$lineHeight:c,$isReadOnly:i.isReadOnly,className:i.className,tabIndex:-1,children:e.jsxRuntimeExports.jsx(m,{tabIndex:0,ref:a,$lineHeight:c,$isResize:i.isResize,$error:i.error,$isInputEffect:i.isInputEffect,$isLoading:i.isLoading,$genre:i.genre,$size:i.size,$isBold:i.isBold,$isDisabled:i.isDisabled,maxLength:i.maxLength,minLength:i.minLength,disabled:i.isDisabled,readOnly:i.isReadOnly,required:i.isRequired,defaultValue:null===i.defaultValue?"":i.defaultValue,value:null===i.value?"":i.value,rows:i.minRows,placeholder:i.placeholder,onChange:e=>p(e.target.value),onBlur:i.onBlur,onFocus:i.onFocus,onKeyDown:i.onKeyDown,name:i.name,autoComplete:i.autoComplete,id:i.id,style:{minHeight:`${$}px`,maxHeight:i.isResize?"none":i.isAutoHeight?`${u}px`:`${$}px`}})}),(null==i?void 0:i.error)?e.jsxRuntimeExports.jsx(o.ErrorMessage,{...i.error,size:(null==i?void 0:i.error.size)??i.size}):null]})},exports.TextAreaWrapper=d,exports.addTextArea=g;
-//# sourceMappingURL=component.styles-Db3HLiuV.cjs.map

package/build/component.styles-Db3HLiuV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-Db3HLiuV.cjs","sources":["../src/components/textarea/component.styles.ts","../src/components/textarea/component.tsx"],"sourcesContent":["import { getFontSizeStyles } from '@local/components/typography';\nimport { addDisabled, addOutlineChildren, addRemoveOutline, addTransitionWithoutSize } from '@local/styles/add';\nimport { addError } from '@local/styles/error';\nimport { addSX } from '@local/styles/sx';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport styled, { css } from 'styled-components';\n\nimport { StyledTextAreaProps, TextAreaWrapperProps } from '.';\n\n/****************************************** Wrapper *************************************************/\nconst addTextAreaWrapperGenre = css<TextAreaWrapperProps>`\n  ${(props) => css`\n    background: ${props.theme.colors.input[props.$genre].background.rest};\n    border-color: ${props.theme.colors.input[props.$genre].border.rest};\n    color: ${props.theme.colors.input[props.$genre].color.rest};\n\n    &:active {\n      background: ${props.theme.colors.input[props.$genre].background.rest};\n      border-color: ${props.theme.colors.input[props.$genre].border.rest};\n      color: ${props.theme.colors.input[props.$genre].color.rest};\n    }\n    &:hover {\n      background: ${props.theme.colors.input[props.$genre].background.hover};\n      border-color: ${props.theme.colors.input[props.$genre].border.hover};\n      color: ${props.theme.colors.input[props.$genre].color.hover};\n    }\n    &:focus-visible {\n      border-color: ${props.theme.colors.input[props.$genre].border.rest};\n      background: ${props.theme.colors.input[props.$genre].background.rest};\n      color: ${props.theme.colors.input[props.$genre].color.rest};\n    }\n  `};\n`;\n\nconst addTextAreaWrapperIsInputEffect = css<Pick<TextAreaWrapperProps, '$isInputEffect'>>`\n  ${(props) =>\n    props.$isInputEffect &&\n    css`\n      box-shadow: ${props.theme.effects.input};\n    `}\n`;\nconst addTextAreaWrapperSize = css<TextAreaWrapperProps>`\n  ${(props) => css`\n    padding: ${KEY_SIZE_DATA[props.$size].padding - 4}px ${KEY_SIZE_DATA[props.$size].padding}px ${KEY_SIZE_DATA[props.$size].padding - 4}px ${KEY_SIZE_DATA[props.$size].padding}px;\n    border-radius: ${KEY_SIZE_DATA[props.$size].radius}px;\n    min-height: ${KEY_SIZE_DATA[props.$size].height}px;\n  `};\n`;\n\nexport const TextAreaWrapper = styled.div<TextAreaWrapperProps>`\n  border: 1px solid;\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  ${addTransitionWithoutSize};\n  ${addTextAreaWrapperSize};\n  ${addTextAreaWrapperGenre};\n  ${addTextAreaWrapperIsInputEffect};\n  ${addDisabled};\n  ${addOutlineChildren};\n  ${addSX};\n`;\n\n/****************************************** TextArea *************************************************/\nconst addTextAreaPlaceholder = css<StyledTextAreaProps>`\n  &::placeholder,\n  &::-webkit-input-placeholder {\n    ${(props) => getFontSizeStyles(16, props.$isBold ? 500 : 400, props.theme.font.family, props.theme.font.lineHeight)};\n    color: ${(props) => props.theme.colors.input[props.$genre].color.placeholder};\n    opacity: 1;\n  }\n  &:-ms-input-placeholder {\n    ${(props) => getFontSizeStyles(16, props.$isBold ? 500 : 400, props.theme.font.family, props.theme.font.lineHeight)};\n    color: ${(props) => props.theme.colors.input[props.$genre].color.placeholder};\n    opacity: 1;\n  }\n`;\nconst addTextAreaGenre = css<StyledTextAreaProps>`\n  ${(props) => css`\n    color: ${props.theme.colors.input[props.$genre].color.rest};\n    border-color: transparent;\n    &:active {\n      color: ${props.theme.colors.input[props.$genre].color.rest};\n    }\n    &:hover {\n      color: ${props.theme.colors.input[props.$genre].color.hover};\n    }\n    &:focus-visible {\n      color: ${props.theme.colors.input[props.$genre].color.rest};\n    }\n  `};\n`;\nconst addTextAreaIsResize = css<Pick<StyledTextAreaProps, '$isResize'>>`\n  ${(props) =>\n    !props.$isResize &&\n    css`\n      resize: none;\n    `}\n`;\nexport const addTextArea = css<StyledTextAreaProps>`\n  overflow-x: hidden;\n  width: -webkit-fill-available;\n  padding: 0 !important;\n  border: none !important;\n  margin: 0 !important;\n  white-space: normal;\n  text-overflow: ellipsis;\n  height: auto;\n  background-color: transparent;\n  ${(props) => getFontSizeStyles(16, props.$isBold ? 500 : 400, props.theme.font.family, `${props.$lineHeight}px`)};\n\n  ${addTextAreaGenre};\n  ${addTextAreaIsResize};\n  ${addTextAreaPlaceholder};\n  ${addRemoveOutline};\n  ${addError};\n`;\n\nexport const StyledTextArea = styled.textarea<StyledTextAreaProps>`\n  ${addTextArea};\n`;\n","import { ErrorMessage } from '@local/styles/error';\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { StyledTextArea, TextAreaProps, TextAreaWrapper } from '.';\n\nexport const TextArea = (props: TextAreaProps) => {\n  const theme = useTheme();\n\n  const refLocal = useRef<HTMLTextAreaElement>(null);\n  const ref = useMergeRefs([refLocal, props.ref]);\n\n  const lineHeight = useMemo(\n    () => theme.font.sizeDefault.default * theme.font.lineHeight,\n    [theme.font.lineHeight, theme.font.sizeDefault.default],\n  );\n  const maxHeight = useMemo(() => (props.maxRows ? props.maxRows * lineHeight : 0), [lineHeight, props.maxRows]);\n  const minHeight = useMemo(\n    () => (props.minRows ? props.minRows * lineHeight : lineHeight),\n    [lineHeight, props.minRows],\n  );\n\n  const resizeTextarea = useCallback(() => {\n    const el = refLocal.current;\n    if (el && props.isAutoHeight) {\n      el.style.height = 'auto';\n      const newHeight = Math.min(el.scrollHeight, maxHeight);\n      el.style.height = `${newHeight}px`;\n    }\n  }, [props.isAutoHeight, maxHeight]);\n\n  const handleOnChange = useCallback(\n    (value: string) => {\n      if (props.isNoSpaces) {\n        const valueWithoutSpaces = value.replace(/\\s+/g, '');\n        props.onChange?.(valueWithoutSpaces);\n      } else {\n        props.onChange?.(value);\n      }\n    },\n    [props],\n  );\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n  useEffect(() => {\n    if (props.isAutoHeight) {\n      requestAnimationFrame(resizeTextarea);\n    }\n  }, [props.value, resizeTextarea, props.isAutoHeight]);\n  return (\n    <>\n      <TextAreaWrapper\n        $isInputEffect={props.isInputEffect}\n        $isDisabled={props.isDisabled}\n        $sx={props.sx}\n        $genre={props.genre}\n        $size={props.size}\n        $lineHeight={lineHeight}\n        $isReadOnly={props.isReadOnly}\n        className={props.className}\n        tabIndex={-1}\n      >\n        <StyledTextArea\n          tabIndex={0}\n          ref={ref}\n          $lineHeight={lineHeight}\n          $isResize={props.isResize}\n          $error={props.error}\n          $isInputEffect={props.isInputEffect}\n          $isLoading={props.isLoading}\n          $genre={props.genre}\n          $size={props.size}\n          $isBold={props.isBold}\n          $isDisabled={props.isDisabled}\n          maxLength={props.maxLength}\n          minLength={props.minLength}\n          disabled={props.isDisabled}\n          readOnly={props.isReadOnly}\n          required={props.isRequired}\n          defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n          value={props.value === null ? '' : props.value}\n          rows={props.minRows}\n          placeholder={props.placeholder}\n          onChange={(event) => handleOnChange(event.target.value)}\n          onBlur={props.onBlur}\n          onFocus={props.onFocus}\n          onKeyDown={props.onKeyDown}\n          name={props.name}\n          autoComplete={props.autoComplete}\n          id={props.id}\n          style={{\n            minHeight: `${minHeight}px`,\n            maxHeight: props.isResize ? 'none' : props.isAutoHeight ? `${maxHeight}px` : `${minHeight}px`,\n          }}\n        />\n      </TextAreaWrapper>\n      {props?.error ? <ErrorMessage {...props.error} size={props?.error.size ?? props.size} /> : null}\n    </>\n  );\n};\n"],"names":["addTextAreaWrapperGenre","css","props","theme","colors","input","$genre","background","rest","border","color","hover","addTextAreaWrapperIsInputEffect","$isInputEffect","effects","addTextAreaWrapperSize","KEY_SIZE_DATA","$size","padding","radius","height","TextAreaWrapper","styled","div","addTransitionWithoutSize","addDisabled","addOutlineChildren","addSX","addTextAreaPlaceholder","getFontSizeStyles","$isBold","font","family","lineHeight","placeholder","addTextAreaGenre","addTextAreaIsResize","$isResize","addTextArea","$lineHeight","addRemoveOutline","addError","StyledTextArea","textarea","useTheme","refLocal","useRef","ref","useMergeRefs","useMemo","sizeDefault","default","maxHeight","maxRows","minHeight","minRows","resizeTextarea","useCallback","el","current","isAutoHeight","style","newHeight","Math","min","scrollHeight","handleOnChange","value","isNoSpaces","valueWithoutSpaces","replace","_a","onChange","call","_b","useEffect","requestAnimationFrame","jsxs","Fragment","children","jsx","isInputEffect","$isDisabled","isDisabled","$sx","sx","genre","size","$isReadOnly","isReadOnly","className","tabIndex","isResize","$error","error","$isLoading","isLoading","isBold","maxLength","minLength","disabled","readOnly","required","isRequired","defaultValue","rows","event","target","onBlur","onFocus","onKeyDown","name","autoComplete","id","ErrorMessage"],"mappings":"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"}