@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.31

package/dist/cjs/components/popover/styles/popover.css

@@ -1,189 +1 @@
-/**
- * PopoverV2 Main Styles
- * Contains animation logic and positioning styles
- */
-
-/* Import all animation keyframes */
-@import './keyframes.css';
-
-/* Popover Animation Styles */
-/* ============================================= */
-
-/* Base animation properties - ALWAYS applied (even with disableAnimations=true) */
-/* This allows additionalClasses to work properly */
-[data-kbt-id='popover'][data-kbt-placement] {
-  animation-duration: 500ms;
-  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-}
-
-/* Opening animations based on placement - ONLY when animations are enabled */
-[data-kbt-id='popover'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  --animation-prefix: 'popover-enter-';
-}
-
-[data-kbt-id='popover'][data-kbt-placement='center'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-center;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='top'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-top);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-top-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-top-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='bottom'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-bottom);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-bottom-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-bottom-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='left'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-left);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-left-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-left-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='right'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--animation-name, popover-enter-right);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-start'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-right-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-end'][data-kbt-closing='false']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-enter-right-end;
-}
-
-/* Closing animations based on placement - ONLY when animations are enabled */
-[data-kbt-id='popover'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  --animation-prefix: 'popover-exit-';
-}
-
-[data-kbt-id='popover'][data-kbt-placement='center'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-center;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='top'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-top);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-top-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='top-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-top-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='bottom'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-bottom);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-bottom-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='bottom-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-bottom-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='left'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-left);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-left-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='left-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-left-end;
-}
-
-[data-kbt-id='popover'][data-kbt-placement^='right'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: var(--exit-animation-name, popover-exit-right);
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-start'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-right-start;
-}
-
-[data-kbt-id='popover'][data-kbt-placement='right-end'][data-kbt-closing='true']:not(
-    [data-kbt-disable-animations='true']
-  ) {
-  animation-name: popover-exit-right-end;
-}
+@import "./keyframes.css";[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:cubic-bezier(.16,1,.3,1)}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix:"popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix:"popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}

package/dist/cjs/components/popover/types/animation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.DEFAULT_PLACEMENT="center";
+exports.DEFAULT_PLACEMENT="center";

package/dist/cjs/components/popover/utils/placement.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../types/animation.js");exports.getPlacementDirection=e=>e?e.startsWith("top")?"top":e.startsWith("bottom")?"bottom":e.startsWith("left")?"left":e.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.DEFAULT_PLACEMENT;
+const t=require("../types/animation.js");exports.getPlacementDirection=s=>s?s.startsWith("top")?"top":s.startsWith("bottom")?"bottom":s.startsWith("left")?"left":s.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.DEFAULT_PLACEMENT;

package/dist/cjs/components/popover/utils/styling.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./placement.utils.js"),e={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};exports.getArrowBorderStyles=(o,t)=>{if(!t)return{};const i={"--arrow-size":`${t.size}px`,backgroundColor:t.backgroundColor,height:`${t.size}px`,width:`${t.size}px`};if(t.border){const b=r.getPlacementDirection(o),d=e[b];d&&Object.assign(i,d(t.border))}return i};
+const r=require("./placement.utils.js");var e={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};exports.getArrowBorderStyles=(o,t)=>{if(!t)return{};const i={"--arrow-size":`${t.size}px`,backgroundColor:t.backgroundColor,height:`${t.size}px`,width:`${t.size}px`};if(t.border){const b=e[r.getPlacementDirection(o)];b&&Object.assign(i,b(t.border))}return i};

package/dist/cjs/components/portal/portal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-dom");exports.Portal=({children:t,wrapperId:r})=>{let o=document.body;return r&&(o=document.getElementById(r),o||(o=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),e.createPortal(t,o)};
+let e=require("react-dom");exports.Portal=({children:t,wrapperId:r})=>{let d=document.body;return r&&(d=document.getElementById(r),d||(d=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),(0,e.createPortal)(t,d)};

package/dist/cjs/components/progressBar/progressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./progressBarStandAlone.js"),t=e.forwardRef(({additionalSizeClasses:e,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...l},d)=>{const m=a.useClassName({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),u=a.useClassName({additionalClassNames:e,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;return s.jsxRuntimeExports.jsx(r.ProgressBarStandalone,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:m,progressCompleted:C})});exports.ProgressBar=t;
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./progressBarStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalSizeClasses:a,additionalVariantClasses:t,percentProgressCompleted:n,size:o,variant:i,...l},d)=>{const m=s.useClassName({additionalClassNames:t,component:"PROGRESS_BAR",variant:i}),C=s.useClassName({additionalClassNames:a,component:"PROGRESS_BAR",variant:o}),c=n?Math.min(Math.max(n,0),100):0;return(0,r.jsx)(e.ProgressBarStandalone,{...l,ref:d,cssSizeClasses:C,cssVariantClasses:m,progressCompleted:c})});exports.ProgressBar=t;

package/dist/cjs/components/progressBar/progressBarStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),r=require("react"),e=require("../../lib/utils/classNames/classNames.js"),a=require("../slider/slider.js"),t=r.forwardRef(({barAriaLabel:r,color:t,cssSizeClasses:i,cssVariantClasses:o,onChange:n,onDragEnd:l,onDragStart:d,progressAnimation:u,progressCompleted:c,tooltip:x,useAsSlider:m=!1,...p},g)=>{const j=p["data-testid"]||"progress-bar",b={backgroundColor:t?.bar},E={backgroundColor:t?.progressBar,transition:`width ${u?.duration} ${u?.timingFunction}`,width:`${c}%`};return s.jsxRuntimeExports.jsx("div",{ref:g,className:o?.progress_bar,"data-testid":`${j}-progressbar`,children:s.jsxRuntimeExports.jsx("div",{className:o?.barcontainer,children:m?s.jsxRuntimeExports.jsx(a.Slider,{additionalClasses:o?.slider,ariaLabel:r,max:1e3,min:0,tooltip:x,type:"continuous",value:10*c,onChange:s=>{n&&!Array.isArray(s)&&n(s/10)},onDragEnd:l,onDragStart:d}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:e.classNames(i?.bar,o?.bar),"data-testid":j,style:b}),s.jsxRuntimeExports.jsx("div",{className:e.classNames(i?.progressbar,o?.progressbar),style:E})]})})})});exports.ProgressBarStandalone=t;
+const s=require("../../lib/utils/classNames/classNames.js");let a=require("react"),r=require("react/jsx-runtime");const e=(0,a.forwardRef)(({barAriaLabel:a,color:e,cssSizeClasses:i,cssVariantClasses:t,progressAnimation:o,progressCompleted:l,...n},c)=>{const d=n["data-testid"]||"progress-bar",b={backgroundColor:e?.bar},m={backgroundColor:e?.progressBar,transition:`width ${o?.duration} ${o?.timingFunction}`,width:`${l}%`};return(0,r.jsx)("div",{ref:c,className:t?.progress_bar,"data-testid":`${d}-progressbar`,children:(0,r.jsxs)("div",{className:t?.barcontainer,children:[(0,r.jsx)("div",{"aria-label":a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,className:s.classNames(i?.bar,t?.bar),"data-testid":d,role:"progressbar",style:b}),(0,r.jsx)("div",{className:s.classNames(i?.progressbar,t?.progressbar),style:m})]})})});exports.ProgressBarStandalone=e;

package/dist/cjs/components/radioButton/radioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./radioButtonStandAlone.js"),a=require("./utils/state.utils.js");exports.RadioButton=({additionalClasses:r,checked:o=!1,cssClasses:i,disabled:l=!1,error:n=!1,variant:u,...d})=>{const c=e.useClassName({additionalClassNames:r,component:"RADIO_BUTTON",variant:u}),j=a.getState(o,l,n);return s.jsxRuntimeExports.jsx(t.RadioButtonStandAlone,{cssClasses:i??c,state:j,...d,checked:o,disabled:l,error:n})};
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./radioButtonStandAlone.js"),a=require("./utils/state.utils.js");let t=require("react/jsx-runtime");exports.RadioButton=({additionalClasses:r,checked:i=!1,cssClasses:o,disabled:l=!1,error:n=!1,variant:d,...u})=>{const c=s.useClassName({additionalClassNames:r,component:"RADIO_BUTTON",variant:d}),C=a.getState(i,l,n);return(0,t.jsx)(e.RadioButtonStandAlone,{cssClasses:o??c,state:C,...u,checked:i,disabled:l,error:n})};

