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

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-DLU0S0KI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-DLU0S0KI.cjs","sources":["../src/components/image/component.styles.tsx","../src/components/image/component.tsx"],"sourcesContent":["import { addTransition } from '@local/styles/add'\nimport { addSX } from '@local/styles/sx'\n\nimport styled from 'styled-components'\n\nimport { ImageIMGProps } from '.'\n\nexport const ImageIMG = styled.img<ImageIMGProps>`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: ${props => (props.$isPending ? 0 : 1)};\n  ${addTransition};\n  ${addSX};\n`\n","import { Skeleton } from '@local/areas/skeleton';\nimport { Stack } from '@local/components/stack';\n\nimport { FC, useEffect, useState } from 'react';\n\nimport { ImageIMG, ImageProps } from '.';\n\nexport const Image: FC<ImageProps> = (props) => {\n  const [isPending, setIsPending] = useState(true);\n  const [isError, setIsError] = useState(false);\n\n  useEffect(() => {\n    if (!props.src) return;\n\n    const img = new (window.Image as { new (width?: number, height?: number): HTMLImageElement })();\n\n    img.onload = () => {\n      setIsPending(false);\n      setIsError(false);\n    };\n\n    img.onerror = () => {\n      setIsPending(false);\n      setIsError(true);\n    };\n\n    img.src = props.src;\n\n    if (img.complete) {\n      if (img.naturalWidth > 0) {\n        setIsPending(false);\n        setIsError(false);\n      } else {\n        setIsPending(false);\n        setIsError(true);\n      }\n    }\n\n    return () => {\n      img.onload = null;\n      img.onerror = null;\n      setIsPending(true);\n      setIsError(false);\n    };\n  }, [props.src]);\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sxStack,\n        default: {\n          position: 'relative',\n          overflow: 'hidden',\n          ...(props.isShowBeforeImage\n            ? {\n                '&::before': {\n                  width: '100%',\n                  height: '100%',\n                  content: '\"\"',\n                  position: 'absolute',\n                  inset: 0,\n                  backgroundImage: `url(${props.src})`,\n                  backgroundRepeat: 'no-repeat',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center',\n                  filter: 'blur(20px)',\n                  transform: 'scale(1.1)',\n                  zIndex: 0,\n                },\n              }\n            : {}),\n          ...(props?.sxStack\n            ? typeof props?.sxStack === 'function'\n              ? props?.sxStack(theme).default\n              : props?.sxStack.default\n            : {}),\n        },\n      })}\n    >\n      {!isError ? (\n        props.componentLoading || isPending ? (\n          <Skeleton\n            visible\n            sx={{\n              default: {\n                width: '100%',\n                height: '100%',\n              },\n            }}\n          />\n        ) : null\n      ) : null}\n      {!isError && (\n        <ImageIMG loading='lazy' $isPending={isPending} src={props.src} alt={props.alt} $sx={props.sxImage} />\n      )}\n      {isError ? props.componentFallback || null : null}\n    </Stack>\n  );\n};\n"],"names":["ImageIMG","img","props","$isPending","addTransition","addSX","isPending","setIsPending","useState","isError","setIsError","useEffect","src","window","Image","onload","onerror","complete","naturalWidth","jsxs","Stack","sx","theme","sxStack","default","position","overflow","isShowBeforeImage","width","height","content","inset","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","filter","transform","zIndex","children","componentLoading","jsx","Skeleton","visible","loading","alt","$sx","sxImage","componentFallback"],"mappings":"yNAOaA,+BAAkBC,GAAA;;;;;aAKlBC,GAAUA,EAAMC,WAAa,EAAI;IAC1CC;IACAC;gBCPkCH,IACpC,MAAOI,EAAWC,GAAgBC,EAAAA,UAAS,IACpCC,EAASC,GAAcF,EAAAA,UAAS,GAoCvC,OAlCAG,EAAAA,UAAU,KACR,IAAKT,EAAMU,IAAK,OAEhB,MAAMX,EAAM,IAAKY,OAAOC,MAwBxB,OAtBAb,EAAIc,OAAS,KACXR,GAAa,GACbG,GAAW,IAGbT,EAAIe,QAAU,KACZT,GAAa,GACbG,GAAW,IAGbT,EAAIW,IAAMV,EAAMU,IAEZX,EAAIgB,WACFhB,EAAIiB,aAAe,GACrBX,GAAa,GACbG,GAAW,KAEXH,GAAa,GACbG,GAAW,KAIR,KACLT,EAAIc,OAAS,KACbd,EAAIe,QAAU,KACdT,GAAa,GACbG,GAAW,KAEZ,CAACR,EAAMU,QAERO,kBAAAA,KAACC,EAAAA,MAAA,CACCC,GAAKC,IAAA,IACA,MAAApB,OAAA,EAAAA,EAAOqB,QACVC,QAAS,CACPC,SAAU,WACVC,SAAU,YACNxB,EAAMyB,kBACN,CACE,YAAa,CACXC,MAAO,OACPC,OAAQ,OACRC,QAAS,KACTL,SAAU,WACVM,MAAO,EACPC,gBAAiB,OAAO9B,EAAMU,OAC9BqB,iBAAkB,YAClBC,eAAgB,QAChBC,mBAAoB,SACpBC,OAAQ,aACRC,UAAW,aACXC,OAAQ,IAGZ,CAAA,MACA,MAAApC,OAAA,EAAAA,EAAOqB,SACmB,yBAAnBrB,WAAOqB,SACZ,MAAArB,OAAA,EAAAA,EAAOqB,QAAQD,GAAOE,QACtB,MAAAtB,OAAA,EAAAA,EAAOqB,QAAQC,QACjB,CAAA,KAIPe,SAAA,CAAC9B,EAYE,KAXFP,EAAMsC,kBAAoBlC,IACxBmC,kBAAAA,IAACC,EAAAA,SAAA,CACCC,SAAO,EACPtB,GAAI,CACFG,QAAS,CACPI,MAAO,OACPC,OAAQ,WAIZ,MAEJpB,GACAgC,EAAAA,kBAAAA,IAACzC,EAAA,CAAS4C,QAAQ,OAAOzC,WAAYG,EAAWM,IAAKV,EAAMU,IAAKiC,IAAK3C,EAAM2C,IAAKC,IAAK5C,EAAM6C,UAE5FtC,GAAUP,EAAM8C,mBAA4B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-DSle6iuF.cjs","sources":["../src/components/icon/component.styles.ts","../src/components/icon/component.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nimport { addColorTransition } from '@local/styles/add'\nimport { addSX } from '@local/styles/sx'\nimport { KEY_SIZE_DATA } from '@local/theme'\n\nimport { StyledIconIdItemProps } from '.'\n\nexport const StyledSVG = styled.svg<StyledIconIdItemProps>`\n  color: ${props => (props.$color ? props.theme.palette[props.$color] : 'inherit')};\n\n  ${props => css`\n    height: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n    min-height: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n\n    width: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n    min-width: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n\n    transform: rotate(${props.$turn || 0}deg);\n  `}\n  ${props =>\n    props.$order !== undefined &&\n    css`\n      order: ${props.$order};\n    `};\n  ${addColorTransition};\n  & path {\n    ${addColorTransition};\n  }\n  ${addSX};\n`\n","import { JeneseiPalette } from '@local/theme/theme';\n\nimport { useMemo } from 'react';\n\nimport IconBustMarketJSON from './component-bustmarket.json';\nimport IconCheckboxJSON from './component-checkbox.json';\nimport IconIdJSON from './component-id.json';\nimport IconLoadingJSON from './component-loading.json';\nimport IconLogoJSON from './component-logo.json';\nimport IconRealEbailJSON from './component-realebail.json';\nimport {\n  IconItemProps,\n  IconTypeMap,\n  StyledSVG,\n  TIconBustMarketNameString,\n  TIconCheckboxNameString,\n  TIconIdNameString,\n  TIconLoadingNameString,\n  TIconLogoNameString,\n  TIconRealEbailNameString,\n} from '.';\n\nexport const Icon = <T extends keyof IconTypeMap>(props: IconItemProps<T>) => {\n  const icon = useMemo(() => {\n    let icon = null;\n\n    switch (props.type) {\n      case 'id':\n        icon = IconIdJSON[props.name as TIconIdNameString];\n        break;\n      case 'bustmarket':\n        icon = IconBustMarketJSON[props.name as TIconBustMarketNameString];\n        break;\n      case 'realebail':\n        icon = IconRealEbailJSON[props.name as TIconRealEbailNameString];\n        break;\n      case 'logo':\n        icon = IconLogoJSON[props.name as TIconLogoNameString];\n        break;\n      case 'checkbox':\n        icon = IconCheckboxJSON[props.name as TIconCheckboxNameString];\n        break;\n      case 'loading':\n        icon = IconLoadingJSON[props.name as TIconLoadingNameString];\n        break;\n    }\n    return icon;\n  }, [props.name, props.type]);\n\n  const primaryColor = props.primaryColor ? JeneseiPalette[props.primaryColor] : 'currentColor';\n  const secondColor = props.secondColor ? JeneseiPalette[props.secondColor] : 'currentColor';\n\n  if (!icon) {\n    console.warn(`Icon ${props.name} not found in the library.`);\n    return null;\n  }\n\n  const getFillColor = (fillType?: string): string | undefined => {\n    if (fillType === 'primaryColor') return primaryColor;\n    if (fillType === 'secondColor') return secondColor;\n    return 'currentColor';\n  };\n\n  const contentPaths =\n    (props.type == 'id' || props.type === 'checkbox' || props.type === 'realebail' || props.type === 'logo') &&\n    typeof icon === 'object' &&\n    'paths' in icon\n      ? (icon.paths ?? []).map((path, index) => (\n          <path\n            key={`${props.type}-${props.name}-path-${index}`}\n            id={'id' in path ? (path.id as string) : undefined}\n            d={path.d}\n            clipRule='evenodd'\n            fillRule='evenodd'\n            fill={'fill' in path ? getFillColor(path.fill as string) : 'currentColor'}\n          />\n        ))\n      : null;\n\n  const isFull = props.type === 'loading' || props.type === 'bustmarket' ? (icon as string) : null;\n\n  return (\n    <StyledSVG\n      width='24'\n      height='24'\n      viewBox='0 0 24 24'\n      xmlns='http://www.w3.org/2000/svg'\n      $size={props.size}\n      $turn={props.turn}\n      $order={props.order}\n      $color={props.primaryColor || undefined}\n      $sx={props.sx}\n      className={props.className}\n      onClick={props.onClick}\n      tabIndex={props.tabIndex}\n      dangerouslySetInnerHTML={isFull ? { __html: isFull } : undefined}\n    >\n      {contentPaths}\n    </StyledSVG>\n  );\n};\n"],"names":["StyledSVG","styled","svg","props","$color","theme","palette","css","$size","KEY_SIZE_DATA","heightIcon","$turn","$order","addColorTransition","addSX","icon","useMemo","type","IconIdJSON","name","IconBustMarketJSON","IconRealEbailJSON","IconLogoJSON","IconCheckboxJSON","IconLoadingJSON","primaryColor","JeneseiPalette","secondColor","console","warn","contentPaths","paths","map","path","index","jsx","id","d","clipRule","fillRule","fill","fillType","isFull","width","height","viewBox","xmlns","size","turn","order","$sx","sx","className","onClick","tabIndex","dangerouslySetInnerHTML","__html","children"],"mappings":"g03PAQaA,EAAYC,EAAOC,GAAA;WACrBC,GAAUA,EAAMC,OAASD,EAAME,MAAMC,QAAQH,EAAMC,QAAU;;IAEpED,GAASI,EAAAA,GAAAA;cACiB,SAAhBJ,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;kBACpD,SAAhBP,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;;aAE7D,SAAhBP,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;iBACpD,SAAhBP,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;;wBAEjEP,EAAMQ,OAAS;;IAEnCR,QACiB,IAAjBA,EAAMS,QACNL,EAAAA,GAAAA;eACWJ,EAAMS;;IAEjBC;;MAEEA;;IAEFC;eCP8CX,IAChD,MAAMY,EAAOC,EAAAA,QAAQ,KACnB,IAAID,EAAO,KAEX,OAAQZ,EAAMc,MACZ,IAAK,KACHF,EAAOG,EAAWf,EAAMgB,MACxB,MACF,IAAK,aACHJ,EAAOK,EAAmBjB,EAAMgB,MAChC,MACF,IAAK,YACHJ,EAAOM,EAAkBlB,EAAMgB,MAC/B,MACF,IAAK,OACHJ,EAAOO,EAAanB,EAAMgB,MAC1B,MACF,IAAK,WACHJ,EAAOQ,EAAiBpB,EAAMgB,MAC9B,MACF,IAAK,UACHJ,EAAOS,EAAgBrB,EAAMgB,MAGjC,OAAOJ,GACN,CAACZ,EAAMgB,KAAMhB,EAAMc,OAEhBQ,EAAetB,EAAMsB,aAAeC,EAAAA,eAAevB,EAAMsB,cAAgB,eACzEE,EAAcxB,EAAMwB,YAAcD,EAAAA,eAAevB,EAAMwB,aAAe,eAE5E,IAAKZ,EAEH,OADAa,QAAQC,KAAK,QAAQ1B,EAAMgB,kCACpB,KAGT,MAMMW,EACW,MAAd3B,EAAMc,MAA+B,aAAfd,EAAMc,MAAsC,cAAfd,EAAMc,MAAuC,SAAfd,EAAMc,MACxE,iBAATF,KACP,UAAWA,GAWP,MAVCA,EAAKgB,OAAS,IAAIC,IAAI,CAACC,EAAMC,KAC5BC,SAAAA,kBAAAA,IAAC,OAAA,CAECC,GAAI,OAAQH,EAAQA,EAAKG,QAAgB,EACzCC,EAAGJ,EAAKI,EACRC,SAAS,UACTC,SAAS,UACTC,KAAM,SAAUP,GAjBJQ,EAiBwBR,EAAKO,KAhBhC,iBAAbC,EAAoChB,EACvB,gBAAbgB,EAAmCd,EAChC,gBAc4D,gBALtD,GAAGxB,EAAMc,QAAQd,EAAMgB,aAAae,KAZ9B,IAACO,IAsBhBC,EAAwB,YAAfvC,EAAMc,MAAqC,eAAfd,EAAMc,KAAyBF,EAAkB,KAE5F,SACEoB,kBAAAA,IAACnC,EAAA,CACC2C,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,MAAM,6BACNtC,MAAOL,EAAM4C,KACbpC,MAAOR,EAAM6C,KACbpC,OAAQT,EAAM8C,MACd7C,OAAQD,EAAMsB,mBAAgB,EAC9ByB,IAAK/C,EAAMgD,GACXC,UAAWjD,EAAMiD,UACjBC,QAASlD,EAAMkD,QACfC,SAAUnD,EAAMmD,SAChBC,wBAAyBb,EAAS,CAAEc,OAAQd,QAAW,EAEtDe,SAAA3B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-DX_3POUD.js","sources":["../src/components/accordion/component.tsx","../src/components/accordion/component.styles.ts"],"sourcesContent":["import React, { FC, useCallback } from 'react'\n\nimport { Stack } from '@local/components/stack'\n\nimport {\n  AccordionDetails,\n  AccordionProps,\n  AccordionStyledIcon,\n  AccordionSummary,\n  AccordionSummaryContent,\n  AccordionWrapper\n} from '.'\n\nexport const Accordion: FC<AccordionProps> = props => {\n  const onClickSummary = useCallback(() => {\n    if (props.onClickSummary) props.onClickSummary()\n  }, [props])\n\n  const onClickIcon = useCallback(\n    (event: React.MouseEvent<SVGSVGElement>) => {\n      if (props.onClickIcon) {\n        event.stopPropagation()\n\n        props.onClickIcon()\n      }\n    },\n    [props]\n  )\n\n  return (\n    <Stack {...props.wrapperProps}>\n      <AccordionWrapper>\n        <AccordionSummary onClick={onClickSummary}>\n          <AccordionSummaryContent $isAccordionIcon={props.isAccordionIcon}>\n            {props.accordionSummary}\n          </AccordionSummaryContent>\n          {props.isAccordionIcon && (\n            <AccordionStyledIcon\n              $expanded={props.expanded}\n              onClick={onClickIcon}\n              name=\"Arrow1\"\n              primaryColor=\"black100\"\n              type=\"id\"\n              size=\"large\"\n            />\n          )}\n        </AccordionSummary>\n        <AccordionDetails $expanded={props.expanded}>{props.accordionDetails}</AccordionDetails>\n      </AccordionWrapper>\n    </Stack>\n  )\n}\n","import styled, { css } from 'styled-components'\n\nimport { Icon } from '@local/components/icon'\nimport { addTransition } from '@local/styles/add'\n\nimport { AccordionDetailsProps, AccordionStyledIconProps, AccordionSummaryContentProps } from '.'\n\nexport const AccordionWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\nexport const AccordionSummary = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n`\nexport const AccordionSummaryContent = styled.div<AccordionSummaryContentProps>`\n  width: 100%;\n\n  ${props =>\n    props.$isAccordionIcon &&\n    css`\n      width: calc(100% - 26px);\n    `}\n`\nexport const AccordionDetails = styled.div<AccordionDetailsProps>`\n  max-height: ${props => (props.$expanded ? '9999px' : '0')};\n  height: ${props => (props.$expanded ? '100%' : '0')};\n  opacity: ${props => (props.$expanded ? 1 : 0)};\n  overflow: hidden;\n  ${addTransition};\n`\nexport const AccordionStyledIcon = styled(Icon)<AccordionStyledIconProps>`\n  padding: 4px;\n  box-sizing: content-box;\n  cursor: pointer;\n  ${props =>\n    props.$expanded\n      ? css`\n          transform: rotate(180deg);\n        `\n      : css`\n          transform: rotate(0deg);\n        `}\n`\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAaO,MAAM,YAAgC,CAAA,UAAS;AACpD,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,MAAM,eAAgB,OAAM,eAAA;AAAA,EAAe,GAC9C,CAAC,KAAK,CAAC;AAEV,QAAM,cAAc;AAAA,IAClB,CAAC,UAA2C;AAC1C,UAAI,MAAM,aAAa;AACrB,cAAM,gBAAA;AAEN,cAAM,YAAA;AAAA,MAAY;AAAA,IACpB;AAAA,IAEF,CAAC,KAAK;AAAA,EAAA;AAGR,+CACG,OAAA,EAAO,GAAG,MAAM,cACf,iDAAC,kBAAA,EACC,UAAA;AAAA,IAAAA,kCAAAA,KAAC,kBAAA,EAAiB,SAAS,gBACzB,UAAA;AAAA,MAAAC,sCAAC,yBAAA,EAAwB,kBAAkB,MAAM,iBAC9C,gBAAM,kBACT;AAAA,MACC,MAAM,mBACLA,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,MAAM;AAAA,UACjB,SAAS;AAAA,UACT,MAAK;AAAA,UACL,cAAa;AAAA,UACb,MAAK;AAAA,UACL,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP,GAEJ;AAAA,0CACC,kBAAA,EAAiB,WAAW,MAAM,UAAW,gBAAM,iBAAA,CAAiB;AAAA,EAAA,EAAA,CACvE,EAAA,CACF;AAEJ;AC5CO,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAKhC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMhC,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA,IAG1C,CAAA,UACA,MAAM,oBACN;AAAA;AAAA,KAEC;AAAA;AAEE,MAAM,mBAAmB,OAAO;AAAA,gBACvB,CAAA,UAAU,MAAM,YAAY,WAAW,GAAI;AAAA,YAC/C,CAAA,UAAU,MAAM,YAAY,SAAS,GAAI;AAAA,aACxC,CAAA,UAAU,MAAM,YAAY,IAAI,CAAE;AAAA;AAAA,IAE3C,aAAa;AAAA;AAEV,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,IAI1C,CAAA,UACA,MAAM,YACF;AAAA;AAAA,YAGA;AAAA;AAAA,SAEC;AAAA;"}

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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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-DhAMCZ71.cjs","sources":["../src/components/range/component.styles.ts","../src/components/range/component.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { addError } from '@local/styles/error'\nimport { addSX } from '@local/styles/sx'\n\nimport { RangeComponentProps, RangeThumbProps, RangeWrapperProps } from '.'\n\nexport const RangeWrapper = styled.div<RangeWrapperProps>`\n  position: relative;\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  height: 20px;\n  ${addError};\n  ${addSX};\n`\n\nexport const RangeTrack = styled.div<RangeComponentProps>`\n  position: absolute;\n  height: 3px;\n  width: 100%;\n  padding: 0px 10px;\n  border-radius: 2px;\n`\nexport const RangeThumb = styled.input<RangeThumbProps>`\n  position: absolute;\n  width: 100%;\n  outline: none !important;\n  pointer-events: none;\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  left: 0;\n  margin: 0;\n  &::-webkit-slider-thumb {\n    pointer-events: all;\n    width: 16px;\n    height: 16px;\n    margin: 0;\n    padding: 0;\n    border-radius: 50%;\n    background: ${props => props.$colorBackground};\n    border: 3px ${props => props.$colorBorder} solid;\n    cursor: pointer;\n    -webkit-appearance: none;\n    margin-top: 0px;\n    transition:\n      transform ${props => props.theme.transition.default},\n      color ${props => props.theme.transition.default},\n      background-color ${props => props.theme.transition.default};\n    &:hover {\n      transform: scale(1.2);\n    }\n  }\n`\n","import { useCallback, useMemo } from 'react'\nimport { useTheme } from 'styled-components'\n\nimport { RangeProps, RangeThumb, RangeTrack, RangeWrapper } from '.'\n\nexport const Range = (props: RangeProps) => {\n  const { onChange } = props\n  const handleChange = useCallback(\n    (index: number, newValue: number) => {\n      const newValues = [...props.values]\n      newValues[index] = Math.min(props.max, Math.max(props.min, newValue))\n      onChange(newValues.sort((a, b) => a - b))\n    },\n    [onChange, props.max, props.min, props.values]\n  )\n  const getThumbPositionPercent = useCallback(\n    (val: number) => ((val - props.min) / (props.max - props.min)) * 100,\n    [props.max, props.min]\n  )\n  const positions = useMemo(\n    () => props.values.map(val => getThumbPositionPercent(val)),\n    [getThumbPositionPercent, props.values]\n  )\n  const theme = useTheme()\n\n  const colorTrackBackground = theme.colors.range[props.genre].track.background.rest\n  const colorTrackGradient = theme.colors.range[props.genre].track.gradient.rest\n  const colorThumbBorder = theme.colors.range[props.genre].thumb.border.rest\n  const colorThumbBackground = theme.colors.range[props.genre].thumb.background.rest\n\n  const trackGradient = useMemo(\n    () =>\n      positions\n        .map((position, idx) => {\n          const isFirst = idx === 0\n          const isLast = idx === positions.length - 1\n\n          if (isFirst)\n            return `${colorTrackBackground} 0%, ${colorTrackBackground} ${position}%, ${colorTrackGradient} ${position}%`\n          if (isLast)\n            return `${colorTrackGradient} ${position}%, ${colorTrackBackground} ${position}%, ${colorTrackBackground} 100%`\n          return `${colorTrackGradient} ${position}%`\n        })\n        .join(', '),\n    [colorTrackGradient, colorTrackBackground, positions]\n  )\n  const gradient = useMemo(() => `linear-gradient(to right, ${trackGradient})`, [trackGradient])\n\n  return (\n    <RangeWrapper $size={props.size} $sx={props.sx} $error={props.error} onBlur={props.onBlur}>\n      {props.values.map((val, idx) => (\n        <RangeThumb\n          key={idx}\n          type=\"range\"\n          $size={props.size}\n          $genre={props.genre}\n          min={props.min}\n          max={props.max}\n          step={props.step}\n          value={val}\n          onChange={e => handleChange(idx, parseFloat(e.target.value))}\n          style={{ zIndex: 100 + idx }}\n          $colorBackground={colorThumbBackground}\n          $colorBorder={colorThumbBorder}\n        />\n      ))}\n      <RangeTrack\n        $size={props.size}\n        $genre={props.genre}\n        style={{\n          background: gradient\n        }}\n      />\n    </RangeWrapper>\n  )\n}\n"],"names":["RangeWrapper","styled","div","addError","addSX","RangeTrack","RangeThumb","input","props","$colorBackground","$colorBorder","theme","transition","default","onChange","handleChange","useCallback","index","newValue","newValues","values","Math","min","max","sort","a","b","getThumbPositionPercent","val","positions","useMemo","map","useTheme","colorTrackBackground","colors","range","genre","track","background","rest","colorTrackGradient","gradient","colorThumbBorder","thumb","border","colorThumbBackground","trackGradient","position","idx","isFirst","isLast","length","join","jsxs","$size","size","$sx","sx","$error","error","onBlur","children","jsx","type","$genre","step","value","parseFloat","e","target","style","zIndex"],"mappings":"iLAOaA,EAAeC,EAAOC,GAAA;;;;;;;IAO/BC;IACAC;EAGSC,EAAaJ,EAAOC,GAAA;;;;;;EAOpBI,EAAaL,EAAOM,KAAA;;;;;;;;;;;;;;;;;kBAiBfC,GAASA,EAAMC;kBACfD,GAASA,EAAME;;;;;kBAKfF,GAASA,EAAMG,MAAMC,WAAWC;cACpCL,GAASA,EAAMG,MAAMC,WAAWC;yBACrBL,GAASA,EAAMG,MAAMC,WAAWC;;;;;gBC7CnCL,IACpB,MAAMM,SAAEA,GAAaN,EACfO,EAAeC,EAAAA,YACnB,CAACC,EAAeC,KACd,MAAMC,EAAY,IAAIX,EAAMY,QAC5BD,EAAUF,GAASI,KAAKC,IAAId,EAAMe,IAAKF,KAAKE,IAAIf,EAAMc,IAAKJ,IAC3DJ,EAASK,EAAUK,KAAK,CAACC,EAAGC,IAAMD,EAAIC,KAExC,CAACZ,EAAUN,EAAMe,IAAKf,EAAMc,IAAKd,EAAMY,SAEnCO,EAA0BX,EAAAA,YAC7BY,IAAkBA,EAAMpB,EAAMc,MAAQd,EAAMe,IAAMf,EAAMc,KAAQ,IACjE,CAACd,EAAMe,IAAKf,EAAMc,MAEdO,EAAYC,EAAAA,QAChB,IAAMtB,EAAMY,OAAOW,IAAIH,GAAOD,EAAwBC,IACtD,CAACD,EAAyBnB,EAAMY,SAE5BT,EAAQqB,EAAAA,WAERC,EAAuBtB,EAAMuB,OAAOC,MAAM3B,EAAM4B,OAAOC,MAAMC,WAAWC,KACxEC,EAAqB7B,EAAMuB,OAAOC,MAAM3B,EAAM4B,OAAOC,MAAMI,SAASF,KACpEG,EAAmB/B,EAAMuB,OAAOC,MAAM3B,EAAM4B,OAAOO,MAAMC,OAAOL,KAChEM,EAAuBlC,EAAMuB,OAAOC,MAAM3B,EAAM4B,OAAOO,MAAML,WAAWC,KAExEO,EAAgBhB,EAAAA,QACpB,IACED,EACGE,IAAI,CAACgB,EAAUC,KACd,MAAMC,EAAkB,IAARD,EACVE,EAASF,IAAQnB,EAAUsB,OAAS,EAE1C,OAAIF,EACK,GAAGhB,SAA4BA,KAAwBc,OAAcP,KAAsBO,KAChGG,EACK,GAAGV,KAAsBO,OAAcd,KAAwBc,OAAcd,SAC/E,GAAGO,KAAsBO,OAEjCK,KAAK,MACV,CAACZ,EAAoBP,EAAsBJ,IAEvCY,EAAWX,EAAAA,QAAQ,IAAM,6BAA6BgB,KAAkB,CAACA,IAE/E,SACEO,kBAAAA,KAACrD,EAAA,CAAasD,MAAO9C,EAAM+C,KAAMC,IAAKhD,EAAMiD,GAAIC,OAAQlD,EAAMmD,MAAOC,OAAQpD,EAAMoD,OAChFC,SAAA,CAAArD,EAAMY,OAAOW,IAAI,CAACH,EAAKoB,MACtBc,kBAAAA,IAACxD,EAAA,CAECyD,KAAK,QACLT,MAAO9C,EAAM+C,KACbS,OAAQxD,EAAM4B,MACdd,IAAKd,EAAMc,IACXC,IAAKf,EAAMe,IACX0C,KAAMzD,EAAMyD,KACZC,MAAOtC,EACPd,YAAeC,EAAaiC,EAAKmB,WAAWC,EAAEC,OAAOH,QACrDI,MAAO,CAAEC,OAAQ,IAAMvB,GACvBvC,iBAAkBoC,EAClBnC,aAAcgC,GAXTM,MAcTc,kBAAAA,IAACzD,EAAA,CACCiD,MAAO9C,EAAM+C,KACbS,OAAQxD,EAAM4B,MACdkC,MAAO,CACLhC,WAAYG"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-DpgkACgI.js","sources":["../src/components/range/component.tsx","../src/components/range/component.styles.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useTheme } from 'styled-components'\n\nimport { RangeProps, RangeThumb, RangeTrack, RangeWrapper } from '.'\n\nexport const Range = (props: RangeProps) => {\n  const { onChange } = props\n  const handleChange = useCallback(\n    (index: number, newValue: number) => {\n      const newValues = [...props.values]\n      newValues[index] = Math.min(props.max, Math.max(props.min, newValue))\n      onChange(newValues.sort((a, b) => a - b))\n    },\n    [onChange, props.max, props.min, props.values]\n  )\n  const getThumbPositionPercent = useCallback(\n    (val: number) => ((val - props.min) / (props.max - props.min)) * 100,\n    [props.max, props.min]\n  )\n  const positions = useMemo(\n    () => props.values.map(val => getThumbPositionPercent(val)),\n    [getThumbPositionPercent, props.values]\n  )\n  const theme = useTheme()\n\n  const colorTrackBackground = theme.colors.range[props.genre].track.background.rest\n  const colorTrackGradient = theme.colors.range[props.genre].track.gradient.rest\n  const colorThumbBorder = theme.colors.range[props.genre].thumb.border.rest\n  const colorThumbBackground = theme.colors.range[props.genre].thumb.background.rest\n\n  const trackGradient = useMemo(\n    () =>\n      positions\n        .map((position, idx) => {\n          const isFirst = idx === 0\n          const isLast = idx === positions.length - 1\n\n          if (isFirst)\n            return `${colorTrackBackground} 0%, ${colorTrackBackground} ${position}%, ${colorTrackGradient} ${position}%`\n          if (isLast)\n            return `${colorTrackGradient} ${position}%, ${colorTrackBackground} ${position}%, ${colorTrackBackground} 100%`\n          return `${colorTrackGradient} ${position}%`\n        })\n        .join(', '),\n    [colorTrackGradient, colorTrackBackground, positions]\n  )\n  const gradient = useMemo(() => `linear-gradient(to right, ${trackGradient})`, [trackGradient])\n\n  return (\n    <RangeWrapper $size={props.size} $sx={props.sx} $error={props.error} onBlur={props.onBlur}>\n      {props.values.map((val, idx) => (\n        <RangeThumb\n          key={idx}\n          type=\"range\"\n          $size={props.size}\n          $genre={props.genre}\n          min={props.min}\n          max={props.max}\n          step={props.step}\n          value={val}\n          onChange={e => handleChange(idx, parseFloat(e.target.value))}\n          style={{ zIndex: 100 + idx }}\n          $colorBackground={colorThumbBackground}\n          $colorBorder={colorThumbBorder}\n        />\n      ))}\n      <RangeTrack\n        $size={props.size}\n        $genre={props.genre}\n        style={{\n          background: gradient\n        }}\n      />\n    </RangeWrapper>\n  )\n}\n","import styled from 'styled-components'\n\nimport { addError } from '@local/styles/error'\nimport { addSX } from '@local/styles/sx'\n\nimport { RangeComponentProps, RangeThumbProps, RangeWrapperProps } from '.'\n\nexport const RangeWrapper = styled.div<RangeWrapperProps>`\n  position: relative;\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  height: 20px;\n  ${addError};\n  ${addSX};\n`\n\nexport const RangeTrack = styled.div<RangeComponentProps>`\n  position: absolute;\n  height: 3px;\n  width: 100%;\n  padding: 0px 10px;\n  border-radius: 2px;\n`\nexport const RangeThumb = styled.input<RangeThumbProps>`\n  position: absolute;\n  width: 100%;\n  outline: none !important;\n  pointer-events: none;\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  left: 0;\n  margin: 0;\n  &::-webkit-slider-thumb {\n    pointer-events: all;\n    width: 16px;\n    height: 16px;\n    margin: 0;\n    padding: 0;\n    border-radius: 50%;\n    background: ${props => props.$colorBackground};\n    border: 3px ${props => props.$colorBorder} solid;\n    cursor: pointer;\n    -webkit-appearance: none;\n    margin-top: 0px;\n    transition:\n      transform ${props => props.theme.transition.default},\n      color ${props => props.theme.transition.default},\n      background-color ${props => props.theme.transition.default};\n    &:hover {\n      transform: scale(1.2);\n    }\n  }\n`\n"],"names":["jsxs","jsx"],"mappings":"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"}