npm - @jenesei-software/jenesei-kit-react - Versions diffs - 2.3.0 → 2.3.2 - Mend

@jenesei-software/jenesei-kit-react 2.3.0 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/build/skeleton-BfOHjRgT.cjs ADDED Viewed

@@ -0,0 +1,3 @@
+const f=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DCIq-5FL.cjs"),a=require("./functions-CZrZU5U0.cjs"),u=require("./component-CbJ_P8yq.cjs");let c=require("react/jsx-runtime"),s=require("react");var o=e=>{const[n,r]=(0,s.useState)(e.defaultVisible??!1),l="visible"in e?e.visible:null,i="time"in e?e.time:null;return(0,s.useEffect)(()=>{if(l!==null&&i===null)r(l);else if(l!==null&&i!==null)if(l===!1)r(!1);else{const S=setTimeout(()=>{r(!0)},i);return()=>{clearTimeout(S)}}},[l,i]),(0,c.jsx)(u.Stack,{...e,className:a.setClasses([t.CSS_CLASS.area.skeleton.root,n===!1?t.CSS_CLASS.area.skeleton.visibleFalse:!1,n===!1?t.CSS_CLASS.keyframe.backgroundMove:!1,t.CSS_CLASS.transition.color,e.className]),style:a.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-BfOHjRgT.cjs.map

package/build/skeleton-BfOHjRgT.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"skeleton-BfOHjRgT.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, 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 = 'visible' in props ? props.visible : null;\n const propsTime = 'time' in props ? props.time : null;\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,EAAe,YAAa,EAAQ,EAAM,QAAU,KACpD,EAAY,SAAU,EAAQ,EAAM,KAAO,KAEjD,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-wRSg85X7.js ADDED Viewed

@@ -0,0 +1,39 @@
+import { i as n, n as a, r as t } from "./utils-BRgi6734.js";
+import { n as f, t as m } from "./functions-DzX-pTN8.js";
+import { t as c } from "./component-DGfyD5-u.js";
+import { jsx as u } from "react/jsx-runtime";
+import { useEffect as S, useState as y } from "react";
+var C = (e) => {
+  const [r, s] = y(e.defaultVisible ?? !1), l = "visible" in e ? e.visible : null, i = "time" in e ? e.time : null;
+  return S(() => {
+    if (l !== null && i === null) s(l);
+    else if (l !== null && i !== null) if (l === !1) s(!1);
+    else {
+      const o = setTimeout(() => {
+        s(!0);
+      }, i);
+      return () => {
+        clearTimeout(o);
+      };
+    }
+  }, [l, i]), /* @__PURE__ */ u(c, {
+    ...e,
+    className: m([
+      a.area.skeleton.root,
+      r === !1 ? a.area.skeleton.visibleFalse : !1,
+      r === !1 ? a.keyframe.backgroundMove : !1,
+      a.transition.color,
+      e.className
+    ]),
+    style: f([{
+      [n.area.skeleton.color]: e.color ? t.palette[e.color] : e.isInheritColor ? "inherit" : e.type === "secondary" ? t.palette.fillQuaternaryLight : t.palette.fillQuaternaryLight,
+      [n.area.skeleton.line]: e.type === "secondary" ? t.palette.fillTertiaryLight : t.palette.fillQuinaryLight
+    }, e.style]),
+    children: e.children
+  });
+};
+export {
+  C as t
+};
+//# sourceMappingURL=skeleton-wRSg85X7.js.map