package/dist/cjs/components/radioButton/radioButtonStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("../label/labelStandAlone.js"),r=require("../renderIf/renderIf.js"),t=require("../text/text.js"),i=require("../../lib/hooks/useId/useId.js"),a=require("../../lib/utils/classNames/classNames.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processText/processText.js"),l=require("../elementOrIcon/elementOrIcon.js"),d=require("./utils/aria.utils.js");exports.RadioButtonStandAlone=({altVariant:c=!1,checked:u,cssClasses:x,disabled:m,error:j,errorAriaLiveType:b,errorIcon:p,errorMessage:R,id:h,label:I,lastChild:E,name:g,onBlur:v,onChange:N,screenReaderId:T,state:f,subTitle:y,tabIndex:A,value:C,...q})=>{let k=i.useId("RadioButton");k=h??k;const B=o.processText(y).id&&`${k}__description`,_=R&&`${k}__error`,S={"data-state":f},M=n.pickCustomAttributes(S),O=q["data-testid"]??"radio-button";return e.jsxRuntimeExports.jsxs("div",{className:x?.rowcontainer,"data-testid":O,...M,style:{display:I?"grid":"block",marginBottom:E?0:void 0},children:[e.jsxRuntimeExports.jsx("div",{...M,className:x?.radiobuttoncontainer,children:e.jsxRuntimeExports.jsx("input",{"aria-describedby":d.buildAriaLabelledBy({descriptionId:B,error:j,errorMessage:R,errorMessageId:_,screenReaderId:T}),"aria-hidden":q["aria-hidden"],"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],checked:u,className:a.classNames(x?.radio_button,{"global-focus-visible":!!c}),"data-testid":`${O}-input`,disabled:m,id:k,name:g,tabIndex:A,type:"radio",value:C,onBlur:v,onChange:N,...M})}),e.jsxRuntimeExports.jsxs("div",{className:x?.infocontainer,children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!I?.content,children:e.jsxRuntimeExports.jsx("div",{className:x?.labelcontainer,children:e.jsxRuntimeExports.jsx(s.LabelStandAlone,{cursor:m?"default":"pointer",customAttributes:S,inputId:k,textCssClasses:a.classNames(x?.label,{[`${x?.speciallabel}`]:!!y}),...I,children:I?.content})})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!o.processText(y).children,children:"string"==typeof o.processText(y)?e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:x?.sublabel},...o.processText(y),id:B}):e.jsxRuntimeExports.jsx("div",{id:B,children:o.processText(y).children})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!(!j||!R),children:e.jsxRuntimeExports.jsx("div",{"aria-live":b,className:x?.errormessagecontainer,id:_,...M,children:e.jsxRuntimeExports.jsxs(t.Text,{additionalClasses:{text:x?.errormessage},customAttributes:S,children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!p,children:e.jsxRuntimeExports.jsx("span",{...M,className:x?.errormessageiconcontainer,children:e.jsxRuntimeExports.jsx(l.ElementOrIcon,{className:x?.errormessageicon,customAttributes:S,...p})})}),R]})})})]})]})};
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/utils/classNames/classNames.js"),r=require("../text/text2.js"),a=require("../../lib/utils/process/processCommonProp.js"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../label/labelStandAlone.js"),l=require("./utils/aria.utils.js");let o=require("react"),n=require("react/jsx-runtime");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:b,error:m,errorAriaLiveType:p,errorIcon:x,errorMessage:j,id:h,label:g,lastChild:I,name:v,onBlur:C,onChange:N,screenReaderId:A,state:q,subTitle:y,tabIndex:T,value:P,...k})=>{let B=`radiobutton-${(0,o.useId)().replace(/:/g,"")}`;B=h??B;const $=a.processTextProp(y).id&&`${B}__description`,_=j&&`${B}__error`,f={"data-state":q},L=e.pickCustomAttributes(f),M=k["data-testid"]??"radio-button";return(0,n.jsxs)("div",{className:u?.rowcontainer,"data-testid":M,...L,style:{display:g?"grid":"block",marginBottom:I?0:void 0},children:[(0,n.jsx)("div",{...L,className:u?.radiobuttoncontainer,children:(0,n.jsx)("input",{"aria-describedby":l.buildAriaLabelledBy({descriptionId:$,error:m,errorMessage:j,errorMessageId:_,screenReaderId:A}),"aria-hidden":k["aria-hidden"],"aria-label":k["aria-label"],"aria-labelledby":k["aria-labelledby"],checked:c,className:s.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${M}-input`,disabled:b,id:B,name:v,tabIndex:T,type:"radio",value:P,onBlur:C,onChange:N,...L})}),(0,n.jsxs)("div",{className:u?.infocontainer,children:[!!g?.content&&(0,n.jsx)("div",{className:u?.labelcontainer,children:(0,n.jsx)(i.LabelStandAlone,{cursor:b?"default":"pointer",customAttributes:f,inputId:B,textCssClasses:s.classNames(u?.label,{[`${u?.speciallabel}`]:!!y}),...g,children:g?.content})}),!!a.processTextProp(y).children&&("string"==typeof a.processTextProp(y)?(0,n.jsx)(r.Text,{additionalClasses:{text:u?.sublabel},...a.processTextProp(y),id:$}):(0,n.jsx)("div",{id:$,children:a.processTextProp(y).children})),!(!m||!j)&&(0,n.jsx)("div",{"aria-live":p,className:u?.errormessagecontainer,id:_,...L,children:(0,n.jsxs)(r.Text,{additionalClasses:{text:u?.errormessage},customAttributes:f,children:[!!x&&(0,n.jsx)("span",{...L,className:u?.errormessageiconcontainer,children:(0,n.jsx)(t.ElementOrIcon,{className:u?.errormessageicon,customAttributes:f,...a.processIconProp(x)})}),j]})})]})]})};

package/dist/cjs/components/radioButton/utils/aria.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.buildAriaLabelledBy=({descriptionId:e,error:r,errorMessage:t,errorMessageId:o,screenReaderId:s})=>{let d="";e&&(d+=`${e}`),s&&(d+=` ${s}`),t&&r&&(d+=` ${o}`);const i=d.trim();return i.length>0?i:void 0};
+exports.buildAriaLabelledBy=({descriptionId:e,error:r,errorMessage:d,errorMessageId:s,screenReaderId:o})=>{let t="";e&&(t+=`${e}`),o&&(t+=` ${o}`),d&&r&&(t+=` ${s}`);const i=t.trim();return i.length>0?i:void 0};

package/dist/cjs/components/radioButton/utils/state.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../lib/types/states/states.js");exports.getState=(S=!1,t=!1,e=!1)=>{const T=e,s=t,r=S;return T&&!r?E.STATES.ERROR:T&&r?E.STATES.ERROR_SELECTED:s&&!r?E.STATES.DISABLED:s&&r?E.STATES.DISABLED_SELECTED:r?E.STATES.SELECTED:E.STATES.DEFAULT};
+const E=require("../../../lib/types/states/states.js");exports.getState=(S=!1,T=!1,t=!1)=>{const e=t,s=T,A=S;return e&&!A?E.STATES.ERROR:e&&A?E.STATES.ERROR_SELECTED:s&&!A?E.STATES.DISABLED:s&&A?E.STATES.DISABLED_SELECTED:A?E.STATES.SELECTED:E.STATES.DEFAULT};

package/dist/cjs/components/select/index.js

@@ -0,0 +1,4 @@
+const { SelectControlled } = require('./selectControlled.js');
+module.exports = { ...module.exports, SelectControlled };
+const { Select } = require('./selectUncontrolled.js');
+module.exports = { ...module.exports, Select };

package/dist/cjs/components/select/selectControlled.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),o=require("../../lib/utils/keyboard/keyboard.js"),n=require("../../lib/utils/focusHandlers/focusHandlers.js"),t=require("./selectStandAlone.js");let i=require("react"),l=require("react/jsx-runtime");const a=(0,i.forwardRef)(({additionalClasses:a,closePopoverOnScroll:u,listOptions:c,onClosePopover:d,open:p,url:f,variant:C,...m},v)=>{const{LINK:y}=s.useGenericComponents(),b=e.useClassName({additionalClassNames:a,component:"SELECT",variant:C}),j=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(u)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[u,d]),(0,l.jsx)(t.SelectStandAlone,{ref:v,component:f?y:"button",cssClasses:b,listOptions:c,listOptionsRef:j,open:p,onButtonKeyDown:e=>{p&&o.isKeyPressed(e.key,r.TAB.key)&&!e.shiftKey&&j.current&&("selection"===c.type?j.current.firstElementChild?.focus():n.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:d,...m})});exports.SelectControlled=a;

package/dist/cjs/components/select/selectStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../text/text2.js"),s=require("../../lib/utils/process/processCommonProp.js"),n=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../listOptions/utils/listOptions.utils.js"),r=require("../listOptions/listOptions.js"),l=require("../popover/popover.js");let a=require("react"),c=require("react/jsx-runtime");const p=(0,a.forwardRef)(({buttonOrLinkRef:p,component:u,cssClasses:d,icon:m,label:v,listOptions:b,listOptionsRef:C,onBlur:x,onButtonClick:k,onButtonKeyDown:j,onClosePopover:y,onFocus:h,onKeyDown:O,onOptionClick:f,open:M,optionSelected:D,popover:g,url:q,urlTarget:F,...w},A)=>{const I=`select-${(0,a.useId)().replace(/:/g,"")}`,K=M?`${I}-list`:void 0,P=w["data-testid"]||"select",T=o.pickCustomAttributes(w),B=(0,a.useMemo)(()=>{return{currentFocusSelected:-1,keyDownMove:i.keyDownMove(b.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=b.options,(o,t)=>{if(t?.shiftKey){const e=Math.max(o,0)-1;return e>=0&&t?.preventDefault(),Math.max(e,0)}const s=Math.max(o,0)+1;return s<=e.length-1&&t?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:i.keyUpMove,size:b.options.length};var e},[b.options]);return(0,c.jsxs)("div",{ref:A,className:d?.select,"data-testid":P,role:"combobox",onBlur:x,onFocus:h,onKeyDown:O,...T,"aria-controls":"select-list","aria-expanded":M,tabIndex:0,children:[(0,c.jsxs)(e.CustomComponent,{ref:p,"aria-controls":K,"aria-expanded":M,"aria-haspopup":"listbox",className:d?.buttonorlinkcontainer,component:u,target:q?F:void 0,type:q?void 0:"button",url:q,onClick:k,onKeyDown:j,children:[(0,c.jsx)(t.Text,{additionalClasses:{text:M?d?.labelopened:d?.labelclosed},component:"span",...s.processTextProp(v)}),(0,c.jsx)(n.ElementOrIcon,{className:M?d?.iconopened:d?.iconclosed,rotate:M?"180deg":"0deg",transitionDuration:"0.2s",...s.processIconProp(m)})]}),!!g&&(0,c.jsx)(l.Popover,{anchorElement:p?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:K,open:M,placement:"bottom",preventCloseOnClickElements:[p?.current],strategy:"absolute",...g,onClose:()=>{y(),g?.onClose?.()},children:(0,c.jsx)("div",{className:d?.listoptionscontainer,"data-testid":`${P}-list`,children:!!b.variant&&!!b.optionVariant&&(0,c.jsx)(r.ListOptions,{ref:C,roveFocus:"selection"===b.type?B:void 0,selectedValue:D,...b,onOptionClick:e=>{f(e),y()}})})})]})});exports.SelectStandAlone=p;

package/dist/cjs/components/select/selectUncontrolled.js

@@ -0,0 +1 @@
+const e=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("./selectControlled.js");let o=require("react"),t=require("react/jsx-runtime");const r=(0,o.forwardRef)(({defaultOpen:r=!1,defaultOptionSelected:l,onBlur:s,onButtonClick:c,onClosePopover:i,onFocus:u,onOptionClick:d,openAndCloseOnHover:a=!1,...C},f)=>{const[p,k]=(0,o.useState)(r),[y,v]=(0,o.useState)(l),S=(0,o.useRef)(null);return(0,o.useEffect)(()=>{const e=()=>{document.hidden&&k(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]),(0,t.jsx)(n.SelectControlled,{...C,ref:f,buttonOrLinkRef:S,open:p,optionSelected:y,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(k(!1),s?.(!1)),a&&(k(!1),s?.(!1))},onButtonClick:()=>{c?.(!p),k(!p)},onClosePopover:()=>{k(!1),i?.(!1)},onFocus:()=>{a&&(k(!0),u?.(!0))},onKeyDown:n=>{e.ESCAPE.key.includes(n.key)&&p&&(S.current?.focus(),k(!1))},onOptionClick:e=>{v(e),d?.(e)}})});exports.SelectUnControlled=r;

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),i=require("../../renderIf/renderIf.js"),n=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../hooks/useBorderAnimation.js");exports.SelectorBoxFileAnimation=({children:r,cssClasses:o,focus:a,onAnimationCompleted:m,percentage:c,state:d,...x})=>{const{bottomRef:u,leftRef:l,rightRef:j,topRef:p}=s.useBorderAnimation({onAnimationCompleted:m,percentage:c}),f={"data-focus":a,"data-state":d},R=n.pickCustomAttributes({...f}),E=o?.animationcontainer,h=o?.topanimationcontainer,b=o?.rightanimationcontainer,v=o?.bottomanimationcontainer,A=o?.leftanimationcontainer,g=t.Children.map(r,e=>t.isValidElement(e)?t.cloneElement(e,{focus:a}):e);return E?e.jsxRuntimeExports.jsxs("div",{className:E,"data-focus":a,"data-testid":`${x["data-testid"]}-animations`,...R,children:[e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!h,children:e.jsxRuntimeExports.jsx("div",{...R,ref:p,className:h})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!b,children:e.jsxRuntimeExports.jsx("div",{...R,ref:j,className:b})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!v,children:e.jsxRuntimeExports.jsx("div",{...R,ref:u,className:v})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!A,children:e.jsxRuntimeExports.jsx("div",{...R,ref:l,className:A})}),e.jsxRuntimeExports.jsx("div",{...R,className:o.borderanimationcontainer,children:r})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:g})};
+const e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../hooks/useBorderAnimation.js");let i=require("react"),a=require("react/jsx-runtime");exports.SelectorBoxFileAnimation=({children:n,cssClasses:s,focus:o,onAnimationCompleted:r,percentage:c,state:m,...l})=>{const{bottomRef:d,leftRef:u,rightRef:f,topRef:p}=t.useBorderAnimation({onAnimationCompleted:r,percentage:c}),j=e.pickCustomAttributes({"data-focus":o,"data-state":m}),x=s?.animationcontainer,h=s?.topanimationcontainer,A=s?.rightanimationcontainer,b=s?.bottomanimationcontainer,C=s?.leftanimationcontainer,v=i.Children.map(n,e=>(0,i.isValidElement)(e)?(0,i.cloneElement)(e,{focus:o}):e);return x?(0,a.jsxs)("div",{className:x,"data-focus":o,"data-testid":`${l["data-testid"]}-animations`,...j,children:[!!h&&(0,a.jsx)("div",{...j,ref:p,className:h}),!!A&&(0,a.jsx)("div",{...j,ref:f,className:A}),!!b&&(0,a.jsx)("div",{...j,ref:d,className:b}),!!C&&(0,a.jsx)("div",{...j,ref:u,className:C}),(0,a.jsx)("div",{...j,className:s.borderanimationcontainer,children:n})]}):(0,a.jsx)(a.Fragment,{children:v})};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../renderIf/renderIf.js"),s=require("../../text/text.js"),n=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../../lib/utils/process/processText/processText.js"),r=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:c,cssClasses:x,filename:a,focus:u,htmlFor:l,loader:m,state:p})=>{const d={"data-focus":u,"data-state":p};return t.jsxRuntimeExports.jsxs("label",{className:x?.containerboxcontainer,"data-focus":u,htmlFor:l,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsxs("span",{children:[m,t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon}),t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:x?.containerboxtextscontainer,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(p),children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxfilename},component:"span",customAttributes:d,children:a})}),t.jsxRuntimeExports.jsxs("span",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!o.processText(c[p]?.actionText).children,children:t.jsxRuntimeExports.jsxs("span",{className:x?.actioniconandactiontextcontainer,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.actionicon,customAttributes:d,...c[p]?.actionIcon}),t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxactiontext},component:"span",customAttributes:d,...o.processText(c[p]?.actionText),children:o.processText(c[p]?.actionText).children})]})}),t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!c[p]?.description,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxdescription},component:"span",customAttributes:d,...o.processText(c[p]?.description),children:o.processText(c[p]?.description).children})})]})]}),t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!c[p]?.iconRight,children:t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.iconRight})})})]})};
+const t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../../text/text2.js"),s=require("../../../lib/utils/process/processCommonProp.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/types/states/states.js");let c=require("react/jsx-runtime");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:i,cssClasses:r,filename:a,focus:l,htmlFor:x,loader:p,state:u})=>{const m={"data-focus":l,"data-state":u};return(0,c.jsxs)("label",{className:r?.containerboxcontainer,"data-focus":l,htmlFor:x,...t.pickCustomAttributes(m),children:[(0,c.jsxs)("span",{children:[p,(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.icon)}),(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.icon)})]}),(0,c.jsxs)("span",{className:r?.containerboxtextscontainer,...t.pickCustomAttributes(m),children:[!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(u)&&(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:m,children:a}),!!s.processTextProp(i[u]?.actionText).children&&(0,c.jsxs)("span",{className:r?.actioniconandactiontextcontainer,...t.pickCustomAttributes(m),children:[(0,c.jsx)(o.ElementOrIcon,{className:r?.actionicon,customAttributes:m,...s.processIconProp(i[u]?.actionIcon)}),(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:m,...s.processTextProp(i[u]?.actionText),children:s.processTextProp(i[u]?.actionText).children})]}),!!i[u]?.description&&(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:m,...s.processTextProp(i[u]?.description),children:s.processTextProp(i[u]?.description).children})]}),!!i[u]?.iconRight&&(0,c.jsx)("span",{children:(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.iconRight)})})]})};

package/dist/cjs/components/selectorBoxFile/hooks/useBorderAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../utils/animation/animation.js"),r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=e.useRef(null),u=e.useRef(null),c=e.useRef(null),a=e.useRef(null),[o,g]=e.useState(!1),[d,l]=e.useState(!1),[h,p]=e.useState(!1);return e.useEffect(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),l(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${t.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${t.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${t.getBottomBarWith(i.percentage)}%`),h&&i.percentage>75&&a?.current&&(a.current.style.height=`${t.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,h]),e.useEffect(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{l(u.current?.style.height===r)},n=()=>{p(c.current?.style.width===r)},o=()=>{a.current?.style.height===r&&i.onAnimationCompleted?.()};return s.current?.addEventListener("transitionend",e),u.current?.addEventListener("transitionend",t),c.current?.addEventListener("transitionend",n),a.current?.addEventListener("transitionend",o),()=>{s.current?.removeEventListener("transitionend",e),u.current?.removeEventListener("transitionend",t),c.current?.removeEventListener("transitionend",n),a.current?.removeEventListener("transitionend",o)}},[]),{bottomRef:c,leftRef:a,rightRef:u,topRef:s}};
+const e=require("../utils/animation/animation.js");let t=require("react");var r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=(0,t.useRef)(null),u=(0,t.useRef)(null),c=(0,t.useRef)(null),a=(0,t.useRef)(null),[o,g]=(0,t.useState)(!1),[d,h]=(0,t.useState)(!1),[l,p]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),h(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${e.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${e.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${e.getBottomBarWith(i.percentage)}%`),l&&i.percentage>75&&a?.current&&(a.current.style.height=`${e.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,l]),(0,t.useEffect)(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{h(u.current?.style.height===r)},n=()=>{p(c.current?.style.width===r)},o=()=>{a.current?.style.height===r&&i.onAnimationCompleted?.()};return s.current?.addEventListener("transitionend",e),u.current?.addEventListener("transitionend",t),c.current?.addEventListener("transitionend",n),a.current?.addEventListener("transitionend",o),()=>{s.current?.removeEventListener("transitionend",e),u.current?.removeEventListener("transitionend",t),c.current?.removeEventListener("transitionend",n),a.current?.removeEventListener("transitionend",o)}},[]),{bottomRef:c,leftRef:a,rightRef:u,topRef:s}};

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./selectorBoxFileStandAlone.js"),a=require("./utils/state/state.js"),i=s.forwardRef(({additionalClasses:i,disabled:o=!1,error:n=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:u={content:""},errorMessage:c={content:""},fileExtension:d,loading:x=!1,maxSize:S,onChange:g,onFileError:v,onSizeError:E,percentage:m=0,success:C=!1,variant:f,...j},p)=>{const z=t.useClassName({additionalClassNames:i,component:"SELECTOR_BOX_FILE",variant:f}),[F,M]=s.useState(!1),[q,B]=s.useState({validExtension:!0,validSize:!0});return e.jsxRuntimeExports.jsx(r.SelectorBoxFileStandAlone,{...j,ref:p,cssClasses:z,errorMessage:q.validExtension?q.validSize?c:u:l,focus:F,percentage:m,state:a.getState(x,C,n||!q.validExtension||!q.validSize,o),onBlur:()=>{M(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],t=s.size/1024/1024,r=s.type;let a=!0,i=!0;S&&t>S&&(a=!1,E?.(!0)),d&&!d?.some(e=>r.includes(e))&&(i=!1,v?.(!0)),B({validExtension:i,validSize:a})})(e.target.files),g?.(e)},onFocus:()=>{M(!0)}})});exports.SelectorBoxFile=i;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./selectorBoxFileStandAlone.js"),t=require("./utils/state/state.js");let a=require("react"),r=require("react/jsx-runtime");const n=(0,a.forwardRef)(({additionalClasses:n,disabled:i=!1,error:o=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:c={content:""},fileExtension:u,loading:d=!1,maxSize:S,onChange:x,onFileError:g,onSizeError:E,percentage:C=0,success:m=!1,variant:v,...f},z)=>{const F=e.useClassName({additionalClassNames:n,component:"SELECTOR_BOX_FILE",variant:v}),[j,p]=(0,a.useState)(!1),[q,B]=(0,a.useState)({validExtension:!0,validSize:!0});return(0,r.jsx)(s.SelectorBoxFileStandAlone,{...f,ref:z,cssClasses:F,focus:j,percentage:C,state:t.getState(d,m,o||!q.validExtension||!q.validSize,i),onBlur:()=>{p(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],t=s.size/1024/1024,a=s.type;let r=!0,n=!0;S&&t>S&&(r=!1,E?.(!0)),u&&!u?.some(e=>a.includes(e))&&(n=!1,g?.(!0)),B({validExtension:n,validSize:r})})(e.target.files),x?.(e)},onFocus:()=>{p(!0)}})});exports.SelectorBoxFile=n;

package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../renderIf/renderIf.js"),o=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/types/states/states.js"),i=require("./components/selectorBoxFileAnimation.js"),n=require("./components/selectorBoxFileContainerBox.js"),l=require("./components/selectorBoxFileErrorMessage.js"),a=require("./components/selectorBoxFileHeader.js"),c=s.forwardRef(({accept:s,button:c,containerBoxStateContent:x,cssClasses:d,description:u,errorMessage:p,errorMessageIcon:m,filename:j,focus:B,id:E,multiple:f,name:C,onAnimationCompleted:I,onBlur:S,onChange:b,onClick:R,onFocus:g,percentage:F,state:h,subtitle:q,title:A,tooltip:M,tooltipIcon:v,...y},T)=>{const k=o.useId("selectorBoxFile"),$=E??k,H=`${$}HeaderId`,N=`${$}ErrorId`,_=y["data-testid"]??"selector-box-file";return e.jsxRuntimeExports.jsxs("div",{ref:T,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.selector_box_file,"data-testid":_,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.header,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!(!A&&!q),children:e.jsxRuntimeExports.jsx(a.SelectorBoxFileHeader,{button:c,cssClasses:d,description:u,headerId:H,subtitle:q,title:A,tooltip:M,tooltipIcon:v})}),e.jsxRuntimeExports.jsx(i.SelectorBoxFileAnimation,{cssClasses:d,"data-testid":_,focus:B,percentage:F,state:h,onAnimationCompleted:I,children:e.jsxRuntimeExports.jsx(n.SelectorBoxFileContainerBox,{containerBoxStateContent:x,cssClasses:d,filename:j,focus:!1,htmlFor:$,state:h})})]}),e.jsxRuntimeExports.jsx(l.SelectorBoxFileErrorMessage,{cssClasses:d,errorMessage:p,errorMessageIcon:m,errorMessageId:N,state:h})]}),e.jsxRuntimeExports.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(A||q)&&(e+=` ${H}`),h===r.STATES.ERROR&&p&&(e+=` ${N}`),e||void 0})(),className:"kbt-sr-only",disabled:h===r.STATES.DISABLED,id:$,multiple:f,name:C,type:"file",onBlur:S,onChange:b,onClick:R,onFocus:g})]})});exports.SelectorBoxFileStandAlone=c;
+const e=require("../../lib/types/states/states.js"),t=require("./components/selectorBoxFileAnimation.js"),s=require("./components/selectorBoxFileContainerBox.js");let o=require("react"),n=require("react/jsx-runtime");const i=(0,o.forwardRef)(({accept:i,containerBoxStateContent:a,cssClasses:l,filename:r,focus:c,id:d,multiple:x,name:m,onAnimationCompleted:u,onBlur:p,onChange:C,onClick:f,onFocus:B,percentage:j,state:S,...h},F)=>{const A=`selectorboxfile-${(0,o.useId)().replace(/:/g,"")}`,b=d??A,g=h["data-testid"]??"selector-box-file";return(0,n.jsxs)("div",{ref:F,children:[(0,n.jsx)("div",{className:l?.selector_box_file,"data-testid":g,children:(0,n.jsx)("div",{className:l?.header,children:(0,n.jsx)(t.SelectorBoxFileAnimation,{cssClasses:l,"data-testid":g,focus:c,percentage:j,state:S,onAnimationCompleted:u,children:(0,n.jsx)(s.SelectorBoxFileContainerBox,{containerBoxStateContent:a,cssClasses:l,filename:r,focus:!1,htmlFor:b,state:S})})})}),(0,n.jsx)("input",{accept:i,className:"kbt-sr-only",disabled:S===e.STATES.DISABLED,id:b,multiple:x,name:m,type:"file",onBlur:p,onChange:C,onClick:f,onFocus:B})]})});exports.SelectorBoxFileStandAlone=i;

package/dist/cjs/components/selectorBoxFile/utils/animation/animation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../translateValue/translateValue.js"),e=(e,a,r)=>e>r?100:t.translateValue({inputMax:r,inputMin:a,outputMax:100,outputMin:0,value:e});exports.getBottomBarWith=t=>e(t,50,75),exports.getLeftBarHeight=t=>e(t,75,100),exports.getRightBarHeight=t=>e(t,25,50),exports.getTopBarWith=t=>e(t,0,25);
+const t=require("../translateValue/translateValue.js");var e=(e,a,r)=>e>r?100:t.translateValue({inputMax:r,inputMin:a,outputMax:100,outputMin:0,value:e});exports.getBottomBarWith=t=>e(t,50,75),exports.getLeftBarHeight=t=>e(t,75,100),exports.getRightBarHeight=t=>e(t,25,50),exports.getTopBarWith=t=>e(t,0,25);

package/dist/cjs/components/selectorBoxFile/utils/state/state.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../lib/types/states/states.js");exports.getState=(S,e,T,s)=>s?t.STATES.DISABLED:T?t.STATES.ERROR:e?t.STATES.SUCCESS:S?t.STATES.LOADING:t.STATES.DEFAULT;
+const S=require("../../../../lib/types/states/states.js");exports.getState=(T,t,E,e)=>e?S.STATES.DISABLED:E?S.STATES.ERROR:t?S.STATES.SUCCESS:T?S.STATES.LOADING:S.STATES.DEFAULT;

package/dist/cjs/components/selectorBoxFile/utils/translateValue/translateValue.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.translateValue=({inputMax:t,inputMin:e,outputMax:u,outputMin:a,value:n})=>{if(e===t)return a;const r=a+(n-e)/(t-e)*(u-a);return Math.min(u,Math.max(a,r))};
+exports.translateValue=({inputMax:t,inputMin:u,outputMax:a,outputMin:n,value:e})=>{if(u===t)return n;const i=n+(e-u)/(t-u)*(a-n);return Math.min(a,Math.max(n,i))};

package/dist/cjs/components/skeleton/skeleton.css

@@ -1,20 +1 @@
-@keyframes breatheAnimation {
-  from {
-    background-position-x: 0%;
-  }
-
-  to {
-    background-position-x: -200%;
-  }
-}
-
-.kbt-skeleton {
-  width: var(--skeleton-width, 100%);
-  height: var(--skeleton-height, 20px);
-  animation-name: breatheAnimation;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-duration: var(--skeleton-duration, 2s);
-  animation-delay: 1ms;
-  background-size: 200% 100%;
-}
+@keyframes breatheAnimation{0%{background-position-x:0}to{background-position-x:-200%}}.kbt-skeleton{animation-delay:1ms;animation-duration:var(--skeleton-duration,2s);animation-iteration-count:infinite;animation-name:breatheAnimation;animation-timing-function:linear;background-size:200% 100%;height:var(--skeleton-height,20px);width:var(--skeleton-width,100%)}

package/dist/cjs/components/skeleton/skeleton2.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./skeletonStandAlone.js");let a=require("react"),n=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,additionalShapeClasses:t,shapeVariant:r,variant:o,...l},i)=>{const u=e.useClassName({component:"SKELETON",variant:o}),c=e.useClassName({component:"SKELETON",variant:r});return(0,n.jsx)(s.SkeletonStandAlone,{...l,ref:i,cssClasses:u,cssShapeClasses:c,shapeVariant:o})});exports.Skeleton=t;

package/dist/cjs/components/skeleton/skeletonStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css              */const s=require("react"),t=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=s.forwardRef(({cssClasses:s,cssShapeClasses:i,duration:o="1.2s",height:l,width:u,...a},n)=>{const c=r.pickCustomAttributes(a);return e.jsxRuntimeExports.jsx("div",{ref:n,className:t.classNames("kbt-skeleton",s?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":o,"--skeleton-height":l,"--skeleton-width":u},...c})});exports.SkeletonStandAlone=i;
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/utils/classNames/classNames.js");;/* empty css          */let t=require("react"),i=require("react/jsx-runtime");const r=(0,t.forwardRef)(({cssClasses:t,cssShapeClasses:r,duration:l="1.2s",height:o,width:a,...n},u)=>{const c=e.pickCustomAttributes(n);return(0,i.jsx)("div",{ref:u,className:s.classNames("kbt-skeleton",t?.skeleton,r?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":l,"--skeleton-height":o,"--skeleton-width":a},...c})});exports.SkeletonStandAlone=r;

package/dist/cjs/components/slider/components/sliderButtonStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../button/button.js");exports.SliderButtonStandAlone=({content:s,cssClasses:n,customAttributes:r,...o})=>{const i=n?.decrement_button_variant,u=n?.decrement_button_size;return i&&u?t.jsxRuntimeExports.jsx(e.Button,{...o,additionalSizeClasses:u,additionalVariantClasses:i,children:s}):null};
+const t=require("../../button/button.js");let e=require("react/jsx-runtime");exports.SliderButtonStandAlone=({content:n,cssClasses:s,customAttributes:r,...i})=>{const o=s?.decrement_button_variant,a=s?.decrement_button_size;return o&&a?(0,e.jsx)(t.Button,{...i,additionalSizeClasses:a,additionalVariantClasses:o,children:n}):null};

package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../renderIf/renderIf.js"),s=require("../../text/text.js");exports.SliderHelperTextStandAlone=({cssClasses:r,customAttributes:i,leftHelperText:n,leftHelperTextId:x,rightHelperText:l,rightHelperTextId:o})=>n||l?e.jsxRuntimeExports.jsxs("div",{className:r?.helpertextcontainer,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!n,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextleftcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:x,children:n})})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!l,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextrightcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:o,children:l})})})]}):null;
+const e=require("../../text/text2.js");let t=require("react/jsx-runtime");exports.SliderHelperTextStandAlone=({cssClasses:s,customAttributes:r,leftHelperText:l,leftHelperTextId:i,rightHelperText:n,rightHelperTextId:x})=>l||n?(0,t.jsxs)("div",{className:s?.helpertextcontainer,children:[!!l&&(0,t.jsx)("div",{className:s?.helpertextleftcontainer,children:(0,t.jsx)(e.Text,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:i,children:l})}),!!n&&(0,t.jsx)("div",{className:s?.helpertextrightcontainer,children:(0,t.jsx)(e.Text,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:x,children:n})})]}):null;

package/dist/cjs/components/slider/components/sliderScaleStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../lib/hooks/useId/useId.js"),r=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.SliderScaleStandAlone=({cssClasses:u,customAttributes:i,scaleOffsets:c,showScale:l})=>{const o=s.useId("tickmarks"),[n,a]=t.useState("0px"),p=t.useRef(null);return t.useEffect(()=>{p.current&&a(`${p.current.offsetWidth}px`)},[p.current]),l&&l?e.jsxRuntimeExports.jsx("div",{className:u?.scalecontainer,id:o,...r.pickCustomAttributes(i),children:c.map((t,s)=>{const r={left:`calc(${t}% - ${n} / 2)`};return e.jsxRuntimeExports.jsx("span",{className:u?.scaleoption,style:r},`${o}-${s.toString()}`)})}):null};
+const e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let t=require("react"),s=require("react/jsx-runtime");exports.SliderScaleStandAlone=({cssClasses:r,customAttributes:c,scaleOffsets:u,showScale:i})=>{const l=`tickmarks-${(0,t.useId)().replace(/:/g,"")}`,[a,n]=(0,t.useState)("0px"),o=(0,t.useRef)(null);return(0,t.useEffect)(()=>{o.current&&n(`${o.current.offsetWidth}px`)},[o.current]),i&&i?(0,s.jsx)("div",{className:r?.scalecontainer,id:l,...e.pickCustomAttributes(c),children:u.map((e,t)=>{const c={left:`calc(${e}% - ${a} / 2)`};return(0,s.jsx)("span",{className:r?.scaleoption,style:c},`${l}-${t.toString()}`)})}):null};

package/dist/cjs/components/slider/components/sliderThumbStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),o=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../elementOrIcon/elementOrIcon.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:C,tooltipAlign:E="top",value:T,...g})=>{const D=o.useMediaDevice(),S=i.pickCustomAttributes({...g,...d}),q=i.pickCustomAttributes(d);return s.isTooltipVisible(C,M,D)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":M,role:"presentation",style:A,...S,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:E,childrenAsButton:!1,closeIcon:C?.closeIcon?{"aria-label":C.closeIconAriaLabel,color:C.closeIconColor,icon:C.closeIcon}:void 0,content:{content:C?.content},title:{content:C?.title},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":M,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...q,children:e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:O?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...S,children:e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:u?.thumbicon,...m})})};
+const e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),i=require("../../tooltip/tooltipUnControlled.js"),o=require("../utils/ui.utils.js");let s=require("react/jsx-runtime");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:h,min:p,onFocus:v,onKeyDown:x,onMouseOut:j,onMouseOver:y,onTouchStart:M,pressed:O,rightThumb:A,style:C,tooltip:D,tooltipAlign:T="top",value:q,...I})=>{const g=t.useMediaDevice(),k=e.pickCustomAttributes({...I,...d}),w=e.pickCustomAttributes(d);return o.isTooltipVisible(D,O,g)&&u?.tooltip?(0,s.jsx)("div",{"data-disabled":c,"data-hover":b,"data-pressed":O,role:"presentation",style:C,...k,className:u?.thumb,children:(0,s.jsx)(i.TooltipUnControlled,{additionalClasses:u?.tooltip,align:T,childrenAsButton:!1,content:{content:D?.content},tooltipAsModal:!1,children:(0,s.jsx)("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":h,"aria-valuemin":p,"aria-valuenow":q,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":O,role:"slider",tabIndex:0,onBlur:j,onFocus:v,onKeyDown:x,onMouseOut:j,onMouseOver:y,onTouchStart:M,...w,children:(0,s.jsx)(a.ElementOrIcon,{className:A?u?.rightthumbicon:u?.thumbicon,...m})})})}):(0,s.jsx)("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":h,"aria-valuemin":p,"aria-valuenow":q,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":A?"right":void 0,"data-pressed":O,role:"slider",style:C,tabIndex:0,onBlur:j,onFocus:v,onKeyDown:x,onMouseOut:j,onMouseOver:y,onTouchStart:M,...k,children:(0,s.jsx)(a.ElementOrIcon,{className:u?.thumbicon,...m})})};

package/dist/cjs/components/slider/slider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),n=require("./sliderStandAlone.js"),i=require("./utils/accessibility.utils.js"),r=require("./utils/slider.utils.js"),s=t.forwardRef(({additionalClasses:s,ariaLabel:l,ariaLabelBy:o,decrementButton:u,defaultValue:c,disabled:d=!1,incrementButton:f,initialStepOffset:m,label:v,leftHelperText:g,max:p=100,min:h=0,onChange:b,onDragEnd:w,onDragStart:x,range:S=!1,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:E,rightThumbIcon:B,rightTooltip:y,step:R=1,thumbExceedsTrack:T=!0,thumbIcon:V,tooltip:j,type:O="discrete",value:k,variant:q},P)=>{const A=e=>r.calcDefaultValue({initialStepOffset:m,max:p,min:h,range:S,step:R,value:e}),N=t.useRef(null),[D,H]=t.useState(A(k??c)),[I,z]=t.useState(!1),[K,M]=t.useState(!1),_=t.useRef("left"),[F,G]=t.useState({max:100,min:0}),J=t.useRef(),Q=t.useCallback(e=>{b&&(clearTimeout(J.current),J.current=setTimeout(()=>{b(e)},50))},[b]),U=e=>{if(!N.current||d)return;const t=r.calculateChange({container:N.current,event:e,offsetBoundaries:F}),a=r.calcValueByOffset({max:p,min:h,offset:t,offsetBoundaries:F,step:R}),n=r.calcScaleValue({initialStepOffset:m,max:p,min:h,step:R,value:a});H(e=>{let t=n;return S&&(t=r.calcNewRangeValue({activePointer:_,newValue:n,prevValue:e})),Q(t),t})},W=()=>{w?.(),M(!1),te()},{scaleOffsets:X,showScale:Y}=r.getScale({initialStepOffset:m,max:p,min:h,step:R,type:O}),{offset:Z,offsetLeft:$,offsetRight:ee}=r.getOffset({max:p,min:h,offsetBoundaries:F,range:S,value:D}),te=()=>{window.removeEventListener("mousemove",U),window.removeEventListener("mouseup",W),window.removeEventListener("touchend",W)},ae=a.useClassName({additionalClassNames:s,component:"SLIDER",variant:q}),ne=t.useCallback(()=>{if(T)return void G({max:100,min:0});if(!N.current)return;const e=N.current.querySelector('[role="slider"]');if(!e)return;const t=N.current.getBoundingClientRect().width,a=e.getBoundingClientRect().width/t*100/2;G({max:100-a,min:a})},[T]);t.useEffect(()=>(ne(),T||window.addEventListener("resize",ne),()=>{T||window.removeEventListener("resize",ne)}),[T]),t.useEffect(()=>{void 0!==k&&(S&&!r.equalsRangeValues({values1:k,values2:D})||!S&&k!==D)&&H(A(k))},[k]),t.useEffect(()=>te,[]);return e.jsxRuntimeExports.jsx(n.SliderStandAlone,{ref:P,activePointer:_,ariaLabel:l,ariaLabelBy:o,containerRef:N,cssClasses:ae,decrementButton:{...u,disabled:d||u?.disabled,onClick:e=>{const t=i.decrementValue({activePointer:_.current,min:h,range:S,step:R,value:D});void 0!==t&&(H(t),Q(t)),u?.onClick?.(e)}},disabled:d,hover:I,incrementButton:{...f,disabled:d||f?.disabled,onClick:e=>{const t=i.incrementValue({activePointer:_.current,max:p,range:S,step:R,value:D});void 0!==t&&(H(t),Q(t)),f?.onClick?.(e)}},label:v,leftHelperText:g,max:p,min:h,offset:Z,offsetLeft:$,offsetRight:ee,pressed:K,range:S,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:E,rightThumbIcon:B,rightTooltip:y,scaleOffsets:X,setHover:z,showScale:Y,step:R,thumbIcon:V,tooltip:j,value:D,onChange:U,onKeyPress:e=>{if(d)return;const t=i.calcNewValueAfterKeyPress({activePointer:_.current,event:e,max:p,min:h,range:S,step:R,value:D});void 0!==t&&(H(t),Q(t))},onMouseDown:e=>{x?.(),M(!0),U(e),window.addEventListener("mousemove",U),window.addEventListener("mouseup",W)},onTouchStart:e=>{x?.(),M(!0),U(e),window.addEventListener("touchend",W)}})});exports.Slider=s;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./utils/accessibility.utils.js"),a=require("./sliderStandAlone.js"),n=require("./utils/slider.utils.js");let i=require("react"),r=require("react/jsx-runtime");const s=(0,i.forwardRef)(({additionalClasses:s,ariaLabel:l,ariaLabelBy:o,decrementButton:u,defaultValue:c,disabled:d=!1,incrementButton:f,initialStepOffset:m,label:v,leftHelperText:g,max:h=100,min:p=0,onChange:b,onDragEnd:w,onDragStart:x,range:S=!1,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:B,rightThumbIcon:E,rightTooltip:R,step:T=1,thumbExceedsTrack:y=!0,thumbIcon:V,tooltip:k,type:q="discrete",value:O,variant:A},P)=>{const j=e=>n.calcDefaultValue({initialStepOffset:m,max:h,min:p,range:S,step:T,value:e}),N=(0,i.useRef)(null),[D,H]=(0,i.useState)(j(O??c)),[I,z]=(0,i.useState)(!1),[K,M]=(0,i.useState)(!1),F=(0,i.useRef)("left"),[G,J]=(0,i.useState)({max:100,min:0}),Q=(0,i.useRef)(),U=(0,i.useCallback)(e=>{b&&(clearTimeout(Q.current),Q.current=setTimeout(()=>{b(e)},50))},[b]),W=e=>{if(!N.current||d)return;const t=n.calcScaleValue({initialStepOffset:m,max:h,min:p,step:T,value:n.calcValueByOffset({max:h,min:p,offset:n.calculateChange({container:N.current,event:e,offsetBoundaries:G}),offsetBoundaries:G,step:T})});H(e=>{let a=t;return S&&(a=n.calcNewRangeValue({activePointer:F,newValue:t,prevValue:e})),U(a),a})},X=()=>{w?.(),M(!1),te()},{scaleOffsets:Y,showScale:Z}=n.getScale({initialStepOffset:m,max:h,min:p,step:T,type:q}),{offset:$,offsetLeft:_,offsetRight:ee}=n.getOffset({max:h,min:p,offsetBoundaries:G,range:S,value:D}),te=()=>{window.removeEventListener("mousemove",W),window.removeEventListener("mouseup",X),window.removeEventListener("touchend",X)},ae=e.useClassName({additionalClassNames:s,component:"SLIDER",variant:A}),ne=(0,i.useCallback)(()=>{if(y)return void J({max:100,min:0});if(!N.current)return;const e=N.current.querySelector('[role="slider"]');if(!e)return;const t=N.current.getBoundingClientRect().width,a=e.getBoundingClientRect().width/t*100/2;J({max:100-a,min:a})},[y]);return(0,i.useEffect)(()=>(ne(),y||window.addEventListener("resize",ne),()=>{y||window.removeEventListener("resize",ne)}),[y]),(0,i.useEffect)(()=>{void 0!==O&&(S&&!n.equalsRangeValues({values1:O,values2:D})||!S&&O!==D)&&H(j(O))},[O]),(0,i.useEffect)(()=>te,[]),(0,r.jsx)(a.SliderStandAlone,{ref:P,activePointer:F,ariaLabel:l,ariaLabelBy:o,containerRef:N,cssClasses:ae,decrementButton:{...u,disabled:d||u?.disabled,onClick:e=>{const a=t.decrementValue({activePointer:F.current,min:p,range:S,step:T,value:D});void 0!==a&&(H(a),U(a)),u?.onClick?.(e)}},disabled:d,hover:I,incrementButton:{...f,disabled:d||f?.disabled,onClick:e=>{const a=t.incrementValue({activePointer:F.current,max:h,range:S,step:T,value:D});void 0!==a&&(H(a),U(a)),f?.onClick?.(e)}},label:v,leftHelperText:g,max:h,min:p,offset:$,offsetLeft:_,offsetRight:ee,pressed:K,range:S,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:B,rightThumbIcon:E,rightTooltip:R,scaleOffsets:Y,setHover:z,showScale:Z,step:T,thumbIcon:V,tooltip:k,value:D,onChange:W,onKeyPress:e=>{if(d)return;const a=t.calcNewValueAfterKeyPress({activePointer:F.current,event:e,max:h,min:p,range:S,step:T,value:D});void 0!==a&&(H(a),U(a))},onMouseDown:e=>{x?.(),M(!0),W(e),window.addEventListener("mousemove",W),window.addEventListener("mouseup",X)},onTouchStart:e=>{x?.(),M(!0),W(e),window.addEventListener("touchend",X)}})});exports.Slider=s;

package/dist/cjs/components/slider/sliderStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../renderIf/renderIf.js"),r=require("../../lib/hooks/useId/useId.js"),a=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processText/processText.js"),o=require("../text/text.js"),n=require("./components/sliderButtonStandAlone.js"),d=require("./components/sliderHelperTextStandAlone.js"),c=require("./components/sliderScaleStandAlone.js"),u=require("./components/sliderThumbStandAlone.js"),x=require("./utils/accessibility.utils.js"),m=require("./utils/state.utils.js"),h=require("./utils/ui.utils.js"),p=t.forwardRef(({activePointer:t,ariaLabel:p,ariaLabelBy:b,containerRef:j,cssClasses:v,decrementButton:T,disabled:f,hover:A,incrementButton:S,label:$,leftHelperText:R,max:g,min:y,offset:E,offsetLeft:k,offsetRight:I,onChange:N,onKeyPress:B,onMouseDown:q,onTouchStart:C,pressed:L,range:w,rightAriaLabel:D,rightAriaLabelBy:H,rightHelperText:M,rightThumbIcon:O,rightTooltip:F,scaleOffsets:K,setHover:P,showScale:_,step:z,thumbIcon:G,tooltip:J,value:Q,...U},V)=>{const W=r.useId("slider"),X=m.getState({disabled:f,hover:A,pressed:L}),Y={"data-state":X},Z=U["data-testid"]??"slider",ee=i.pickCustomAttributes(Y),te=l.processText($).children&&!w?`${W}Label`:void 0,se=`${W}LeftHelperText`,re=`${W}RightHelperText`,ae=b??te;return e.jsxRuntimeExports.jsxs("div",{ref:V,className:v?.slider,"data-disabled":f,"data-hover":A,"data-pressed":L,...ee,children:[e.jsxRuntimeExports.jsx("div",{className:v?.labelcontainer,...ee,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:v?.label},component:"label",customAttributes:Y,id:te,...l.processText($)})}),e.jsxRuntimeExports.jsx(c.SliderScaleStandAlone,{cssClasses:v,customAttributes:Y,scaleOffsets:K,showScale:_}),e.jsxRuntimeExports.jsxs("div",{className:v?.buttonstrackscontainer,children:[e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...T,cssClasses:v,customAttributes:Y}),e.jsxRuntimeExports.jsx("div",{className:v?.tracksthumbscontainer,children:e.jsxRuntimeExports.jsxs("div",{ref:j,className:v?.tracksthumbsinnercontainer,"data-testid":`${Z}-container`,role:"button",tabIndex:0,onMouseDown:q,onTouchMove:N,onTouchStart:C,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),...ee,"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-left-track`,style:{left:0,width:`${k}%`}}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{left:`${k}%`,right:`${I}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-right-track`,style:{right:0,width:`${I}%`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-left-thumb`,disabled:f,hover:h.isActive(A,t.current,"left"),icon:G,max:Q[1]-z,min:y,pressed:h.isActive(L,t.current,"left"),state:X,style:{left:`${k}%`},tooltip:J,value:Q[0],onFocus:()=>t.current="left",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="left"},onTouchStart:()=>{t.current="left"}}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:D,ariaLabelBy:H,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-right-thumb`,disabled:f,hover:h.isActive(A,t.current,"right"),icon:O,max:g,min:Q[0]+z,pressed:h.isActive(L,t.current,"right"),rightThumb:!0,state:X,style:{right:`${I}%`},tooltip:F,value:Q[1],onFocus:()=>t.current="right",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="right"},onTouchStart:()=>{t.current="right"}})]})}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{width:`${E}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-track`,style:{right:0,width:`calc(${100-E}%)`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-thumb`,disabled:f,hover:A,icon:G,max:g,min:y,pressed:L,state:X,style:{left:`${E}%`},tooltip:J,value:Q,onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>P(!0)})]})})]})}),e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...S,cssClasses:v,customAttributes:Y})]}),e.jsxRuntimeExports.jsx(d.SliderHelperTextStandAlone,{cssClasses:v,customAttributes:Y,leftHelperText:R,leftHelperTextId:se,rightHelperText:M,rightHelperTextId:re})]})});exports.SliderStandAlone=p;
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../../lib/utils/classNames/classNames.js"),s=require("../text/text2.js"),a=require("../../lib/utils/process/processCommonProp.js"),r=require("./components/sliderButtonStandAlone.js"),i=require("./components/sliderHelperTextStandAlone.js"),l=require("./components/sliderScaleStandAlone.js"),d=require("./utils/ui.utils.js"),c=require("./components/sliderThumbStandAlone.js"),o=require("./utils/accessibility.utils.js"),n=require("./utils/state.utils.js");let u=require("react"),h=require("react/jsx-runtime");const b=(0,u.forwardRef)(({activePointer:b,ariaLabel:m,ariaLabelBy:p,containerRef:x,cssClasses:v,decrementButton:T,disabled:j,hover:A,incrementButton:$,label:f,leftHelperText:S,max:g,min:y,offset:k,offsetLeft:N,offsetRight:B,onChange:C,onKeyPress:q,onMouseDown:L,onTouchStart:w,pressed:I,range:D,rightAriaLabel:H,rightAriaLabelBy:M,rightHelperText:O,rightThumbIcon:P,rightTooltip:F,scaleOffsets:K,setHover:R,showScale:z,step:E,thumbIcon:G,tooltip:J,value:Q,...U},V)=>{const W=`slider-${(0,u.useId)().replace(/:/g,"")}`,X=n.getState({disabled:j,hover:A,pressed:I}),Y={"data-state":X},Z=U["data-testid"]??"slider",_=e.pickCustomAttributes(Y),ee=a.processTextProp(f).children&&!D?`${W}Label`:void 0,te=`${W}LeftHelperText`,se=`${W}RightHelperText`,ae=p??ee;return(0,h.jsxs)("div",{ref:V,className:v?.slider,"data-disabled":j,"data-hover":A,"data-pressed":I,..._,children:[(0,h.jsx)("div",{className:v?.labelcontainer,..._,children:(0,h.jsx)(s.Text,{additionalClasses:{text:v?.label},component:"label",customAttributes:Y,id:ee,...a.processTextProp(f)})}),(0,h.jsx)(l.SliderScaleStandAlone,{cssClasses:v,customAttributes:Y,scaleOffsets:K,showScale:z}),(0,h.jsxs)("div",{className:v?.buttonstrackscontainer,children:[(0,h.jsx)(r.SliderButtonStandAlone,{...T,cssClasses:v,customAttributes:Y}),(0,h.jsx)("div",{className:v?.tracksthumbscontainer,children:(0,h.jsxs)("div",{ref:x,className:v?.tracksthumbsinnercontainer,"data-testid":`${Z}-container`,role:"button",tabIndex:0,onMouseDown:L,onTouchMove:C,onTouchStart:w,children:[D&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:t.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),..._,"data-disabled":j,"data-hover":A,"data-pressed":I,"data-testid":`${Z}-inactive-left-track`,style:{left:0,width:`${N}%`}}),(0,h.jsx)("div",{className:t.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":j,"data-hover":A,"data-pressed":I,"data-testid":`${Z}-active-track`,style:{left:`${N}%`,right:`${B}%`},..._}),(0,h.jsx)("div",{className:t.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":j,"data-hover":A,"data-pressed":I,"data-testid":`${Z}-inactive-right-track`,style:{right:0,width:`${B}%`},..._}),(0,h.jsx)(c.SliderThumbStandAlone,{ariaDescribedBy:o.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:O,helperTextId:se}]),ariaLabel:m,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-left-thumb`,disabled:j,hover:d.isActive(A,b.current,"left"),icon:G,max:Q[1]-E,min:y,pressed:d.isActive(I,b.current,"left"),state:X,style:{left:`${N}%`},tooltip:J,value:Q[0],onFocus:()=>b.current="left",onKeyDown:q,onMouseOut:()=>R(!1),onMouseOver:()=>{R(!0),b.current="left"},onTouchStart:()=>{b.current="left"}}),(0,h.jsx)(c.SliderThumbStandAlone,{ariaDescribedBy:o.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:O,helperTextId:se}]),ariaLabel:H,ariaLabelBy:M,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-right-thumb`,disabled:j,hover:d.isActive(A,b.current,"right"),icon:P,max:g,min:Q[0]+E,pressed:d.isActive(I,b.current,"right"),rightThumb:!0,state:X,style:{right:`${B}%`},tooltip:F,value:Q[1],onFocus:()=>b.current="right",onKeyDown:q,onMouseOut:()=>R(!1),onMouseOver:()=>{R(!0),b.current="right"},onTouchStart:()=>{b.current="right"}})]}),!D&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:t.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":j,"data-hover":A,"data-pressed":I,"data-testid":`${Z}-active-track`,style:{width:`${k}%`},..._}),(0,h.jsx)("div",{className:t.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":j,"data-hover":A,"data-pressed":I,"data-testid":`${Z}-inactive-track`,style:{right:0,width:`calc(${100-k}%)`},..._}),(0,h.jsx)(c.SliderThumbStandAlone,{ariaDescribedBy:o.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:O,helperTextId:se}]),ariaLabel:m,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-thumb`,disabled:j,hover:A,icon:G,max:g,min:y,pressed:I,state:X,style:{left:`${k}%`},tooltip:J,value:Q,onKeyDown:q,onMouseOut:()=>R(!1),onMouseOver:()=>R(!0)})]})]})}),(0,h.jsx)(r.SliderButtonStandAlone,{...$,cssClasses:v,customAttributes:Y})]}),(0,h.jsx)(i.SliderHelperTextStandAlone,{cssClasses:v,customAttributes:Y,leftHelperText:S,leftHelperTextId:te,rightHelperText:O,rightHelperTextId:se})]})});exports.SliderStandAlone=b;

