@jenesei-software/jenesei-kit-react 2.0.0 → 2.0.1

package/build/{separator-BXoT44nC.cjs → separator-CbeH8Lug.cjs}

@@ -1,3 +1,3 @@
-const l=require("./chunk-CW3en5xf.cjs"),a=require("./utils-DtinAjAU.cjs"),n=require("./functions-Dwo54amB.cjs");let o=require("react/jsx-runtime"),S=require("react");var r="1px",u=e=>{const{className:c,style:s}=(0,S.useMemo)(()=>{const i=n.setClasses([a.CSS_CLASS.component.separator.root,e.className]),t={};return t[a.CSS_VARS_RAW.component.separator.background]=a.CSS_VARS.palette[e.color??"fillPrimaryLight"],t[a.CSS_VARS_RAW.component.separator.radius]=e.radius||"0px",t[a.CSS_VARS_RAW.component.separator.width]=e.type==="horizontal"?"auto":e.thickness||r,t[a.CSS_VARS_RAW.component.separator.height]=e.type==="vertical"?"auto":e.thickness||r,t[a.CSS_VARS_RAW.component.separator.maxHeight]=e.type==="vertical"?"100%":e.thickness||r,t[a.CSS_VARS_RAW.component.separator.maxWidth]=e.type==="horizontal"?"100%":e.thickness||r,{className:i,style:n.setStyles([Object.keys(t).length?t:void 0,e.style])}},[e.className,e.style,e.color,e.radius,e.thickness,e.type]);return(0,o.jsx)("hr",{className:c,style:s})};Object.defineProperty(exports,"Separator",{enumerable:!0,get:function(){return u}});
+const l=require("./chunk-Dd8m0Ver.cjs"),a=require("./utils-DtinAjAU.cjs"),n=require("./functions-Dwo54amB.cjs");let o=require("react/jsx-runtime"),S=require("react");var r="1px",u=e=>{const{className:c,style:s}=(0,S.useMemo)(()=>{const i=n.setClasses([a.CSS_CLASS.component.separator.root,e.className]),t={};return t[a.CSS_VARS_RAW.component.separator.background]=a.CSS_VARS.palette[e.color??"fillPrimaryLight"],t[a.CSS_VARS_RAW.component.separator.radius]=e.radius||"0px",t[a.CSS_VARS_RAW.component.separator.width]=e.type==="horizontal"?"auto":e.thickness||r,t[a.CSS_VARS_RAW.component.separator.height]=e.type==="vertical"?"auto":e.thickness||r,t[a.CSS_VARS_RAW.component.separator.maxHeight]=e.type==="vertical"?"100%":e.thickness||r,t[a.CSS_VARS_RAW.component.separator.maxWidth]=e.type==="horizontal"?"100%":e.thickness||r,{className:i,style:n.setStyles([Object.keys(t).length?t:void 0,e.style])}},[e.className,e.style,e.color,e.radius,e.thickness,e.type]);return(0,o.jsx)("hr",{className:c,style:s})};Object.defineProperty(exports,"Separator",{enumerable:!0,get:function(){return u}});
 
-//# sourceMappingURL=separator-BXoT44nC.cjs.map
+//# sourceMappingURL=separator-CbeH8Lug.cjs.map

package/build/{separator-BXoT44nC.cjs.map → separator-CbeH8Lug.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"separator-BXoT44nC.cjs","names":[],"sources":["../src/components/separator/component.tsx"],"sourcesContent":["import { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useMemo } from 'react';\n\nimport { ISeparator } from './component.types';\n\nconst DEFAULT_SEPARATOR_SIZE = '1px';\n\nexport const Separator: FC<ISeparator> = (props) => {\n  const { className, style } = useMemo(() => {\n    const className = setClasses([CSS_CLASS.component.separator.root, props.className]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.separator.background] = CSS_VARS.palette[props.color ?? 'fillPrimaryLight'];\n    vars[CSS_VARS_RAW.component.separator.radius] = props.radius || '0px';\n    vars[CSS_VARS_RAW.component.separator.width] =\n      props.type === 'horizontal' ? 'auto' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n    vars[CSS_VARS_RAW.component.separator.height] =\n      props.type === 'vertical' ? 'auto' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n    vars[CSS_VARS_RAW.component.separator.maxHeight] =\n      props.type === 'vertical' ? '100%' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n    vars[CSS_VARS_RAW.component.separator.maxWidth] =\n      props.type === 'horizontal' ? '100%' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [props.className, props.style, props.color, props.radius, props.thickness, props.type]);\n\n  return <hr className={className} style={style} />;\n};\n"],"mappings":"sKAQA,IAAM,EAAyB,MAElB,EAA6B,GAAU,CAClD,KAAM,CAAE,UAAA,EAAW,MAAA,CAAA,KAAA,EAAA,SAAA,IAAwB,CACzC,MAAM,EAAY,EAAA,WAAW,CAAC,EAAA,UAAU,UAAU,UAAU,KAAM,EAAM,SAAA,CAAU,EAE5E,EAA+B,CAAA,EAErC,OAAA,EAAK,EAAA,aAAa,UAAU,UAAU,UAAA,EAAc,EAAA,SAAS,QAAQ,EAAM,OAAS,kBAAA,EACpF,EAAK,EAAA,aAAa,UAAU,UAAU,MAAA,EAAU,EAAM,QAAU,MAChE,EAAK,EAAA,aAAa,UAAU,UAAU,KAAA,EACpC,EAAM,OAAS,aAAe,OAAS,EAAM,WAAa,EAC5D,EAAK,EAAA,aAAa,UAAU,UAAU,MAAA,EACpC,EAAM,OAAS,WAAa,OAAS,EAAM,WAAa,EAC1D,EAAK,EAAA,aAAa,UAAU,UAAU,SAAA,EACpC,EAAM,OAAS,WAAa,OAAS,EAAM,WAAa,EAC1D,EAAK,EAAA,aAAa,UAAU,UAAU,QAAA,EACpC,EAAM,OAAS,aAAe,OAAS,EAAM,WAAa,EAIrD,CAAE,UAAA,EAAW,MAFN,EAAA,UAAU,CAAC,OAAO,KAAK,CAAA,EAAM,OAAS,EAAO,OAAW,EAAM,KAAA,CAAM,IAGjF,CAAC,EAAM,UAAW,EAAM,MAAO,EAAM,MAAO,EAAM,OAAQ,EAAM,UAAW,EAAM,KAAK,EAEzF,SAAO,EAAA,KAAC,KAAD,CAAe,UAAA,EAAkB,MAAA,EAAS"}
+{"version":3,"file":"separator-CbeH8Lug.cjs","names":[],"sources":["../src/components/separator/component.tsx"],"sourcesContent":["import { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useMemo } from 'react';\n\nimport { ISeparator } from './component.types';\n\nconst DEFAULT_SEPARATOR_SIZE = '1px';\n\nexport const Separator: FC<ISeparator> = (props) => {\n  const { className, style } = useMemo(() => {\n    const className = setClasses([CSS_CLASS.component.separator.root, props.className]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.separator.background] = CSS_VARS.palette[props.color ?? 'fillPrimaryLight'];\n    vars[CSS_VARS_RAW.component.separator.radius] = props.radius || '0px';\n    vars[CSS_VARS_RAW.component.separator.width] =\n      props.type === 'horizontal' ? 'auto' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n    vars[CSS_VARS_RAW.component.separator.height] =\n      props.type === 'vertical' ? 'auto' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n    vars[CSS_VARS_RAW.component.separator.maxHeight] =\n      props.type === 'vertical' ? '100%' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n    vars[CSS_VARS_RAW.component.separator.maxWidth] =\n      props.type === 'horizontal' ? '100%' : props.thickness || DEFAULT_SEPARATOR_SIZE;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [props.className, props.style, props.color, props.radius, props.thickness, props.type]);\n\n  return <hr className={className} style={style} />;\n};\n"],"mappings":"sKAQA,IAAM,EAAyB,MAElB,EAA6B,GAAU,CAClD,KAAM,CAAE,UAAA,EAAW,MAAA,CAAA,KAAA,EAAA,SAAA,IAAwB,CACzC,MAAM,EAAY,EAAA,WAAW,CAAC,EAAA,UAAU,UAAU,UAAU,KAAM,EAAM,SAAA,CAAU,EAE5E,EAA+B,CAAA,EAErC,OAAA,EAAK,EAAA,aAAa,UAAU,UAAU,UAAA,EAAc,EAAA,SAAS,QAAQ,EAAM,OAAS,kBAAA,EACpF,EAAK,EAAA,aAAa,UAAU,UAAU,MAAA,EAAU,EAAM,QAAU,MAChE,EAAK,EAAA,aAAa,UAAU,UAAU,KAAA,EACpC,EAAM,OAAS,aAAe,OAAS,EAAM,WAAa,EAC5D,EAAK,EAAA,aAAa,UAAU,UAAU,MAAA,EACpC,EAAM,OAAS,WAAa,OAAS,EAAM,WAAa,EAC1D,EAAK,EAAA,aAAa,UAAU,UAAU,SAAA,EACpC,EAAM,OAAS,WAAa,OAAS,EAAM,WAAa,EAC1D,EAAK,EAAA,aAAa,UAAU,UAAU,QAAA,EACpC,EAAM,OAAS,aAAe,OAAS,EAAM,WAAa,EAIrD,CAAE,UAAA,EAAW,MAFN,EAAA,UAAU,CAAC,OAAO,KAAK,CAAA,EAAM,OAAS,EAAO,OAAW,EAAM,KAAA,CAAM,IAGjF,CAAC,EAAM,UAAW,EAAM,MAAO,EAAM,MAAO,EAAM,OAAQ,EAAM,UAAW,EAAM,KAAK,EAEzF,SAAO,EAAA,KAAC,KAAD,CAAe,UAAA,EAAkB,MAAA,EAAS"}

package/build/{skeleton-BOfnrUaI.cjs → skeleton-BoVFwt7y.cjs}

@@ -1,3 +1,3 @@
-const f=require("./chunk-CW3en5xf.cjs"),t=require("./utils-DtinAjAU.cjs"),s=require("./functions-Dwo54amB.cjs"),u=require("./component-BjdeqpEq.cjs");let c=require("react/jsx-runtime"),r=require("react");var o=e=>{const[a,n]=(0,r.useState)(e.defaultVisible??!1),l=(0,r.useMemo)(()=>"visible"in e?e.visible:null,[e]),i=(0,r.useMemo)(()=>"time"in e?e.time:null,[e]);return(0,r.useEffect)(()=>{if(l!==null&&i===null)n(l);else if(l!==null&&i!==null)if(l===!1)n(!1);else{const S=setTimeout(()=>{n(!0)},i);return()=>{clearTimeout(S)}}},[l,i]),(0,c.jsx)(u.Stack,{...e,className:s.setClasses([t.CSS_CLASS.area.skeleton.root,a===!1?t.CSS_CLASS.area.skeleton.visibleFalse:!1,a===!1?t.CSS_CLASS.keyframe.backgroundMove:!1,t.CSS_CLASS.transition.color,e.className]),style:s.setStyles([{[t.CSS_VARS_RAW.area.skeleton.color]:e.color?t.CSS_VARS.palette[e.color]:e.isInheritColor?"inherit":(e.type==="secondary",t.CSS_VARS.palette.fillQuaternaryLight),[t.CSS_VARS_RAW.area.skeleton.line]:e.type==="secondary"?t.CSS_VARS.palette.fillTertiaryLight:t.CSS_VARS.palette.fillQuinaryLight},e.style]),children:e.children})};Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return o}});
+const f=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DtinAjAU.cjs"),s=require("./functions-Dwo54amB.cjs"),u=require("./component-jsn2T8Hu.cjs");let c=require("react/jsx-runtime"),r=require("react");var o=e=>{const[a,n]=(0,r.useState)(e.defaultVisible??!1),l=(0,r.useMemo)(()=>"visible"in e?e.visible:null,[e]),i=(0,r.useMemo)(()=>"time"in e?e.time:null,[e]);return(0,r.useEffect)(()=>{if(l!==null&&i===null)n(l);else if(l!==null&&i!==null)if(l===!1)n(!1);else{const S=setTimeout(()=>{n(!0)},i);return()=>{clearTimeout(S)}}},[l,i]),(0,c.jsx)(u.Stack,{...e,className:s.setClasses([t.CSS_CLASS.area.skeleton.root,a===!1?t.CSS_CLASS.area.skeleton.visibleFalse:!1,a===!1?t.CSS_CLASS.keyframe.backgroundMove:!1,t.CSS_CLASS.transition.color,e.className]),style:s.setStyles([{[t.CSS_VARS_RAW.area.skeleton.color]:e.color?t.CSS_VARS.palette[e.color]:e.isInheritColor?"inherit":(e.type==="secondary",t.CSS_VARS.palette.fillQuaternaryLight),[t.CSS_VARS_RAW.area.skeleton.line]:e.type==="secondary"?t.CSS_VARS.palette.fillTertiaryLight:t.CSS_VARS.palette.fillQuinaryLight},e.style]),children:e.children})};Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return o}});
 
-//# sourceMappingURL=skeleton-BOfnrUaI.cjs.map
+//# sourceMappingURL=skeleton-BoVFwt7y.cjs.map