package/build/skeleton-wRSg85X7.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"skeleton-wRSg85X7.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, 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 = 'visible' in props ? props.visible : null;\n const propsTime = 'time' in props ? props.time : null;\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,aAAa,IAAQ,EAAM,UAAU,MACpD,IAAY,UAAU,IAAQ,EAAM,OAAO;AAEjD,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/styles.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.area-preview__loader{background-color:var(--background-white-standard);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.area-preview__loader__container-icon{width:8vmin;height:8vmin;position:absolute}.area-preview__loader__container-children{margin-top:16vmin;position:relative}.area-preview__children{z-index:0;display:contents}.area-scroll{display:flex;overflow:hidden}.area-scroll--horizontal{scrollbar-gutter:stable;overflow-x:auto}.area-scroll--vertical{scrollbar-gutter:stable;overflow-y:auto}.area-scroll--is-always-horizontal{scrollbar-gutter:stable;overflow-x:scroll}.area-scroll--is-always-vertical{scrollbar-gutter:stable;overflow-y:scroll}.area-skeleton{background:var(--transparent);display:contents}.area-skeleton--visible-false{background:linear-gradient(90deg, var(--area-skeleton-color) 25%, var(--area-skeleton-line) 50%, var(--area-skeleton-color) 75%);pointer-events:none;background-size:200% 100%;width:fit-content;height:fit-content;display:flex}.area-skeleton--visible-false *{opacity:0}.component-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:auto;max-height:none;min-height:var(--component-button-height);padding:2px var(--component-button-padding);border-radius:var(--component-button-radius);justify-content:center;align-self:flex-start;align-items:center;gap:var(--component-button-gap);background:var(--component-button-background);border:1px solid #0000;border-color:var(--component-button-border);color:var(--component-button-color);display:flex}.component-button.component-button--is-hidden{opacity:.5}.component-button:not(.component-button--is-hidden){opacity:1}.component-button.component-button--is-hidden-border{border:0 solid #0000!important}.component-button.component-button--is-full-radius{border-radius:100px}.component-button.component-button--is-full-size{width:100%;height:100%;max-height:100%}.component-button.component-button--is-zero-radius{border-radius:0}.component-button.component-button--is-width-as-height{width:var(--component-button-height);min-width:var(--component-button-height);padding:0}.component-button.component-button--is-min-width-as-content{min-width:max-content}.component-button--is-zero-padding{padding:0}.component-button--is-size-fit-content{width:fit-content!important;min-width:fit-content!important;height:fit-content!important;min-height:fit-content!important}.component-button__icons{display:contents}.component-button__icons.component-button__icons--is-icon-group{gap:var(--component-button-gap);order:var(--component-button-icon-group-order,initial);align-items:center;display:flex}.component-icon{order:var(--component-icon-order);width:var(--component-icon-height-icon);min-width:var(--component-icon-height-icon);height:var(--component-icon-height-icon);min-height:var(--component-icon-height-icon);color:var(--component-icon-color);transform:rotate(var(--component-icon-turn))}.component-icon__skeleton{order:var(--component-icon-skeleton-order);width:var(--component-icon-skeleton-height-icon);min-width:var(--component-icon-skeleton-height-icon);height:var(--component-icon-skeleton-height-icon);min-height:var(--component-icon-skeleton-height-icon);border-radius:100%}.component-stack{display:flex}.component-typography{color:var(--component-typography-color,inherit);letter-spacing:var(--component-typography-letter-spacing);flex:var(--component-typography-flex);cursor:var(--component-typography-cursor);overflow:var(--component-typography-overflow);font-family:var(--component-typography-family,var(--font-family));font-weight:var(--component-typography-weight,var(--font-weight));line-height:var(--component-typography-height,var(--font-height));text-align:var(--component-typography-align);white-space:var(--component-typography-wrap);-webkit-text-decoration:var(--component-typography-decoration);-webkit-text-decoration:var(--component-typography-decoration);text-decoration:var(--component-typography-decoration);text-transform:var(--component-typography-transform)}.component-typography.component-typography--line-single{text-overflow:ellipsis;white-space:nowrap;width:-webkit-fill-available;max-width:fit-content;overflow:hidden}.component-typography.component-typography--line-multi{word-break:break-word;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:var(--component-typography-line-multiline);overflow-wrap:anywhere;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;overflow:hidden}.component-typography.component-typography--is-bold,.component-typography.component-typography--variant-callout{font-weight:700}.component-typography.component-typography--is-bold .component-typography.component-typography--variant-callout{font-weight:800}.component-typography.component-typography--shadow-shadow-pulse{animation:2s infinite shadowPulse}.component-typography.component-typography--is-hover-underlining :hover{text-decoration:underline}.component-typography.component-typography--is-no-user-select{-webkit-user-select:none;user-select:none}.component-typography.component-typography--size{font-size:var(--component-typography-size)}.component-typography.component-typography--variant{font-size:var(--component-typography-variant);line-height:calc(var(--component-typography-variant) + var(--component-typography-variant-height))}.component-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;height:auto;max-height:none;height:var(--component-checkbox-height);min-height:var(--component-checkbox-height);border-radius:var(--component-checkbox-radius);justify-content:center;align-self:flex-start;align-items:center;gap:var(--component-checkbox-gap);padding:0px var(--component-checkbox-padding);background:var(--component-checkbox-background);border:1px solid #0000;border-color:var(--component-checkbox-border);color:var(--component-checkbox-color);display:flex}.component-checkbox.component-checkbox--is-hidden{opacity:.5}.component-checkbox:not(.component-checkbox--is-hidden){opacity:1}.component-checkbox.component-checkbox--is-hidden-border{border:0 solid #0000!important}.component-checkbox.component-checkbox--is-full-radius{border-radius:100px}.component-checkbox.component-checkbox--is-full-size{width:100%;height:100%;max-height:100%}.component-checkbox.component-checkbox--is-zero-radius{border-radius:0}.component-checkbox.component-checkbox--is-width-as-height{width:var(--component-checkbox-height);min-width:var(--component-checkbox-height);padding:0}.component-checkbox.component-checkbox--is-min-width-as-content{min-width:max-content}.component-checkbox.component-checkbox--is-only-icon{width:auto;height:auto;min-width:unset;min-height:unset;background:0 0;border:0 solid #0000;gap:0;padding:0}.component-error{border:1px solid #0000;flex-wrap:wrap;width:100%;display:flex}.component-error.component-error--size-default{padding-left:var(--component-error-padding);color:var(--component-error-color);position:static}.component-error.component-error--size-absolute{padding-left:var(--component-error-padding);color:var(--component-error-color);position:absolute;top:calc(100% + 4px)}.component-separator{background:var(--component-separator-background);border-radius:var(--component-separator-radius);width:var(--component-separator-width);height:var(--component-separator-height);max-width:var(--component-separator-max-width);max-height:var(--component-separator-max-height);border:none;flex-grow:1;flex-shrink:1}.component-toggle{cursor:pointer;height:var(--component-toggle-height);width:var(--component-toggle-width);padding:var(--component-toggle-padding);border:1px solid #0000;border-radius:100px;justify-content:flex-start;align-items:center;display:flex}.component-toggle.component-toggle--active{background:var(--component-toggle-active-background);border-color:var(--component-toggle-active-border)}.component-toggle.component-toggle--un-active{background:var(--component-toggle-un-active-background);border-color:var(--component-toggle-un-active-border)}.component-toggle.component-toggle--is-hidden{opacity:.5}.component-toggle:not(.component-toggle--is-hidden){opacity:1}.component-toggle.component-toggle--is-hidden-border{border:0 solid #0000!important}.component-toggle.component-toggle--is-zero-radius{border-radius:0}.component-toggle__center{height:var(--component-toggle-center-height);width:var(--component-toggle-center-width);transform:translateX(var(--component-toggle-center-x));border-radius:100px;transition:transform .15s ease-in-out}.component-toggle__center.component-toggle__center--active{background:var(--component-toggle-center-active-background);border-color:var(--component-toggle-center-active-border);box-shadow:var(--component-toggle-center-active-box-shadow)}.component-toggle__center.component-toggle__center--un-active{background:var(--component-toggle-center-un-active-background);border-color:var(--component-toggle-center-un-active-border);box-shadow:var(--component-toggle-center-un-active-box-shadow)}.component-input__wrapper{border:1px solid;border-color:var(--component-input-border-color);background:var(--component-input-background);width:100%;box-shadow:var(--component-input-box-shadow);height:var(--component-input-height);min-height:var(--component-input-height);max-height:var(--component-input-height);border-radius:var(--component-input-radius);flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}.component-input__wrapper.component-input__wrapper--is-min-width-as-content{width:max-content;min-width:max-content}.component-input__wrapper.component-input__wrapper--is-hidden{opacity:.5}.component-input__wrapper:not(.component-input__wrapper--is-hidden){opacity:1}.component-input__wrapper.component-input__wrapper--is-hidden-border{border:0 solid #0000!important}.component-input__wrapper.component-input__wrapper--is-full-radius{border-radius:100px}.component-input__wrapper.component-input__wrapper--is-full-size{width:100%;height:100%;max-height:100%}.component-input__wrapper.component-input__wrapper--is-zero-radius{border-radius:0}.component-input__wrapper.component-input__wrapper--is-width-as-height{width:var(--component-input-height);min-width:var(--component-input-height)}.component-input__wrapper.component-input__wrapper--is-width-as-height .component-input,.component-input__wrapper.component-input__wrapper--is-center .component-input{text-align:center;padding:0}.component-input{resize:none;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:0 var(--component-input-padding);border:0 solid;overflow:hidden}.component-input,.component-input:active,.component-input:focus-visible,.component-input:focus{color:var(--component-input-color);background:0 0;border-color:#0000;outline:none}.component-input::placeholder{color:var(--component-input-placeholder-color);opacity:1}.component-input::-webkit-input-placeholder{color:var(--component-input-placeholder-color);opacity:1}.component-input:-ms-placeholder-shown{color:var(--component-input-placeholder-color);opacity:1}.component-input.component-input--has-prefix{padding-left:calc(var(--component-input-prefix-width) + var(--component-input-prefix-right) + var(--component-input-prefix-left))}.component-input.component-input--has-postfix{padding-right:calc(var(--component-input-postfix-width) + var(--component-input-postfix-right) + var(--component-input-postfix-left))}.component-input__prefix{left:var(--component-input-prefix-left);width:var(--component-input-prefix-width);height:100%;display:flex;position:absolute}.component-input__postfix{right:var(--component-input-postfix-right);width:var(--component-input-postfix-width);height:100%;display:flex;position:absolute}.component-textarea__wrapper{border:1px solid;border-color:var(--component-textarea-border-color);background:var(--component-textarea-background);width:100%;box-shadow:var(--component-textarea-box-shadow);min-height:var(--component-textarea-height);border-radius:var(--component-textarea-radius);padding:var(--component-textarea-padding);flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}.component-textarea__wrapper.component-textarea__wrapper--is-hidden{opacity:.5}.component-textarea__wrapper:not(.component-textarea__wrapper--is-hidden){opacity:1}.component-textarea__wrapper.component-textarea__wrapper--is-hidden-border{border:0 solid #0000!important}.component-textarea__wrapper.component-textarea__wrapper--is-full-radius{border-radius:100px}.component-textarea__wrapper.component-textarea__wrapper--is-full-size{width:100%;height:100%;max-height:100%}.component-textarea__wrapper.component-textarea__wrapper--is-zero-radius{border-radius:0}.component-textarea__wrapper.component-textarea__wrapper--is-not-resize .component-textarea{resize:none}.component-textarea{white-space:normal;text-overflow:ellipsis;background-color:#0000;width:-webkit-fill-available;height:auto;overflow-x:hidden;border:none!important;margin:0!important;padding:0!important}.component-textarea,.component-textarea:active,.component-textarea:focus-visible,.component-textarea:focus{color:var(--component-textarea-color);background:0 0;border-color:#0000;outline:none}.component-textarea::placeholder{color:var(--component-textarea-placeholder-color);opacity:1}.component-textarea::-webkit-input-placeholder{color:var(--component-textarea-placeholder-color);opacity:1}.component-textarea:-ms-placeholder-shown{color:var(--component-textarea-placeholder-color);opacity:1}.component-popover{border-radius:var(--component-popover-border-radius);padding:var(--component-popover-padding);gap:calc(var(--component-popover-padding) - 2px);max-width:var(--component-popover-max-width,100%);max-height:var(--component-popover-max-height,100%);background:var(--component-popover-background);border:1px solid #0000;border-color:var(--component-popover-border-color);color:var(--component-popover-color);flex-direction:column;display:flex;overflow:auto}.component-popover--box-shadow{box-shadow:var(--component-popover-box-shadow)}.component-tooltip__wrapper{width:fit-content;height:fit-content;display:flex}.component-tooltip{padding:var(--component-tooltip-padding,12px 16px 0px 16px);gap:0}.component-tooltip:after{content:"";height:var(--component-tooltip-height,12px);width:100%;display:block}.component-select__wrapper{align-content:center;align-items:center;justify-content:"flex-start";width:100%;height:fit-content;padding:calc(var(--component-select-padding) / 4) calc(var(--component-select-padding) - var(--component-select-padding) / 2.8);gap:calc(var(--component-select-padding) / 2.8);min-height:var(--component-select-height);border-radius:var(--component-select-border-radius);background:var(--component-select-background-input);border:1px solid #0000;border-color:var(--component-select-border-color-input);color:var(--component-select-color-input);flex-flow:wrap;display:flex;position:relative}.component-select__wrapper.component-select--is-center{justify-content:center}.component-select__dropdown__list__wrapper{gap:calc(var(--component-select-padding) / 2.8);width:100%;height:100%;padding:calc(var(--component-select-padding) / 4);flex-direction:column;margin:0;display:flex;overflow:hidden auto}.component-select__dropdown__list{background:var(--component-select-background-option);gap:calc(var(--component-select-padding) / 2.8);flex-direction:column;flex-shrink:0;width:100%;list-style:none;display:flex;position:relative;transform:translateZ(0)}.component-select__dropdown__list__option{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:1;padding:calc(var(--component-select-padding) / 4) calc(var(--component-select-padding) - var(--component-select-padding) / 2.8);border:1px solid;border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;display:flex;top:0;left:0}.component-select__dropdown__list__option:focus-visible{outline:none}.component-select__dropdown__list__option{border-radius:var(--component-select-border-radius)}.component-select__dropdown__list__option,.component-select__dropdown__list__option:hover,.component-select__dropdown__list__option:active,.component-select__dropdown__list__option:focus-visible{background:var(--component-select-background-option);color:var(--component-select-color);border-color:#0000}.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border:hover,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border:active,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border:focus-visible{border-color:var(--component-select-border-color)}.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked:hover,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked:active,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked:focus-visible{background:var(--component-select-background-checked);border-color:var(--component-select-border-color-checked)}.component-select__dropdown__list__option.component-select__dropdown__list__option--is-disabled{opacity:.5;pointer-events:none}.component-select--is-center .component-select__dropdown__list__option{justify-content:center}.component-select__dropdown__list__option__icon{color:var(--component-select-border-color-input);right:calc(var(--component-select-padding) - 6px);align-items:center;position:absolute}.component-select__dropdown__list__option--is-checked .component-select__dropdown__list__option__icon{color:var(--component-select-border-color-select)}.component-select__list{gap:calc(var(--component-select-padding) / 2.8);flex-flow:row;list-style:none;display:flex;position:relative;overflow:hidden}.component-select--is-wrap-select-option .component-select__list{flex-wrap:wrap}.component-select__list__button{gap:calc(var(--component-select-padding) / 2.8);padding:calc(var(--component-select-padding) / 2.8) var(--component-select-padding);flex-direction:row;display:flex;position:absolute;right:0}.component-select__list__option{opacity:1;cursor:default;width:fit-content;padding:calc(var(--component-select-padding) / 2.8);border-radius:var(--component-select-border-radius);flex-shrink:0;align-items:center;display:flex;overflow:hidden}.component-select--is-clear-when-click-select-list-option .component-select__list__option{cursor:pointer}.component-select__list__option,.component-select__list__option:hover,.component-select__list__option:active,.component-select__list__option:focus-visible,.component-select__list__option.component-select__list__option--is-checked,.component-select__list__option:hover.component-select__list__option--is-checked,.component-select__list__option:active.component-select__list__option--is-checked,.component-select__list__option:focus-visible.component-select__list__option--is-checked{background:var(--component-select-background-checked);border:1px solid;border-color:var(--component-select-border-color-checked);color:var(--component-select-color)}.component-select--is-only-color-in-select-list-option .component-select__list__option,.component-select--is-only-color-in-select-list-option .component-select__list__option:hover,.component-select--is-only-color-in-select-list-option .component-select__list__option:active,.component-select--is-only-color-in-select-list-option .component-select__list__option:focus-visible,.component-select--is-only-color-in-select-list-option .component-select__list__option.component-select__list__option--is-checked,.component-select--is-only-color-in-select-list-option .component-select__list__option:hover.component-select__list__option--is-checked,.component-select--is-only-color-in-select-list-option .component-select__list__option:active.component-select__list__option--is-checked,.component-select--is-only-color-in-select-list-option .component-select__list__option:focus-visible.component-select__list__option--is-checked{color:var(--component-select-color);background-color:#0000;border:0 solid #0000}.component-select__textarea{min-height:initial;width:100%;max-width:100%;padding:calc(var(--component-select-padding) / 2.8) 0px calc(var(--component-select-padding) / 2.8) 0px;background-color:#0000;border:0;flex-grow:1}.component-date-picker__wrapper{width:100%;height:fit-content;position:relative}.component-date-picker__wrapper.component-date-picker__wrapper--is-min-width{width:min-content}.component-date-picker__dropdown-list{flex-direction:column;justify-content:flex-start;gap:10px;width:100%;padding-top:6px;display:flex;position:relative;transform:translateZ(0)}.component-date-picker__dropdown-list__days{grid-template-columns:repeat(7,28px);grid-template-rows:repeat(var(--component-date-picker-rows), 28px);justify-content:space-between;gap:6px;display:grid}.component-date-picker__dropdown-list__day,.component-date-picker__dropdown-list__day-of-week{isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:var(--component-date-picker-day-radius);grid-row:var(--component-date-picker-row);grid-column:var(--component-date-picker-column);background:var(--component-date-picker-day-background-rest);border:1px solid #0000;border-color:var(--component-date-picker-day-border-rest);width:100%;height:100%;color:var(--component-date-picker-day-color-rest);transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.component-date-picker__dropdown-list__day{cursor:pointer}.component-date-picker__dropdown-list__day:hover:not(.component-date-picker__dropdown-list__day--is-hidden,.component-date-picker__dropdown-list__day--is-choice){background:var(--component-date-picker-day-background-hover);border-color:var(--component-date-picker-day-border-hover);color:var(--component-date-picker-day-color-hover)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-weekend{background:var(--component-date-picker-day-background-weekend);border-color:var(--component-date-picker-day-border-weekend);color:var(--component-date-picker-day-color-weekend)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-today{background:var(--component-date-picker-day-background-today);border-color:var(--component-date-picker-day-border-today);color:var(--component-date-picker-day-color-today)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-choice{background:var(--component-date-picker-day-background-choice);border-color:var(--component-date-picker-day-border-choice);color:var(--component-date-picker-day-color-choice)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-hidden{background:var(--component-date-picker-day-background-weekend);border-color:var(--component-date-picker-day-border-weekend);color:var(--component-date-picker-day-color-weekend);opacity:.5}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-not-current-month{opacity:.5}.component-date-picker__dropdown-list__day-of-week{opacity:1;cursor:default;background-color:#0000}.component-date-picker__input-wrapper{resize:none;white-space:nowrap;background:var(--component-date-picker-input-background);border:1px solid #0000;border-color:var(--component-date-picker-input-border-color);width:100%;color:var(--component-date-picker-input-color);padding:var(--component-date-picker-input-padding);height:var(--component-date-picker-input-height);min-height:var(--component-date-picker-input-height);max-height:var(--component-date-picker-input-height);border-radius:var(--component-date-picker-input-radius);transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default);align-items:center;gap:0;display:flex;overflow:hidden}.component-date-picker__input-wrapper:hover{background:var(--component-date-picker-input-background-hover);border-color:var(--component-date-picker-input-border-color-hover);color:var(--component-date-picker-input-color-hover)}.component-date-picker__input-segment{text-align:center;resize:none;white-space:nowrap;background:0 0;border:0 solid;border-radius:4px;min-width:10px;padding:2px;overflow:hidden;outline:none!important;margin:0!important}.component-date-picker__input-segment.component-date-picker__input-segment--has-value,.component-date-picker__input-segment.component-date-picker__input-segment--has-value:focus-visible{color:var(--component-date-picker-input-value-color)}.component-date-picker__input-segment:not(.component-date-picker__input-segment--has-value){color:var(--component-date-picker-input-placeholder-color)}.component-date-picker__input-segment.component-date-picker__input-segment--is-active{background-color:var(--component-date-picker-input-segment-background-active)}.component-date-picker__list__button{gap:calc(var(--component-date-picker-padding) / 2.8);padding:calc(var(--component-date-picker-padding) / 2.8) var(--component-date-picker-padding);flex-direction:row;display:flex;position:absolute;right:0}.context-app__wrapper{flex-direction:column;width:100%;max-width:100dvw;min-height:100dvh;display:flex;position:relative;overflow:hidden}.context-app__outlet{width:100%;height:100%;min-height:100dvh;max-height:100dvh;display:grid;overflow:hidden auto}.context-app__outlet-children{scrollbar-gutter:stable;grid-area:children;max-width:100%;max-height:100%;display:flex}.context-app__outlet-notification{grid-area:notification;display:flex}.context-app__outlet-header{grid-area:header;display:flex}.context-app__outlet-footer{grid-area:footer;display:flex}.context-app__outlet-nav{grid-area:nav;display:flex}.context-app__outlet-left-aside{grid-area:leftAside;display:flex}.context-app__outlet-right-aside{grid-area:rightAside;display:flex}.context-dialog__layout{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;overflow:hidden}.context-dialog__element{border:0;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;width:max-content;height:max-content;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.context-sonner__layout{z-index:var(--context-sonner-z-index);gap:var(--context-sonner-gap);box-sizing:content-box;width:320px;max-height:calc(100dvh - 20px);margin:10px;display:flex;position:fixed;overflow:visible}.context-sonner__layout::-webkit-scrollbar{display:none}.context-sonner__layout::-webkit-scrollbar-thumb{display:none}.context-sonner__layout::-webkit-scrollbar-track{display:none}.context-sonner__layout--bottom-center{flex-direction:column-reverse;justify-content:flex-start;bottom:0;left:50%;transform:translate(-50%)}.context-sonner__layout--bottom-left{flex-direction:column-reverse;justify-content:flex-start;bottom:0;left:0}.context-sonner__layout--bottom-right{flex-direction:column-reverse;justify-content:flex-start;bottom:0;right:0}.context-sonner__layout--top-right{flex-direction:column;justify-content:flex-end;top:0;right:0}.context-sonner__layout--top-left{flex-direction:column;justify-content:flex-end;top:0;left:0}.context-sonner__layout--top-center{flex-direction:column;justify-content:flex-end;top:0;left:50%;transform:translate(-50%)}.context-sonner__element-wrapper{background:var(--context-sonner-wrapper-background);color:var(--context-sonner-icon-color);border:1px solid var(--context-sonner-wrapper-border-color);transform-origin:50%;min-width:320px;min-height:64px;box-shadow:var(--context-sonner-wrapper-box-shadow);transition:filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), border-color var(--transition-default), transform var(--transition-default);border-radius:12px;flex-direction:row;flex-shrink:1;justify-content:flex-start;align-self:stretch;align-items:center;gap:10px;padding:16px 20px;display:flex;overflow:visible}.context-sonner__element-wrapper:hover{box-shadow:var(--context-sonner-wrapper-box-shadow-hover)}.context-sonner__element-wrapper:has(:hover){box-shadow:var(--context-sonner-wrapper-box-shadow-hover)}.context-sonner__content{flex-direction:column;flex:1 0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:2px;display:flex;position:relative;overflow:hidden}.context-sonner__icon{display:contents}.context-sonner__content-title{color:var(--context-sonner-title-color);text-align:left;font-family:var(--font-family);font-size:var(--size-medium-small-font);font-weight:700;line-height:var(--font-height);justify-content:flex-start;align-items:center;display:flex}.context-sonner__content-description{color:var(--context-sonner-description-color);text-align:left;font-family:var(--font-family);font-size:var(--size-medium-small-font);font-weight:400;line-height:var(--font-height);justify-content:flex-start;align-items:center;display:flex;position:relative}.context-sonner__button-wrapper{justify-content:flex-end;align-items:center;display:flex}:root{--font-family:"Inter";--font-size:16px;--font-weight:400;--font-height:1.2;--font-size-heading-headline:28px;--font-size-heading-headline-plus-height:4px;--font-size-heading-sub-headline:11px;--font-size-heading-sub-headline-plus-height:3px;--font-size-heading-title-1:26px;--font-size-heading-title-1-plus-height:6px;--font-size-heading-title-2:22px;--font-size-heading-title-2-plus-height:4px;--font-size-heading-title-3:17px;--font-size-heading-title-3-plus-height:5px;--font-size-heading-title-4:15px;--font-size-heading-title-4-plus-height:5px;--font-size-heading-title-5:12px;--font-size-heading-title-5-plus-height:4px;--font-size-heading-body:13px;--font-size-heading-body-plus-height:3px;--font-size-heading-callout:13px;--font-size-heading-callout-plus-height:3px;--font-size-heading-footnote:10px;--font-size-heading-footnote-plus-height:3px;--font-size-heading-caption-1:10px;--font-size-heading-caption-1-plus-height:3px;--font-size-heading-caption-2:9px;--font-size-heading-caption-2-plus-height:3px;--font-size-heading-controller-large:20px;--font-size-heading-controller-large-plus-height:4px;--font-size-heading-controller-large-medium:18px;--font-size-heading-controller-large-medium-plus-height:3.6px;--font-size-heading-controller-medium:16px;--font-size-heading-controller-medium-plus-height:3.2px;--font-size-heading-controller-medium-small:14px;--font-size-heading-controller-medium-small-plus-height:2.8px;--font-size-heading-controller-small:12px;--font-size-heading-controller-small-plus-height:2.4px;--duration:.3s;--easing:ease-in-out;--transition-default:.3s ease-in-out;--size-large-height:46px;--size-large-height-icon:24px;--size-large-radius:6px;--size-large-padding:16px;--size-large-font:20px;--size-large-medium-height:42px;--size-large-medium-height-icon:22px;--size-large-medium-radius:6px;--size-large-medium-padding:14px;--size-large-medium-font:18px;--size-medium-height:38px;--size-medium-height-icon:20px;--size-medium-radius:6px;--size-medium-padding:12px;--size-medium-font:16px;--size-medium-small-height:34px;--size-medium-small-height-icon:18px;--size-medium-small-radius:6px;--size-medium-small-padding:10px;--size-medium-small-font:14px;--size-small-height:30px;--size-small-height-icon:16px;--size-small-radius:8px;--size-small-padding:8px;--size-small-font:12px;--size-toggle-large-height:46px;--size-toggle-large-width:92px;--size-toggle-large-padding:3px;--size-toggle-large-thumb:40px;--size-toggle-large-medium-height:42px;--size-toggle-large-medium-width:84px;--size-toggle-large-medium-padding:2px;--size-toggle-large-medium-thumb:38px;--size-toggle-medium-height:38px;--size-toggle-medium-width:76px;--size-toggle-medium-padding:2px;--size-toggle-medium-thumb:34px;--size-toggle-medium-small-height:34px;--size-toggle-medium-small-width:68px;--size-toggle-medium-small-padding:2px;--size-toggle-medium-small-thumb:30px;--size-toggle-small-height:30px;--size-toggle-small-width:60px;--size-toggle-small-padding:2px;--size-toggle-small-thumb:26px}@media screen and (width<=1290px){:root{--font-size-heading-headline:24px;--font-size-heading-sub-headline:9px;--font-size-heading-title-1:22px;--font-size-heading-title-2:18px;--font-size-heading-title-3:14px;--font-size-heading-title-4:13px;--font-size-heading-title-5:9px;--font-size-heading-body:11px;--font-size-heading-callout:11px;--font-size-heading-footnote:8px;--font-size-heading-caption-1:8px;--font-size-heading-caption-2:7px}}@media screen and (width<=850px){:root{--font-size-heading-headline:20px;--font-size-heading-sub-headline:7px;--font-size-heading-title-1:18px;--font-size-heading-title-2:14px;--font-size-heading-title-3:11px;--font-size-heading-title-4:10px;--font-size-heading-title-5:7px;--font-size-heading-body:9px;--font-size-heading-callout:9px;--font-size-heading-footnote:6px;--font-size-heading-caption-1:6px;--font-size-heading-caption-2:5px}}:root{--accent-red-light:#ff3b30;--accent-orange-light:#ff9500;--accent-yellow-light:#fc0;--accent-green-light:#28cd41;--accent-mint-light:#00c7be;--accent-teal-light:#59adc4;--accent-cyan-light:#55bef0;--accent-blue-light:#007aff;--accent-indigo-light:#5856d6;--accent-purple-light:#af52de;--accent-pink-light:#ff2d55;--accent-brown-light:#a2845e;--accent-gray-light:#8e8e93;--accent-red-dark:#ff453a;--accent-orange-dark:#ff9f0a;--accent-yellow-dark:#ffd60a;--accent-green-dark:#32d74b;--accent-mint-dark:#66d4cf;--accent-teal-dark:#6ac4dc;--accent-cyan-dark:#5ac8f5;--accent-blue-dark:#0a84ff;--accent-indigo-dark:#5e5ce6;--accent-purple-dark:#bf5af2;--accent-pink-dark:#ff375f;--accent-brown-dark:#ac8e68;--accent-gray-dark:#98989d;--accent-red-light-stable:#ff3b30;--accent-orange-light-stable:#ff9500;--accent-yellow-light-stable:#fc0;--accent-green-light-stable:#28cd41;--accent-mint-light-stable:#00c7be;--accent-teal-light-stable:#59adc4;--accent-cyan-light-stable:#55bef0;--accent-blue-light-stable:#007aff;--accent-indigo-light-stable:#5856d6;--accent-purple-light-stable:#af52de;--accent-pink-light-stable:#ff2d55;--accent-brown-light-stable:#a2845e;--accent-gray-light-stable:#8e8e93;--accent-red-dark-stable:#ff453a;--accent-orange-dark-stable:#ff9f0a;--accent-yellow-dark-stable:#ffd60a;--accent-green-dark-stable:#32d74b;--accent-mint-dark-stable:#66d4cf;--accent-teal-dark-stable:#6ac4dc;--accent-cyan-dark-stable:#5ac8f5;--accent-blue-dark-stable:#0a84ff;--accent-indigo-dark-stable:#5e5ce6;--accent-purple-dark-stable:#bf5af2;--accent-pink-dark-stable:#ff375f;--accent-brown-dark-stable:#ac8e68;--accent-gray-dark-stable:#98989d;--fill-light:#000;--fill-primary-light:#000000d9;--fill-secondary-light:#00000080;--fill-tertiary-light:#00000040;--fill-quaternary-light:#0000001a;--fill-quinary-light:#0000000d;--fill-dark:#fff;--fill-primary-dark:#ffffffd9;--fill-secondary-dark:#ffffff8c;--fill-tertiary-dark:#ffffff40;--fill-quaternary-dark:#ffffff1a;--fill-quinary-dark:#ffffff0d;--fill-light-stable:#000;--fill-primary-light-stable:#000000d9;--fill-secondary-light-stable:#00000080;--fill-tertiary-light-stable:#00000040;--fill-quaternary-light-stable:#0000001a;--fill-quinary-light-stable:#0000000d;--fill-dark-stable:#fff;--fill-primary-dark-stable:#ffffffd9;--fill-secondary-dark-stable:#ffffff8c;--fill-tertiary-dark-stable:#ffffff40;--fill-quaternary-dark-stable:#ffffff1a;--fill-quinary-dark-stable:#ffffff0d;--text-primary-light:#000000d9;--text-secondary-light:#00000080;--text-tertiary-light:#00000040;--text-primary-dark:#ffffffd9;--text-secondary-dark:#ffffff8c;--text-tertiary-dark:#ffffff40;--text-primary-light-stable:#000000d9;--text-secondary-light-stable:#00000080;--text-tertiary-light-stable:#00000040;--text-primary-dark-stable:#ffffffd9;--text-secondary-dark-stable:#ffffff8c;--text-tertiary-dark-stable:#ffffff40;--control-menu-light:#28282894;--control-tooltip-light:#f6f6f699;--control-transparent:#fff0;--control-menu-dark:#f6f6f6b8;--control-tooltip-dark:#00000059;--control-menu-light-stable:#28282894;--control-tooltip-light-stable:#f6f6f699;--control-transparent-stable:#fff0;--control-menu-dark-stable:#f6f6f6b8;--control-tooltip-dark-stable:#00000059;--product-primary-light:#4195d2;--product-secondary-light:#4195d280;--product-tertiary-light:#4195d240;--product-quaternary-light:#4195d21a;--product-quinary-light:#4195d20d;--product-primary-dark:#64b5f6;--product-secondary-dark:#64b5f699;--product-tertiary-dark:#64b5f659;--product-quaternary-dark:#64b5f62e;--product-quinary-dark:#64b5f614;--product-primary-light-stable:#4195d2;--product-secondary-light-stable:#4195d280;--product-tertiary-light-stable:#4195d240;--product-quaternary-light-stable:#4195d21a;--product-quinary-light-stable:#4195d20d;--product-primary-dark-stable:#64b5f6;--product-secondary-dark-stable:#64b5f699;--product-tertiary-dark-stable:#64b5f659;--product-quaternary-dark-stable:#64b5f62e;--product-quinary-dark-stable:#64b5f614;--shadow-glass-light:0px 1px 8px #0000001a, 0px 0px 2px #0000001a, inset 0px 0px 8px #f2f2f2, inset 0px 0px 0px #a6a6a6, inset -2px -2px .5px #262626, inset 2px 2px .5px #262626, inset 3px 3px .5px #fff;--shadow-primary-light:0px 0px 3px #0000008c, 0px 36px 100px #0006;--shadow-secondary-light:0px 0px 3px #0000008c, 0px 8px 40px #00000040;--shadow-tertiary-light:0px 0px 3px #0000008c, 0px 36px 100px #00000040;--shadow-quaternary-light:0px 0px 3px #0000008c, 0px 4px 20px #00000040;--shadow-window-inner-shadow-light:inset 0px 0px 3px #ffffff1a;--shadow-primary-dark:0px 36px 100px #000000b3, 0px 0px 1px #000;--shadow-secondary-dark:0px 8px 40px #000000b3, 0px 0px 1px #000;--shadow-tertiary-dark:0px 36px 100px #00000073, 0px 0px 1px #000;--shadow-quaternary-dark:0px 4px 20px #00000073, 0px 0px 1px #000;--shadow-window-inner-shadow-dark:inset 0px 0px 1px #fff3;--shadow-glass-dark:0px 1px 8px #0000001a, 0px 0px 2px #0000001a, inset 0px 0px 16px #f2f2f2, inset 0px 0px 1px #999, inset 0px 0px 1px #ffffff26, inset -1px -1px 1px #ffffffbf, inset 1px 1px 1px #ffffffbf, inset 3px 3px .5px #fffc, inset 3px 3px .5px #ffffffbf;--shadow-primary-light-stable:0px 0px 3px #0000008c, 0px 36px 100px #0006;--shadow-secondary-light-stable:0px 0px 3px #0000008c, 0px 8px 40px #00000040;--shadow-tertiary-light-stable:0px 0px 3px #0000008c, 0px 36px 100px #00000040;--shadow-quaternary-light-stable:0px 0px 3px #0000008c, 0px 4px 20px #00000040;--shadow-window-inner-shadow-light-stable:inset 0px 0px 3px #ffffff1a;--shadow-primary-dark-stable:0px 36px 100px #000000b3, 0px 0px 1px #000;--shadow-secondary-dark-stable:0px 8px 40px #000000b3, 0px 0px 1px #000;--shadow-tertiary-dark-stable:0px 36px 100px #00000073, 0px 0px 1px #000;--shadow-quaternary-dark-stable:0px 4px 20px #00000073, 0px 0px 1px #000;--shadow-window-inner-shadow-dark-stable:inset 0px 0px 1px #fff3;--shadow-glass-dark-stable:0px 1px 8px #0000001a, 0px 0px 2px #0000001a, inset 0px 0px 16px #f2f2f2, inset 0px 0px 1px #999, inset 0px 0px 1px #ffffff26, inset -1px -1px 1px #ffffffbf, inset 1px 1px 1px #ffffffbf, inset 3px 3px .5px #fffc, inset 3px 3px .5px #ffffffbf;--current-color:currentColor;--inherit:inherit;--transparent:transparent}:root[data-theme=dark]{--accent-red-dark:#ff3b30;--accent-orange-dark:#ff9500;--accent-yellow-dark:#fc0;--accent-green-dark:#28cd41;--accent-mint-dark:#00c7be;--accent-teal-dark:#59adc4;--accent-cyan-dark:#55bef0;--accent-blue-dark:#007aff;--accent-indigo-dark:#5856d6;--accent-purple-dark:#af52de;--accent-pink-dark:#ff2d55;--accent-brown-dark:#a2845e;--accent-gray-dark:#8e8e93;--accent-red-light:#ff453a;--accent-orange-light:#ff9f0a;--accent-yellow-light:#ffd60a;--accent-green-light:#32d74b;--accent-mint-light:#66d4cf;--accent-teal-light:#6ac4dc;--accent-cyan-light:#5ac8f5;--accent-blue-light:#0a84ff;--accent-indigo-light:#5e5ce6;--accent-purple-light:#bf5af2;--accent-pink-light:#ff375f;--accent-brown-light:#ac8e68;--accent-gray-light:#98989d;--fill-dark:#000;--fill-primary-dark:#000000d9;--fill-secondary-dark:#00000080;--fill-tertiary-dark:#00000040;--fill-quaternary-dark:#0000001a;--fill-quinary-dark:#0000000d;--fill-light:#fff;--fill-primary-light:#ffffffd9;--fill-secondary-light:#ffffff8c;--fill-tertiary-light:#ffffff40;--fill-quaternary-light:#ffffff1a;--fill-quinary-light:#ffffff0d;--text-primary-dark:#000000d9;--text-secondary-dark:#00000080;--text-tertiary-dark:#00000040;--text-primary-light:#ffffffd9;--text-secondary-light:#ffffff8c;--text-tertiary-light:#ffffff40;--control-menu-dark:#28282894;--control-tooltip-dark:#f6f6f699;--control-menu-light:#f6f6f6b8;--control-tooltip-light:#00000059;--product-primary-dark:#4195d2;--product-secondary-dark:#4195d280;--product-tertiary-dark:#4195d240;--product-quaternary-dark:#4195d21a;--product-quinary-dark:#4195d20d;--product-primary-light:#64b5f6;--product-secondary-light:#64b5f699;--product-tertiary-light:#64b5f659;--product-quaternary-light:#64b5f62e;--product-quinary-light:#64b5f614;--shadow-glass-dark:0px 1px 8px #0000001a, inset 0px 0px 8px #f2f2f2;--shadow-primary-dark:0px 0px 3px #0000008c, 0px 36px 100px #0006;--shadow-secondary-dark:0px 8px 40px #00000040;--shadow-quaternary-dark:0px 4px 20px #00000040;--shadow-glass-light:0px 1px 8px #0000001a, inset 0px 0px 16px #f2f2f2;--shadow-primary-light:0px 36px 100px #000000b3;--shadow-secondary-light:0px 8px 40px #000000b3;--shadow-quaternary-light:0px 4px 20px #00000073}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight);font-feature-settings:auto;font-kerning:auto;font-optical-sizing:auto;font-synthesis:none;line-height:var(--font-height);touch-action:manipulation;-ms-touch-action:manipulation;overscroll-behavior:none;max-width:100vw;height:100%;min-height:100vh;color:var(--text-primary-light);display:flex;overflow-x:hidden}body{flex:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}table{border-spacing:0;border-collapse:collapse}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@keyframes shadowPulse{0%{text-shadow:0 0 #0000}50%{text-shadow:4px 4px 10px #00000080}to{text-shadow:0 0 #0000}}@keyframes backgroundMove{0%{background-position:100%}to{background-position:-100%}}.keyframe--shadow-pulse{animation:1.5s ease-in-out infinite shadowPulse}.keyframe--background-move{animation:1.5s linear infinite backgroundMove}.u-remove-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.u-remove-scrollbar::-webkit-scrollbar{display:none}.u-remove-scrollbar::-webkit-scrollbar-thumb{display:none}.u-remove-scrollbar::-webkit-scrollbar-track{display:none}.u-remove-outline{outline-offset:0!important;outline:0 solid #0000!important}.u-tabular-numbers{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.u-is-ripple{isolation:isolate;position:relative;overflow:hidden}.u-transition--font-size{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default), font-size var(--transition-default)}.u-transition--icon{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default)}.u-transition--icon path{transition:all var(--transition-default)}.u-transition--color{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default)}.u-transition--grid{transition:grid-template-areas var(--transition-default), grid-template-columns var(--transition-default), grid-template-rows var(--transition-default)}.u-transition--without-size{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), transform var(--transition-default), background-color var(--transition-default), color var(--transition-default), visibility var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default), left var(--transition-default), right var(--transition-default), grid-template-areas var(--transition-default), grid-template-rows var(--transition-default), grid-template-columns var(--transition-default)}.u-transition--all{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), transform var(--transition-default), background-color var(--transition-default), height var(--transition-default), max-height var(--transition-default), width var(--transition-default), color var(--transition-default), visibility var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default), left var(--transition-default), right var(--transition-default), grid-template-areas var(--transition-default), grid-template-rows var(--transition-default), grid-template-columns var(--transition-default)}.u-outline--default:focus-visible{outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--default:has(input:focus-visible):not(:has(input:active)){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--default:has(textarea:focus-visible):not(:has(textarea:active)){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--boxShadow:focus-visible{outline-offset:0px;outline:1px solid var(--product-primary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-tertiary-light)}.u-outline--always{outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--none,.u-outline--none:focus-visible{outline:none}.u-control--default:focus-visible,.u-control--only-active:focus-visible{outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--boxShadow:has(input:focus-visible){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--boxShadow:has(textarea:focus-visible){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--default:hover{filter:brightness(.9);outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--default:active{filter:brightness(.95)}.u-control--none{cursor:default;outline:none}@media (hover:none){.u-control--default:hover{filter:none}}.u-control--only-active:active{filter:brightness(.95)}.u-control--boxShadow-only-hover:hover,.u-control--boxShadow:focus-visible,.u-control--boxShadow:hover{box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-tertiary-light);outline:none}.u-control--boxShadow:active{outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-control--boxShadow:has(input:focus-visible){outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-control--boxShadow:has(textarea:focus-visible){outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-control--boxShadow-select{outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-scrollbar-gutter--stable{scrollbar-gutter:stable}.u-scrollbar-gutter--stable-both{scrollbar-gutter:stable both-edges}.u-is-disabled{opacity:.5}.u-is-hover{transition:background-color var(--transition-default), outline 0s}.u-shadow--primary{box-shadow:var(--shadow-primary-light)}.u-shadow--secondary{box-shadow:var(--shadow-secondary-light)}.u-shadow--quaternary{box-shadow:var(--shadow-quaternary-light)}.u-is-error,.u-is-error:focus,.u-is-error:active,.u-is-error:hover,.u-is-error:focus-visible{border-color:var(--accent-red-light)!important}
+.area-preview__loader{background-color:var(--background-white-standard);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.area-preview__loader__container-icon{width:8vmin;height:8vmin;position:absolute}.area-preview__loader__container-children{margin-top:16vmin;position:relative}.area-preview__children{z-index:0;display:contents}.area-scroll{display:flex;overflow:hidden}.area-scroll--horizontal{scrollbar-gutter:stable;overflow-x:auto}.area-scroll--vertical{scrollbar-gutter:stable;overflow-y:auto}.area-scroll--is-always-horizontal{scrollbar-gutter:stable;overflow-x:scroll}.area-scroll--is-always-vertical{scrollbar-gutter:stable;overflow-y:scroll}.area-skeleton{background:var(--transparent);display:contents}.area-skeleton--visible-false{background:linear-gradient(90deg, var(--area-skeleton-color) 25%, var(--area-skeleton-line) 50%, var(--area-skeleton-color) 75%);pointer-events:none;background-size:200% 100%;width:fit-content;height:fit-content;display:flex}.area-skeleton--visible-false *{opacity:0}.component-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:auto;max-height:none;min-height:var(--component-button-height);padding:2px var(--component-button-padding);border-radius:var(--component-button-radius);justify-content:center;align-self:flex-start;align-items:center;gap:var(--component-button-gap);background:var(--component-button-background);border:1px solid #0000;border-color:var(--component-button-border);color:var(--component-button-color);display:flex}.component-button.component-button--is-hidden{opacity:.5}.component-button:not(.component-button--is-hidden){opacity:1}.component-button.component-button--is-hidden-border{border:0 solid #0000!important}.component-button.component-button--is-full-radius{border-radius:100px}.component-button.component-button--is-full-size{width:100%;height:100%;max-height:100%}.component-button.component-button--is-zero-radius{border-radius:0}.component-button.component-button--is-width-as-height{width:var(--component-button-height);min-width:var(--component-button-height);padding:0}.component-button.component-button--is-min-width-as-content{min-width:max-content}.component-button--is-zero-padding{padding:0}.component-button--is-size-fit-content{width:fit-content!important;min-width:fit-content!important;height:fit-content!important;min-height:fit-content!important}.component-button__icons{display:contents}.component-button__icons.component-button__icons--is-icon-group{gap:var(--component-button-gap);order:var(--component-button-icon-group-order,initial);align-items:center;display:flex}.component-icon{order:var(--component-icon-order);width:var(--component-icon-height-icon);min-width:var(--component-icon-height-icon);height:var(--component-icon-height-icon);min-height:var(--component-icon-height-icon);color:var(--component-icon-color);transform:rotate(var(--component-icon-turn))}.component-icon__skeleton{order:var(--component-icon-skeleton-order);width:var(--component-icon-skeleton-height-icon);min-width:var(--component-icon-skeleton-height-icon);height:var(--component-icon-skeleton-height-icon);min-height:var(--component-icon-skeleton-height-icon);border-radius:100%}.component-stack{display:flex}.component-typography{color:var(--component-typography-color,inherit);letter-spacing:var(--component-typography-letter-spacing);flex:var(--component-typography-flex);cursor:var(--component-typography-cursor);overflow:var(--component-typography-overflow);font-family:var(--component-typography-family,var(--font-family));font-weight:var(--component-typography-weight,var(--font-weight));line-height:var(--component-typography-height,var(--font-height));text-align:var(--component-typography-align);white-space:var(--component-typography-wrap);-webkit-text-decoration:var(--component-typography-decoration);-webkit-text-decoration:var(--component-typography-decoration);text-decoration:var(--component-typography-decoration);text-transform:var(--component-typography-transform)}.component-typography.component-typography--line-single{text-overflow:ellipsis;white-space:nowrap;width:-webkit-fill-available;max-width:fit-content;overflow:hidden}.component-typography.component-typography--line-multi{word-break:break-word;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:var(--component-typography-line-multiline);overflow-wrap:anywhere;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;overflow:hidden}.component-typography.component-typography--is-bold,.component-typography.component-typography--variant-callout{font-weight:700}.component-typography.component-typography--is-bold .component-typography.component-typography--variant-callout{font-weight:800}.component-typography.component-typography--shadow-shadow-pulse{animation:2s infinite shadowPulse}.component-typography.component-typography--is-hover-underlining :hover{text-decoration:underline}.component-typography.component-typography--is-no-user-select{-webkit-user-select:none;user-select:none}.component-typography.component-typography--size{font-size:var(--component-typography-size)}.component-typography.component-typography--variant{font-size:var(--component-typography-variant);line-height:calc(var(--component-typography-variant) + var(--component-typography-variant-height))}.component-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;height:auto;max-height:none;height:var(--component-checkbox-height);min-height:var(--component-checkbox-height);border-radius:var(--component-checkbox-radius);justify-content:center;align-self:flex-start;align-items:center;gap:var(--component-checkbox-gap);padding:0px var(--component-checkbox-padding);background:var(--component-checkbox-background);border:1px solid #0000;border-color:var(--component-checkbox-border);color:var(--component-checkbox-color);display:flex}.component-checkbox.component-checkbox--is-hidden{opacity:.5}.component-checkbox:not(.component-checkbox--is-hidden){opacity:1}.component-checkbox.component-checkbox--is-hidden-border{border:0 solid #0000!important}.component-checkbox.component-checkbox--is-full-radius{border-radius:100px}.component-checkbox.component-checkbox--is-full-size{width:100%;height:100%;max-height:100%}.component-checkbox.component-checkbox--is-zero-radius{border-radius:0}.component-checkbox.component-checkbox--is-width-as-height{width:var(--component-checkbox-height);min-width:var(--component-checkbox-height);padding:0}.component-checkbox.component-checkbox--is-min-width-as-content{min-width:max-content}.component-checkbox.component-checkbox--is-only-icon{width:auto;height:auto;min-width:unset;min-height:unset;background:0 0;border:0 solid #0000;gap:0;padding:0}.component-error{border:1px solid #0000;flex-wrap:wrap;width:100%;display:flex}.component-error.component-error--size-default{padding-left:var(--component-error-padding);color:var(--component-error-color);position:static}.component-error.component-error--size-absolute{padding-left:var(--component-error-padding);color:var(--component-error-color);position:absolute;top:calc(100% + 4px)}.component-separator{background:var(--component-separator-background);border-radius:var(--component-separator-radius);width:var(--component-separator-width);height:var(--component-separator-height);max-width:var(--component-separator-max-width);max-height:var(--component-separator-max-height);border:none;flex-grow:1;flex-shrink:1}.component-toggle{cursor:pointer;height:var(--component-toggle-height);width:var(--component-toggle-width);padding:var(--component-toggle-padding);border:1px solid #0000;border-radius:100px;justify-content:flex-start;align-items:center;display:flex}.component-toggle.component-toggle--active{background:var(--component-toggle-active-background);border-color:var(--component-toggle-active-border)}.component-toggle.component-toggle--un-active{background:var(--component-toggle-un-active-background);border-color:var(--component-toggle-un-active-border)}.component-toggle.component-toggle--is-hidden{opacity:.5}.component-toggle:not(.component-toggle--is-hidden){opacity:1}.component-toggle.component-toggle--is-hidden-border{border:0 solid #0000!important}.component-toggle.component-toggle--is-zero-radius{border-radius:0}.component-toggle__center{height:var(--component-toggle-center-height);width:var(--component-toggle-center-width);transform:translateX(var(--component-toggle-center-x));border-radius:100px;transition:transform .15s ease-in-out}.component-toggle__center.component-toggle__center--active{background:var(--component-toggle-center-active-background);border-color:var(--component-toggle-center-active-border);box-shadow:var(--component-toggle-center-active-box-shadow)}.component-toggle__center.component-toggle__center--un-active{background:var(--component-toggle-center-un-active-background);border-color:var(--component-toggle-center-un-active-border);box-shadow:var(--component-toggle-center-un-active-box-shadow)}.component-input__wrapper{border:1px solid;border-color:var(--component-input-border-color);background:var(--component-input-background);width:100%;box-shadow:var(--component-input-box-shadow);height:var(--component-input-height);min-height:var(--component-input-height);max-height:var(--component-input-height);border-radius:var(--component-input-radius);flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}.component-input__wrapper.component-input__wrapper--is-min-width-as-content{width:max-content;min-width:max-content}.component-input__wrapper.component-input__wrapper--is-hidden{opacity:.5}.component-input__wrapper:not(.component-input__wrapper--is-hidden){opacity:1}.component-input__wrapper.component-input__wrapper--is-hidden-border{border:0 solid #0000!important}.component-input__wrapper.component-input__wrapper--is-full-radius{border-radius:100px}.component-input__wrapper.component-input__wrapper--is-full-size{width:100%;height:100%;max-height:100%}.component-input__wrapper.component-input__wrapper--is-zero-radius{border-radius:0}.component-input__wrapper.component-input__wrapper--is-width-as-height{width:var(--component-input-height);min-width:var(--component-input-height)}.component-input__wrapper.component-input__wrapper--is-width-as-height .component-input,.component-input__wrapper.component-input__wrapper--is-center .component-input{text-align:center;padding:0}.component-input{resize:none;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:0 var(--component-input-padding);border:0 solid;overflow:hidden}.component-input,.component-input:active,.component-input:focus-visible,.component-input:focus{color:var(--component-input-color);background:0 0;border-color:#0000;outline:none}.component-input::placeholder{color:var(--component-input-placeholder-color);opacity:1}.component-input::-webkit-input-placeholder{color:var(--component-input-placeholder-color);opacity:1}.component-input:-ms-placeholder-shown{color:var(--component-input-placeholder-color);opacity:1}.component-input.component-input--has-prefix{padding-left:calc(var(--component-input-prefix-width) + var(--component-input-prefix-right) + var(--component-input-prefix-left))}.component-input.component-input--has-postfix{padding-right:calc(var(--component-input-postfix-width) + var(--component-input-postfix-right) + var(--component-input-postfix-left))}.component-input__prefix{left:var(--component-input-prefix-left);width:var(--component-input-prefix-width);height:100%;display:flex;position:absolute}.component-input__postfix{right:var(--component-input-postfix-right);width:var(--component-input-postfix-width);height:100%;display:flex;position:absolute}.component-textarea__wrapper{border:1px solid;border-color:var(--component-textarea-border-color);background:var(--component-textarea-background);width:100%;box-shadow:var(--component-textarea-box-shadow);min-height:var(--component-textarea-height);border-radius:var(--component-textarea-radius);padding:var(--component-textarea-padding);flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}.component-textarea__wrapper.component-textarea__wrapper--is-hidden{opacity:.5}.component-textarea__wrapper:not(.component-textarea__wrapper--is-hidden){opacity:1}.component-textarea__wrapper.component-textarea__wrapper--is-hidden-border{border:0 solid #0000!important}.component-textarea__wrapper.component-textarea__wrapper--is-full-radius{border-radius:100px}.component-textarea__wrapper.component-textarea__wrapper--is-full-size{width:100%;height:100%;max-height:100%}.component-textarea__wrapper.component-textarea__wrapper--is-zero-radius{border-radius:0}.component-textarea__wrapper.component-textarea__wrapper--is-not-resize .component-textarea{resize:none}.component-textarea{white-space:normal;text-overflow:ellipsis;background-color:#0000;width:-webkit-fill-available;height:auto;overflow-x:hidden;border:none!important;margin:0!important;padding:0!important}.component-textarea,.component-textarea:active,.component-textarea:focus-visible,.component-textarea:focus{color:var(--component-textarea-color);background:0 0;border-color:#0000;outline:none}.component-textarea::placeholder{color:var(--component-textarea-placeholder-color);opacity:1}.component-textarea::-webkit-input-placeholder{color:var(--component-textarea-placeholder-color);opacity:1}.component-textarea:-ms-placeholder-shown{color:var(--component-textarea-placeholder-color);opacity:1}.component-popover{border-radius:var(--component-popover-border-radius);padding:var(--component-popover-padding);gap:calc(var(--component-popover-padding) - 2px);max-width:var(--component-popover-max-width,100%);max-height:var(--component-popover-max-height,100%);background:var(--component-popover-background);border:1px solid #0000;border-color:var(--component-popover-border-color);color:var(--component-popover-color);flex-direction:column;display:flex;overflow:auto}.component-popover--box-shadow{box-shadow:var(--component-popover-box-shadow)}.component-tooltip__wrapper{width:fit-content;height:fit-content;display:flex}.component-tooltip{padding:var(--component-tooltip-padding,12px 16px 0px 16px);gap:0}.component-tooltip:after{content:"";height:var(--component-tooltip-height,12px);width:100%;display:block}.component-select__wrapper{align-content:center;align-items:center;justify-content:"flex-start";width:100%;height:fit-content;padding:calc(var(--component-select-padding) / 4) calc(var(--component-select-padding) - var(--component-select-padding) / 2.8);gap:calc(var(--component-select-padding) / 2.8);min-height:var(--component-select-height);border-radius:var(--component-select-border-radius);background:var(--component-select-background-input);border:1px solid #0000;border-color:var(--component-select-border-color-input);color:var(--component-select-color-input);flex-flow:wrap;display:flex;position:relative}.component-select__wrapper.component-select--is-center{justify-content:center}.component-select__dropdown__list__wrapper{gap:calc(var(--component-select-padding) / 2.8);width:100%;height:100%;padding:calc(var(--component-select-padding) / 4);flex-direction:column;margin:0;display:flex;overflow:hidden auto}.component-select__dropdown__list{background:var(--component-select-background-option);gap:calc(var(--component-select-padding) / 2.8);flex-direction:column;flex-shrink:0;width:100%;list-style:none;display:flex;position:relative;transform:translateZ(0)}.component-select__dropdown__list__option{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:1;padding:calc(var(--component-select-padding) / 4) calc(var(--component-select-padding) - var(--component-select-padding) / 2.8);border:1px solid;border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;display:flex;top:0;left:0}.component-select__dropdown__list__option:focus-visible{outline:none}.component-select__dropdown__list__option{border-radius:var(--component-select-border-radius)}.component-select__dropdown__list__option,.component-select__dropdown__list__option:hover,.component-select__dropdown__list__option:active,.component-select__dropdown__list__option:focus-visible{background:var(--component-select-background-option);color:var(--component-select-color);border-color:#0000}.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border:hover,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border:active,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-border:focus-visible{border-color:var(--component-select-border-color)}.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked:hover,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked:active,.component-select__dropdown__list__option.component-select__dropdown__list__option--is-checked:focus-visible{background:var(--component-select-background-checked);border-color:var(--component-select-border-color-checked)}.component-select__dropdown__list__option.component-select__dropdown__list__option--is-disabled{opacity:.5;pointer-events:none}.component-select--is-center .component-select__dropdown__list__option{justify-content:center}.component-select__dropdown__list__option__icon{color:var(--component-select-border-color-input);right:calc(var(--component-select-padding) - 6px);align-items:center;position:absolute}.component-select__dropdown__list__option--is-checked .component-select__dropdown__list__option__icon{color:var(--component-select-border-color-select)}.component-select__list{gap:calc(var(--component-select-padding) / 2.8);flex-flow:row;list-style:none;display:flex;position:relative;overflow:hidden}.component-select--is-wrap-select-option .component-select__list{flex-wrap:wrap}.component-select__list__button{gap:calc(var(--component-select-padding) / 2.8);padding:calc(var(--component-select-padding) / 2.8) var(--component-select-padding);flex-direction:row;display:flex;position:absolute;right:0}.component-select__list__option{opacity:1;cursor:default;width:fit-content;padding:calc(var(--component-select-padding) / 2.8);border-radius:var(--component-select-border-radius);flex-shrink:0;align-items:center;display:flex;overflow:hidden}.component-select--is-clear-when-click-select-list-option .component-select__list__option{cursor:pointer}.component-select__list__option,.component-select__list__option:hover,.component-select__list__option:active,.component-select__list__option:focus-visible,.component-select__list__option.component-select__list__option--is-checked,.component-select__list__option:hover.component-select__list__option--is-checked,.component-select__list__option:active.component-select__list__option--is-checked,.component-select__list__option:focus-visible.component-select__list__option--is-checked{background:var(--component-select-background-checked);border:1px solid;border-color:var(--component-select-border-color-checked);color:var(--component-select-color)}.component-select--is-only-color-in-select-list-option .component-select__list__option,.component-select--is-only-color-in-select-list-option .component-select__list__option:hover,.component-select--is-only-color-in-select-list-option .component-select__list__option:active,.component-select--is-only-color-in-select-list-option .component-select__list__option:focus-visible,.component-select--is-only-color-in-select-list-option .component-select__list__option.component-select__list__option--is-checked,.component-select--is-only-color-in-select-list-option .component-select__list__option:hover.component-select__list__option--is-checked,.component-select--is-only-color-in-select-list-option .component-select__list__option:active.component-select__list__option--is-checked,.component-select--is-only-color-in-select-list-option .component-select__list__option:focus-visible.component-select__list__option--is-checked{color:var(--component-select-color);background-color:#0000;border:0 solid #0000}.component-select__textarea{min-height:initial;width:100%;max-width:100%;padding:calc(var(--component-select-padding) / 2.8) 0px calc(var(--component-select-padding) / 2.8) 0px;background-color:#0000;border:0;flex-grow:1}.component-date-picker__wrapper{width:100%;height:fit-content;position:relative}.component-date-picker__wrapper.component-date-picker__wrapper--is-min-width{width:min-content}.component-date-picker__dropdown-list{flex-direction:column;justify-content:flex-start;gap:10px;width:100%;padding-top:6px;display:flex;position:relative;transform:translateZ(0)}.component-date-picker__dropdown-list__days{grid-template-columns:repeat(7,28px);grid-template-rows:repeat(var(--component-date-picker-rows), 28px);justify-content:space-between;gap:6px;display:grid}.component-date-picker__dropdown-list__day,.component-date-picker__dropdown-list__day-of-week{isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:var(--component-date-picker-day-radius);grid-row:var(--component-date-picker-row);grid-column:var(--component-date-picker-column);background:var(--component-date-picker-day-background-rest);border:1px solid #0000;border-color:var(--component-date-picker-day-border-rest);width:100%;height:100%;color:var(--component-date-picker-day-color-rest);transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.component-date-picker__dropdown-list__day{cursor:pointer}.component-date-picker__dropdown-list__day:hover:not(.component-date-picker__dropdown-list__day--is-hidden,.component-date-picker__dropdown-list__day--is-choice){background:var(--component-date-picker-day-background-hover);border-color:var(--component-date-picker-day-border-hover);color:var(--component-date-picker-day-color-hover)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-weekend{background:var(--component-date-picker-day-background-weekend);border-color:var(--component-date-picker-day-border-weekend);color:var(--component-date-picker-day-color-weekend)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-today{background:var(--component-date-picker-day-background-today);border-color:var(--component-date-picker-day-border-today);color:var(--component-date-picker-day-color-today)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-choice{background:var(--component-date-picker-day-background-choice);border-color:var(--component-date-picker-day-border-choice);color:var(--component-date-picker-day-color-choice)}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-hidden{background:var(--component-date-picker-day-background-weekend);border-color:var(--component-date-picker-day-border-weekend);color:var(--component-date-picker-day-color-weekend);opacity:.5}.component-date-picker__dropdown-list__day.component-date-picker__dropdown-list__day--is-not-current-month{opacity:.5}.component-date-picker__dropdown-list__day-of-week{opacity:1;cursor:default;background-color:#0000}.component-date-picker__input-wrapper{resize:none;white-space:nowrap;background:var(--component-date-picker-input-background);border:1px solid #0000;border-color:var(--component-date-picker-input-border-color);width:100%;color:var(--component-date-picker-input-color);padding:var(--component-date-picker-input-padding);height:var(--component-date-picker-input-height);min-height:var(--component-date-picker-input-height);max-height:var(--component-date-picker-input-height);border-radius:var(--component-date-picker-input-radius);transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default);align-items:center;gap:0;display:flex;overflow:hidden}.component-date-picker__input-wrapper:hover{background:var(--component-date-picker-input-background-hover);border-color:var(--component-date-picker-input-border-color-hover);color:var(--component-date-picker-input-color-hover)}.component-date-picker__input-segment{text-align:center;resize:none;white-space:nowrap;background:0 0;border:0 solid;border-radius:4px;min-width:10px;padding:2px;overflow:hidden;outline:none!important;margin:0!important}.component-date-picker__input-segment.component-date-picker__input-segment--has-value,.component-date-picker__input-segment.component-date-picker__input-segment--has-value:focus-visible{color:var(--component-date-picker-input-value-color)}.component-date-picker__input-segment:not(.component-date-picker__input-segment--has-value){color:var(--component-date-picker-input-placeholder-color)}.component-date-picker__input-segment.component-date-picker__input-segment--is-active{background-color:var(--component-date-picker-input-segment-background-active)}.component-date-picker__list__button{gap:calc(var(--component-date-picker-padding) / 2.8);padding:calc(var(--component-date-picker-padding) / 2.8) var(--component-date-picker-padding);flex-direction:row;display:flex;position:absolute;right:0}.context-app__wrapper{flex-direction:column;width:100%;max-width:100dvw;min-height:100dvh;display:flex;position:relative;overflow:hidden}.context-app__outlet{width:100%;height:100%;min-height:100dvh;max-height:100dvh;display:grid;overflow:hidden auto}.context-app__outlet-children{scrollbar-gutter:stable;grid-area:children;max-width:100%;max-height:100%;display:flex}.context-app__outlet-notification{grid-area:notification;display:flex}.context-app__outlet-header{grid-area:header;display:flex}.context-app__outlet-footer{grid-area:footer;display:flex}.context-app__outlet-nav{grid-area:nav;display:flex}.context-app__outlet-left-aside{grid-area:leftAside;display:flex}.context-app__outlet-right-aside{grid-area:rightAside;display:flex}.context-dialog__layout{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;overflow:hidden}.context-dialog__element{border:0;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;width:max-content;height:max-content;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.context-sonner__layout{z-index:var(--context-sonner-z-index);gap:var(--context-sonner-gap);box-sizing:content-box;width:320px;max-height:calc(100dvh - 20px);margin:10px;display:flex;position:fixed;overflow:visible}.context-sonner__layout::-webkit-scrollbar{display:none}.context-sonner__layout::-webkit-scrollbar-thumb{display:none}.context-sonner__layout::-webkit-scrollbar-track{display:none}.context-sonner__layout--bottom-center{flex-direction:column-reverse;justify-content:flex-start;bottom:0;left:50%;transform:translate(-50%)}.context-sonner__layout--bottom-left{flex-direction:column-reverse;justify-content:flex-start;bottom:0;left:0}.context-sonner__layout--bottom-right{flex-direction:column-reverse;justify-content:flex-start;bottom:0;right:0}.context-sonner__layout--top-right{flex-direction:column;justify-content:flex-end;top:0;right:0}.context-sonner__layout--top-left{flex-direction:column;justify-content:flex-end;top:0;left:0}.context-sonner__layout--top-center{flex-direction:column;justify-content:flex-end;top:0;left:50%;transform:translate(-50%)}.context-sonner__element-wrapper{background:var(--context-sonner-wrapper-background);color:var(--context-sonner-icon-color);border:1px solid var(--context-sonner-wrapper-border-color);transform-origin:50%;min-width:320px;min-height:64px;box-shadow:var(--context-sonner-wrapper-box-shadow);transition:filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), border-color var(--transition-default), transform var(--transition-default);border-radius:12px;flex-direction:row;flex-shrink:1;justify-content:flex-start;align-self:stretch;align-items:center;gap:10px;padding:16px 20px;display:flex;overflow:visible}.context-sonner__element-wrapper:hover{box-shadow:var(--context-sonner-wrapper-box-shadow-hover)}.context-sonner__element-wrapper:has(:hover){box-shadow:var(--context-sonner-wrapper-box-shadow-hover)}.context-sonner__content{flex-direction:column;flex:1 0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:2px;display:flex;position:relative;overflow:hidden}.context-sonner__icon{display:contents}.context-sonner__content-title{color:var(--context-sonner-title-color);text-align:left;font-family:var(--font-family);font-size:var(--size-medium-small-font);font-weight:700;line-height:var(--font-height);justify-content:flex-start;align-items:center;display:flex}.context-sonner__content-description{color:var(--context-sonner-description-color);text-align:left;font-family:var(--font-family);font-size:var(--size-medium-small-font);font-weight:400;line-height:var(--font-height);justify-content:flex-start;align-items:center;display:flex;position:relative}.context-sonner__button-wrapper{justify-content:flex-end;align-items:center;display:flex}:root{--font-family:"Inter";--font-size:16px;--font-weight:400;--font-height:1.2;--font-size-heading-headline:28px;--font-size-heading-headline-plus-height:4px;--font-size-heading-sub-headline:11px;--font-size-heading-sub-headline-plus-height:3px;--font-size-heading-title-1:26px;--font-size-heading-title-1-plus-height:6px;--font-size-heading-title-2:22px;--font-size-heading-title-2-plus-height:4px;--font-size-heading-title-3:17px;--font-size-heading-title-3-plus-height:5px;--font-size-heading-title-4:15px;--font-size-heading-title-4-plus-height:5px;--font-size-heading-title-5:12px;--font-size-heading-title-5-plus-height:4px;--font-size-heading-body:13px;--font-size-heading-body-plus-height:3px;--font-size-heading-callout:13px;--font-size-heading-callout-plus-height:3px;--font-size-heading-footnote:10px;--font-size-heading-footnote-plus-height:3px;--font-size-heading-caption-1:10px;--font-size-heading-caption-1-plus-height:3px;--font-size-heading-caption-2:9px;--font-size-heading-caption-2-plus-height:3px;--font-size-heading-controller-large:20px;--font-size-heading-controller-large-plus-height:4px;--font-size-heading-controller-large-medium:18px;--font-size-heading-controller-large-medium-plus-height:3.6px;--font-size-heading-controller-medium:16px;--font-size-heading-controller-medium-plus-height:3.2px;--font-size-heading-controller-medium-small:14px;--font-size-heading-controller-medium-small-plus-height:2.8px;--font-size-heading-controller-small:12px;--font-size-heading-controller-small-plus-height:2.4px;--duration:.3s;--easing:ease-in-out;--transition-default:.3s ease-in-out;--size-large-height:46px;--size-large-height-icon:24px;--size-large-radius:6px;--size-large-padding:16px;--size-large-font:20px;--size-large-medium-height:42px;--size-large-medium-height-icon:22px;--size-large-medium-radius:6px;--size-large-medium-padding:14px;--size-large-medium-font:18px;--size-medium-height:38px;--size-medium-height-icon:20px;--size-medium-radius:6px;--size-medium-padding:12px;--size-medium-font:16px;--size-medium-small-height:34px;--size-medium-small-height-icon:18px;--size-medium-small-radius:6px;--size-medium-small-padding:10px;--size-medium-small-font:14px;--size-small-height:30px;--size-small-height-icon:16px;--size-small-radius:8px;--size-small-padding:8px;--size-small-font:12px;--size-toggle-large-height:46px;--size-toggle-large-width:92px;--size-toggle-large-padding:3px;--size-toggle-large-thumb:40px;--size-toggle-large-medium-height:42px;--size-toggle-large-medium-width:84px;--size-toggle-large-medium-padding:2px;--size-toggle-large-medium-thumb:38px;--size-toggle-medium-height:38px;--size-toggle-medium-width:76px;--size-toggle-medium-padding:2px;--size-toggle-medium-thumb:34px;--size-toggle-medium-small-height:34px;--size-toggle-medium-small-width:68px;--size-toggle-medium-small-padding:2px;--size-toggle-medium-small-thumb:30px;--size-toggle-small-height:30px;--size-toggle-small-width:60px;--size-toggle-small-padding:2px;--size-toggle-small-thumb:26px}@media screen and (width<=1290px){:root{--font-size-heading-headline:24px;--font-size-heading-sub-headline:9px;--font-size-heading-title-1:22px;--font-size-heading-title-2:18px;--font-size-heading-title-3:14px;--font-size-heading-title-4:13px;--font-size-heading-title-5:9px;--font-size-heading-body:11px;--font-size-heading-callout:11px;--font-size-heading-footnote:8px;--font-size-heading-caption-1:8px;--font-size-heading-caption-2:7px}}@media screen and (width<=850px){:root{--font-size-heading-headline:20px;--font-size-heading-sub-headline:7px;--font-size-heading-title-1:18px;--font-size-heading-title-2:14px;--font-size-heading-title-3:11px;--font-size-heading-title-4:10px;--font-size-heading-title-5:7px;--font-size-heading-body:9px;--font-size-heading-callout:9px;--font-size-heading-footnote:6px;--font-size-heading-caption-1:6px;--font-size-heading-caption-2:5px}}:root{--accent-red-light:#ff3b30;--accent-orange-light:#ff9500;--accent-yellow-light:#fc0;--accent-green-light:#28cd41;--accent-mint-light:#00c7be;--accent-teal-light:#59adc4;--accent-cyan-light:#55bef0;--accent-blue-light:#007aff;--accent-indigo-light:#5856d6;--accent-purple-light:#af52de;--accent-pink-light:#ff2d55;--accent-brown-light:#a2845e;--accent-gray-light:#8e8e93;--accent-red-dark:#ff453a;--accent-orange-dark:#ff9f0a;--accent-yellow-dark:#ffd60a;--accent-green-dark:#32d74b;--accent-mint-dark:#66d4cf;--accent-teal-dark:#6ac4dc;--accent-cyan-dark:#5ac8f5;--accent-blue-dark:#0a84ff;--accent-indigo-dark:#5e5ce6;--accent-purple-dark:#bf5af2;--accent-pink-dark:#ff375f;--accent-brown-dark:#ac8e68;--accent-gray-dark:#98989d;--accent-red-light-stable:#ff3b30;--accent-orange-light-stable:#ff9500;--accent-yellow-light-stable:#fc0;--accent-green-light-stable:#28cd41;--accent-mint-light-stable:#00c7be;--accent-teal-light-stable:#59adc4;--accent-cyan-light-stable:#55bef0;--accent-blue-light-stable:#007aff;--accent-indigo-light-stable:#5856d6;--accent-purple-light-stable:#af52de;--accent-pink-light-stable:#ff2d55;--accent-brown-light-stable:#a2845e;--accent-gray-light-stable:#8e8e93;--accent-red-dark-stable:#ff453a;--accent-orange-dark-stable:#ff9f0a;--accent-yellow-dark-stable:#ffd60a;--accent-green-dark-stable:#32d74b;--accent-mint-dark-stable:#66d4cf;--accent-teal-dark-stable:#6ac4dc;--accent-cyan-dark-stable:#5ac8f5;--accent-blue-dark-stable:#0a84ff;--accent-indigo-dark-stable:#5e5ce6;--accent-purple-dark-stable:#bf5af2;--accent-pink-dark-stable:#ff375f;--accent-brown-dark-stable:#ac8e68;--accent-gray-dark-stable:#98989d;--fill-light:#000;--fill-primary-light:#000000d9;--fill-secondary-light:#00000080;--fill-tertiary-light:#00000040;--fill-quaternary-light:#0000001a;--fill-quinary-light:#0000000d;--fill-dark:#fff;--fill-primary-dark:#ffffffd9;--fill-secondary-dark:#ffffff8c;--fill-tertiary-dark:#ffffff40;--fill-quaternary-dark:#ffffff1a;--fill-quinary-dark:#ffffff0d;--fill-light-stable:#000;--fill-primary-light-stable:#000000d9;--fill-secondary-light-stable:#00000080;--fill-tertiary-light-stable:#00000040;--fill-quaternary-light-stable:#0000001a;--fill-quinary-light-stable:#0000000d;--fill-dark-stable:#fff;--fill-primary-dark-stable:#ffffffd9;--fill-secondary-dark-stable:#ffffff8c;--fill-tertiary-dark-stable:#ffffff40;--fill-quaternary-dark-stable:#ffffff1a;--fill-quinary-dark-stable:#ffffff0d;--text-primary-light:#000000d9;--text-secondary-light:#00000080;--text-tertiary-light:#00000040;--text-primary-dark:#ffffffd9;--text-secondary-dark:#ffffff8c;--text-tertiary-dark:#ffffff40;--text-primary-light-stable:#000000d9;--text-secondary-light-stable:#00000080;--text-tertiary-light-stable:#00000040;--text-primary-dark-stable:#ffffffd9;--text-secondary-dark-stable:#ffffff8c;--text-tertiary-dark-stable:#ffffff40;--control-menu-light:#28282894;--control-tooltip-light:#f6f6f699;--control-transparent:#fff0;--control-menu-dark:#f6f6f6b8;--control-tooltip-dark:#00000059;--control-menu-light-stable:#28282894;--control-tooltip-light-stable:#f6f6f699;--control-transparent-stable:#fff0;--control-menu-dark-stable:#f6f6f6b8;--control-tooltip-dark-stable:#00000059;--product-primary-light:#4195d2;--product-secondary-light:#4195d280;--product-tertiary-light:#4195d240;--product-quaternary-light:#4195d21a;--product-quinary-light:#4195d20d;--product-primary-dark:#64b5f6;--product-secondary-dark:#64b5f699;--product-tertiary-dark:#64b5f659;--product-quaternary-dark:#64b5f62e;--product-quinary-dark:#64b5f614;--product-primary-light-stable:#4195d2;--product-secondary-light-stable:#4195d280;--product-tertiary-light-stable:#4195d240;--product-quaternary-light-stable:#4195d21a;--product-quinary-light-stable:#4195d20d;--product-primary-dark-stable:#64b5f6;--product-secondary-dark-stable:#64b5f699;--product-tertiary-dark-stable:#64b5f659;--product-quaternary-dark-stable:#64b5f62e;--product-quinary-dark-stable:#64b5f614;--shadow-glass-light:0px 1px 8px #0000001a, 0px 0px 2px #0000001a, inset 0px 0px 8px #f2f2f2, inset 0px 0px 0px #a6a6a6, inset -2px -2px .5px #262626, inset 2px 2px .5px #262626, inset 3px 3px .5px #fff;--shadow-primary-light:0px 0px 3px #0000008c, 0px 36px 100px #0006;--shadow-secondary-light:0px 0px 3px #0000008c, 0px 8px 40px #00000040;--shadow-tertiary-light:0px 0px 3px #0000008c, 0px 36px 100px #00000040;--shadow-quaternary-light:0px 0px 3px #0000008c, 0px 4px 20px #00000040;--shadow-window-inner-shadow-light:inset 0px 0px 3px #ffffff1a;--shadow-primary-dark:0px 36px 100px #000000b3, 0px 0px 1px #000;--shadow-secondary-dark:0px 8px 40px #000000b3, 0px 0px 1px #000;--shadow-tertiary-dark:0px 36px 100px #00000073, 0px 0px 1px #000;--shadow-quaternary-dark:0px 4px 20px #00000073, 0px 0px 1px #000;--shadow-window-inner-shadow-dark:inset 0px 0px 1px #fff3;--shadow-glass-dark:0px 1px 8px #0000001a, 0px 0px 2px #0000001a, inset 0px 0px 16px #f2f2f2, inset 0px 0px 1px #999, inset 0px 0px 1px #ffffff26, inset -1px -1px 1px #ffffffbf, inset 1px 1px 1px #ffffffbf, inset 3px 3px .5px #fffc, inset 3px 3px .5px #ffffffbf;--shadow-primary-light-stable:0px 0px 3px #0000008c, 0px 36px 100px #0006;--shadow-secondary-light-stable:0px 0px 3px #0000008c, 0px 8px 40px #00000040;--shadow-tertiary-light-stable:0px 0px 3px #0000008c, 0px 36px 100px #00000040;--shadow-quaternary-light-stable:0px 0px 3px #0000008c, 0px 4px 20px #00000040;--shadow-window-inner-shadow-light-stable:inset 0px 0px 3px #ffffff1a;--shadow-primary-dark-stable:0px 36px 100px #000000b3, 0px 0px 1px #000;--shadow-secondary-dark-stable:0px 8px 40px #000000b3, 0px 0px 1px #000;--shadow-tertiary-dark-stable:0px 36px 100px #00000073, 0px 0px 1px #000;--shadow-quaternary-dark-stable:0px 4px 20px #00000073, 0px 0px 1px #000;--shadow-window-inner-shadow-dark-stable:inset 0px 0px 1px #fff3;--shadow-glass-dark-stable:0px 1px 8px #0000001a, 0px 0px 2px #0000001a, inset 0px 0px 16px #f2f2f2, inset 0px 0px 1px #999, inset 0px 0px 1px #ffffff26, inset -1px -1px 1px #ffffffbf, inset 1px 1px 1px #ffffffbf, inset 3px 3px .5px #fffc, inset 3px 3px .5px #ffffffbf;--current-color:currentColor;--inherit:inherit;--transparent:transparent}:root[data-theme=dark]{--accent-red-dark:#ff3b30;--accent-orange-dark:#ff9500;--accent-yellow-dark:#fc0;--accent-green-dark:#28cd41;--accent-mint-dark:#00c7be;--accent-teal-dark:#59adc4;--accent-cyan-dark:#55bef0;--accent-blue-dark:#007aff;--accent-indigo-dark:#5856d6;--accent-purple-dark:#af52de;--accent-pink-dark:#ff2d55;--accent-brown-dark:#a2845e;--accent-gray-dark:#8e8e93;--accent-red-light:#ff453a;--accent-orange-light:#ff9f0a;--accent-yellow-light:#ffd60a;--accent-green-light:#32d74b;--accent-mint-light:#66d4cf;--accent-teal-light:#6ac4dc;--accent-cyan-light:#5ac8f5;--accent-blue-light:#0a84ff;--accent-indigo-light:#5e5ce6;--accent-purple-light:#bf5af2;--accent-pink-light:#ff375f;--accent-brown-light:#ac8e68;--accent-gray-light:#98989d;--fill-dark:#000;--fill-primary-dark:#000000d9;--fill-secondary-dark:#00000080;--fill-tertiary-dark:#00000040;--fill-quaternary-dark:#0000001a;--fill-quinary-dark:#0000000d;--fill-light:#fff;--fill-primary-light:#ffffffd9;--fill-secondary-light:#ffffff8c;--fill-tertiary-light:#ffffff40;--fill-quaternary-light:#ffffff1a;--fill-quinary-light:#ffffff0d;--text-primary-dark:#000000d9;--text-secondary-dark:#00000080;--text-tertiary-dark:#00000040;--text-primary-light:#ffffffd9;--text-secondary-light:#ffffff8c;--text-tertiary-light:#ffffff40;--control-menu-dark:#28282894;--control-tooltip-dark:#f6f6f699;--control-menu-light:#f6f6f6b8;--control-tooltip-light:#00000059;--product-primary-dark:#4195d2;--product-secondary-dark:#4195d280;--product-tertiary-dark:#4195d240;--product-quaternary-dark:#4195d21a;--product-quinary-dark:#4195d20d;--product-primary-light:#64b5f6;--product-secondary-light:#64b5f699;--product-tertiary-light:#64b5f659;--product-quaternary-light:#64b5f62e;--product-quinary-light:#64b5f614;--shadow-glass-dark:0px 1px 8px #0000001a, inset 0px 0px 8px #f2f2f2;--shadow-primary-dark:0px 0px 3px #0000008c, 0px 36px 100px #0006;--shadow-secondary-dark:0px 8px 40px #00000040;--shadow-quaternary-dark:0px 4px 20px #00000040;--shadow-glass-light:0px 1px 8px #0000001a, inset 0px 0px 16px #f2f2f2;--shadow-primary-light:0px 36px 100px #000000b3;--shadow-secondary-light:0px 8px 40px #000000b3;--shadow-quaternary-light:0px 4px 20px #00000073}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight);font-feature-settings:auto;font-kerning:auto;font-optical-sizing:auto;font-synthesis:none;color:var(--text-primary-light);line-height:var(--font-height);touch-action:manipulation;-ms-touch-action:manipulation;overscroll-behavior:none}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{min-width:320px;min-height:100dvh}#root{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}table{border-spacing:0;border-collapse:collapse}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#__next{isolation:isolate}@keyframes shadowPulse{0%{text-shadow:0 0 #0000}50%{text-shadow:4px 4px 10px #00000080}to{text-shadow:0 0 #0000}}@keyframes backgroundMove{0%{background-position:100%}to{background-position:-100%}}.keyframe--shadow-pulse{animation:1.5s ease-in-out infinite shadowPulse}.keyframe--background-move{animation:1.5s linear infinite backgroundMove}.u-remove-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.u-remove-scrollbar::-webkit-scrollbar{display:none}.u-remove-scrollbar::-webkit-scrollbar-thumb{display:none}.u-remove-scrollbar::-webkit-scrollbar-track{display:none}.u-remove-outline{outline-offset:0!important;outline:0 solid #0000!important}.u-tabular-numbers{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.u-is-ripple{isolation:isolate;position:relative;overflow:hidden}.u-transition--font-size{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default), font-size var(--transition-default)}.u-transition--icon{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default)}.u-transition--icon path{transition:all var(--transition-default)}.u-transition--color{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), background-color var(--transition-default), color var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default)}.u-transition--grid{transition:grid-template-areas var(--transition-default), grid-template-columns var(--transition-default), grid-template-rows var(--transition-default)}.u-transition--without-size{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), transform var(--transition-default), background-color var(--transition-default), color var(--transition-default), visibility var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default), left var(--transition-default), right var(--transition-default), grid-template-areas var(--transition-default), grid-template-rows var(--transition-default), grid-template-columns var(--transition-default)}.u-transition--all{transition:outline 0s, filter var(--transition-default), opacity var(--transition-default), transform var(--transition-default), background-color var(--transition-default), height var(--transition-default), max-height var(--transition-default), width var(--transition-default), color var(--transition-default), visibility var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default), left var(--transition-default), right var(--transition-default), grid-template-areas var(--transition-default), grid-template-rows var(--transition-default), grid-template-columns var(--transition-default)}.u-outline--default:focus-visible{outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--default:has(input:focus-visible):not(:has(input:active)){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--default:has(textarea:focus-visible):not(:has(textarea:active)){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--boxShadow:focus-visible{outline-offset:0px;outline:1px solid var(--product-primary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-tertiary-light)}.u-outline--always{outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-outline--none,.u-outline--none:focus-visible{outline:none}.u-control--default:focus-visible,.u-control--only-active:focus-visible{outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--boxShadow:has(input:focus-visible){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--boxShadow:has(textarea:focus-visible){outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--default:hover{filter:brightness(.9);outline-offset:1px;outline:2px solid var(--accent-gray-light)}.u-control--default:active{filter:brightness(.95)}.u-control--none{cursor:default;outline:none}@media (hover:none){.u-control--default:hover{filter:none}}.u-control--only-active:active{filter:brightness(.95)}.u-control--boxShadow-only-hover:hover,.u-control--boxShadow:focus-visible,.u-control--boxShadow:hover{box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-tertiary-light);outline:none}.u-control--boxShadow:active{outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-control--boxShadow:has(input:focus-visible){outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-control--boxShadow:has(textarea:focus-visible){outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-control--boxShadow-select{outline-offset:4px;outline:1px solid var(--product-secondary-light);box-shadow:0 1px 1px var(--product-quinary-light), 0 0 0 .25rem var(--product-secondary-light)}.u-scrollbar-gutter--stable{scrollbar-gutter:stable}.u-scrollbar-gutter--stable-both{scrollbar-gutter:stable both-edges}.u-is-disabled{opacity:.5}.u-is-hover{transition:background-color var(--transition-default), outline 0s}.u-shadow--primary{box-shadow:var(--shadow-primary-light)}.u-shadow--secondary{box-shadow:var(--shadow-secondary-light)}.u-shadow--quaternary{box-shadow:var(--shadow-quaternary-light)}.u-is-error,.u-is-error:focus,.u-is-error:active,.u-is-error:hover,.u-is-error:focus-visible{border-color:var(--accent-red-light)!important}
 /*$vite$:1*/

package/build/{textarea-DInJb6Lz.cjs → textarea-Bm3ki2-6.cjs} RENAMED Viewed

@@ -1,3 +1,3 @@
-const f=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DCIq-5FL.cjs"),s=require("./functions-CZrZU5U0.cjs"),R=require("./hooks-use-merge-refs.cjs.js"),y=require("./hooks-use-typography-styles.cjs.js"),b=require("./error-BdFba_yV.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-DCIq-5FL.cjs"),s=require("./functions-CZrZU5U0.cjs"),R=require("./hooks-use-merge-refs.cjs.js"),y=require("./hooks-use-typography-styles.cjs.js"),b=require("./error-aQfsl_Kl.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-DInJb6Lz.cjs.map
+//# sourceMappingURL=textarea-Bm3ki2-6.cjs.map

package/build/{textarea-DInJb6Lz.cjs.map → textarea-Bm3ki2-6.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea-~~DInJb6Lz~~.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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"}
1	+ {"version":3,"file":"textarea-Bm3ki2-6.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-jIGZ0JdP.js → textarea-DLZq4RT-.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { i as l, n, r as i, t as x } from "./utils-BRgi6734.js";
 import { n as y, t as R } from "./functions-DzX-pTN8.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-BFb2NCum.js";
+import { t as v } from "./error-iaB6e_aq.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-jIGZ0JdP.js.map
+//# sourceMappingURL=textarea-DLZq4RT-.js.map

package/build/{textarea-jIGZ0JdP.js.map → textarea-DLZq4RT-.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea-~~jIGZ0JdP.~~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":";;;;;;;AAUA,IAAM,IAAa,EAAY,KAAK,OAAO,EAAY,KAAK,QAE/C,IAAA,CAAY,MAAqB;AAC5C,QAAM,IAAW,EAA4B,IAAA,GACvC,IAAM,EAAa,CAAC,GAAU,EAAM,GAAA,CAAI,GAExC,IAAY,EAAA,MAAe,EAAM,UAAU,EAAM,UAAU,IAAa,GAAI,CAAC,EAAM,OAAA,CAAQ,GAC3F,IAAY,EAAA,MAAe,EAAM,UAAU,EAAM,UAAU,IAAa,GAAa,CAAC,EAAM,OAAA,CAAQ,GAEpG,IAAiB,EAAA,MAAkB;AACvC,UAAM,IAAK,EAAS;AACpB,QAAI,KAAM,EAAM,cAAc;AAC5B,MAAA,EAAG,MAAM,SAAS;AAClB,YAAM,IAAY,KAAK,IAAI,EAAG,cAAc,CAAA;AAC5C,MAAA,EAAG,MAAM,SAAS,GAAG,CAAA;AAAA;KAEtB,CAAC,EAAM,cAAc,CAAA,CAAU,GAE5B,IAAiB,EAAA,CACpB,MAAkB;AACjB,QAAI,EAAM,YAAY;AACpB,YAAM,IAAqB,EAAM,QAAQ,QAAQ,EAAA;AACjD,MAAA,EAAM,WAAW,CAAA;AAAA,UAEjB,CAAA,EAAM,WAAW,CAAA;AAAA,KAGrB,CAAC,EAAM,YAAY,EAAM,QAAA,CAAS;AAIpC,EAAA,EAAA,MAAgB;AACd,IAAI,EAAM,gBACR,sBAAsB,CAAA;AAAA,KAEvB;AAAA,IAAC,EAAM;AAAA,IAAO;AAAA,IAAgB,EAAM;AAAA,GAAa;AAEpD,QAAM,EAAE,WAAW,GAAqB,OAAO,EAAA,IAAoB,EAAoB,EACrF,IAAI;AAAA,IACF,QAAQ,EAAM,eAAe,gBAAgB,EAAM,cAAc;AAAA,IACjE,MAAM;AAAA,IACN,QAAQ,EAAM,SAAS,QAAQ;AAAA,IAC/B,QAAQ;AAAA,IACR,GAAG,GAAO;AAAA,IACX,CACF,GAEK,EAAE,WAAA,GAAW,OAAA,EAAA,IAAU,EAAA,MAAc;AACzC,UAAM,IAAY,EAAW;AAAA,MAC3B,EAAU,UAAU,SAAS;AAAA,MAC7B,EAAU,WAAW;AAAA,MACrB,EAAM,OAAO,WAAW,EAAU;AAAA,MAClC,EAAU,QAAQ,EAAM,aAAa,SAAU,EAAM,WAAW,WAAA;AAAA,MAChE,EAAM,gBAAgB,EAAU,UAAU,SAAS;AAAA,MACnD,EAAM,YAAY,EAAU,UAAU,SAAS;AAAA,MAC/C,EAAM,kBAAkB,EAAU,UAAU,SAAS;AAAA,MACrD,EAAM,gBAAgB,EAAU,UAAU,SAAS;AAAA,MACnD,CAAC,EAAM,YAAY,EAAU,UAAU,SAAS;AAAA,MAChD,EAAM;AAAA,KACP,GAEK,IAA+B,CAAA;AAErC,WAAA,EAAK,EAAa,UAAU,SAAS,MAAA,IAAU,EAAS,KAAK,EAAM,IAAA,EAAM,QACzE,EAAK,EAAa,UAAU,SAAS,WAAA,IAAe,EAAS,MAAM,SAAS,EAAM,KAAA,EAAO,QACzF,EAAK,EAAa,UAAU,SAAS,UAAA,IAAc,EAAS,MAAM,SAAS,EAAM,KAAA,EAAO,YACxF,EAAK,EAAa,UAAU,SAAS,OAAA,IACnC,QAAQ,EAAS,KAAK,EAAM,IAAA,EAAM,OAAA,oBAA2B,EAAS,KAAK,EAAM,IAAA,EAAM,OAAA,WAAkB,EAAS,KAAK,EAAM,IAAA,EAAM,OAAA,IAI9H;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;AAAA,IACN,EAAM;AAAA,IACN,EAAM,OAAO;AAAA,IACb,EAAM;AAAA,GACP,GAEK,EAAE,WAAW,GAAmB,OAAO,EAAA,IAAkB,EAAA,MAAc;AAC3E,UAAM,IAAY,EAAW;AAAA,MAC3B,EAAU,UAAU,SAAS;AAAA,MAC7B,EAAU,gBAAgB;AAAA,MAC1B,EAAU,WAAW;AAAA,MACrB;AAAA,KACD,GAEK,IAA+B,CAAA;AAErC,WAAA,EAAK,EAAa,UAAU,SAAS,KAAA,IAAS,EAAS,MAAM,SAAS,EAAM,KAAA,EAAO,OACnF,EAAK,EAAa,UAAU,SAAS,gBAAA,IAAoB,EAAS,MAAM,SAAS,EAAM,KAAA,EAAO,aAIvF;AAAA,MAAE,WAAA;AAAA,MAAW,OAFN,EAAU;AAAA,QAAC,EAAM;AAAA,QAAO;AAAA,QAAiB,OAAO,KAAK,CAAA,EAAM,SAAS,IAAO;AAAA,OAAU;AAAA;KAGlG;AAAA,IAAC,EAAM;AAAA,IAAO,EAAM;AAAA,IAAO;AAAA,IAAqB;AAAA,GAAgB;AAEnE,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,IAAgB,WAAA;AAAA,IAAkB,OAAA;AAAA,cAChC,gBAAA,EAAC,YAAD;AAAA,MACE,WAAW;AAAA,MACX,UAAU;AAAA,MACL,KAAA;AAAA,MACL,WAAW,EAAM;AAAA,MACjB,WAAW,EAAM;AAAA,MACjB,UAAU,EAAM;AAAA,MAChB,UAAU,EAAM;AAAA,MAChB,UAAU,EAAM;AAAA,MAChB,cAAc,EAAM,iBAAiB,OAAO,KAAK,EAAM;AAAA,MACvD,OAAO,EAAM,UAAU,OAAO,KAAK,EAAM;AAAA,MACzC,MAAM,EAAM;AAAA,MACZ,aAAa,EAAM;AAAA,MACnB,UAAA,CAAW,MAAU,EAAe,EAAM,OAAO,KAAA;AAAA,MACjD,QAAQ,EAAM;AAAA,MACd,SAAS,EAAM;AAAA,MACf,WAAW,EAAM;AAAA,MACjB,aAAa,EAAM;AAAA,MACnB,SAAS,EAAM;AAAA,MACf,MAAM,EAAM;AAAA,MACZ,cAAY,EAAM,aAAa,EAAM;AAAA,MACrC,cAAc,EAAM;AAAA,MACpB,IAAI,EAAM;AAAA,MACV,OAAO;AAAA,QACL,GAAG;AAAA,QACH,WAAW,GAAG,CAAA;AAAA,QACd,WAAW,EAAM,WAAW,SAAS,EAAM,eAAe,GAAG,CAAA,OAAgB,GAAG,CAAA;AAAA;KAElF;AAAA,GACE,GAEL,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"}
1	+ {"version":3,"file":"textarea-DLZq4RT-.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-D1nXs-LD.js → toggle-Bzru0yZw.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { i as o, n as g, r as n } from "./utils-BRgi6734.js";
 import { n as l, t as a } from "./functions-DzX-pTN8.js";
 import { useMergeRefs as b } from "./hooks-use-merge-refs.es.js";
-import { t as z } from "./error-BFb2NCum.js";
+import { t as z } from "./error-iaB6e_aq.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-D1nXs-LD.js.map
+//# sourceMappingURL=toggle-Bzru0yZw.js.map

package/build/{toggle-D1nXs-LD.js.map → toggle-Bzru0yZw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toggle-~~D1nXs-LD~~.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"}
1	+ {"version":3,"file":"toggle-Bzru0yZw.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-BEmUm0of.cjs → toggle-CdUVhH0Z.cjs} RENAMED Viewed

@@ -1,3 +1,3 @@
-const d=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DCIq-5FL.cjs"),g=require("./functions-CZrZU5U0.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),s=require("./error-BdFba_yV.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-DCIq-5FL.cjs"),g=require("./functions-CZrZU5U0.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),s=require("./error-aQfsl_Kl.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-BEmUm0of.cjs.map
+//# sourceMappingURL=toggle-CdUVhH0Z.cjs.map

package/build/{toggle-BEmUm0of.cjs.map → toggle-CdUVhH0Z.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toggle-~~BEmUm0of~~.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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"}
1	+ {"version":3,"file":"toggle-CdUVhH0Z.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-BKp4OAQI.cjs → typography-DzYrzZZb.cjs} RENAMED Viewed

@@ -1,3 +1,3 @@
-const b=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DCIq-5FL.cjs"),l=require("./functions-CZrZU5U0.cjs"),y=require("./hooks-use-typography-styles.cjs.js"),h=require("./popover-DQkn4RWI.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-DCIq-5FL.cjs"),l=require("./functions-CZrZU5U0.cjs"),y=require("./hooks-use-typography-styles.cjs.js"),h=require("./popover-B1KASIeD.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-BKp4OAQI.cjs.map
+//# sourceMappingURL=typography-DzYrzZZb.cjs.map