package/dist/cjs/components/slider/utils/accessibility.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),t=({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>{if("left"===e){if(i[0]+a>=i[1])return;return[i[0]+a,i[1]]}return i[1]+a>t?[i[0],t]:[i[0],i[1]+a]})({activePointer:e,max:t,step:i,value:n}):(({max:e,step:t,value:a})=>a+t>e?e:a+t)({max:t,step:i,value:n}),a=({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?i[0]-a<t?[t,i[1]]:[i[0]-a,i[1]]:i[1]-a<=i[0]?void 0:[i[0],i[1]-a])({activePointer:e,min:t,step:i,value:n}):(({min:e,step:t,value:a})=>a-t<e?e:a-t)({min:t,step:i,value:n});exports.buildAriaDescribedBy=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0,exports.calcNewValueAfterKeyPress=({activePointer:i,event:n,max:r,min:v,range:l,step:s,value:u})=>[e.ARROW_DOWN.key,e.ARROW_LEFT.key].includes(n.key)?(n.preventDefault(),a({activePointer:i,min:v,range:l,step:s,value:u})):[e.ARROW_UP.key,e.ARROW_RIGHT.key].includes(n.key)?(n.preventDefault(),t({activePointer:i,max:r,range:l,step:s,value:u})):[e.HOME.key].includes(n.key)?(n.preventDefault(),(({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?[t,i[1]]:[i[0],i[0]+a])({activePointer:e,min:t,step:i,value:n}):(({min:e})=>e)({min:t}))({activePointer:i,min:v,range:l,step:s,value:u})):[e.END.key].includes(n.key)?(n.preventDefault(),(({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>"left"===e?[i[1]-a,i[1]]:[i[0],t])({activePointer:e,max:t,step:i,value:n}):(({max:e})=>e)({max:t}))({activePointer:i,max:r,range:l,step:s,value:u})):void 0,exports.decrementValue=a,exports.incrementValue=t;
+const e=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),t=({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>{if("left"===e){if(i[0]+a>=i[1])return;return[i[0]+a,i[1]]}return i[1]+a>t?[i[0],t]:[i[0],i[1]+a]})({activePointer:e,max:t,step:i,value:n}):(({max:e,step:t,value:a})=>a+t>e?e:a+t)({max:t,step:i,value:n}),a=({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?i[0]-a<t?[t,i[1]]:[i[0]-a,i[1]]:i[1]-a<=i[0]?void 0:[i[0],i[1]-a])({activePointer:e,min:t,step:i,value:n}):(({min:e,step:t,value:a})=>a-t<e?e:a-t)({min:t,step:i,value:n});exports.buildAriaDescribedBy=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0,exports.calcNewValueAfterKeyPress=({activePointer:i,event:n,max:r,min:v,range:l,step:s,value:u})=>[e.ARROW_DOWN.key,e.ARROW_LEFT.key].includes(n.key)?(n.preventDefault(),a({activePointer:i,min:v,range:l,step:s,value:u})):[e.ARROW_UP.key,e.ARROW_RIGHT.key].includes(n.key)?(n.preventDefault(),t({activePointer:i,max:r,range:l,step:s,value:u})):[e.HOME.key].includes(n.key)?(n.preventDefault(),(({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?[t,i[1]]:[i[0],i[0]+a])({activePointer:e,min:t,step:i,value:n}):(({min:e})=>e)({min:t}))({activePointer:i,min:v,range:l,step:s,value:u})):[e.END.key].includes(n.key)?(n.preventDefault(),(({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>"left"===e?[i[1]-a,i[1]]:[i[0],t])({activePointer:e,max:t,step:i,value:n}):(({max:e})=>e)({max:t}))({activePointer:i,max:r,range:l,step:s,value:u})):void 0,exports.decrementValue=a,exports.incrementValue=t;

package/dist/cjs/components/slider/utils/slider.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../selectorBoxFile/utils/translateValue/translateValue.js"),t=({initialStepOffset:e,max:t,min:a,step:n,value:u})=>{const l=e+Math.ceil((a-e)/n)*n;if(l>t)return u;let i=l+Math.round((u-l)/n)*n;return i=Math.max(a,i),i=Math.min(t,i),Math.abs(a-u)<Math.abs(i-u)&&(i=a),Math.abs(t-u)<Math.abs(i-u)&&(i=t),i},a=({max:e,min:t,step:a,value:n})=>{const u=n-t;let l=a/2;if((e-t)%a>0&&u/a>Math.floor((e-t)/a)&&(l=(e-t)%a/2),u%a>l){const n=t+Math.ceil(u/a)*a;return n>e?e:n}return t+Math.floor(u/a)*a},n=({initialStepOffset:e,max:n,min:u,step:l,value:i})=>l<=0?i:void 0!==e?t({initialStepOffset:e,max:n,min:u,step:l,value:i}):a({max:n,min:u,step:l,value:i}),u=({activePointer:e,newValue:t,prevValue:a})=>"left"===e&&t<a[1]||t<=a[0],l=({activePointer:e,newValue:t,prevValue:a})=>"right"===e&&t>a[0]||t>=a[1],i=({defaultValue:e,max:t,min:a,value:n})=>(({max:e,min:t,value:a})=>void 0!==a&&a>=t&&a<=e)({max:t,min:a,value:n})?n:e;exports.calcDefaultValue=({initialStepOffset:e,max:t,min:a,range:u,step:l,value:r})=>{if(u){let u=[a,t];if((({value:e})=>Boolean(e&&Array.isArray(e)&&2===e.length))({value:r})){const s=r[0],o=r[1],p=i({defaultValue:a,max:t,min:a,value:s}),f=i({defaultValue:t,max:t,min:a,value:o});u=[n({initialStepOffset:e,max:t,min:a,step:l,value:p}),n({initialStepOffset:e,max:t,min:a,step:l,value:f})]}return u}const s=i({defaultValue:a,max:t,min:a,value:r});return n({initialStepOffset:e,max:t,min:a,step:l,value:s})},exports.calcNewRangeValue=({activePointer:e,newValue:t,prevValue:a})=>u({activePointer:e.current,newValue:t,prevValue:a})?("right"===e.current&&(e.current="left"),[t,a[1]]):l({activePointer:e.current,newValue:t,prevValue:a})?("left"===e.current&&(e.current="right"),[a[0],t]):a,exports.calcScaleValue=n,exports.calcScaleValueWithStepOffset=t,exports.calcScaleValueWithoutStepOffset=a,exports.calcValueByOffset=({max:t,min:a,offset:n,offsetBoundaries:u,step:l})=>{let i=e.translateValue({inputMax:u.max,inputMin:u.min,outputMax:t,outputMin:a,value:n});const r=String(l).indexOf(".")>0?String(l).split(".")[1].length:0;if(r>0){const e=Math.pow(10,r);i=Math.round(i*e)/e}else i=Math.round(i);return i},exports.calculateChange=({container:e,event:t,offsetBoundaries:a})=>{t.preventDefault();const n=e.clientWidth;let u=100*(("number"==typeof t?.pageX?t.pageX:t.touches[0].pageX)-(e.getBoundingClientRect().left+window.scrollX))/n;return u=Math.min(a.max,Math.max(a.min,u)),u},exports.equalsRangeValues=({values1:e,values2:t})=>!(!Array.isArray(e)||!Array.isArray(t)||2!==e.length||2!==t.length)&&(e[0]===t[0]&&e[1]===t[1]),exports.getOffset=({max:t,min:a,offsetBoundaries:n,range:u,value:l})=>{if(a===t)return{offset:100,offsetLeft:0,offsetRight:0};let i,r,s;return u?(r=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:l[0]}),s=100-e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:l[1]})):i=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:l}),{offset:i,offsetLeft:r,offsetRight:s}},exports.getScale=({initialStepOffset:t,max:a,min:n,step:u,type:l})=>{const i="discrete"===l&&u>0&&u<a-n;let r=[];if(i){const l=[n];for(let e=t??n;e<a;e+=u)e>n&&l.push(e);l.push(a),r=l.map(t=>e.translateValue({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:t}))}return{scaleOffsets:r,showScale:i}},exports.shouldUpdateLeftThumb=u,exports.shouldUpdateRightThumb=l;
+const e=require("../../selectorBoxFile/utils/translateValue/translateValue.js"),t=({initialStepOffset:e,max:t,min:a,step:n,value:u})=>n<=0?u:void 0!==e?(({initialStepOffset:e,max:t,min:a,step:n,value:u})=>{const i=e+Math.ceil((a-e)/n)*n;if(i>t)return u;let l=i+Math.round((u-i)/n)*n;return l=Math.max(a,l),l=Math.min(t,l),Math.abs(a-u)<Math.abs(l-u)&&(l=a),Math.abs(t-u)<Math.abs(l-u)&&(l=t),l})({initialStepOffset:e,max:t,min:a,step:n,value:u}):(({max:e,min:t,step:a,value:n})=>{const u=n-t;let i=a/2;if((e-t)%a>0&&u/a>Math.floor((e-t)/a)&&(i=(e-t)%a/2),u%a>i){const n=t+Math.ceil(u/a)*a;return n>e?e:n}return t+Math.floor(u/a)*a})({max:t,min:a,step:n,value:u});var a=({defaultValue:e,max:t,min:a,value:n})=>(({max:e,min:t,value:a})=>void 0!==a&&a>=t&&a<=e)({max:t,min:a,value:n})?n:e;exports.calcDefaultValue=({initialStepOffset:e,max:n,min:u,range:i,step:l,value:r})=>{if(i){let i=[u,n];if((({value:e})=>Boolean(e&&Array.isArray(e)&&2===e.length))({value:r})){const s=r[0],o=r[1],f=a({defaultValue:u,max:n,min:u,value:s}),p=a({defaultValue:n,max:n,min:u,value:o});i=[t({initialStepOffset:e,max:n,min:u,step:l,value:f}),t({initialStepOffset:e,max:n,min:u,step:l,value:p})]}return i}return t({initialStepOffset:e,max:n,min:u,step:l,value:a({defaultValue:u,max:n,min:u,value:r})})},exports.calcNewRangeValue=({activePointer:e,newValue:t,prevValue:a})=>(({activePointer:e,newValue:t,prevValue:a})=>"left"===e&&t<a[1]||t<=a[0])({activePointer:e.current,newValue:t,prevValue:a})?("right"===e.current&&(e.current="left"),[t,a[1]]):(({activePointer:e,newValue:t,prevValue:a})=>"right"===e&&t>a[0]||t>=a[1])({activePointer:e.current,newValue:t,prevValue:a})?("left"===e.current&&(e.current="right"),[a[0],t]):a,exports.calcScaleValue=t,exports.calcValueByOffset=({max:t,min:a,offset:n,offsetBoundaries:u,step:i})=>{let l=e.translateValue({inputMax:u.max,inputMin:u.min,outputMax:t,outputMin:a,value:n});const r=String(i).indexOf(".")>0?String(i).split(".")[1].length:0;if(r>0){const e=Math.pow(10,r);l=Math.round(l*e)/e}else l=Math.round(l);return l},exports.calculateChange=({container:e,event:t,offsetBoundaries:a})=>{t.preventDefault();const n=e.clientWidth;let u=100*(("number"==typeof t?.pageX?t.pageX:t.touches[0].pageX)-(e.getBoundingClientRect().left+window.scrollX))/n;return u=Math.min(a.max,Math.max(a.min,u)),u},exports.equalsRangeValues=({values1:e,values2:t})=>!(!Array.isArray(e)||!Array.isArray(t)||2!==e.length||2!==t.length)&&e[0]===t[0]&&e[1]===t[1],exports.getOffset=({max:t,min:a,offsetBoundaries:n,range:u,value:i})=>{if(a===t)return{offset:100,offsetLeft:0,offsetRight:0};let l,r,s;return u?(r=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:i[0]}),s=100-e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:i[1]})):l=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:i}),{offset:l,offsetLeft:r,offsetRight:s}},exports.getScale=({initialStepOffset:t,max:a,min:n,step:u,type:i})=>{const l="discrete"===i&&u>0&&u<a-n;let r=[];if(l){const i=[n];for(let e=t??n;e<a;e+=u)e>n&&i.push(e);i.push(a),r=i.map(t=>e.translateValue({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:t}))}return{scaleOffsets:r,showScale:l}};