package/build/{skeleton-BOfnrUaI.cjs.map → skeleton-BoVFwt7y.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"skeleton-BOfnrUaI.cjs","names":[],"sources":["../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack/component';\nimport { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { ISkeleton } from './area.types';\n\nexport const Skeleton: FC<ISkeleton> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\n\n  useEffect(() => {\n    if (propsVisible !== null && propsTime === null) {\n      setVisible(propsVisible);\n    } else if (propsVisible !== null && propsTime !== null) {\n      if (propsVisible === false) {\n        setVisible(false);\n      } else {\n        const timer = setTimeout(() => {\n          setVisible(true);\n        }, propsTime);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }\n  }, [propsVisible, propsTime]);\n\n  return (\n    <Stack\n      {...props}\n      className={setClasses([\n        CSS_CLASS.area.skeleton.root,\n        visible === false ? CSS_CLASS.area.skeleton.visibleFalse : false,\n        visible === false ? CSS_CLASS.keyframe.backgroundMove : false,\n        CSS_CLASS.transition.color,\n        props.className,\n      ])}\n      style={setStyles([\n        {\n          [CSS_VARS_RAW.area.skeleton.color]: props.color\n            ? CSS_VARS.palette[props.color]\n            : props.isInheritColor\n              ? 'inherit'\n              : props.type === 'secondary'\n                ? CSS_VARS.palette.fillQuaternaryLight\n                : CSS_VARS.palette.fillQuaternaryLight,\n          [CSS_VARS_RAW.area.skeleton.line]:\n            props.type === 'secondary' ? CSS_VARS.palette.fillTertiaryLight : CSS_VARS.palette.fillQuinaryLight,\n        },\n        props.style,\n      ])}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"mappings":"4MASA,IAAa,EAA2B,GAAU,CAChD,KAAM,CAAC,EAAS,CAAA,KAAA,EAAA,UAAuB,EAAM,gBAAkB,EAAA,EAEzD,KAAA,EAAA,SAAA,IAA8B,YAAa,EAAQ,EAAM,QAAU,KAAO,CAAC,CAAA,CAAM,EACjF,KAAA,EAAA,SAAA,IAA2B,SAAU,EAAQ,EAAM,KAAO,KAAO,CAAC,CAAA,CAAM,EAE9E,SAAA,EAAA,WAAA,IAAgB,CACd,GAAI,IAAiB,MAAQ,IAAc,KACzC,EAAW,CAAA,UACF,IAAiB,MAAQ,IAAc,KAChD,GAAI,IAAiB,GACnB,EAAW,EAAA,MACN,CACL,MAAM,EAAQ,WAAA,IAAiB,CAC7B,EAAW,EAAA,GACV,CAAA,EAEH,MAAA,IAAa,CACX,aAAa,CAAA,KAIlB,CAAC,EAAc,CAAA,CAAU,KAG1B,EAAA,KAAC,EAAA,MAAD,CACE,GAAI,EACJ,UAAW,EAAA,WAAW,CACpB,EAAA,UAAU,KAAK,SAAS,KACxB,IAAY,GAAQ,EAAA,UAAU,KAAK,SAAS,aAAe,GAC3D,IAAY,GAAQ,EAAA,UAAU,SAAS,eAAiB,GACxD,EAAA,UAAU,WAAW,MACrB,EAAM,UACP,EACD,MAAO,EAAA,UAAU,CACf,EACG,EAAA,aAAa,KAAK,SAAS,KAAA,EAAQ,EAAM,MACtC,EAAA,SAAS,QAAQ,EAAM,KAAA,EACvB,EAAM,eACJ,WACA,EAAM,OAAS,YACb,EAAA,SAAS,QAAQ,sBAExB,EAAA,aAAa,KAAK,SAAS,IAAA,EAC1B,EAAM,OAAS,YAAc,EAAA,SAAS,QAAQ,kBAAoB,EAAA,SAAS,QAAQ,kBAEvF,EAAM,KAAA,CACP,WAEA,EAAM,SACD"}
+{"version":3,"file":"skeleton-BoVFwt7y.cjs","names":[],"sources":["../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack/component';\nimport { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { ISkeleton } from './area.types';\n\nexport const Skeleton: FC<ISkeleton> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\n\n  useEffect(() => {\n    if (propsVisible !== null && propsTime === null) {\n      setVisible(propsVisible);\n    } else if (propsVisible !== null && propsTime !== null) {\n      if (propsVisible === false) {\n        setVisible(false);\n      } else {\n        const timer = setTimeout(() => {\n          setVisible(true);\n        }, propsTime);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }\n  }, [propsVisible, propsTime]);\n\n  return (\n    <Stack\n      {...props}\n      className={setClasses([\n        CSS_CLASS.area.skeleton.root,\n        visible === false ? CSS_CLASS.area.skeleton.visibleFalse : false,\n        visible === false ? CSS_CLASS.keyframe.backgroundMove : false,\n        CSS_CLASS.transition.color,\n        props.className,\n      ])}\n      style={setStyles([\n        {\n          [CSS_VARS_RAW.area.skeleton.color]: props.color\n            ? CSS_VARS.palette[props.color]\n            : props.isInheritColor\n              ? 'inherit'\n              : props.type === 'secondary'\n                ? CSS_VARS.palette.fillQuaternaryLight\n                : CSS_VARS.palette.fillQuaternaryLight,\n          [CSS_VARS_RAW.area.skeleton.line]:\n            props.type === 'secondary' ? CSS_VARS.palette.fillTertiaryLight : CSS_VARS.palette.fillQuinaryLight,\n        },\n        props.style,\n      ])}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"mappings":"4MASA,IAAa,EAA2B,GAAU,CAChD,KAAM,CAAC,EAAS,CAAA,KAAA,EAAA,UAAuB,EAAM,gBAAkB,EAAA,EAEzD,KAAA,EAAA,SAAA,IAA8B,YAAa,EAAQ,EAAM,QAAU,KAAO,CAAC,CAAA,CAAM,EACjF,KAAA,EAAA,SAAA,IAA2B,SAAU,EAAQ,EAAM,KAAO,KAAO,CAAC,CAAA,CAAM,EAE9E,SAAA,EAAA,WAAA,IAAgB,CACd,GAAI,IAAiB,MAAQ,IAAc,KACzC,EAAW,CAAA,UACF,IAAiB,MAAQ,IAAc,KAChD,GAAI,IAAiB,GACnB,EAAW,EAAA,MACN,CACL,MAAM,EAAQ,WAAA,IAAiB,CAC7B,EAAW,EAAA,GACV,CAAA,EAEH,MAAA,IAAa,CACX,aAAa,CAAA,KAIlB,CAAC,EAAc,CAAA,CAAU,KAG1B,EAAA,KAAC,EAAA,MAAD,CACE,GAAI,EACJ,UAAW,EAAA,WAAW,CACpB,EAAA,UAAU,KAAK,SAAS,KACxB,IAAY,GAAQ,EAAA,UAAU,KAAK,SAAS,aAAe,GAC3D,IAAY,GAAQ,EAAA,UAAU,SAAS,eAAiB,GACxD,EAAA,UAAU,WAAW,MACrB,EAAM,UACP,EACD,MAAO,EAAA,UAAU,CACf,EACG,EAAA,aAAa,KAAK,SAAS,KAAA,EAAQ,EAAM,MACtC,EAAA,SAAS,QAAQ,EAAM,KAAA,EACvB,EAAM,eACJ,WACA,EAAM,OAAS,YACb,EAAA,SAAS,QAAQ,sBAExB,EAAA,aAAa,KAAK,SAAS,IAAA,EAC1B,EAAM,OAAS,YAAc,EAAA,SAAS,QAAQ,kBAAoB,EAAA,SAAS,QAAQ,kBAEvF,EAAM,KAAA,CACP,WAEA,EAAM,SACD"}

package/build/{skeleton-Bzr92XmL.js → skeleton-DNwTI6w0.js}

@@ -1,6 +1,6 @@
 import { i as r, n as a, r as t } from "./utils-Cona48dZ.js";
 import { n as m, t as u } from "./functions-CLGf7hqw.js";
-import { t as c } from "./component-6HgOL-7c.js";
+import { t as c } from "./component-BHyXT2-h.js";
 import { jsx as S } from "react/jsx-runtime";
 import { useEffect as y, useMemo as o, useState as b } from "react";
 var g = (e) => {
@@ -36,4 +36,4 @@ export {
   g as t
 };
 
-//# sourceMappingURL=skeleton-Bzr92XmL.js.map
+//# sourceMappingURL=skeleton-DNwTI6w0.js.map

package/build/{skeleton-Bzr92XmL.js.map → skeleton-DNwTI6w0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"skeleton-Bzr92XmL.js","names":[],"sources":["../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack/component';\nimport { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { ISkeleton } from './area.types';\n\nexport const Skeleton: FC<ISkeleton> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\n\n  useEffect(() => {\n    if (propsVisible !== null && propsTime === null) {\n      setVisible(propsVisible);\n    } else if (propsVisible !== null && propsTime !== null) {\n      if (propsVisible === false) {\n        setVisible(false);\n      } else {\n        const timer = setTimeout(() => {\n          setVisible(true);\n        }, propsTime);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }\n  }, [propsVisible, propsTime]);\n\n  return (\n    <Stack\n      {...props}\n      className={setClasses([\n        CSS_CLASS.area.skeleton.root,\n        visible === false ? CSS_CLASS.area.skeleton.visibleFalse : false,\n        visible === false ? CSS_CLASS.keyframe.backgroundMove : false,\n        CSS_CLASS.transition.color,\n        props.className,\n      ])}\n      style={setStyles([\n        {\n          [CSS_VARS_RAW.area.skeleton.color]: props.color\n            ? CSS_VARS.palette[props.color]\n            : props.isInheritColor\n              ? 'inherit'\n              : props.type === 'secondary'\n                ? CSS_VARS.palette.fillQuaternaryLight\n                : CSS_VARS.palette.fillQuaternaryLight,\n          [CSS_VARS_RAW.area.skeleton.line]:\n            props.type === 'secondary' ? CSS_VARS.palette.fillTertiaryLight : CSS_VARS.palette.fillQuinaryLight,\n        },\n        props.style,\n      ])}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAA2B,MAAU;AAChD,QAAM,CAAC,GAAS,CAAA,IAAc,EAAS,EAAM,kBAAkB,EAAA,GAEzD,IAAe,EAAA,MAAe,aAAa,IAAQ,EAAM,UAAU,MAAO,CAAC,CAAA,CAAM,GACjF,IAAY,EAAA,MAAe,UAAU,IAAQ,EAAM,OAAO,MAAO,CAAC,CAAA,CAAM;AAE9E,SAAA,EAAA,MAAgB;AACd,QAAI,MAAiB,QAAQ,MAAc,KACzC,CAAA,EAAW,CAAA;AAAA,aACF,MAAiB,QAAQ,MAAc,KAChD,KAAI,MAAiB,GACnB,CAAA,EAAW,EAAA;AAAA,SACN;AACL,YAAM,IAAQ,WAAA,MAAiB;AAC7B,QAAA,EAAW,EAAA;AAAA,SACV,CAAA;AAEH,aAAA,MAAa;AACX,qBAAa,CAAA;AAAA;;KAIlB,CAAC,GAAc,CAAA,CAAU,GAG1B,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,WAAW,EAAW;AAAA,MACpB,EAAU,KAAK,SAAS;AAAA,MACxB,MAAY,KAAQ,EAAU,KAAK,SAAS,eAAe;AAAA,MAC3D,MAAY,KAAQ,EAAU,SAAS,iBAAiB;AAAA,MACxD,EAAU,WAAW;AAAA,MACrB,EAAM;AAAA,KACP;AAAA,IACD,OAAO,EAAU,CACf;AAAA,OACG,EAAa,KAAK,SAAS,KAAA,GAAQ,EAAM,QACtC,EAAS,QAAQ,EAAM,KAAA,IACvB,EAAM,iBACJ,YACA,EAAM,SAAS,cACb,EAAS,QAAQ,sBACjB,EAAS,QAAQ;AAAA,OACxB,EAAa,KAAK,SAAS,IAAA,GAC1B,EAAM,SAAS,cAAc,EAAS,QAAQ,oBAAoB,EAAS,QAAQ;AAAA,OAEvF,EAAM,KAAA,CACP;AAAA,cAEA,EAAM;AAAA,GACD"}
+{"version":3,"file":"skeleton-DNwTI6w0.js","names":[],"sources":["../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack/component';\nimport { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { ISkeleton } from './area.types';\n\nexport const Skeleton: FC<ISkeleton> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\n\n  useEffect(() => {\n    if (propsVisible !== null && propsTime === null) {\n      setVisible(propsVisible);\n    } else if (propsVisible !== null && propsTime !== null) {\n      if (propsVisible === false) {\n        setVisible(false);\n      } else {\n        const timer = setTimeout(() => {\n          setVisible(true);\n        }, propsTime);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }\n  }, [propsVisible, propsTime]);\n\n  return (\n    <Stack\n      {...props}\n      className={setClasses([\n        CSS_CLASS.area.skeleton.root,\n        visible === false ? CSS_CLASS.area.skeleton.visibleFalse : false,\n        visible === false ? CSS_CLASS.keyframe.backgroundMove : false,\n        CSS_CLASS.transition.color,\n        props.className,\n      ])}\n      style={setStyles([\n        {\n          [CSS_VARS_RAW.area.skeleton.color]: props.color\n            ? CSS_VARS.palette[props.color]\n            : props.isInheritColor\n              ? 'inherit'\n              : props.type === 'secondary'\n                ? CSS_VARS.palette.fillQuaternaryLight\n                : CSS_VARS.palette.fillQuaternaryLight,\n          [CSS_VARS_RAW.area.skeleton.line]:\n            props.type === 'secondary' ? CSS_VARS.palette.fillTertiaryLight : CSS_VARS.palette.fillQuinaryLight,\n        },\n        props.style,\n      ])}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAA2B,MAAU;AAChD,QAAM,CAAC,GAAS,CAAA,IAAc,EAAS,EAAM,kBAAkB,EAAA,GAEzD,IAAe,EAAA,MAAe,aAAa,IAAQ,EAAM,UAAU,MAAO,CAAC,CAAA,CAAM,GACjF,IAAY,EAAA,MAAe,UAAU,IAAQ,EAAM,OAAO,MAAO,CAAC,CAAA,CAAM;AAE9E,SAAA,EAAA,MAAgB;AACd,QAAI,MAAiB,QAAQ,MAAc,KACzC,CAAA,EAAW,CAAA;AAAA,aACF,MAAiB,QAAQ,MAAc,KAChD,KAAI,MAAiB,GACnB,CAAA,EAAW,EAAA;AAAA,SACN;AACL,YAAM,IAAQ,WAAA,MAAiB;AAC7B,QAAA,EAAW,EAAA;AAAA,SACV,CAAA;AAEH,aAAA,MAAa;AACX,qBAAa,CAAA;AAAA;;KAIlB,CAAC,GAAc,CAAA,CAAU,GAG1B,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,WAAW,EAAW;AAAA,MACpB,EAAU,KAAK,SAAS;AAAA,MACxB,MAAY,KAAQ,EAAU,KAAK,SAAS,eAAe;AAAA,MAC3D,MAAY,KAAQ,EAAU,SAAS,iBAAiB;AAAA,MACxD,EAAU,WAAW;AAAA,MACrB,EAAM;AAAA,KACP;AAAA,IACD,OAAO,EAAU,CACf;AAAA,OACG,EAAa,KAAK,SAAS,KAAA,GAAQ,EAAM,QACtC,EAAS,QAAQ,EAAM,KAAA,IACvB,EAAM,iBACJ,YACA,EAAM,SAAS,cACb,EAAS,QAAQ,sBACjB,EAAS,QAAQ;AAAA,OACxB,EAAa,KAAK,SAAS,IAAA,GAC1B,EAAM,SAAS,cAAc,EAAS,QAAQ,oBAAoB,EAAS,QAAQ;AAAA,OAEvF,EAAM,KAAA,CACP;AAAA,cAEA,EAAM;AAAA,GACD"}

package/build/style-motion.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./chunk-CW3en5xf.cjs"),o=require("./motion-BeQRGZxW.cjs");exports.MotionBlurIn=o.MotionBlurIn;exports.MotionGradualSpacing=o.MotionGradualSpacing;exports.MotionTypingEffect=o.MotionTypingEffect;exports.MotionWordsPullUp=o.MotionWordsPullUp;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./chunk-Dd8m0Ver.cjs"),o=require("./motion-CAPq8wSn.cjs");exports.MotionBlurIn=o.MotionBlurIn;exports.MotionGradualSpacing=o.MotionGradualSpacing;exports.MotionTypingEffect=o.MotionTypingEffect;exports.MotionWordsPullUp=o.MotionWordsPullUp;

package/build/style-motion.es.js

@@ -1,4 +1,4 @@
-import { i, n, r as t, t as a } from "./motion-Ot_yGWVJ.js";
+import { i, n, r as t, t as a } from "./motion-Dt6TyEjN.js";
 export {
   a as MotionBlurIn,
   n as MotionGradualSpacing,

package/build/style-utils.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-CW3en5xf.cjs"),S=require("./utils-DtinAjAU.cjs");exports.CSS_CLASS=S.CSS_CLASS;exports.CSS_VARS=S.CSS_VARS;exports.CSS_VARS_RAW=S.CSS_VARS_RAW;exports.EXTRA_VALUE=S.EXTRA_VALUE;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-Dd8m0Ver.cjs"),S=require("./utils-DtinAjAU.cjs");exports.CSS_CLASS=S.CSS_CLASS;exports.CSS_VARS=S.CSS_VARS;exports.CSS_VARS_RAW=S.CSS_VARS_RAW;exports.EXTRA_VALUE=S.EXTRA_VALUE;

package/build/{textarea-BRzorAFw.cjs → textarea-CbZSeqGR.cjs}

@@ -1,3 +1,3 @@
-const f=require("./chunk-CW3en5xf.cjs"),t=require("./utils-DtinAjAU.cjs"),s=require("./functions-Dwo54amB.cjs"),R=require("./hooks-use-merge-refs.cjs.js"),y=require("./hooks-use-typography-styles.cjs.js"),b=require("./error--kiPVmoi.cjs");let r=require("react/jsx-runtime"),i=require("react");var S=t.EXTRA_VALUE.font.size*t.EXTRA_VALUE.font.height,w=e=>{const o=(0,i.useRef)(null),m=R.useMergeRefs([o,e.ref]),l=(0,i.useMemo)(()=>e.maxRows?e.maxRows*S:0,[e.maxRows]),c=(0,i.useMemo)(()=>e.minRows?e.minRows*S:S,[e.minRows]),u=(0,i.useCallback)(()=>{const n=o.current;if(n&&e.isAutoHeight){n.style.height="auto";const a=Math.min(n.scrollHeight,l);n.style.height=`${a}px`}},[e.isAutoHeight,l]),h=(0,i.useCallback)(n=>{if(e.isNoSpaces){const a=n.replace(/\s+/g,"");e.onChange?.(a)}else e.onChange?.(n)},[e.isNoSpaces,e.onChange]);(0,i.useEffect)(()=>{e.isAutoHeight&&requestAnimationFrame(u)},[e.value,u,e.isAutoHeight]);const{className:d,style:g}=y.useTypographyStyles({sx:{family:e.isNiceNumber?"Roboto Mono":e.sxTypography?.family,size:16,weight:e.isBold?"700":"400",height:"1.2",...e?.sxTypography}}),{className:C,style:x}=(0,i.useMemo)(()=>{const n=s.setClasses([t.CSS_CLASS.component.textarea.wrapper,t.CSS_CLASS.transition.color,e.error?.isError&&t.CSS_CLASS.isError,t.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],e.isZeroRadius&&t.CSS_CLASS.component.textarea.wrapperIsZeroRadius,e.isHidden&&t.CSS_CLASS.component.textarea.wrapperIsHidden,e.isHiddenBorder&&t.CSS_CLASS.component.textarea.wrapperIsHiddenBorder,e.isFullRadius&&t.CSS_CLASS.component.textarea.wrapperIsFullRadius,!e.isResize&&t.CSS_CLASS.component.textarea.wrapperIsNotResize,e.className]),a={};return a[t.CSS_VARS_RAW.component.textarea.radius]=t.CSS_VARS.size[e.size].radius,a[t.CSS_VARS_RAW.component.textarea.borderColor]=t.CSS_VARS.genre.textarea[e.genre].border,a[t.CSS_VARS_RAW.component.textarea.background]=t.CSS_VARS.genre.textarea[e.genre].background,a[t.CSS_VARS_RAW.component.textarea.padding]=`calc(${t.CSS_VARS.size[e.size].padding} - 4px) 0px calc(${t.CSS_VARS.size[e.size].padding} - 4px) ${t.CSS_VARS.size[e.size].padding}`,{className:n,style:s.setStyles([Object.keys(a).length?a:void 0,e.style])}},[e.className,e.size,e.style,e.isDisabled,e.isHidden,e.isFullRadius,e.isHiddenBorder,e.isZeroRadius,e.genre,e.control,e.error?.isError,e.isResize]),{className:_,style:A}=(0,i.useMemo)(()=>{const n=s.setClasses([t.CSS_CLASS.component.textarea.root,t.CSS_CLASS.scrollbarGutter.stable,t.CSS_CLASS.transition.color,d]),a={};return a[t.CSS_VARS_RAW.component.textarea.color]=t.CSS_VARS.genre.textarea[e.genre].color,a[t.CSS_VARS_RAW.component.textarea.placeholderColor]=t.CSS_VARS.genre.textarea[e.genre].placeholder,{className:n,style:s.setStyles([e.style,g,Object.keys(a).length?a:void 0])}},[e.style,e.genre,d,g]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:C,style:x,children:(0,r.jsx)("textarea",{className:_,tabIndex:0,ref:m,maxLength:e.maxLength,minLength:e.minLength,disabled:e.isDisabled,readOnly:e.isReadOnly,required:e.isRequired,defaultValue:e.defaultValue===null?"":e.defaultValue,value:e.value===null?"":e.value,rows:e.minRows,placeholder:e.placeholder,onChange:n=>h(n.target.value),onBlur:e.onBlur,onFocus:e.onFocus,onKeyDown:e.onKeyDown,onMouseDown:e.onMouseDown,onClick:e.onClick,name:e.name,"aria-label":e.ariaLabel??e.name,autoComplete:e.autoComplete,id:e.id,style:{...A,minHeight:`${c}px`,maxHeight:e.isResize?"none":e.isAutoHeight?`${l}px`:`${c}px`}})}),e?.error?.isError&&(0,r.jsx)(b.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function(){return w}});
+const f=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DtinAjAU.cjs"),s=require("./functions-Dwo54amB.cjs"),R=require("./hooks-use-merge-refs.cjs.js"),y=require("./hooks-use-typography-styles.cjs.js"),b=require("./error-DzkkNL2H.cjs");let r=require("react/jsx-runtime"),i=require("react");var S=t.EXTRA_VALUE.font.size*t.EXTRA_VALUE.font.height,w=e=>{const o=(0,i.useRef)(null),m=R.useMergeRefs([o,e.ref]),l=(0,i.useMemo)(()=>e.maxRows?e.maxRows*S:0,[e.maxRows]),c=(0,i.useMemo)(()=>e.minRows?e.minRows*S:S,[e.minRows]),u=(0,i.useCallback)(()=>{const n=o.current;if(n&&e.isAutoHeight){n.style.height="auto";const a=Math.min(n.scrollHeight,l);n.style.height=`${a}px`}},[e.isAutoHeight,l]),h=(0,i.useCallback)(n=>{if(e.isNoSpaces){const a=n.replace(/\s+/g,"");e.onChange?.(a)}else e.onChange?.(n)},[e.isNoSpaces,e.onChange]);(0,i.useEffect)(()=>{e.isAutoHeight&&requestAnimationFrame(u)},[e.value,u,e.isAutoHeight]);const{className:d,style:g}=y.useTypographyStyles({sx:{family:e.isNiceNumber?"Roboto Mono":e.sxTypography?.family,size:16,weight:e.isBold?"700":"400",height:"1.2",...e?.sxTypography}}),{className:C,style:x}=(0,i.useMemo)(()=>{const n=s.setClasses([t.CSS_CLASS.component.textarea.wrapper,t.CSS_CLASS.transition.color,e.error?.isError&&t.CSS_CLASS.isError,t.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],e.isZeroRadius&&t.CSS_CLASS.component.textarea.wrapperIsZeroRadius,e.isHidden&&t.CSS_CLASS.component.textarea.wrapperIsHidden,e.isHiddenBorder&&t.CSS_CLASS.component.textarea.wrapperIsHiddenBorder,e.isFullRadius&&t.CSS_CLASS.component.textarea.wrapperIsFullRadius,!e.isResize&&t.CSS_CLASS.component.textarea.wrapperIsNotResize,e.className]),a={};return a[t.CSS_VARS_RAW.component.textarea.radius]=t.CSS_VARS.size[e.size].radius,a[t.CSS_VARS_RAW.component.textarea.borderColor]=t.CSS_VARS.genre.textarea[e.genre].border,a[t.CSS_VARS_RAW.component.textarea.background]=t.CSS_VARS.genre.textarea[e.genre].background,a[t.CSS_VARS_RAW.component.textarea.padding]=`calc(${t.CSS_VARS.size[e.size].padding} - 4px) 0px calc(${t.CSS_VARS.size[e.size].padding} - 4px) ${t.CSS_VARS.size[e.size].padding}`,{className:n,style:s.setStyles([Object.keys(a).length?a:void 0,e.style])}},[e.className,e.size,e.style,e.isDisabled,e.isHidden,e.isFullRadius,e.isHiddenBorder,e.isZeroRadius,e.genre,e.control,e.error?.isError,e.isResize]),{className:_,style:A}=(0,i.useMemo)(()=>{const n=s.setClasses([t.CSS_CLASS.component.textarea.root,t.CSS_CLASS.scrollbarGutter.stable,t.CSS_CLASS.transition.color,d]),a={};return a[t.CSS_VARS_RAW.component.textarea.color]=t.CSS_VARS.genre.textarea[e.genre].color,a[t.CSS_VARS_RAW.component.textarea.placeholderColor]=t.CSS_VARS.genre.textarea[e.genre].placeholder,{className:n,style:s.setStyles([e.style,g,Object.keys(a).length?a:void 0])}},[e.style,e.genre,d,g]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:C,style:x,children:(0,r.jsx)("textarea",{className:_,tabIndex:0,ref:m,maxLength:e.maxLength,minLength:e.minLength,disabled:e.isDisabled,readOnly:e.isReadOnly,required:e.isRequired,defaultValue:e.defaultValue===null?"":e.defaultValue,value:e.value===null?"":e.value,rows:e.minRows,placeholder:e.placeholder,onChange:n=>h(n.target.value),onBlur:e.onBlur,onFocus:e.onFocus,onKeyDown:e.onKeyDown,onMouseDown:e.onMouseDown,onClick:e.onClick,name:e.name,"aria-label":e.ariaLabel??e.name,autoComplete:e.autoComplete,id:e.id,style:{...A,minHeight:`${c}px`,maxHeight:e.isResize?"none":e.isAutoHeight?`${l}px`:`${c}px`}})}),e?.error?.isError&&(0,r.jsx)(b.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function(){return w}});
 
-//# sourceMappingURL=textarea-BRzorAFw.cjs.map
+//# sourceMappingURL=textarea-CbZSeqGR.cjs.map

package/build/{textarea-BRzorAFw.cjs.map → textarea-CbZSeqGR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-BRzorAFw.cjs","names":[],"sources":["../src/components/textarea/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles/use';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { ITextArea } from './component.types';\n\nconst lineHeight = EXTRA_VALUE.font.size * EXTRA_VALUE.font.height;\n\nexport const TextArea = (props: ITextArea) => {\n  const refLocal = useRef<HTMLTextAreaElement>(null);\n  const ref = useMergeRefs([refLocal, props.ref]);\n\n  const maxHeight = useMemo(() => (props.maxRows ? props.maxRows * lineHeight : 0), [props.maxRows]);\n  const minHeight = useMemo(() => (props.minRows ? props.minRows * lineHeight : lineHeight), [props.minRows]);\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.isNoSpaces, props.onChange],\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\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: {\n      family: props.isNiceNumber ? 'Roboto Mono' : props.sxTypography?.family,\n      size: 16,\n      weight: props.isBold ? '700' : '400',\n      height: '1.2',\n      ...props?.sxTypography,\n    },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.wrapper,\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      props.isZeroRadius && CSS_CLASS.component.textarea.wrapperIsZeroRadius,\n      props.isHidden && CSS_CLASS.component.textarea.wrapperIsHidden,\n      props.isHiddenBorder && CSS_CLASS.component.textarea.wrapperIsHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.textarea.wrapperIsFullRadius,\n      !props.isResize && CSS_CLASS.component.textarea.wrapperIsNotResize,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.textarea.borderColor] = CSS_VARS.genre.textarea[props.genre].border;\n    vars[CSS_VARS_RAW.component.textarea.background] = CSS_VARS.genre.textarea[props.genre].background;\n    vars[CSS_VARS_RAW.component.textarea.padding] =\n      `calc(${CSS_VARS.size[props.size].padding} - 4px) 0px calc(${CSS_VARS.size[props.size].padding} - 4px) ${CSS_VARS.size[props.size].padding}`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.size,\n    props.style,\n    props.isDisabled,\n    props.isHidden,\n    props.isFullRadius,\n    props.isHiddenBorder,\n    props.isZeroRadius,\n    props.genre,\n    props.control,\n    props.error?.isError,\n    props.isResize,\n  ]);\n\n  const { className: classNameTextarea, style: styleTextarea } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.root,\n      CSS_CLASS.scrollbarGutter.stable,\n      CSS_CLASS.transition.color,\n      classNameTypography,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.color] = CSS_VARS.genre.textarea[props.genre].color;\n    vars[CSS_VARS_RAW.component.textarea.placeholderColor] = CSS_VARS.genre.textarea[props.genre].placeholder;\n\n    const style = setStyles([props.style, styleTypography, Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.style, props.genre, classNameTypography, styleTypography]);\n\n  return (\n    <>\n      <div className={className} style={style}>\n        <textarea\n          className={classNameTextarea}\n          tabIndex={0}\n          ref={ref}\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          onMouseDown={props.onMouseDown}\n          onClick={props.onClick}\n          name={props.name}\n          aria-label={props.ariaLabel ?? props.name}\n          autoComplete={props.autoComplete}\n          id={props.id}\n          style={{\n            ...styleTextarea,\n            minHeight: `${minHeight}px`,\n            maxHeight: props.isResize ? 'none' : props.isAutoHeight ? `${maxHeight}px` : `${minHeight}px`,\n          }}\n        />\n      </div>\n\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"textarea-CbZSeqGR.cjs","names":[],"sources":["../src/components/textarea/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles/use';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { ITextArea } from './component.types';\n\nconst lineHeight = EXTRA_VALUE.font.size * EXTRA_VALUE.font.height;\n\nexport const TextArea = (props: ITextArea) => {\n  const refLocal = useRef<HTMLTextAreaElement>(null);\n  const ref = useMergeRefs([refLocal, props.ref]);\n\n  const maxHeight = useMemo(() => (props.maxRows ? props.maxRows * lineHeight : 0), [props.maxRows]);\n  const minHeight = useMemo(() => (props.minRows ? props.minRows * lineHeight : lineHeight), [props.minRows]);\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.isNoSpaces, props.onChange],\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\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: {\n      family: props.isNiceNumber ? 'Roboto Mono' : props.sxTypography?.family,\n      size: 16,\n      weight: props.isBold ? '700' : '400',\n      height: '1.2',\n      ...props?.sxTypography,\n    },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.wrapper,\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      props.isZeroRadius && CSS_CLASS.component.textarea.wrapperIsZeroRadius,\n      props.isHidden && CSS_CLASS.component.textarea.wrapperIsHidden,\n      props.isHiddenBorder && CSS_CLASS.component.textarea.wrapperIsHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.textarea.wrapperIsFullRadius,\n      !props.isResize && CSS_CLASS.component.textarea.wrapperIsNotResize,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.textarea.borderColor] = CSS_VARS.genre.textarea[props.genre].border;\n    vars[CSS_VARS_RAW.component.textarea.background] = CSS_VARS.genre.textarea[props.genre].background;\n    vars[CSS_VARS_RAW.component.textarea.padding] =\n      `calc(${CSS_VARS.size[props.size].padding} - 4px) 0px calc(${CSS_VARS.size[props.size].padding} - 4px) ${CSS_VARS.size[props.size].padding}`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.size,\n    props.style,\n    props.isDisabled,\n    props.isHidden,\n    props.isFullRadius,\n    props.isHiddenBorder,\n    props.isZeroRadius,\n    props.genre,\n    props.control,\n    props.error?.isError,\n    props.isResize,\n  ]);\n\n  const { className: classNameTextarea, style: styleTextarea } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.root,\n      CSS_CLASS.scrollbarGutter.stable,\n      CSS_CLASS.transition.color,\n      classNameTypography,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.color] = CSS_VARS.genre.textarea[props.genre].color;\n    vars[CSS_VARS_RAW.component.textarea.placeholderColor] = CSS_VARS.genre.textarea[props.genre].placeholder;\n\n    const style = setStyles([props.style, styleTypography, Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.style, props.genre, classNameTypography, styleTypography]);\n\n  return (\n    <>\n      <div className={className} style={style}>\n        <textarea\n          className={classNameTextarea}\n          tabIndex={0}\n          ref={ref}\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          onMouseDown={props.onMouseDown}\n          onClick={props.onClick}\n          name={props.name}\n          aria-label={props.ariaLabel ?? props.name}\n          autoComplete={props.autoComplete}\n          id={props.id}\n          style={{\n            ...styleTextarea,\n            minHeight: `${minHeight}px`,\n            maxHeight: props.isResize ? 'none' : props.isAutoHeight ? `${maxHeight}px` : `${minHeight}px`,\n          }}\n        />\n      </div>\n\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/{textarea-BssfjUe3.js → textarea-ChkjV_Ha.js}

@@ -2,7 +2,7 @@ import { i as l, n, r as i, t as x } from "./utils-Cona48dZ.js";
 import { n as y, t as R } from "./functions-CLGf7hqw.js";
 import { useMergeRefs as N } from "./hooks-use-merge-refs.es.js";
 import { useTypographyStyles as A } from "./hooks-use-typography-styles.es.js";
-import { t as v } from "./error-D1UNY-0f.js";
+import { t as v } from "./error-L2fvWcNv.js";
 import { Fragment as T, jsx as r, jsxs as E } from "react/jsx-runtime";
 import { useCallback as f, useEffect as L, useMemo as s, useRef as k } from "react";
 var c = x.font.size * x.font.height, O = (e) => {
@@ -129,4 +129,4 @@ export {
   O as t
 };
 
-//# sourceMappingURL=textarea-BssfjUe3.js.map
+//# sourceMappingURL=textarea-ChkjV_Ha.js.map

package/build/{textarea-BssfjUe3.js.map → textarea-ChkjV_Ha.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-BssfjUe3.js","names":[],"sources":["../src/components/textarea/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles/use';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { ITextArea } from './component.types';\n\nconst lineHeight = EXTRA_VALUE.font.size * EXTRA_VALUE.font.height;\n\nexport const TextArea = (props: ITextArea) => {\n  const refLocal = useRef<HTMLTextAreaElement>(null);\n  const ref = useMergeRefs([refLocal, props.ref]);\n\n  const maxHeight = useMemo(() => (props.maxRows ? props.maxRows * lineHeight : 0), [props.maxRows]);\n  const minHeight = useMemo(() => (props.minRows ? props.minRows * lineHeight : lineHeight), [props.minRows]);\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.isNoSpaces, props.onChange],\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\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: {\n      family: props.isNiceNumber ? 'Roboto Mono' : props.sxTypography?.family,\n      size: 16,\n      weight: props.isBold ? '700' : '400',\n      height: '1.2',\n      ...props?.sxTypography,\n    },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.wrapper,\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      props.isZeroRadius && CSS_CLASS.component.textarea.wrapperIsZeroRadius,\n      props.isHidden && CSS_CLASS.component.textarea.wrapperIsHidden,\n      props.isHiddenBorder && CSS_CLASS.component.textarea.wrapperIsHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.textarea.wrapperIsFullRadius,\n      !props.isResize && CSS_CLASS.component.textarea.wrapperIsNotResize,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.textarea.borderColor] = CSS_VARS.genre.textarea[props.genre].border;\n    vars[CSS_VARS_RAW.component.textarea.background] = CSS_VARS.genre.textarea[props.genre].background;\n    vars[CSS_VARS_RAW.component.textarea.padding] =\n      `calc(${CSS_VARS.size[props.size].padding} - 4px) 0px calc(${CSS_VARS.size[props.size].padding} - 4px) ${CSS_VARS.size[props.size].padding}`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.size,\n    props.style,\n    props.isDisabled,\n    props.isHidden,\n    props.isFullRadius,\n    props.isHiddenBorder,\n    props.isZeroRadius,\n    props.genre,\n    props.control,\n    props.error?.isError,\n    props.isResize,\n  ]);\n\n  const { className: classNameTextarea, style: styleTextarea } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.root,\n      CSS_CLASS.scrollbarGutter.stable,\n      CSS_CLASS.transition.color,\n      classNameTypography,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.color] = CSS_VARS.genre.textarea[props.genre].color;\n    vars[CSS_VARS_RAW.component.textarea.placeholderColor] = CSS_VARS.genre.textarea[props.genre].placeholder;\n\n    const style = setStyles([props.style, styleTypography, Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.style, props.genre, classNameTypography, styleTypography]);\n\n  return (\n    <>\n      <div className={className} style={style}>\n        <textarea\n          className={classNameTextarea}\n          tabIndex={0}\n          ref={ref}\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          onMouseDown={props.onMouseDown}\n          onClick={props.onClick}\n          name={props.name}\n          aria-label={props.ariaLabel ?? props.name}\n          autoComplete={props.autoComplete}\n          id={props.id}\n          style={{\n            ...styleTextarea,\n            minHeight: `${minHeight}px`,\n            maxHeight: props.isResize ? 'none' : props.isAutoHeight ? `${maxHeight}px` : `${minHeight}px`,\n          }}\n        />\n      </div>\n\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"textarea-ChkjV_Ha.js","names":[],"sources":["../src/components/textarea/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles/use';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { ITextArea } from './component.types';\n\nconst lineHeight = EXTRA_VALUE.font.size * EXTRA_VALUE.font.height;\n\nexport const TextArea = (props: ITextArea) => {\n  const refLocal = useRef<HTMLTextAreaElement>(null);\n  const ref = useMergeRefs([refLocal, props.ref]);\n\n  const maxHeight = useMemo(() => (props.maxRows ? props.maxRows * lineHeight : 0), [props.maxRows]);\n  const minHeight = useMemo(() => (props.minRows ? props.minRows * lineHeight : lineHeight), [props.minRows]);\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.isNoSpaces, props.onChange],\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\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: {\n      family: props.isNiceNumber ? 'Roboto Mono' : props.sxTypography?.family,\n      size: 16,\n      weight: props.isBold ? '700' : '400',\n      height: '1.2',\n      ...props?.sxTypography,\n    },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.wrapper,\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      props.isZeroRadius && CSS_CLASS.component.textarea.wrapperIsZeroRadius,\n      props.isHidden && CSS_CLASS.component.textarea.wrapperIsHidden,\n      props.isHiddenBorder && CSS_CLASS.component.textarea.wrapperIsHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.textarea.wrapperIsFullRadius,\n      !props.isResize && CSS_CLASS.component.textarea.wrapperIsNotResize,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.textarea.borderColor] = CSS_VARS.genre.textarea[props.genre].border;\n    vars[CSS_VARS_RAW.component.textarea.background] = CSS_VARS.genre.textarea[props.genre].background;\n    vars[CSS_VARS_RAW.component.textarea.padding] =\n      `calc(${CSS_VARS.size[props.size].padding} - 4px) 0px calc(${CSS_VARS.size[props.size].padding} - 4px) ${CSS_VARS.size[props.size].padding}`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.size,\n    props.style,\n    props.isDisabled,\n    props.isHidden,\n    props.isFullRadius,\n    props.isHiddenBorder,\n    props.isZeroRadius,\n    props.genre,\n    props.control,\n    props.error?.isError,\n    props.isResize,\n  ]);\n\n  const { className: classNameTextarea, style: styleTextarea } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.textarea.root,\n      CSS_CLASS.scrollbarGutter.stable,\n      CSS_CLASS.transition.color,\n      classNameTypography,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.textarea.color] = CSS_VARS.genre.textarea[props.genre].color;\n    vars[CSS_VARS_RAW.component.textarea.placeholderColor] = CSS_VARS.genre.textarea[props.genre].placeholder;\n\n    const style = setStyles([props.style, styleTypography, Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.style, props.genre, classNameTypography, styleTypography]);\n\n  return (\n    <>\n      <div className={className} style={style}>\n        <textarea\n          className={classNameTextarea}\n          tabIndex={0}\n          ref={ref}\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          onMouseDown={props.onMouseDown}\n          onClick={props.onClick}\n          name={props.name}\n          aria-label={props.ariaLabel ?? props.name}\n          autoComplete={props.autoComplete}\n          id={props.id}\n          style={{\n            ...styleTextarea,\n            minHeight: `${minHeight}px`,\n            maxHeight: props.isResize ? 'none' : props.isAutoHeight ? `${maxHeight}px` : `${minHeight}px`,\n          }}\n        />\n      </div>\n\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/{toggle-CCfZoBpW.js → toggle-I6YvEX4w.js}

@@ -1,7 +1,7 @@
 import { i as o, n as g, r as n } from "./utils-Cona48dZ.js";
 import { n as l, t as a } from "./functions-CLGf7hqw.js";
 import { useMergeRefs as b } from "./hooks-use-merge-refs.es.js";
-import { t as z } from "./error-D1UNY-0f.js";
+import { t as z } from "./error-L2fvWcNv.js";
 import { Fragment as A, jsx as c, jsxs as y } from "react/jsx-runtime";
 import { useCallback as S, useMemo as r, useRef as C } from "react";
 var N = (e) => {
@@ -83,4 +83,4 @@ export {
   N as t
 };
 
-//# sourceMappingURL=toggle-CCfZoBpW.js.map
+//# sourceMappingURL=toggle-I6YvEX4w.js.map

package/build/{toggle-CCfZoBpW.js.map → toggle-I6YvEX4w.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-CCfZoBpW.js","names":[],"sources":["../src/components/toggle/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IToggle } from './component.types';\n\nexport const Toggle = (props: IToggle) => {\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.root,\n      props.value ? CSS_CLASS.component.toggle.active : CSS_CLASS.component.toggle.unActive,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.toggle.isZeroRadius,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isHidden && CSS_CLASS.component.toggle.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.toggle.isHiddenBorder,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.height] = CSS_VARS.sizeToggle[props.size].height;\n    vars[CSS_VARS_RAW.component.toggle.width] = CSS_VARS.sizeToggle[props.size].width;\n    vars[CSS_VARS_RAW.component.toggle.padding] = CSS_VARS.sizeToggle[props.size].padding;\n    vars[CSS_VARS_RAW.component.toggle.backgroundActive] = CSS_VARS.genre.toggle[props.genre].active.track;\n    vars[CSS_VARS_RAW.component.toggle.backgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.track;\n    vars[CSS_VARS_RAW.component.toggle.borderActive] = CSS_VARS.genre.toggle[props.genre].active.border;\n    vars[CSS_VARS_RAW.component.toggle.borderUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.border;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.size,\n    props.value,\n    props.error?.isError,\n    props.isZeroRadius,\n    props.control,\n  ]);\n\n  const { className: classNameCenter, style: styleCenter } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.center,\n      CSS_CLASS.transition.color,\n      props.value ? CSS_CLASS.component.toggle.centerActive : CSS_CLASS.component.toggle.centerUnActive,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.centerHeight] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerWidth] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundActive] = CSS_VARS.genre.toggle[props.genre].active.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderUnActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowActive] =\n      CSS_VARS.genre.toggle[props.genre].active.thumbBoxShadow;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowUnActive] =\n      CSS_VARS.genre.toggle[props.genre].unActive.thumbBoxShadow;\n\n    vars[CSS_VARS_RAW.component.toggle.centerX] = props.value\n      ? `calc(${CSS_VARS.sizeToggle[props.size].width} - ${CSS_VARS.sizeToggle[props.size].thumb} - ${CSS_VARS.sizeToggle[props.size].padding} * 2)`\n      : '0px';\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.genre, props.size, props.value]);\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.value);\n    }\n  }, [props.isDisabled, props.onChange, props.value]);\n\n  return (\n    <>\n      <button\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n      >\n        <div className={classNameCenter} style={styleCenter} />\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAU,MAAmB;AACxC,QAAM,EAAE,WAAA,GAAW,OAAA,EAAA,IAAU,EAAA,MAAc;AACzC,UAAM,IAAY,EAAW;AAAA,MAC3B,EAAU,UAAU,OAAO;AAAA,MAC3B,EAAM,QAAQ,EAAU,UAAU,OAAO,SAAS,EAAU,UAAU,OAAO;AAAA,MAC7E,EAAU,QAAQ,EAAM,aAAa,SAAU,EAAM,WAAW,WAAA;AAAA,MAChE,EAAU,WAAW;AAAA,MACrB,EAAM,gBAAgB,EAAU,UAAU,OAAO;AAAA,MACjD,EAAM,OAAO,WAAW,EAAU;AAAA,MAClC,EAAM,YAAY,EAAU,UAAU,OAAO;AAAA,MAC7C,EAAM,kBAAkB,EAAU,UAAU,OAAO;AAAA,MACnD,EAAM;AAAA,KACP,GAEK,IAA+B,CAAA;AAErC,WAAA,EAAK,EAAa,UAAU,OAAO,MAAA,IAAU,EAAS,WAAW,EAAM,IAAA,EAAM,QAC7E,EAAK,EAAa,UAAU,OAAO,KAAA,IAAS,EAAS,WAAW,EAAM,IAAA,EAAM,OAC5E,EAAK,EAAa,UAAU,OAAO,OAAA,IAAW,EAAS,WAAW,EAAM,IAAA,EAAM,SAC9E,EAAK,EAAa,UAAU,OAAO,gBAAA,IAAoB,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,OAAO,OACjG,EAAK,EAAa,UAAU,OAAO,kBAAA,IAAsB,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,SAAS,OACrG,EAAK,EAAa,UAAU,OAAO,YAAA,IAAgB,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,OAAO,QAC7F,EAAK,EAAa,UAAU,OAAO,cAAA,IAAkB,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,SAAS,QAI1F;AAAA,MAAE,WAAA;AAAA,MAAW,OAFN,EAAU,CAAC,OAAO,KAAK,CAAA,EAAM,SAAS,IAAO,QAAW,EAAM,KAAA,CAAM;AAAA;KAGjF;AAAA,IACD,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM,OAAO;AAAA,IACb,EAAM;AAAA,IACN,EAAM;AAAA,GACP,GAEK,EAAE,WAAW,GAAiB,OAAO,EAAA,IAAgB,EAAA,MAAc;AACvE,UAAM,IAAY,EAAW;AAAA,MAC3B,EAAU,UAAU,OAAO;AAAA,MAC3B,EAAU,WAAW;AAAA,MACrB,EAAM,QAAQ,EAAU,UAAU,OAAO,eAAe,EAAU,UAAU,OAAO;AAAA,KACpF,GAEK,IAA+B,CAAA;AAErC,WAAA,EAAK,EAAa,UAAU,OAAO,YAAA,IAAgB,EAAS,WAAW,EAAM,IAAA,EAAM,OACnF,EAAK,EAAa,UAAU,OAAO,WAAA,IAAe,EAAS,WAAW,EAAM,IAAA,EAAM,OAClF,EAAK,EAAa,UAAU,OAAO,sBAAA,IAA0B,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,OAAO,OACvG,EAAK,EAAa,UAAU,OAAO,wBAAA,IAA4B,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,SAAS,OAC3G,EAAK,EAAa,UAAU,OAAO,kBAAA,IAAsB,EAAS,QAAQ,aAC1E,EAAK,EAAa,UAAU,OAAO,oBAAA,IAAwB,EAAS,QAAQ,aAC5E,EAAK,EAAa,UAAU,OAAO,qBAAA,IACjC,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,OAAO,gBAC5C,EAAK,EAAa,UAAU,OAAO,uBAAA,IACjC,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,SAAS,gBAE9C,EAAK,EAAa,UAAU,OAAO,OAAA,IAAW,EAAM,QAChD,QAAQ,EAAS,WAAW,EAAM,IAAA,EAAM,KAAA,MAAW,EAAS,WAAW,EAAM,IAAA,EAAM,KAAA,MAAW,EAAS,WAAW,EAAM,IAAA,EAAM,OAAA,UAC9H,OAIG;AAAA,MAAE,WAAA;AAAA,MAAW,OAFN,EAAU,CAAC,OAAO,KAAK,CAAA,EAAM,SAAS,IAAO,MAAA,CAAU;AAAA;KAGpE;AAAA,IAAC,EAAM;AAAA,IAAO,EAAM;AAAA,IAAM,EAAM;AAAA,GAAM,GAInC,IAAM,EAAa,CAFN,EAA0B,IAAA,GAEP,EAAM,GAAA,CAAI,GAE1C,IAAc,EAAA,MAAkB;AACpC,IAAI,CAAC,EAAM,cAAc,EAAM,YAC7B,EAAM,SAAS,CAAC,EAAM,KAAA;AAAA,KAEvB;AAAA,IAAC,EAAM;AAAA,IAAY,EAAM;AAAA,IAAU,EAAM;AAAA,GAAM;AAElD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,UAAD;AAAA,IACa,WAAA;AAAA,IACJ,OAAA;AAAA,IACP,MAAM,EAAM,QAAQ;AAAA,IACf,KAAA;AAAA,IACL,MAAM,EAAM;AAAA,IACZ,cAAY,EAAM;AAAA,IAClB,IAAI,EAAM;AAAA,IACV,SAAS;AAAA,IACT,SAAS,EAAM;AAAA,IACf,aAAa,EAAM;AAAA,cAEnB,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW;AAAA,MAAiB,OAAO;AAAA,KAAe;AAAA,GAChD,GACR,GAAO,OAAO,WACb,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,GAAO,MAAM,QAAQ,EAAM;AAAA,IACjC,cAAc;AAAA,MAAE,MAAM;AAAA,MAAQ,QAAQ;AAAA,MAAO,GAAG,GAAO,MAAM;AAAA;IAC7D,GAAI,EAAM;AAAA,GACV,CAAA,EAEH,CAAA"}
+{"version":3,"file":"toggle-I6YvEX4w.js","names":[],"sources":["../src/components/toggle/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IToggle } from './component.types';\n\nexport const Toggle = (props: IToggle) => {\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.root,\n      props.value ? CSS_CLASS.component.toggle.active : CSS_CLASS.component.toggle.unActive,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.toggle.isZeroRadius,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isHidden && CSS_CLASS.component.toggle.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.toggle.isHiddenBorder,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.height] = CSS_VARS.sizeToggle[props.size].height;\n    vars[CSS_VARS_RAW.component.toggle.width] = CSS_VARS.sizeToggle[props.size].width;\n    vars[CSS_VARS_RAW.component.toggle.padding] = CSS_VARS.sizeToggle[props.size].padding;\n    vars[CSS_VARS_RAW.component.toggle.backgroundActive] = CSS_VARS.genre.toggle[props.genre].active.track;\n    vars[CSS_VARS_RAW.component.toggle.backgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.track;\n    vars[CSS_VARS_RAW.component.toggle.borderActive] = CSS_VARS.genre.toggle[props.genre].active.border;\n    vars[CSS_VARS_RAW.component.toggle.borderUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.border;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.size,\n    props.value,\n    props.error?.isError,\n    props.isZeroRadius,\n    props.control,\n  ]);\n\n  const { className: classNameCenter, style: styleCenter } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.center,\n      CSS_CLASS.transition.color,\n      props.value ? CSS_CLASS.component.toggle.centerActive : CSS_CLASS.component.toggle.centerUnActive,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.centerHeight] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerWidth] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundActive] = CSS_VARS.genre.toggle[props.genre].active.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderUnActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowActive] =\n      CSS_VARS.genre.toggle[props.genre].active.thumbBoxShadow;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowUnActive] =\n      CSS_VARS.genre.toggle[props.genre].unActive.thumbBoxShadow;\n\n    vars[CSS_VARS_RAW.component.toggle.centerX] = props.value\n      ? `calc(${CSS_VARS.sizeToggle[props.size].width} - ${CSS_VARS.sizeToggle[props.size].thumb} - ${CSS_VARS.sizeToggle[props.size].padding} * 2)`\n      : '0px';\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.genre, props.size, props.value]);\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.value);\n    }\n  }, [props.isDisabled, props.onChange, props.value]);\n\n  return (\n    <>\n      <button\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n      >\n        <div className={classNameCenter} style={styleCenter} />\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/{toggle-BFp9Nmas.cjs → toggle-gYw5FUp-.cjs}

@@ -1,3 +1,3 @@
-const d=require("./chunk-CW3en5xf.cjs"),t=require("./utils-DtinAjAU.cjs"),g=require("./functions-Dwo54amB.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),s=require("./error--kiPVmoi.cjs");let S=require("react/jsx-runtime"),o=require("react");var u=e=>{const{className:c,style:r}=(0,o.useMemo)(()=>{const i=g.setClasses([t.CSS_CLASS.component.toggle.root,e.value?t.CSS_CLASS.component.toggle.active:t.CSS_CLASS.component.toggle.unActive,t.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],t.CSS_CLASS.transition.color,e.isZeroRadius&&t.CSS_CLASS.component.toggle.isZeroRadius,e.error?.isError&&t.CSS_CLASS.isError,e.isHidden&&t.CSS_CLASS.component.toggle.isHidden,e.isHiddenBorder&&t.CSS_CLASS.component.toggle.isHiddenBorder,e.className]),n={};return n[t.CSS_VARS_RAW.component.toggle.height]=t.CSS_VARS.sizeToggle[e.size].height,n[t.CSS_VARS_RAW.component.toggle.width]=t.CSS_VARS.sizeToggle[e.size].width,n[t.CSS_VARS_RAW.component.toggle.padding]=t.CSS_VARS.sizeToggle[e.size].padding,n[t.CSS_VARS_RAW.component.toggle.backgroundActive]=t.CSS_VARS.genre.toggle[e.genre].active.track,n[t.CSS_VARS_RAW.component.toggle.backgroundUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.track,n[t.CSS_VARS_RAW.component.toggle.borderActive]=t.CSS_VARS.genre.toggle[e.genre].active.border,n[t.CSS_VARS_RAW.component.toggle.borderUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.border,{className:i,style:g.setStyles([Object.keys(n).length?n:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isHidden,e.isHiddenBorder,e.size,e.value,e.error?.isError,e.isZeroRadius,e.control]),{className:l,style:a}=(0,o.useMemo)(()=>{const i=g.setClasses([t.CSS_CLASS.component.toggle.center,t.CSS_CLASS.transition.color,e.value?t.CSS_CLASS.component.toggle.centerActive:t.CSS_CLASS.component.toggle.centerUnActive]),n={};return n[t.CSS_VARS_RAW.component.toggle.centerHeight]=t.CSS_VARS.sizeToggle[e.size].thumb,n[t.CSS_VARS_RAW.component.toggle.centerWidth]=t.CSS_VARS.sizeToggle[e.size].thumb,n[t.CSS_VARS_RAW.component.toggle.centerBackgroundActive]=t.CSS_VARS.genre.toggle[e.genre].active.thumb,n[t.CSS_VARS_RAW.component.toggle.centerBackgroundUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.thumb,n[t.CSS_VARS_RAW.component.toggle.centerBorderActive]=t.CSS_VARS.palette.transparent,n[t.CSS_VARS_RAW.component.toggle.centerBorderUnActive]=t.CSS_VARS.palette.transparent,n[t.CSS_VARS_RAW.component.toggle.centerBoxShadowActive]=t.CSS_VARS.genre.toggle[e.genre].active.thumbBoxShadow,n[t.CSS_VARS_RAW.component.toggle.centerBoxShadowUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.thumbBoxShadow,n[t.CSS_VARS_RAW.component.toggle.centerX]=e.value?`calc(${t.CSS_VARS.sizeToggle[e.size].width} - ${t.CSS_VARS.sizeToggle[e.size].thumb} - ${t.CSS_VARS.sizeToggle[e.size].padding} * 2)`:"0px",{className:i,style:g.setStyles([Object.keys(n).length?n:void 0])}},[e.genre,e.size,e.value]),A=C.useMergeRefs([(0,o.useRef)(null),e.ref]),_=(0,o.useCallback)(()=>{!e.isDisabled&&e.onChange&&e.onChange(!e.value)},[e.isDisabled,e.onChange,e.value]);return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("button",{className:c,style:r,type:e.type??"button",ref:A,name:e.name,"aria-label":e.ariaLabel,id:e.id,onClick:_,onFocus:e.onFocus,onMouseDown:e.onMouseDown,children:(0,S.jsx)("div",{className:l,style:a})}),e?.error?.isError&&(0,S.jsx)(s.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"Toggle",{enumerable:!0,get:function(){return u}});
+const d=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DtinAjAU.cjs"),g=require("./functions-Dwo54amB.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),s=require("./error-DzkkNL2H.cjs");let S=require("react/jsx-runtime"),o=require("react");var u=e=>{const{className:c,style:r}=(0,o.useMemo)(()=>{const i=g.setClasses([t.CSS_CLASS.component.toggle.root,e.value?t.CSS_CLASS.component.toggle.active:t.CSS_CLASS.component.toggle.unActive,t.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],t.CSS_CLASS.transition.color,e.isZeroRadius&&t.CSS_CLASS.component.toggle.isZeroRadius,e.error?.isError&&t.CSS_CLASS.isError,e.isHidden&&t.CSS_CLASS.component.toggle.isHidden,e.isHiddenBorder&&t.CSS_CLASS.component.toggle.isHiddenBorder,e.className]),n={};return n[t.CSS_VARS_RAW.component.toggle.height]=t.CSS_VARS.sizeToggle[e.size].height,n[t.CSS_VARS_RAW.component.toggle.width]=t.CSS_VARS.sizeToggle[e.size].width,n[t.CSS_VARS_RAW.component.toggle.padding]=t.CSS_VARS.sizeToggle[e.size].padding,n[t.CSS_VARS_RAW.component.toggle.backgroundActive]=t.CSS_VARS.genre.toggle[e.genre].active.track,n[t.CSS_VARS_RAW.component.toggle.backgroundUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.track,n[t.CSS_VARS_RAW.component.toggle.borderActive]=t.CSS_VARS.genre.toggle[e.genre].active.border,n[t.CSS_VARS_RAW.component.toggle.borderUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.border,{className:i,style:g.setStyles([Object.keys(n).length?n:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isHidden,e.isHiddenBorder,e.size,e.value,e.error?.isError,e.isZeroRadius,e.control]),{className:l,style:a}=(0,o.useMemo)(()=>{const i=g.setClasses([t.CSS_CLASS.component.toggle.center,t.CSS_CLASS.transition.color,e.value?t.CSS_CLASS.component.toggle.centerActive:t.CSS_CLASS.component.toggle.centerUnActive]),n={};return n[t.CSS_VARS_RAW.component.toggle.centerHeight]=t.CSS_VARS.sizeToggle[e.size].thumb,n[t.CSS_VARS_RAW.component.toggle.centerWidth]=t.CSS_VARS.sizeToggle[e.size].thumb,n[t.CSS_VARS_RAW.component.toggle.centerBackgroundActive]=t.CSS_VARS.genre.toggle[e.genre].active.thumb,n[t.CSS_VARS_RAW.component.toggle.centerBackgroundUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.thumb,n[t.CSS_VARS_RAW.component.toggle.centerBorderActive]=t.CSS_VARS.palette.transparent,n[t.CSS_VARS_RAW.component.toggle.centerBorderUnActive]=t.CSS_VARS.palette.transparent,n[t.CSS_VARS_RAW.component.toggle.centerBoxShadowActive]=t.CSS_VARS.genre.toggle[e.genre].active.thumbBoxShadow,n[t.CSS_VARS_RAW.component.toggle.centerBoxShadowUnActive]=t.CSS_VARS.genre.toggle[e.genre].unActive.thumbBoxShadow,n[t.CSS_VARS_RAW.component.toggle.centerX]=e.value?`calc(${t.CSS_VARS.sizeToggle[e.size].width} - ${t.CSS_VARS.sizeToggle[e.size].thumb} - ${t.CSS_VARS.sizeToggle[e.size].padding} * 2)`:"0px",{className:i,style:g.setStyles([Object.keys(n).length?n:void 0])}},[e.genre,e.size,e.value]),A=C.useMergeRefs([(0,o.useRef)(null),e.ref]),_=(0,o.useCallback)(()=>{!e.isDisabled&&e.onChange&&e.onChange(!e.value)},[e.isDisabled,e.onChange,e.value]);return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("button",{className:c,style:r,type:e.type??"button",ref:A,name:e.name,"aria-label":e.ariaLabel,id:e.id,onClick:_,onFocus:e.onFocus,onMouseDown:e.onMouseDown,children:(0,S.jsx)("div",{className:l,style:a})}),e?.error?.isError&&(0,S.jsx)(s.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"Toggle",{enumerable:!0,get:function(){return u}});
 
-//# sourceMappingURL=toggle-BFp9Nmas.cjs.map
+//# sourceMappingURL=toggle-gYw5FUp-.cjs.map

package/build/{toggle-BFp9Nmas.cjs.map → toggle-gYw5FUp-.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-BFp9Nmas.cjs","names":[],"sources":["../src/components/toggle/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IToggle } from './component.types';\n\nexport const Toggle = (props: IToggle) => {\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.root,\n      props.value ? CSS_CLASS.component.toggle.active : CSS_CLASS.component.toggle.unActive,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.toggle.isZeroRadius,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isHidden && CSS_CLASS.component.toggle.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.toggle.isHiddenBorder,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.height] = CSS_VARS.sizeToggle[props.size].height;\n    vars[CSS_VARS_RAW.component.toggle.width] = CSS_VARS.sizeToggle[props.size].width;\n    vars[CSS_VARS_RAW.component.toggle.padding] = CSS_VARS.sizeToggle[props.size].padding;\n    vars[CSS_VARS_RAW.component.toggle.backgroundActive] = CSS_VARS.genre.toggle[props.genre].active.track;\n    vars[CSS_VARS_RAW.component.toggle.backgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.track;\n    vars[CSS_VARS_RAW.component.toggle.borderActive] = CSS_VARS.genre.toggle[props.genre].active.border;\n    vars[CSS_VARS_RAW.component.toggle.borderUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.border;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.size,\n    props.value,\n    props.error?.isError,\n    props.isZeroRadius,\n    props.control,\n  ]);\n\n  const { className: classNameCenter, style: styleCenter } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.center,\n      CSS_CLASS.transition.color,\n      props.value ? CSS_CLASS.component.toggle.centerActive : CSS_CLASS.component.toggle.centerUnActive,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.centerHeight] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerWidth] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundActive] = CSS_VARS.genre.toggle[props.genre].active.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderUnActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowActive] =\n      CSS_VARS.genre.toggle[props.genre].active.thumbBoxShadow;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowUnActive] =\n      CSS_VARS.genre.toggle[props.genre].unActive.thumbBoxShadow;\n\n    vars[CSS_VARS_RAW.component.toggle.centerX] = props.value\n      ? `calc(${CSS_VARS.sizeToggle[props.size].width} - ${CSS_VARS.sizeToggle[props.size].thumb} - ${CSS_VARS.sizeToggle[props.size].padding} * 2)`\n      : '0px';\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.genre, props.size, props.value]);\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.value);\n    }\n  }, [props.isDisabled, props.onChange, props.value]);\n\n  return (\n    <>\n      <button\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n      >\n        <div className={classNameCenter} style={styleCenter} />\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"toggle-gYw5FUp-.cjs","names":[],"sources":["../src/components/toggle/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IToggle } from './component.types';\n\nexport const Toggle = (props: IToggle) => {\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.root,\n      props.value ? CSS_CLASS.component.toggle.active : CSS_CLASS.component.toggle.unActive,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.toggle.isZeroRadius,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isHidden && CSS_CLASS.component.toggle.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.toggle.isHiddenBorder,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.height] = CSS_VARS.sizeToggle[props.size].height;\n    vars[CSS_VARS_RAW.component.toggle.width] = CSS_VARS.sizeToggle[props.size].width;\n    vars[CSS_VARS_RAW.component.toggle.padding] = CSS_VARS.sizeToggle[props.size].padding;\n    vars[CSS_VARS_RAW.component.toggle.backgroundActive] = CSS_VARS.genre.toggle[props.genre].active.track;\n    vars[CSS_VARS_RAW.component.toggle.backgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.track;\n    vars[CSS_VARS_RAW.component.toggle.borderActive] = CSS_VARS.genre.toggle[props.genre].active.border;\n    vars[CSS_VARS_RAW.component.toggle.borderUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.border;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.size,\n    props.value,\n    props.error?.isError,\n    props.isZeroRadius,\n    props.control,\n  ]);\n\n  const { className: classNameCenter, style: styleCenter } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.toggle.center,\n      CSS_CLASS.transition.color,\n      props.value ? CSS_CLASS.component.toggle.centerActive : CSS_CLASS.component.toggle.centerUnActive,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.toggle.centerHeight] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerWidth] = CSS_VARS.sizeToggle[props.size].thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundActive] = CSS_VARS.genre.toggle[props.genre].active.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBackgroundUnActive] = CSS_VARS.genre.toggle[props.genre].unActive.thumb;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBorderUnActive] = CSS_VARS.palette.transparent;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowActive] =\n      CSS_VARS.genre.toggle[props.genre].active.thumbBoxShadow;\n    vars[CSS_VARS_RAW.component.toggle.centerBoxShadowUnActive] =\n      CSS_VARS.genre.toggle[props.genre].unActive.thumbBoxShadow;\n\n    vars[CSS_VARS_RAW.component.toggle.centerX] = props.value\n      ? `calc(${CSS_VARS.sizeToggle[props.size].width} - ${CSS_VARS.sizeToggle[props.size].thumb} - ${CSS_VARS.sizeToggle[props.size].padding} * 2)`\n      : '0px';\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.genre, props.size, props.value]);\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.value);\n    }\n  }, [props.isDisabled, props.onChange, props.value]);\n\n  return (\n    <>\n      <button\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n      >\n        <div className={classNameCenter} style={styleCenter} />\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/{typography-whjfut7N.cjs → typography-DcxhX_9e.cjs}

@@ -1,3 +1,3 @@
-const b=require("./chunk-CW3en5xf.cjs"),t=require("./utils-DtinAjAU.cjs"),l=require("./functions-Dwo54amB.cjs"),y=require("./hooks-use-typography-styles.cjs.js"),h=require("./popover-fte_EMYr.cjs"),A=require("./hooks-use-overflowing.cjs.js");let i=require("react/jsx-runtime"),s=require("react");var o=(0,s.memo)(e=>e.isDisabled?(0,i.jsx)("div",{className:l.setClasses([t.CSS_CLASS.component.tooltip.wrapper,e.classNameWrapper]),style:e.styleWrapper,children:e.children}):(0,i.jsx)(T,{...e})),T=e=>{const{isOpen:a,refReference:n,refFloating:d,floatingStyles:u,context:m,refArrow:v,placement:S}=h.usePopover({placement:e.placement??"bottom-start",offset:e.offset??8,mode:e.mode??"hover",isClickOutside:e.isClickOutside??!0,isFloatingHover:e.isFloatingHover??!0,isWidthAsContent:e.isWidthAsContent??!1,hoverCloseDelay:e.hoverCloseDelay??void 0,hoverOffset:e.hoverOffset??void 0}),{className:g,style:f}=(0,s.useMemo)(()=>{const _=l.setClasses([t.CSS_CLASS.component.tooltip.root,e.classNamePopover]),r={};return r[t.CSS_VARS_RAW.component.tooltip.height]=t.CSS_VARS.size[e.size].padding,r[t.CSS_VARS_RAW.component.tooltip.padding]=`${t.CSS_VARS.size[e.size].padding} ${t.CSS_VARS.size[e.size].padding} 0px ${t.CSS_VARS.size[e.size].padding}`,{className:_,style:l.setStyles([Object.keys(r).length?r:void 0,e.stylePopover])}},[e.size,e.classNamePopover,e.stylePopover]),{className:x,style:C}=y.useTypographyStyles({sx:{variant:t.EXTRA_VALUE.sizeToController[e.size],isBold:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:l.setClasses([t.CSS_CLASS.component.tooltip.wrapper,e.classNameWrapper]),style:e.styleWrapper,ref:n,children:e.children}),(0,i.jsx)(h.Popover,{className:g,style:f,size:e.size,isOpen:a,genre:e.genre,floatingStyles:u,ref:d,maxHeight:e.maxHeight,maxWidth:e.maxWidth,context:m,refArrow:v,placement:S,isArrow:!0,isCenteredArrow:e.isCenteredArrow,children:(0,i.jsx)(c,{className:x,style:C,sx:e.sxTypography,children:e.content})})]})};o.displayName="Tooltip";var c=(0,s.memo)(e=>{const{className:a,style:n}=y.useTypographyStyles({sx:e?.sx??{},className:e.className,style:e.style});return(0,i.jsx)((0,s.useMemo)(()=>e.isAnchor?"a":e.isParagraph?"p":e.isSpan?"span":e.sx&&"variant"in e.sx?e.sx.variant==="headline"?"h1":e.sx.variant==="sub-headline"?"h2":e.sx.variant==="title-1"?"h3":e.sx.variant==="title-2"?"h4":e.sx.variant==="title-3"?"h5":e.sx.variant==="title-4"?"h6":"span":"span",[e.isAnchor,e.isParagraph,e.isSpan,e.sx]),{ref:e.ref,href:e.href,className:a,style:n,children:e.children})}),N=(0,s.memo)(e=>{const{isDisabled:a,ref:n}=A.useOverflowing({isCheckSize:e.tooltip.isDisabled!==void 0?!e.tooltip.isDisabled:!0,dependencies:[e.children]});return(0,i.jsx)(o,{isDisabled:a,content:e.children,...e.tooltip,children:(0,i.jsx)(c,{ref:n,...e.typography,style:{position:"relative",...e.typography.style},children:e.children})})});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return o}});Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return c}});Object.defineProperty(exports,"TypographyTooltip",{enumerable:!0,get:function(){return N}});
+const b=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DtinAjAU.cjs"),l=require("./functions-Dwo54amB.cjs"),y=require("./hooks-use-typography-styles.cjs.js"),h=require("./popover-CgwGn-55.cjs"),A=require("./hooks-use-overflowing.cjs.js");let i=require("react/jsx-runtime"),s=require("react");var o=(0,s.memo)(e=>e.isDisabled?(0,i.jsx)("div",{className:l.setClasses([t.CSS_CLASS.component.tooltip.wrapper,e.classNameWrapper]),style:e.styleWrapper,children:e.children}):(0,i.jsx)(T,{...e})),T=e=>{const{isOpen:a,refReference:n,refFloating:d,floatingStyles:u,context:m,refArrow:v,placement:S}=h.usePopover({placement:e.placement??"bottom-start",offset:e.offset??8,mode:e.mode??"hover",isClickOutside:e.isClickOutside??!0,isFloatingHover:e.isFloatingHover??!0,isWidthAsContent:e.isWidthAsContent??!1,hoverCloseDelay:e.hoverCloseDelay??void 0,hoverOffset:e.hoverOffset??void 0}),{className:g,style:f}=(0,s.useMemo)(()=>{const _=l.setClasses([t.CSS_CLASS.component.tooltip.root,e.classNamePopover]),r={};return r[t.CSS_VARS_RAW.component.tooltip.height]=t.CSS_VARS.size[e.size].padding,r[t.CSS_VARS_RAW.component.tooltip.padding]=`${t.CSS_VARS.size[e.size].padding} ${t.CSS_VARS.size[e.size].padding} 0px ${t.CSS_VARS.size[e.size].padding}`,{className:_,style:l.setStyles([Object.keys(r).length?r:void 0,e.stylePopover])}},[e.size,e.classNamePopover,e.stylePopover]),{className:x,style:C}=y.useTypographyStyles({sx:{variant:t.EXTRA_VALUE.sizeToController[e.size],isBold:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:l.setClasses([t.CSS_CLASS.component.tooltip.wrapper,e.classNameWrapper]),style:e.styleWrapper,ref:n,children:e.children}),(0,i.jsx)(h.Popover,{className:g,style:f,size:e.size,isOpen:a,genre:e.genre,floatingStyles:u,ref:d,maxHeight:e.maxHeight,maxWidth:e.maxWidth,context:m,refArrow:v,placement:S,isArrow:!0,isCenteredArrow:e.isCenteredArrow,children:(0,i.jsx)(c,{className:x,style:C,sx:e.sxTypography,children:e.content})})]})};o.displayName="Tooltip";var c=(0,s.memo)(e=>{const{className:a,style:n}=y.useTypographyStyles({sx:e?.sx??{},className:e.className,style:e.style});return(0,i.jsx)((0,s.useMemo)(()=>e.isAnchor?"a":e.isParagraph?"p":e.isSpan?"span":e.sx&&"variant"in e.sx?e.sx.variant==="headline"?"h1":e.sx.variant==="sub-headline"?"h2":e.sx.variant==="title-1"?"h3":e.sx.variant==="title-2"?"h4":e.sx.variant==="title-3"?"h5":e.sx.variant==="title-4"?"h6":"span":"span",[e.isAnchor,e.isParagraph,e.isSpan,e.sx]),{ref:e.ref,href:e.href,className:a,style:n,children:e.children})}),N=(0,s.memo)(e=>{const{isDisabled:a,ref:n}=A.useOverflowing({isCheckSize:e.tooltip.isDisabled!==void 0?!e.tooltip.isDisabled:!0,dependencies:[e.children]});return(0,i.jsx)(o,{isDisabled:a,content:e.children,...e.tooltip,children:(0,i.jsx)(c,{ref:n,...e.typography,style:{position:"relative",...e.typography.style},children:e.children})})});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return o}});Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return c}});Object.defineProperty(exports,"TypographyTooltip",{enumerable:!0,get:function(){return N}});
 
-//# sourceMappingURL=typography-whjfut7N.cjs.map
+//# sourceMappingURL=typography-DcxhX_9e.cjs.map

package/build/{typography-whjfut7N.cjs.map → typography-DcxhX_9e.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-whjfut7N.cjs","names":[],"sources":["../src/components/tooltip/component.constants.ts","../src/components/tooltip/component.tsx","../src/components/typography/component.tsx"],"sourcesContent":["import { Placement } from '@floating-ui/react';\n\nexport const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement = 'bottom-start';\nexport const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number = 8;\n","import { Popover, usePopover } from '@local/components/popover';\nimport { Typography } from '@local/components/typography';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, memo, Ref, useMemo } from 'react';\n\nimport { DEFAULT_TOOLTIP_OFFSET_FALLBACK, DEFAULT_TOOLTIP_PLACEMENT_FALLBACK } from './component.constants';\nimport { ITooltip } from './component.types';\n\nexport const Tooltip: FC<ITooltip> = memo((props) => {\n  if (props.isDisabled)\n    return (\n      <div\n        className={setClasses([CSS_CLASS.component.tooltip.wrapper, props.classNameWrapper])}\n        style={props.styleWrapper}\n      >\n        {props.children}\n      </div>\n    );\n\n  return <TooltipContent {...props} />;\n});\n\nexport const TooltipContent: FC<ITooltip> = (props) => {\n  const { isOpen, refReference, refFloating, floatingStyles, context, refArrow, placement } = usePopover({\n    placement: props.placement ?? DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n    offset: props.offset ?? DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n    mode: props.mode ?? 'hover',\n    isClickOutside: props.isClickOutside ?? true,\n    isFloatingHover: props.isFloatingHover ?? true,\n    isWidthAsContent: props.isWidthAsContent ?? false,\n    hoverCloseDelay: props.hoverCloseDelay ?? undefined,\n    hoverOffset: props.hoverOffset ?? undefined,\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([CSS_CLASS.component.tooltip.root, props.classNamePopover]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.tooltip.height] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.tooltip.padding] =\n      `${CSS_VARS.size[props.size].padding} ${CSS_VARS.size[props.size].padding} 0px ${CSS_VARS.size[props.size].padding}`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.stylePopover]);\n\n    return { className, style };\n  }, [props.size, props.classNamePopover, props.stylePopover]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isBold: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  return (\n    <>\n      <div\n        className={setClasses([CSS_CLASS.component.tooltip.wrapper, props.classNameWrapper])}\n        style={props.styleWrapper}\n        ref={refReference as Ref<HTMLDivElement | null>}\n      >\n        {props.children}\n      </div>\n      <Popover\n        className={className}\n        style={style}\n        size={props.size}\n        isOpen={isOpen}\n        genre={props.genre}\n        floatingStyles={floatingStyles}\n        ref={refFloating}\n        maxHeight={props.maxHeight}\n        maxWidth={props.maxWidth}\n        context={context}\n        refArrow={refArrow}\n        placement={placement}\n        isArrow\n        isCenteredArrow={props.isCenteredArrow}\n      >\n        <Typography className={classNameTypography} style={styleTypography} sx={props.sxTypography}>\n          {props.content}\n        </Typography>\n      </Popover>\n    </>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n","import { Tooltip } from '@local/components/tooltip';\nimport { useOverflowing } from '@local/hooks/use-overflowing';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\n\nimport { ElementType, memo, useMemo } from 'react';\n\nimport { ITypographyComponent, ITypographyTooltip } from './component.types';\n\nexport const Typography = memo((props: ITypographyComponent) => {\n  const { className, style } = useTypographyStyles({\n    sx: props?.sx ?? {},\n    className: props.className,\n    style: props.style,\n  });\n\n  const Component = useMemo(() => {\n    const Component: ElementType = props.isAnchor\n      ? 'a'\n      : props.isParagraph\n        ? 'p'\n        : props.isSpan\n          ? 'span'\n          : props.sx && 'variant' in props.sx\n            ? props.sx.variant === 'headline'\n              ? 'h1'\n              : props.sx.variant === 'sub-headline'\n                ? 'h2'\n                : props.sx.variant === 'title-1'\n                  ? 'h3'\n                  : props.sx.variant === 'title-2'\n                    ? 'h4'\n                    : props.sx.variant === 'title-3'\n                      ? 'h5'\n                      : props.sx.variant === 'title-4'\n                        ? 'h6'\n                        : 'span'\n            : 'span';\n    return Component;\n  }, [props.isAnchor, props.isParagraph, props.isSpan, props.sx]);\n\n  return (\n    <Component ref={props.ref as any} href={props.href} className={className} style={style}>\n      {props.children}\n    </Component>\n  );\n});\n\nexport const TypographyTooltip = memo((props: ITypographyTooltip) => {\n  const { isDisabled, ref } = useOverflowing<HTMLDivElement>({\n    isCheckSize: props.tooltip.isDisabled !== undefined ? !props.tooltip.isDisabled : true,\n    dependencies: [props.children],\n  });\n  return (\n    <Tooltip isDisabled={isDisabled} content={props.children} {...props.tooltip}>\n      <Typography ref={ref} {...props.typography} style={{ position: 'relative', ...props.typography.style }}>\n        {props.children}\n      </Typography>\n    </Tooltip>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"typography-DcxhX_9e.cjs","names":[],"sources":["../src/components/tooltip/component.constants.ts","../src/components/tooltip/component.tsx","../src/components/typography/component.tsx"],"sourcesContent":["import { Placement } from '@floating-ui/react';\n\nexport const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement = 'bottom-start';\nexport const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number = 8;\n","import { Popover, usePopover } from '@local/components/popover';\nimport { Typography } from '@local/components/typography';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, memo, Ref, useMemo } from 'react';\n\nimport { DEFAULT_TOOLTIP_OFFSET_FALLBACK, DEFAULT_TOOLTIP_PLACEMENT_FALLBACK } from './component.constants';\nimport { ITooltip } from './component.types';\n\nexport const Tooltip: FC<ITooltip> = memo((props) => {\n  if (props.isDisabled)\n    return (\n      <div\n        className={setClasses([CSS_CLASS.component.tooltip.wrapper, props.classNameWrapper])}\n        style={props.styleWrapper}\n      >\n        {props.children}\n      </div>\n    );\n\n  return <TooltipContent {...props} />;\n});\n\nexport const TooltipContent: FC<ITooltip> = (props) => {\n  const { isOpen, refReference, refFloating, floatingStyles, context, refArrow, placement } = usePopover({\n    placement: props.placement ?? DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n    offset: props.offset ?? DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n    mode: props.mode ?? 'hover',\n    isClickOutside: props.isClickOutside ?? true,\n    isFloatingHover: props.isFloatingHover ?? true,\n    isWidthAsContent: props.isWidthAsContent ?? false,\n    hoverCloseDelay: props.hoverCloseDelay ?? undefined,\n    hoverOffset: props.hoverOffset ?? undefined,\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([CSS_CLASS.component.tooltip.root, props.classNamePopover]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.tooltip.height] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.tooltip.padding] =\n      `${CSS_VARS.size[props.size].padding} ${CSS_VARS.size[props.size].padding} 0px ${CSS_VARS.size[props.size].padding}`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.stylePopover]);\n\n    return { className, style };\n  }, [props.size, props.classNamePopover, props.stylePopover]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isBold: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  return (\n    <>\n      <div\n        className={setClasses([CSS_CLASS.component.tooltip.wrapper, props.classNameWrapper])}\n        style={props.styleWrapper}\n        ref={refReference as Ref<HTMLDivElement | null>}\n      >\n        {props.children}\n      </div>\n      <Popover\n        className={className}\n        style={style}\n        size={props.size}\n        isOpen={isOpen}\n        genre={props.genre}\n        floatingStyles={floatingStyles}\n        ref={refFloating}\n        maxHeight={props.maxHeight}\n        maxWidth={props.maxWidth}\n        context={context}\n        refArrow={refArrow}\n        placement={placement}\n        isArrow\n        isCenteredArrow={props.isCenteredArrow}\n      >\n        <Typography className={classNameTypography} style={styleTypography} sx={props.sxTypography}>\n          {props.content}\n        </Typography>\n      </Popover>\n    </>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n","import { Tooltip } from '@local/components/tooltip';\nimport { useOverflowing } from '@local/hooks/use-overflowing';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\n\nimport { ElementType, memo, useMemo } from 'react';\n\nimport { ITypographyComponent, ITypographyTooltip } from './component.types';\n\nexport const Typography = memo((props: ITypographyComponent) => {\n  const { className, style } = useTypographyStyles({\n    sx: props?.sx ?? {},\n    className: props.className,\n    style: props.style,\n  });\n\n  const Component = useMemo(() => {\n    const Component: ElementType = props.isAnchor\n      ? 'a'\n      : props.isParagraph\n        ? 'p'\n        : props.isSpan\n          ? 'span'\n          : props.sx && 'variant' in props.sx\n            ? props.sx.variant === 'headline'\n              ? 'h1'\n              : props.sx.variant === 'sub-headline'\n                ? 'h2'\n                : props.sx.variant === 'title-1'\n                  ? 'h3'\n                  : props.sx.variant === 'title-2'\n                    ? 'h4'\n                    : props.sx.variant === 'title-3'\n                      ? 'h5'\n                      : props.sx.variant === 'title-4'\n                        ? 'h6'\n                        : 'span'\n            : 'span';\n    return Component;\n  }, [props.isAnchor, props.isParagraph, props.isSpan, props.sx]);\n\n  return (\n    <Component ref={props.ref as any} href={props.href} className={className} style={style}>\n      {props.children}\n    </Component>\n  );\n});\n\nexport const TypographyTooltip = memo((props: ITypographyTooltip) => {\n  const { isDisabled, ref } = useOverflowing<HTMLDivElement>({\n    isCheckSize: props.tooltip.isDisabled !== undefined ? !props.tooltip.isDisabled : true,\n    dependencies: [props.children],\n  });\n  return (\n    <Tooltip isDisabled={isDisabled} content={props.children} {...props.tooltip}>\n      <Typography ref={ref} {...props.typography} style={{ position: 'relative', ...props.typography.style }}>\n        {props.children}\n      </Typography>\n    </Tooltip>\n  );\n});\n"],"mappings":"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"}

package/package.json

@@ -34,7 +34,7 @@
     "storybook": "npm run gen:exports && storybook dev -p 3030"
   },
   "type": "module",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
     "@jenesei-software/jenesei-library-log": "^2.0.0",
@@ -66,11 +66,7 @@
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.1",
     "autoprefixer": "^10.4.27",
-    "baseline-browser-mapping": "^2.9.18",
     "cross-env": "^7.0.3",
-    "dotenv-cli": "^11.0.0",
-    "fs": "^0.0.1-security",
-    "path": "^0.12.7",
     "react": "^19.2.4",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^19.2.4",

package/build/chunk-CW3en5xf.cjs

@@ -1 +0,0 @@
-var i=Object.create,u=Object.defineProperty,O=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,f=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,P=(e,r)=>()=>(e&&(r=e(e=0)),r),g=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports),s=(e,r)=>{let t={};for(var o in e)u(t,o,{get:e[o],enumerable:!0});return r||u(t,Symbol.toStringTag,{value:"Module"}),t},p=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(var a=v(r),_=0,c=a.length,n;_<c;_++)n=a[_],!l.call(e,n)&&n!==t&&u(e,n,{get:(b=>r[b]).bind(null,n),enumerable:!(o=O(r,n))||o.enumerable});return e},j=(e,r,t)=>(t=e!=null?i(f(e)):{},p(r||!e||!e.__esModule?u(t,"default",{value:e,enumerable:!0}):t,e)),y=e=>l.call(e,"module.exports")?e["module.exports"]:p(u({},"__esModule",{value:!0}),e);Object.defineProperty(exports,"__commonJSMin",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"__esmMin",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"__exportAll",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"__toCommonJS",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"__toESM",{enumerable:!0,get:function(){return j}});

package/build/isEqual-wc3RBuBi.cjs

@@ -1,3 +0,0 @@
-const _=require("./chunk-CW3en5xf.cjs");var ae=_.__commonJSMin(((i,r)=>{function e(){this.__data__=[],this.size=0}r.exports=e})),$=_.__commonJSMin(((i,r)=>{function e(t,a){return t===a||t!==t&&a!==a}r.exports=e})),D=_.__commonJSMin(((i,r)=>{var e=$();function t(a,n){for(var o=a.length;o--;)if(e(a[o][0],n))return o;return-1}r.exports=t})),ne=_.__commonJSMin(((i,r)=>{var e=D(),t=Array.prototype.splice;function a(n){var o=this.__data__,s=e(o,n);return s<0?!1:(s==o.length-1?o.pop():t.call(o,s,1),--this.size,!0)}r.exports=a})),oe=_.__commonJSMin(((i,r)=>{var e=D();function t(a){var n=this.__data__,o=e(n,a);return o<0?void 0:n[o][1]}r.exports=t})),se=_.__commonJSMin(((i,r)=>{var e=D();function t(a){return e(this.__data__,a)>-1}r.exports=t})),ie=_.__commonJSMin(((i,r)=>{var e=D();function t(a,n){var o=this.__data__,s=e(o,a);return s<0?(++this.size,o.push([a,n])):o[s][1]=n,this}r.exports=t})),L=_.__commonJSMin(((i,r)=>{var e=ae(),t=ne(),a=oe(),n=se(),o=ie();function s(p){var c=-1,u=p==null?0:p.length;for(this.clear();++c<u;){var v=p[c];this.set(v[0],v[1])}}s.prototype.clear=e,s.prototype.delete=t,s.prototype.get=a,s.prototype.has=n,s.prototype.set=o,r.exports=s})),_e=_.__commonJSMin(((i,r)=>{var e=L();function t(){this.__data__=new e,this.size=0}r.exports=t})),pe=_.__commonJSMin(((i,r)=>{function e(t){var a=this.__data__,n=a.delete(t);return this.size=a.size,n}r.exports=e})),ce=_.__commonJSMin(((i,r)=>{function e(t){return this.__data__.get(t)}r.exports=e})),ue=_.__commonJSMin(((i,r)=>{function e(t){return this.__data__.has(t)}r.exports=e})),W=_.__commonJSMin(((i,r)=>{var e=typeof global=="object"&&global&&global.Object===Object&&global;r.exports=e})),j=_.__commonJSMin(((i,r)=>{var e=W(),t=typeof self=="object"&&self&&self.Object===Object&&self,a=e||t||Function("return this")();r.exports=a})),K=_.__commonJSMin(((i,r)=>{var e=j().Symbol;r.exports=e})),ve=_.__commonJSMin(((i,r)=>{var e=K(),t=Object.prototype,a=t.hasOwnProperty,n=t.toString,o=e?e.toStringTag:void 0;function s(p){var c=a.call(p,o),u=p[o];try{p[o]=void 0;var v=!0}catch{}var S=n.call(p);return v&&(c?p[o]=u:delete p[o]),S}r.exports=s})),fe=_.__commonJSMin(((i,r)=>{var e=Object.prototype.toString;function t(a){return e.call(a)}r.exports=t})),G=_.__commonJSMin(((i,r)=>{var e=K(),t=ve(),a=fe(),n="[object Null]",o="[object Undefined]",s=e?e.toStringTag:void 0;function p(c){return c==null?c===void 0?o:n:s&&s in Object(c)?t(c):a(c)}r.exports=p})),X=_.__commonJSMin(((i,r)=>{function e(t){var a=typeof t;return t!=null&&(a=="object"||a=="function")}r.exports=e})),Y=_.__commonJSMin(((i,r)=>{var e=G(),t=X(),a="[object AsyncFunction]",n="[object Function]",o="[object GeneratorFunction]",s="[object Proxy]";function p(c){if(!t(c))return!1;var u=e(c);return u==n||u==o||u==a||u==s}r.exports=p})),le=_.__commonJSMin(((i,r)=>{var e=j()["__core-js_shared__"];r.exports=e})),me=_.__commonJSMin(((i,r)=>{var e=le(),t=(function(){var n=/[^.]+$/.exec(e&&e.keys&&e.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""})();function a(n){return!!t&&t in n}r.exports=a})),Z=_.__commonJSMin(((i,r)=>{var e=Function.prototype.toString;function t(a){if(a!=null){try{return e.call(a)}catch{}try{return a+""}catch{}}return""}r.exports=t})),ge=_.__commonJSMin(((i,r)=>{var e=Y(),t=me(),a=X(),n=Z(),o=/[\\^$.*+?()[\]{}|]/g,s=/^\[object .+?Constructor\]$/,p=Function.prototype,c=Object.prototype,u=p.toString,v=c.hasOwnProperty,S=RegExp("^"+u.call(v).replace(o,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function l(b){return!a(b)||t(b)?!1:(e(b)?S:s).test(n(b))}r.exports=l})),xe=_.__commonJSMin(((i,r)=>{function e(t,a){return t?.[a]}r.exports=e})),E=_.__commonJSMin(((i,r)=>{var e=ge(),t=xe();function a(n,o){var s=t(n,o);return e(s)?s:void 0}r.exports=a})),N=_.__commonJSMin(((i,r)=>{var e=E()(j(),"Map");r.exports=e})),H=_.__commonJSMin(((i,r)=>{var e=E()(Object,"create");r.exports=e})),he=_.__commonJSMin(((i,r)=>{var e=H();function t(){this.__data__=e?e(null):{},this.size=0}r.exports=t})),ye=_.__commonJSMin(((i,r)=>{function e(t){var a=this.has(t)&&delete this.__data__[t];return this.size-=a?1:0,a}r.exports=e})),Se=_.__commonJSMin(((i,r)=>{var e=H(),t="__lodash_hash_undefined__",a=Object.prototype.hasOwnProperty;function n(o){var s=this.__data__;if(e){var p=s[o];return p===t?void 0:p}return a.call(s,o)?s[o]:void 0}r.exports=n})),be=_.__commonJSMin(((i,r)=>{var e=H(),t=Object.prototype.hasOwnProperty;function a(n){var o=this.__data__;return e?o[n]!==void 0:t.call(o,n)}r.exports=a})),de=_.__commonJSMin(((i,r)=>{var e=H(),t="__lodash_hash_undefined__";function a(n,o){var s=this.__data__;return this.size+=this.has(n)?0:1,s[n]=e&&o===void 0?t:o,this}r.exports=a})),Me=_.__commonJSMin(((i,r)=>{var e=he(),t=ye(),a=Se(),n=be(),o=de();function s(p){var c=-1,u=p==null?0:p.length;for(this.clear();++c<u;){var v=p[c];this.set(v[0],v[1])}}s.prototype.clear=e,s.prototype.delete=t,s.prototype.get=a,s.prototype.has=n,s.prototype.set=o,r.exports=s})),Te=_.__commonJSMin(((i,r)=>{var e=Me(),t=L(),a=N();function n(){this.size=0,this.__data__={hash:new e,map:new(a||t),string:new e}}r.exports=n})),qe=_.__commonJSMin(((i,r)=>{function e(t){var a=typeof t;return a=="string"||a=="number"||a=="symbol"||a=="boolean"?t!=="__proto__":t===null}r.exports=e})),R=_.__commonJSMin(((i,r)=>{var e=qe();function t(a,n){var o=a.__data__;return e(n)?o[typeof n=="string"?"string":"hash"]:o.map}r.exports=t})),Ae=_.__commonJSMin(((i,r)=>{var e=R();function t(a){var n=e(this,a).delete(a);return this.size-=n?1:0,n}r.exports=t})),Je=_.__commonJSMin(((i,r)=>{var e=R();function t(a){return e(this,a).get(a)}r.exports=t})),Oe=_.__commonJSMin(((i,r)=>{var e=R();function t(a){return e(this,a).has(a)}r.exports=t})),Ce=_.__commonJSMin(((i,r)=>{var e=R();function t(a,n){var o=e(this,a),s=o.size;return o.set(a,n),this.size+=o.size==s?0:1,this}r.exports=t})),Q=_.__commonJSMin(((i,r)=>{var e=Te(),t=Ae(),a=Je(),n=Oe(),o=Ce();function s(p){var c=-1,u=p==null?0:p.length;for(this.clear();++c<u;){var v=p[c];this.set(v[0],v[1])}}s.prototype.clear=e,s.prototype.delete=t,s.prototype.get=a,s.prototype.has=n,s.prototype.set=o,r.exports=s})),we=_.__commonJSMin(((i,r)=>{var e=L(),t=N(),a=Q(),n=200;function o(s,p){var c=this.__data__;if(c instanceof e){var u=c.__data__;if(!t||u.length<n-1)return u.push([s,p]),this.size=++c.size,this;c=this.__data__=new a(u)}return c.set(s,p),this.size=c.size,this}r.exports=o})),je=_.__commonJSMin(((i,r)=>{var e=L(),t=_e(),a=pe(),n=ce(),o=ue(),s=we();function p(c){this.size=(this.__data__=new e(c)).size}p.prototype.clear=t,p.prototype.delete=a,p.prototype.get=n,p.prototype.has=o,p.prototype.set=s,r.exports=p})),Pe=_.__commonJSMin(((i,r)=>{var e="__lodash_hash_undefined__";function t(a){return this.__data__.set(a,e),this}r.exports=t})),Ie=_.__commonJSMin(((i,r)=>{function e(t){return this.__data__.has(t)}r.exports=e})),Ee=_.__commonJSMin(((i,r)=>{var e=Q(),t=Pe(),a=Ie();function n(o){var s=-1,p=o==null?0:o.length;for(this.__data__=new e;++s<p;)this.add(o[s])}n.prototype.add=n.prototype.push=t,n.prototype.has=a,r.exports=n})),De=_.__commonJSMin(((i,r)=>{function e(t,a){for(var n=-1,o=t==null?0:t.length;++n<o;)if(a(t[n],n,t))return!0;return!1}r.exports=e})),Le=_.__commonJSMin(((i,r)=>{function e(t,a){return t.has(a)}r.exports=e})),V=_.__commonJSMin(((i,r)=>{var e=Ee(),t=De(),a=Le(),n=1,o=2;function s(p,c,u,v,S,l){var b=u&n,q=p.length,m=c.length;if(q!=m&&!(b&&m>q))return!1;var d=l.get(p),A=l.get(c);if(d&&A)return d==c&&A==p;var g=-1,M=!0,y=u&o?new e:void 0;for(l.set(p,c),l.set(c,p);++g<q;){var T=p[g],J=c[g];if(v)var f=b?v(J,T,g,c,p,l):v(T,J,g,p,c,l);if(f!==void 0){if(f)continue;M=!1;break}if(y){if(!t(c,function(x,O){if(!a(y,O)&&(T===x||S(T,x,u,v,l)))return y.push(O)})){M=!1;break}}else if(!(T===J||S(T,J,u,v,l))){M=!1;break}}return l.delete(p),l.delete(c),M}r.exports=s})),Ge=_.__commonJSMin(((i,r)=>{var e=j().Uint8Array;r.exports=e})),He=_.__commonJSMin(((i,r)=>{function e(t){var a=-1,n=Array(t.size);return t.forEach(function(o,s){n[++a]=[s,o]}),n}r.exports=e})),Re=_.__commonJSMin(((i,r)=>{function e(t){var a=-1,n=Array(t.size);return t.forEach(function(o){n[++a]=o}),n}r.exports=e})),Fe=_.__commonJSMin(((i,r)=>{var e=K(),t=Ge(),a=$(),n=V(),o=He(),s=Re(),p=1,c=2,u="[object Boolean]",v="[object Date]",S="[object Error]",l="[object Map]",b="[object Number]",q="[object RegExp]",m="[object Set]",d="[object String]",A="[object Symbol]",g="[object ArrayBuffer]",M="[object DataView]",y=e?e.prototype:void 0,T=y?y.valueOf:void 0;function J(f,x,O,P,I,h,w){switch(O){case M:if(f.byteLength!=x.byteLength||f.byteOffset!=x.byteOffset)return!1;f=f.buffer,x=x.buffer;case g:return!(f.byteLength!=x.byteLength||!h(new t(f),new t(x)));case u:case v:case b:return a(+f,+x);case S:return f.name==x.name&&f.message==x.message;case q:case d:return f==x+"";case l:var C=o;case m:var U=P&p;if(C||(C=s),f.size!=x.size&&!U)return!1;var z=w.get(f);if(z)return z==x;P|=c,w.set(f,x);var te=n(C(f),C(x),P,I,h,w);return w.delete(f),te;case A:if(T)return T.call(f)==T.call(x)}return!1}r.exports=J})),Ue=_.__commonJSMin(((i,r)=>{function e(t,a){for(var n=-1,o=a.length,s=t.length;++n<o;)t[s+n]=a[n];return t}r.exports=e})),B=_.__commonJSMin(((i,r)=>{var e=Array.isArray;r.exports=e})),Ke=_.__commonJSMin(((i,r)=>{var e=Ue(),t=B();function a(n,o,s){var p=o(n);return t(n)?p:e(p,s(n))}r.exports=a})),Ne=_.__commonJSMin(((i,r)=>{function e(t,a){for(var n=-1,o=t==null?0:t.length,s=0,p=[];++n<o;){var c=t[n];a(c,n,t)&&(p[s++]=c)}return p}r.exports=e})),Be=_.__commonJSMin(((i,r)=>{function e(){return[]}r.exports=e})),ze=_.__commonJSMin(((i,r)=>{var e=Ne(),t=Be(),a=Object.prototype.propertyIsEnumerable,n=Object.getOwnPropertySymbols,o=n?function(s){return s==null?[]:(s=Object(s),e(n(s),function(p){return a.call(s,p)}))}:t;r.exports=o})),$e=_.__commonJSMin(((i,r)=>{function e(t,a){for(var n=-1,o=Array(t);++n<t;)o[n]=a(n);return o}r.exports=e})),F=_.__commonJSMin(((i,r)=>{function e(t){return t!=null&&typeof t=="object"}r.exports=e})),We=_.__commonJSMin(((i,r)=>{var e=G(),t=F(),a="[object Arguments]";function n(o){return t(o)&&e(o)==a}r.exports=n})),Xe=_.__commonJSMin(((i,r)=>{var e=We(),t=F(),a=Object.prototype,n=a.hasOwnProperty,o=a.propertyIsEnumerable,s=e((function(){return arguments})())?e:function(p){return t(p)&&n.call(p,"callee")&&!o.call(p,"callee")};r.exports=s})),Ye=_.__commonJSMin(((i,r)=>{function e(){return!1}r.exports=e})),k=_.__commonJSMin(((i,r)=>{var e=j(),t=Ye(),a=typeof i=="object"&&i&&!i.nodeType&&i,n=a&&typeof r=="object"&&r&&!r.nodeType&&r,o=n&&n.exports===a?e.Buffer:void 0,s=(o?o.isBuffer:void 0)||t;r.exports=s})),Ze=_.__commonJSMin(((i,r)=>{var e=9007199254740991,t=/^(?:0|[1-9]\d*)$/;function a(n,o){var s=typeof n;return o=o??e,!!o&&(s=="number"||s!="symbol"&&t.test(n))&&n>-1&&n%1==0&&n<o}r.exports=a})),ee=_.__commonJSMin(((i,r)=>{var e=9007199254740991;function t(a){return typeof a=="number"&&a>-1&&a%1==0&&a<=e}r.exports=t})),Qe=_.__commonJSMin(((i,r)=>{var e=G(),t=ee(),a=F(),n="[object Arguments]",o="[object Array]",s="[object Boolean]",p="[object Date]",c="[object Error]",u="[object Function]",v="[object Map]",S="[object Number]",l="[object Object]",b="[object RegExp]",q="[object Set]",m="[object String]",d="[object WeakMap]",A="[object ArrayBuffer]",g="[object DataView]",M="[object Float32Array]",y="[object Float64Array]",T="[object Int8Array]",J="[object Int16Array]",f="[object Int32Array]",x="[object Uint8Array]",O="[object Uint8ClampedArray]",P="[object Uint16Array]",I="[object Uint32Array]",h={};h[M]=h[y]=h[T]=h[J]=h[f]=h[x]=h[O]=h[P]=h[I]=!0,h[n]=h[o]=h[A]=h[s]=h[g]=h[p]=h[c]=h[u]=h[v]=h[S]=h[l]=h[b]=h[q]=h[m]=h[d]=!1;function w(C){return a(C)&&t(C.length)&&!!h[e(C)]}r.exports=w})),Ve=_.__commonJSMin(((i,r)=>{function e(t){return function(a){return t(a)}}r.exports=e})),ke=_.__commonJSMin(((i,r)=>{var e=W(),t=typeof i=="object"&&i&&!i.nodeType&&i,a=t&&typeof r=="object"&&r&&!r.nodeType&&r,n=a&&a.exports===t&&e.process,o=(function(){try{var s=a&&a.require&&a.require("util").types;return s||n&&n.binding&&n.binding("util")}catch{}})();r.exports=o})),re=_.__commonJSMin(((i,r)=>{var e=Qe(),t=Ve(),a=ke(),n=a&&a.isTypedArray,o=n?t(n):e;r.exports=o})),er=_.__commonJSMin(((i,r)=>{var e=$e(),t=Xe(),a=B(),n=k(),o=Ze(),s=re(),p=Object.prototype.hasOwnProperty;function c(u,v){var S=a(u),l=!S&&t(u),b=!S&&!l&&n(u),q=!S&&!l&&!b&&s(u),m=S||l||b||q,d=m?e(u.length,String):[],A=d.length;for(var g in u)(v||p.call(u,g))&&!(m&&(g=="length"||b&&(g=="offset"||g=="parent")||q&&(g=="buffer"||g=="byteLength"||g=="byteOffset")||o(g,A)))&&d.push(g);return d}r.exports=c})),rr=_.__commonJSMin(((i,r)=>{var e=Object.prototype;function t(a){var n=a&&a.constructor;return a===(typeof n=="function"&&n.prototype||e)}r.exports=t})),tr=_.__commonJSMin(((i,r)=>{function e(t,a){return function(n){return t(a(n))}}r.exports=e})),ar=_.__commonJSMin(((i,r)=>{var e=tr()(Object.keys,Object);r.exports=e})),nr=_.__commonJSMin(((i,r)=>{var e=rr(),t=ar(),a=Object.prototype.hasOwnProperty;function n(o){if(!e(o))return t(o);var s=[];for(var p in Object(o))a.call(o,p)&&p!="constructor"&&s.push(p);return s}r.exports=n})),or=_.__commonJSMin(((i,r)=>{var e=Y(),t=ee();function a(n){return n!=null&&t(n.length)&&!e(n)}r.exports=a})),sr=_.__commonJSMin(((i,r)=>{var e=er(),t=nr(),a=or();function n(o){return a(o)?e(o):t(o)}r.exports=n})),ir=_.__commonJSMin(((i,r)=>{var e=Ke(),t=ze(),a=sr();function n(o){return e(o,a,t)}r.exports=n})),_r=_.__commonJSMin(((i,r)=>{var e=ir(),t=1,a=Object.prototype.hasOwnProperty;function n(o,s,p,c,u,v){var S=p&t,l=e(o),b=l.length;if(b!=e(s).length&&!S)return!1;for(var q=b;q--;){var m=l[q];if(!(S?m in s:a.call(s,m)))return!1}var d=v.get(o),A=v.get(s);if(d&&A)return d==s&&A==o;var g=!0;v.set(o,s),v.set(s,o);for(var M=S;++q<b;){m=l[q];var y=o[m],T=s[m];if(c)var J=S?c(T,y,m,s,o,v):c(y,T,m,o,s,v);if(!(J===void 0?y===T||u(y,T,p,c,v):J)){g=!1;break}M||(M=m=="constructor")}if(g&&!M){var f=o.constructor,x=s.constructor;f!=x&&"constructor"in o&&"constructor"in s&&!(typeof f=="function"&&f instanceof f&&typeof x=="function"&&x instanceof x)&&(g=!1)}return v.delete(o),v.delete(s),g}r.exports=n})),pr=_.__commonJSMin(((i,r)=>{var e=E()(j(),"DataView");r.exports=e})),cr=_.__commonJSMin(((i,r)=>{var e=E()(j(),"Promise");r.exports=e})),ur=_.__commonJSMin(((i,r)=>{var e=E()(j(),"Set");r.exports=e})),vr=_.__commonJSMin(((i,r)=>{var e=E()(j(),"WeakMap");r.exports=e})),fr=_.__commonJSMin(((i,r)=>{var e=pr(),t=N(),a=cr(),n=ur(),o=vr(),s=G(),p=Z(),c="[object Map]",u="[object Object]",v="[object Promise]",S="[object Set]",l="[object WeakMap]",b="[object DataView]",q=p(e),m=p(t),d=p(a),A=p(n),g=p(o),M=s;(e&&M(new e(new ArrayBuffer(1)))!=b||t&&M(new t)!=c||a&&M(a.resolve())!=v||n&&M(new n)!=S||o&&M(new o)!=l)&&(M=function(y){var T=s(y),J=T==u?y.constructor:void 0,f=J?p(J):"";if(f)switch(f){case q:return b;case m:return c;case d:return v;case A:return S;case g:return l}return T}),r.exports=M})),lr=_.__commonJSMin(((i,r)=>{var e=je(),t=V(),a=Fe(),n=_r(),o=fr(),s=B(),p=k(),c=re(),u=1,v="[object Arguments]",S="[object Array]",l="[object Object]",b=Object.prototype.hasOwnProperty;function q(m,d,A,g,M,y){var T=s(m),J=s(d),f=T?S:o(m),x=J?S:o(d);f=f==v?l:f,x=x==v?l:x;var O=f==l,P=x==l,I=f==x;if(I&&p(m)){if(!p(d))return!1;T=!0,O=!1}if(I&&!O)return y||(y=new e),T||c(m)?t(m,d,A,g,M,y):a(m,d,f,A,g,M,y);if(!(A&u)){var h=O&&b.call(m,"__wrapped__"),w=P&&b.call(d,"__wrapped__");if(h||w){var C=h?m.value():m,U=w?d.value():d;return y||(y=new e),M(C,U,A,g,y)}}return I?(y||(y=new e),n(m,d,A,g,M,y)):!1}r.exports=q})),mr=_.__commonJSMin(((i,r)=>{var e=lr(),t=F();function a(n,o,s,p,c){return n===o?!0:n==null||o==null||!t(n)&&!t(o)?n!==n&&o!==o:e(n,o,s,p,a,c)}r.exports=a})),gr=_.__commonJSMin(((i,r)=>{var e=mr();function t(a,n){return e(a,n)}r.exports=t}));Object.defineProperty(exports,"require_isEqual",{enumerable:!0,get:function(){return gr}});
-
-//# sourceMappingURL=isEqual-wc3RBuBi.cjs.map