acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/cjs/components/Select/Select.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("../../react-base/src/consts/index.js"),Oe=require("classnames"),Z=require("../../react-base/src/components/Select/Select.utils.js"),K=require("../Popover/Popover.js"),ee=require("../Icon/components/ChevronDown.js"),qe=require("../../hooks/useFocusRingOnKeyboard.js"),D=require("./Select.styles.js"),B=require("../ListItem/SelectListItem.js"),Ee=require("./hooks/useOptions.js"),Ie=require("./hooks/useElementRect.js"),je=require("./utils/strUtils.js"),ve=require("./utils/selection.js"),we=require("./utils/props.js"),De=require("../Flexbox/Flexbox.js"),$e=require("./components/SelectLoading.js"),Ge=require("../../react-base/src/consts/classes.js"),Ce=s.forwardRef(({id:te,defaultOpen:le,className:se,size:o=p.Sizes.Medium,mode:d="single",placeholder:re,loading:I=!1,invalid:F=!1,showSearch:$=!0,allowClear:h,placement:Me,disabled:b,options:ne,onFocus:ie,onBlur:ue,onClick:ae,children:ce,optionFilterProp:H="label",optionLabelProp:N="label",onSearch:j,onSelect:G,onDeselect:C,onClear:M,onChange:x,defaultValue:oe,suffix:X,value:de,style:fe,virtual:Re=!1,...pe},me)=>{var Q,Y;const m=s.useRef(null),xe=s.useRef(null),[q,g]=s.useState(le??!1),u=s.useId(),[_,R]=s.useState(!1),U=te??`select-${u}-input`,[a,L]=s.useState(""),[n,ge]=s.useState(()=>we.asArray(oe??de)),v=Ee.useOptions(ce,`select-${u}`,ne),f=s.useMemo(()=>v.flatMap(e=>e.isGroup?[e,...e.options]:[e]),[v]),y=s.useMemo(()=>a&&a.trim().length>0?f.filter(e=>(e==null?void 0:e.isGroup)||je.strIncludes(e==null?void 0:e[H],a)):f,[f,a,H]),r=s.useMemo(()=>y.filter(e=>e&&!e.isGroup&&e.disabled!==!0).map(e=>e.key),[y]),[S,w]=s.useState(null);s.useEffect(()=>{var e;w(((e=f.find(t=>!t.isGroup&&!t.disabled))==null?void 0:e.key)??null)},[f]);const V=s.useCallback(e=>{if(d==="single"){x==null||x(e.length===1?e[0]:null);return}x==null||x(e)},[d,x]),O=s.useCallback(e=>{const{current:t,added:l,removed:c}=ve.updateSelectedValues(n,e,d,h);l.forEach(T=>{const k=f.find(E=>!E.isGroup&&E.value===T);Z.isOption(k)&&G&&G(k.value,k)}),c.forEach(T=>{const k=f.find(E=>!E.isGroup&&E.value===T);Z.isOption(k)&&C&&C(k.value,k)}),ge(t),V(t),L(""),d==="single"&&g(!1)},[n,d,h,V,f,G,C]),z=s.useMemo(()=>n==null?void 0:n.map(e=>{var t;return((t=v.flatMap(l=>l.isGroup?l.options:[l]).find(l=>!l.isGroup&&l.value===e))==null?void 0:t[N])??e}),[v,n,N]);s.useEffect(()=>{var e;S&&((e=document.getElementById(S))==null||e.scrollIntoView({block:"nearest",inline:"nearest"}))},[S]);const P=Ie.useElementRect((Y=(Q=m.current)==null?void 0:Q.parentElement)==null?void 0:Y.parentElement);s.useImperativeHandle(me,()=>m.current);const{focusKind:Se,handleOnClick:ke,handleOnFocus:A,handleOnBlur:W,handleOnMouseDownCapture:he}=qe.useFocusRingOnKeyboard({inputRef:m,onFocus:ie,onBlur:ue,onClick:ae}),be=s.useCallback(e=>{var t,l;_||(!e.relatedTarget||!e.currentTarget.contains(e.relatedTarget)&&e.relatedTarget.id!==`select-${u}-controls`&&((t=e.relatedTarget.parentElement)==null?void 0:t.id)!==`select-${u}-options-container`?(L(""),W(e),g(!1)):(A(e),(l=m.current)==null||l.focus()))},[W,A,u,_]),J=s.useCallback(e=>{var t;if(!q&&["Enter","ArrowUp","ArrowDown"," "].includes(e.key)){e.preventDefault(),e.stopPropagation(),g(!0);return}if(e.key==="Escape"){e.preventDefault(),g(!1);return}if((t=m.current)==null||t.focus(),h&&(e.key==="Backspace"||e.key==="Delete")&&(!a||a.trim().length===0)&&n.length>0&&O(n[n.length-1]),r.length!==0){if(e.key==="Enter"||(!a||a.trim().length===0)&&e.key===" "){e.preventDefault();const l=f.find(c=>!c.isGroup&&c.key===S);O(l&&!(l!=null&&l.isGroup)?l.value??null:null)}e.key==="ArrowDown"&&(e.preventDefault(),w(l=>{const c=l?r.indexOf(l):-1;return c===-1||c===r.length-1?(r==null?void 0:r[0])??null:(r==null?void 0:r[c+1])??null})),e.key==="ArrowUp"&&(e.preventDefault(),w(l=>{const c=l?r.indexOf(l):-1;return c<=0?(r==null?void 0:r[r.length-1])??null:(r==null?void 0:r[c-1])??null}))}},[q,h,r,a,n,O,f,S]),ye=s.useCallback(e=>{const t=e.target.value;L(t),j==null||j(t)},[j]);return i.jsxs(K.Popover,{open:q,onOpenChange:g,children:[i.jsx("label",{htmlFor:U,id:`select-${u}-label`,tabIndex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0px",margin:"-1px",overflow:"hidden",clip:"rect(0px, 0px, 0px, 0px)",whiteSpace:"nowrap",borderWidth:"0px"},children:n.join(", ")}),i.jsx(K.PopoverTrigger,{asChild:!0,children:i.jsx(D.SelectInput,{inputRef:m,"data-focused":Se,$mode:d,className:Oe(Ge.SELECT_CLASS,se),style:fe,size:o,allowReadOnlyClear:!0,readOnly:!$,onFocus:A,onBlur:be,wrapperProps:{onMouseDownCapture:e=>{R(!0),he(e)},onClick:e=>{var t;e.isDefaultPrevented()||(t=m.current)==null||t.click(),R(!1),ke(e)}},onClick:e=>{$&&!b&&!e.isDefaultPrevented()&&(g(!0),e.preventDefault()),R(!1),e.stopPropagation()},invalid:F,loading:I,disabled:b,onKeyDown:J,value:a,onChange:ye,name:"select-input",type:"text",customPrefix:d==="multiple"&&n.map((e,t)=>i.jsx(D.SelectTag,{sentiment:"information",$disabled:b,$invalid:F,size:o,closeButton:!b&&h,onCloseClick:()=>{O(e)},children:z[t]},`select-${u}-value-${e}`)),customSuffix:n.length>0&&d==="single"&&(!a||a.trim().length===0)&&i.jsx(D.SelectedSingleOptionLabel,{disabled:b,id:`select-${u}-value`,size:o,children:z[0]}),suffix:{transparent:!0,node:X?i.jsxs(De,{gap:"2px",children:[X,i.jsx(ee,{})]}):i.jsx(ee,{}),onClick:e=>{var l;const t=new Event("click",{bubbles:!0,cancelable:!0});$&&!b&&(g(c=>!c),t.preventDefault(),e.preventDefault()),(l=m.current)==null||l.dispatchEvent(t)}},placeholder:!a&&(n.length===0&&d==="single"||d==="multiple")?re:"",allowClear:h&&(e=>e!==""||n.length>0),onClear:()=>{O(null),M==null||M()},autoComplete:"off",autoCorrect:"off",multiple:d!=="single",spellCheck:"false","aria-autocomplete":"list",role:"combobox","aria-haspopup":"listbox","aria-controls":q?`select-${u}-controls`:void 0,"aria-labelledby":`select-${u}-label`,id:U,"aria-activedescendant":q?S??void 0:void 0,...pe})}),i.jsxs(D.SelectPopoverContent,{role:"listbox",align:"start",side:"bottom",ref:xe,style:{width:(P==null?void 0:P.width)??"auto"},size:o===p.Sizes.XSmall?p.Sizes.Small:o,sideOffset:4,alignOffset:0,tabIndex:-1,onOpenAutoFocus:e=>{e.preventDefault(),e.stopPropagation()},"aria-label":"Suggestions",id:`select-${u}-controls`,padding:!1,children:[i.jsx("div",{id:`select-${u}-options-container`,role:"presentation",tabIndex:-1,children:!I&&y.map(e=>e.isGroup&&y.some(t=>!t.isGroup&&t.key.startsWith(e.key))?i.jsx(B.SelectListItemHeader,{size:o===p.Sizes.XSmall?p.Sizes.Small:o,id:e.key,role:"group",label:e.label},e.key):e.isGroup?null:i.jsx(B.SelectListItem,{id:e.key,size:o===p.Sizes.XSmall?p.Sizes.Small:o,role:"option",tabIndex:-1,onMouseMove:()=>!e.disabled&&w(e.key),onClick:()=>!e.disabled&&O(e.value??null),onKeyDown:t=>J(t),selected:n.includes(e.value??null),"aria-selected":S===e.key,disabled:e.disabled,label:e.label},e.key))}),!I&&(y.length===0||y.every(e=>e.isGroup))&&i.jsx(B.SelectListItemHeader,{style:{textAlign:"center"},size:o===p.Sizes.XSmall?p.Sizes.Small:o,id:`select-${u}-options-not-found`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"No options found",label:"No options found"}),I&&i.jsx($e.SelectLoading,{id:u,size:o})]})]})});module.exports=Ce;
+"use strict";const n=require("react/jsx-runtime"),t=require("react"),c=require("../../react-base/src/consts/index.js"),Oe=require("classnames"),U=require("../../react-base/src/components/Select/Select.utils.js"),J=require("../Popover/Popover.js"),Q=require("../Icon/components/ChevronDown.js"),qe=require("../../hooks/useFocusRingOnKeyboard.js"),q=require("./Select.styles.js"),je=require("../ListItem/ListItem.js"),Ee=require("./hooks/useOptions.js"),Ie=require("./hooks/useElementRect.js"),$e=require("./utils/strUtils.js"),we=require("./utils/selection.js"),Ge=require("./utils/props.js"),Re=require("../Flexbox/Flexbox.js"),Me=require("./components/SelectLoading.js"),De=require("./utils/keydown.js"),Y=require("../ListItem/ListItemHeader.js"),Te=require("../../react-base/src/consts/classes.js"),Ke=t.forwardRef(({id:Z,defaultOpen:ee,className:te,size:a=c.Sizes.Medium,mode:s="single",placeholder:le,loading:C=!1,invalid:K=!1,showSearch:j=!0,allowClear:g,placement:Pe,disabled:h,options:se,onFocus:ne,onBlur:re,onClick:ae,children:ie,optionFilterProp:P="label",optionLabelProp:L="label",optionSelectionType:oe,optionShowInputControls:ue,optionMutliline:ce=!1,onKeyDown:N,onSearch:A,onSelect:E,onDeselect:I,onClear:de,onChange:$,defaultValue:pe,suffix:B,value:x,style:fe,virtual:Le=!1,...be},ge)=>{const d=t.useRef(null),he=t.useRef(null),[y,m]=t.useState(ee??!1),r=t.useId(),[F,w]=t.useState(!1),H=Z??`select-${r}-input`,[o,G]=t.useState(""),[i,R]=t.useState(()=>Ge.asArray(pe??x)),O=Ee.useOptions(ie,`select-${r}`,se),u=t.useMemo(()=>O.flatMap(e=>e.isGroup?[e,...e.options]:[e]),[O]),S=t.useMemo(()=>o&&o.trim().length>0?u.filter(e=>e?.isGroup||$e.strIncludes(e?.[P],o)):u,[u,o,P]),V=t.useMemo(()=>S.filter(e=>e&&!e.isGroup&&e.disabled!==!0).map(e=>e.key),[S]),[f,M]=t.useState(null);t.useEffect(()=>{M(u.find(e=>!e.isGroup&&!e.disabled)?.key??null)},[u]);const X=t.useCallback(e=>{if(s==="single"){$?.(e.length===1?e[0]:null);return}$?.(e)},[s,$]);t.useEffect(()=>{s==="single"?R(x?[x]:[]):Array.isArray(x)&&R(x)},[x,s]);const v=t.useCallback(e=>{const{current:l,added:p,removed:Ce}=we.updateSelectedValues(i,e,s,g);p.forEach(T=>{const b=u.find(k=>!k.isGroup&&k.value===T);U.isOption(b)&&E&&E(b.value,b)}),Ce.forEach(T=>{const b=u.find(k=>!k.isGroup&&k.value===T);U.isOption(b)&&I&&I(b.value,b)}),R(l),X(l),G(""),s==="single"&&m(!1)},[i,s,g,X,u,E,I]),_=t.useMemo(()=>i?.map(e=>O.flatMap(l=>l.isGroup?l.options:[l]).find(l=>!l.isGroup&&l.value===e)?.[L]??e),[O,i,L]);t.useEffect(()=>{f&&document.getElementById(f)?.scrollIntoView({block:"nearest",inline:"nearest"})},[f]);const xe=Ie.useElementRect(d.current?.parentElement?.parentElement);t.useImperativeHandle(ge,()=>d.current);const{focusKind:me,handleOnClick:Se,handleOnFocus:D,handleOnBlur:W,handleOnMouseDownCapture:ye}=qe.useFocusRingOnKeyboard({inputRef:d,onFocus:ne,onBlur:re,onClick:ae}),ve=t.useCallback(e=>{F||(!e.relatedTarget||!e.currentTarget.contains(e.relatedTarget)&&e.relatedTarget.id!==`select-${r}-controls`&&e.relatedTarget.parentElement?.id!==`select-${r}-options-container`?(G(""),W(e),m(!1)):(D(e),d.current?.focus()))},[W,D,r,F]),z=t.useCallback(e=>{De.onKeyDownHandle(e,{isOpen:y,setIsOpen:m,input:d.current,allowClear:!!g,availableOptionKeys:V,searchValue:o,selectedNodeValues:i,selectNodeValue:v,flatOptions:u,currentNodeKey:f,setCurrentNodeKey:M}),N?.(e)},[N,y,g,V,o,i,v,u,f]),ke=t.useCallback(e=>{const l=e.target.value;G(l),A?.(l)},[A]);return n.jsxs(J.Popover,{open:y,onOpenChange:m,children:[n.jsx("label",{htmlFor:H,id:`select-${r}-label`,tabIndex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0px",margin:"-1px",overflow:"hidden",clip:"rect(0px, 0px, 0px, 0px)",whiteSpace:"nowrap",borderWidth:"0px"},children:i.join(", ")}),n.jsx(J.PopoverTrigger,{asChild:!0,children:n.jsx(q.SelectInput,{inputRef:d,"data-focused":me,$mode:s,className:Oe(Te.SELECT_CLASS,te),style:fe,size:a,allowReadOnlyClear:!0,readOnly:!j,onFocus:D,onBlur:ve,wrapperProps:{onMouseDownCapture:e=>{w(!0),ye(e)},onClick:e=>{e.isDefaultPrevented()||d.current?.click(),w(!1),Se(e)}},onClick:e=>{j&&!h&&!e.isDefaultPrevented()&&(m(!0),e.preventDefault()),w(!1),e.stopPropagation()},invalid:K,loading:C,disabled:h,onKeyDown:z,value:o,onChange:ke,name:"select-input",type:"text",customPrefix:s==="multiple"&&i.map((e,l)=>n.jsx(q.SelectTag,{sentiment:"information",$disabled:h,$invalid:K,size:a,closeButton:!h&&g,onCloseClick:()=>{v(e)},children:_[l]},`select-${r}-value-${e}`)),customSuffix:i.length>0&&s==="single"&&(!o||o.trim().length===0)&&n.jsx(q.SelectedSingleOptionLabel,{disabled:h,id:`select-${r}-value`,size:a,children:_[0]}),suffix:{transparent:!0,node:B?n.jsxs(Re,{gap:"2px",children:[B,n.jsx(Q,{})]}):n.jsx(Q,{}),onClick:e=>{const l=new Event("click",{bubbles:!0,cancelable:!0});j&&!h&&(m(p=>!p),l.preventDefault(),e.preventDefault()),d.current?.dispatchEvent(l)}},placeholder:!o&&(i.length===0&&s==="single"||s==="multiple")?le:"",allowClear:g&&(e=>e!==""||i.length>0),onClear:()=>{v(null),de?.()},autoComplete:"off",autoCorrect:"off",multiple:s!=="single",spellCheck:"false","aria-autocomplete":"list",role:"combobox","aria-haspopup":"listbox","aria-controls":y?`select-${r}-controls`:void 0,"aria-labelledby":`select-${r}-label`,id:H,"aria-activedescendant":y?f??void 0:void 0,...be})}),n.jsxs(q.SelectPopoverContent,{role:"listbox",align:"start",side:"bottom",ref:he,style:{width:xe?.width??"auto"},size:a===c.Sizes.XSmall?c.Sizes.Small:a,sideOffset:4,alignOffset:0,tabIndex:-1,onOpenAutoFocus:e=>{e.preventDefault(),e.stopPropagation()},"aria-label":"Suggestions",id:`select-${r}-controls`,padding:!1,children:[n.jsx("div",{id:`select-${r}-options-container`,role:"presentation",tabIndex:-1,children:!C&&S.map((e,l)=>e.isGroup&&S.some(p=>!p.isGroup&&p.key.startsWith(e.key))?n.jsx(Y,{size:a===c.Sizes.XSmall?c.Sizes.Small:a,id:e.key,role:"group",label:e.label,divider:l!==0},e.key):e.isGroup?null:n.jsx(je,{id:e.key,size:a===c.Sizes.XSmall?c.Sizes.Small:a,role:"option",tabIndex:-1,onMouseMove:()=>!e.disabled&&M(e.key),onClick:()=>!e.disabled&&v(e.value??null),onKeyDown:p=>z(p),selected:i.includes(e.value??null),"aria-selected":f===e.key,disabled:e.disabled,multiline:ce,label:e.label,optionItem:!0,selectionType:oe??(!s||s==="single"?"radio":"checkbox"),showInputControls:ue},e.key))}),!C&&(S.length===0||S.every(e=>e.isGroup))&&n.jsx(Y,{style:{textAlign:"center"},size:a===c.Sizes.XSmall?c.Sizes.Small:a,id:`select-${r}-options-not-found`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"No options found",label:"No options found",divider:!1}),C&&n.jsx(Me.SelectLoading,{id:r,size:a})]})]})});module.exports=Ke;
 //# sourceMappingURL=Select.js.map

package/build/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport { SelectListItem, SelectListItemHeader } from '../ListItem/SelectListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n  (\n    {\n      id: idProp,\n      defaultOpen,\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      loading = false,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      disabled,\n      options: originalOptions,\n      onFocus,\n      onBlur,\n      onClick,\n      children,\n      optionFilterProp = 'label',\n      optionLabelProp = 'label',\n      onSearch,\n      onSelect,\n      onDeselect,\n      onClear,\n      onChange,\n      defaultValue,\n      suffix,\n      value,\n      style,\n      // This prop is not used in the new Select implementation, but kept for compatibility.\n      // If you need virtualized options, please use the DeprecatedSelect component.\n      virtual: _virtual = false,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n    const id = useId();\n    const [handled, setHandled] = useState(false);\n    const inputId = idProp ?? `select-${id}-input`;\n    const [searchValue, setSearchValue] = useState<string>('');\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n    const options = useOptions(children, `select-${id}`, originalOptions);\n    const flatOptions = useMemo(\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n      [options],\n    );\n    const filteredOptions = useMemo(\n      () =>\n        searchValue && searchValue.trim().length > 0\n          ? flatOptions.filter(\n              (opt) =>\n                opt?.isGroup ||\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n            )\n          : flatOptions,\n      [flatOptions, searchValue, optionFilterProp],\n    );\n    const availableOptionKeys = useMemo(\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n      [filteredOptions],\n    );\n\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\n\n    // Set the initial current node key to the first available option\n    useEffect(() => {\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n    }, [flatOptions]);\n\n    const handleOnChange = useCallback(\n      (newNodeValues: ValueType[]) => {\n        if (mode === 'single') {\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n          return;\n        }\n\n        onChange?.(newNodeValues);\n      },\n      [mode, onChange],\n    );\n\n    const selectNodeValue = useCallback(\n      (nodeValue: ValueType) => {\n        const {\n          current: newSelectedValues,\n          added,\n          removed,\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n        added.forEach((addedValue) => {\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n          if (SelectUtils.isOption(addedOption) && onSelect) {\n            onSelect(addedOption.value, addedOption);\n          }\n        });\n        removed.forEach((removedValue) => {\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\n            onDeselect(removedOption.value, removedOption);\n          }\n        });\n\n        setSelectedNodeValues(newSelectedValues);\n        handleOnChange(newSelectedValues);\n\n        setSearchValue('');\n        if (mode === 'single') {\n          setIsOpen(false);\n        }\n      },\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n    );\n\n    // define node values based on selected node keys\n    // This is used for the input label and for the selected tags in multiple mode.\n    const selectedNodeLabels = useMemo(\n      () =>\n        selectedNodeValues?.map(\n          (nodeValue) =>\n            (options\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n              optionLabelProp as keyof (typeof options)[number]\n            ] ?? nodeValue) as string,\n        ),\n      [options, selectedNodeValues, optionLabelProp],\n    );\n\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n    // in the viewport.\n    useEffect(() => {\n      if (currentNodeKey) {\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }\n    }, [currentNodeKey]);\n\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n      inputRef,\n      onFocus,\n      onBlur,\n      onClick,\n    });\n\n    const onBlurHandler = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        if (handled) {\n          return;\n        }\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\n        // If the related target is not part of the select options, close the dropdown\n        // If the related target is part of the select options, keep the dropdown open\n        if (\n          !event.relatedTarget ||\n          (!event.currentTarget.contains(event.relatedTarget) &&\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n        ) {\n          setSearchValue('');\n          handleOnBlur(event);\n          setIsOpen(false);\n        } else {\n          handleOnFocus(event);\n          inputRef.current?.focus();\n        }\n      },\n      [handleOnBlur, handleOnFocus, id, handled],\n    );\n\n    const onkeydownHandler = useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (!isOpen && ['Enter', 'ArrowUp', 'ArrowDown', ' '].includes(event.key)) {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsOpen(true);\n          return;\n        }\n\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          setIsOpen(false);\n          return;\n        }\n\n        inputRef.current?.focus();\n\n        if (\n          allowClear &&\n          (event.key === 'Backspace' || event.key === 'Delete') &&\n          (!searchValue || searchValue.trim().length === 0) &&\n          selectedNodeValues.length > 0\n        ) {\n          selectNodeValue(selectedNodeValues[selectedNodeValues.length - 1]);\n        }\n\n        if (availableOptionKeys.length === 0) {\n          return;\n        }\n\n        if (event.key === 'Enter' || ((!searchValue || searchValue.trim().length === 0) && event.key === ' ')) {\n          event.preventDefault();\n          const currentNode = flatOptions.find((opt) => !opt.isGroup && opt.key === currentNodeKey);\n          selectNodeValue(currentNode && !currentNode?.isGroup ? (currentNode.value ?? null) : null);\n        }\n\n        if (event.key === 'ArrowDown') {\n          event.preventDefault();\n          setCurrentNodeKey((prevKey) => {\n            const currentNodeIdx = prevKey ? availableOptionKeys.indexOf(prevKey) : -1;\n            if (currentNodeIdx === -1 || currentNodeIdx === availableOptionKeys.length - 1) {\n              return availableOptionKeys?.[0] ?? null;\n            }\n\n            return availableOptionKeys?.[currentNodeIdx + 1] ?? null;\n          });\n        }\n\n        if (event.key === 'ArrowUp') {\n          event.preventDefault();\n          setCurrentNodeKey((prevKey) => {\n            const currentNodeIdx = prevKey ? availableOptionKeys.indexOf(prevKey) : -1;\n            if (currentNodeIdx <= 0) {\n              return availableOptionKeys?.[availableOptionKeys.length - 1] ?? null;\n            }\n            return availableOptionKeys?.[currentNodeIdx - 1] ?? null;\n          });\n        }\n      },\n      [\n        isOpen,\n        allowClear,\n        availableOptionKeys,\n        searchValue,\n        selectedNodeValues,\n        selectNodeValue,\n        flatOptions,\n        currentNodeKey,\n      ],\n    );\n\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        const newValue = event.target.value;\n\n        setSearchValue(newValue);\n        onSearch?.(newValue);\n      },\n      [onSearch],\n    );\n\n    return (\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <label\n          htmlFor={inputId}\n          id={`select-${id}-label`}\n          tabIndex={-1}\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0px',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0px, 0px, 0px, 0px)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0px',\n          }}\n        >\n          {selectedNodeValues.join(', ')}\n        </label>\n        <PopoverTrigger asChild={true}>\n          <SelectInput\n            inputRef={inputRef}\n            data-focused={focusKind}\n            $mode={mode}\n            className={classNames(SELECT_CLASS, className)}\n            style={style}\n            size={size}\n            allowReadOnlyClear={true}\n            readOnly={!showSearch}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            wrapperProps={{\n              onMouseDownCapture: (e) => {\n                setHandled(true);\n                handleOnMouseDownCapture(e);\n              },\n              onClick: (e) => {\n                if (!e.isDefaultPrevented()) {\n                  inputRef.current?.click();\n                }\n                setHandled(false);\n                handleOnClick(e);\n              },\n            }}\n            onClick={(e) => {\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\n                setIsOpen(true);\n                e.preventDefault();\n              }\n              setHandled(false);\n              e.stopPropagation();\n            }}\n            invalid={invalid}\n            loading={loading}\n            disabled={disabled}\n            onKeyDown={onkeydownHandler}\n            value={searchValue}\n            onChange={handleSearchChange}\n            name=\"select-input\"\n            type=\"text\"\n            customPrefix={\n              mode === 'multiple' &&\n              selectedNodeValues.map((sNodeValue, index) => (\n                <SelectTag\n                  sentiment=\"information\"\n                  $disabled={disabled}\n                  $invalid={invalid}\n                  size={size}\n                  closeButton={!disabled && allowClear}\n                  onCloseClick={() => {\n                    selectNodeValue(sNodeValue);\n                  }}\n                  key={`select-${id}-value-${sNodeValue}`}\n                >\n                  {selectedNodeLabels[index]}\n                </SelectTag>\n              ))\n            }\n            customSuffix={\n              selectedNodeValues.length > 0 &&\n              mode === 'single' &&\n              (!searchValue || searchValue.trim().length === 0) && (\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n                  {selectedNodeLabels[0]}\n                </SelectedSingleOptionLabel>\n              )\n            }\n            suffix={{\n              transparent: true,\n              node: suffix ? (\n                <Flexbox gap=\"2px\">\n                  {suffix}\n                  <ChevronDown />\n                </Flexbox>\n              ) : (\n                <ChevronDown />\n              ),\n              onClick: (e) => {\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n                if (showSearch && !disabled) {\n                  setIsOpen((prev) => !prev);\n                  clickEvent.preventDefault();\n                  e.preventDefault();\n                }\n                inputRef.current?.dispatchEvent(clickEvent);\n              },\n            }}\n            placeholder={\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\n                ? placeholder\n                : ''\n            }\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\n            onClear={() => {\n              selectNodeValue(null);\n              onClear?.();\n            }}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            multiple={mode !== 'single'}\n            spellCheck=\"false\"\n            aria-autocomplete=\"list\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\n            aria-labelledby={`select-${id}-label`}\n            id={inputId}\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n            {...rest}\n          />\n        </PopoverTrigger>\n        <SelectPopoverContent\n          role=\"listbox\"\n          align=\"start\"\n          side=\"bottom\"\n          ref={optionsContainerRef}\n          style={{\n            width: inputWrapperRect?.width ?? 'auto',\n          }}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          sideOffset={4}\n          alignOffset={0}\n          tabIndex={-1}\n          onOpenAutoFocus={(e) => {\n            // prevent default focus behavior\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          aria-label=\"Suggestions\"\n          id={`select-${id}-controls`}\n          padding={false}\n        >\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n            {!loading &&\n              filteredOptions.map((option) => {\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n                  return (\n                    <SelectListItemHeader\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      id={option.key}\n                      role=\"group\"\n                      label={option.label}\n                    />\n                  );\n                } else if (!option.isGroup) {\n                  return (\n                    <SelectListItem\n                      id={option.key}\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      role=\"option\"\n                      tabIndex={-1}\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n                      selected={selectedNodeValues.includes(option.value ?? null)}\n                      aria-selected={currentNodeKey === option.key}\n                      disabled={option.disabled}\n                      label={option.label}\n                    />\n                  );\n                }\n                return null;\n              })}\n          </div>\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\n            <SelectListItemHeader\n              style={{ textAlign: 'center' }}\n              size={size === Sizes.XSmall ? Sizes.Small : size}\n              id={`select-${id}-options-not-found`}\n              role=\"alert\"\n              aria-live=\"polite\"\n              aria-atomic={true}\n              aria-label=\"No options found\"\n              label=\"No options found\"\n            />\n          )}\n          {loading && <SelectLoading id={id} size={size} />}\n        </SelectPopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","_a","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","_b","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","currentNode","prevKey","currentNodeIdx","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","SelectListItemHeader","SelectListItem","SelectLoading"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport ListItem from '../ListItem/ListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\nimport { onKeyDownHandle } from './utils/keydown';\nimport ListItemHeader from '../ListItem/ListItemHeader';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n  (\n    {\n      id: idProp,\n      defaultOpen,\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      loading = false,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      disabled,\n      options: originalOptions,\n      onFocus,\n      onBlur,\n      onClick,\n      children,\n      optionFilterProp = 'label',\n      optionLabelProp = 'label',\n      optionSelectionType,\n      optionShowInputControls,\n      optionMutliline = false,\n      onKeyDown,\n      onSearch,\n      onSelect,\n      onDeselect,\n      onClear,\n      onChange,\n      defaultValue,\n      suffix,\n      value,\n      style,\n      // This prop is not used in the new Select implementation, but kept for compatibility.\n      // If you need virtualized options, please use the DeprecatedSelect component.\n      virtual: _virtual = false,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n    const id = useId();\n    const [handled, setHandled] = useState(false);\n    const inputId = idProp ?? `select-${id}-input`;\n    const [searchValue, setSearchValue] = useState<string>('');\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n    const options = useOptions(children, `select-${id}`, originalOptions);\n    const flatOptions = useMemo(\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n      [options],\n    );\n    const filteredOptions = useMemo(\n      () =>\n        searchValue && searchValue.trim().length > 0\n          ? flatOptions.filter(\n              (opt) =>\n                opt?.isGroup ||\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n            )\n          : flatOptions,\n      [flatOptions, searchValue, optionFilterProp],\n    );\n    const availableOptionKeys = useMemo(\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n      [filteredOptions],\n    );\n\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\n\n    // Set the initial current node key to the first available option\n    useEffect(() => {\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n    }, [flatOptions]);\n\n    const handleOnChange = useCallback(\n      (newNodeValues: ValueType[]) => {\n        if (mode === 'single') {\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n          return;\n        }\n\n        onChange?.(newNodeValues);\n      },\n      [mode, onChange],\n    );\n\n    useEffect(() => {\n      if (mode === 'single') {\n        setSelectedNodeValues(value ? [value] : []);\n      } else if (Array.isArray(value)) {\n        setSelectedNodeValues(value);\n      }\n    }, [value, mode]);\n\n    const selectNodeValue = useCallback(\n      (nodeValue: ValueType) => {\n        const {\n          current: newSelectedValues,\n          added,\n          removed,\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n        added.forEach((addedValue) => {\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n          if (SelectUtils.isOption(addedOption) && onSelect) {\n            onSelect(addedOption.value, addedOption);\n          }\n        });\n        removed.forEach((removedValue) => {\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\n            onDeselect(removedOption.value, removedOption);\n          }\n        });\n\n        setSelectedNodeValues(newSelectedValues);\n        handleOnChange(newSelectedValues);\n\n        setSearchValue('');\n        if (mode === 'single') {\n          setIsOpen(false);\n        }\n      },\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n    );\n\n    // define node values based on selected node keys\n    // This is used for the input label and for the selected tags in multiple mode.\n    const selectedNodeLabels = useMemo(\n      () =>\n        selectedNodeValues?.map(\n          (nodeValue) =>\n            (options\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n              optionLabelProp as keyof (typeof options)[number]\n            ] ?? nodeValue) as string,\n        ),\n      [options, selectedNodeValues, optionLabelProp],\n    );\n\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n    // in the viewport.\n    useEffect(() => {\n      if (currentNodeKey) {\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }\n    }, [currentNodeKey]);\n\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n      inputRef,\n      onFocus,\n      onBlur,\n      onClick,\n    });\n\n    const onBlurHandler = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        if (handled) {\n          return;\n        }\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\n        // If the related target is not part of the select options, close the dropdown\n        // If the related target is part of the select options, keep the dropdown open\n        if (\n          !event.relatedTarget ||\n          (!event.currentTarget.contains(event.relatedTarget) &&\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n        ) {\n          setSearchValue('');\n          handleOnBlur(event);\n          setIsOpen(false);\n        } else {\n          handleOnFocus(event);\n          inputRef.current?.focus();\n        }\n      },\n      [handleOnBlur, handleOnFocus, id, handled],\n    );\n\n    const onkeydownHandler = useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onKeyDownHandle(event, {\n          isOpen,\n          setIsOpen,\n          input: inputRef.current,\n          allowClear: Boolean(allowClear),\n          availableOptionKeys,\n          searchValue,\n          selectedNodeValues,\n          selectNodeValue,\n          flatOptions,\n          currentNodeKey,\n          setCurrentNodeKey,\n        });\n        onKeyDown?.(event);\n      },\n      [\n        onKeyDown,\n        isOpen,\n        allowClear,\n        availableOptionKeys,\n        searchValue,\n        selectedNodeValues,\n        selectNodeValue,\n        flatOptions,\n        currentNodeKey,\n      ],\n    );\n\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        const newValue = event.target.value;\n\n        setSearchValue(newValue);\n        onSearch?.(newValue);\n      },\n      [onSearch],\n    );\n\n    return (\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <label\n          htmlFor={inputId}\n          id={`select-${id}-label`}\n          tabIndex={-1}\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0px',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0px, 0px, 0px, 0px)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0px',\n          }}\n        >\n          {selectedNodeValues.join(', ')}\n        </label>\n        <PopoverTrigger asChild={true}>\n          <SelectInput\n            inputRef={inputRef}\n            data-focused={focusKind}\n            $mode={mode}\n            className={classNames(SELECT_CLASS, className)}\n            style={style}\n            size={size}\n            allowReadOnlyClear={true}\n            readOnly={!showSearch}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            wrapperProps={{\n              onMouseDownCapture: (e) => {\n                setHandled(true);\n                handleOnMouseDownCapture(e);\n              },\n              onClick: (e) => {\n                if (!e.isDefaultPrevented()) {\n                  inputRef.current?.click();\n                }\n                setHandled(false);\n                handleOnClick(e);\n              },\n            }}\n            onClick={(e) => {\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\n                setIsOpen(true);\n                e.preventDefault();\n              }\n              setHandled(false);\n              e.stopPropagation();\n            }}\n            invalid={invalid}\n            loading={loading}\n            disabled={disabled}\n            onKeyDown={onkeydownHandler}\n            value={searchValue}\n            onChange={handleSearchChange}\n            name=\"select-input\"\n            type=\"text\"\n            customPrefix={\n              mode === 'multiple' &&\n              selectedNodeValues.map((sNodeValue, index) => (\n                <SelectTag\n                  sentiment=\"information\"\n                  $disabled={disabled}\n                  $invalid={invalid}\n                  size={size}\n                  closeButton={!disabled && allowClear}\n                  onCloseClick={() => {\n                    selectNodeValue(sNodeValue);\n                  }}\n                  key={`select-${id}-value-${sNodeValue}`}\n                >\n                  {selectedNodeLabels[index]}\n                </SelectTag>\n              ))\n            }\n            customSuffix={\n              selectedNodeValues.length > 0 &&\n              mode === 'single' &&\n              (!searchValue || searchValue.trim().length === 0) && (\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n                  {selectedNodeLabels[0]}\n                </SelectedSingleOptionLabel>\n              )\n            }\n            suffix={{\n              transparent: true,\n              node: suffix ? (\n                <Flexbox gap=\"2px\">\n                  {suffix}\n                  <ChevronDown />\n                </Flexbox>\n              ) : (\n                <ChevronDown />\n              ),\n              onClick: (e) => {\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n                if (showSearch && !disabled) {\n                  setIsOpen((prev) => !prev);\n                  clickEvent.preventDefault();\n                  e.preventDefault();\n                }\n                inputRef.current?.dispatchEvent(clickEvent);\n              },\n            }}\n            placeholder={\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\n                ? placeholder\n                : ''\n            }\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\n            onClear={() => {\n              selectNodeValue(null);\n              onClear?.();\n            }}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            multiple={mode !== 'single'}\n            spellCheck=\"false\"\n            aria-autocomplete=\"list\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\n            aria-labelledby={`select-${id}-label`}\n            id={inputId}\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n            {...rest}\n          />\n        </PopoverTrigger>\n        <SelectPopoverContent\n          role=\"listbox\"\n          align=\"start\"\n          side=\"bottom\"\n          ref={optionsContainerRef}\n          style={{\n            width: inputWrapperRect?.width ?? 'auto',\n          }}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          sideOffset={4}\n          alignOffset={0}\n          tabIndex={-1}\n          onOpenAutoFocus={(e) => {\n            // prevent default focus behavior\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          aria-label=\"Suggestions\"\n          id={`select-${id}-controls`}\n          padding={false}\n        >\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n            {!loading &&\n              filteredOptions.map((option, i) => {\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n                  return (\n                    <ListItemHeader\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      id={option.key}\n                      role=\"group\"\n                      label={option.label}\n                      divider={i !== 0}\n                    />\n                  );\n                } else if (!option.isGroup) {\n                  return (\n                    <ListItem\n                      id={option.key}\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      role=\"option\"\n                      tabIndex={-1}\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n                      selected={selectedNodeValues.includes(option.value ?? null)}\n                      aria-selected={currentNodeKey === option.key}\n                      disabled={option.disabled}\n                      multiline={optionMutliline}\n                      label={option.label}\n                      optionItem={true}\n                      selectionType={optionSelectionType ?? (!mode || mode === 'single' ? 'radio' : 'checkbox')}\n                      showInputControls={optionShowInputControls}\n                    />\n                  );\n                }\n                return null;\n              })}\n          </div>\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\n            <ListItemHeader\n              style={{ textAlign: 'center' }}\n              size={size === Sizes.XSmall ? Sizes.Small : size}\n              id={`select-${id}-options-not-found`}\n              role=\"alert\"\n              aria-live=\"polite\"\n              aria-atomic={true}\n              aria-label=\"No options found\"\n              label=\"No options found\"\n              divider={false}\n            />\n          )}\n          {loading && <SelectLoading id={id} size={size} />}\n        </SelectPopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}

package/build/cjs/components/Select/Select.styles.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),o=require("../../react-base/src/theme/types/layer.js"),t=require("../../react-base/src/components/Input/Input.consts.js"),s=require("../../react-base/src/components/Select/Select.consts.js"),g=require("../Popover/Popover.js"),m=require("../Loading/Loading.styles.js"),x=require("../TextInput/TextInput.styles.js"),b=require("../TextInput/TextInput.js"),h=require("../Tag/Tag.js"),a=require("../Tag/Tag.styles.js"),p=require("../Flexbox/Flexbox.styles.js"),$=require("../Text/components/Label/Label.js"),c=require("../Text/components/Label/Label.styles.js"),d=n.styled(h)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),o=require("../../react-base/src/theme/types/layer.js"),t=require("../../react-base/src/components/Input/Input.consts.js"),s=require("../../react-base/src/components/Select/Select.consts.js"),g=require("../Popover/Popover.js"),m=require("../Loading/Loading.styles.js"),x=require("../TextInput/TextInput.styles.js"),h=require("../TextInput/TextInput.js"),b=require("../Tag/Tag.js"),a=require("../Tag/Tag.styles.js"),c=require("../Flexbox/Flexbox.styles.js"),$=require("../Text/components/Label/Label.js"),p=require("../Text/components/Label/Label.styles.js"),d=n.styled(b)`
   ${({theme:i,$invalid:e,$disabled:l,size:r})=>n.css`
     &,
     & ${a.TagButton} {
@@ -6,7 +6,7 @@
     }
 
     ${l&&n.css`
-      & ${a.TagLabelContainer} > ${c.Label} {
+      & ${a.TagLabelContainer} > ${p.Label} {
         color: ${i.layer({disabled:l,sentiment:e?"negative":"information"})[o.Variables.TextOnFoundationStrong]};
       }
     `};
@@ -36,8 +36,10 @@
   `};
 `,u=n.styled($)`
   position: absolute;
-`,w=n.styled(b)(({$mode:i,size:e,readOnly:l})=>n.css`
+`,w=n.styled(h)(({$mode:i,size:e,readOnly:l})=>n.css`
     align-items: flex-start;
+    max-width: 100%;
+    overflow: hidden;
 
     ${l&&n.css`
       &,
@@ -58,7 +60,7 @@
       --select-clear-btn-size: ${t.consts[e??"medium"].iconSize+t.consts[e??"medium"].padding.inline*2+t.consts[e??"medium"].containerGap}px;
     }
 
-    ${p.Flexbox}:has(input) {
+    ${c.Flexbox}:has(input) {
       position: relative;
     }
 
@@ -75,7 +77,7 @@
     }
 
     ${i==="multiple"&&n.css`
-      ${p.Flexbox}:has(input) {
+      ${c.Flexbox}:has(input) {
         gap: ${s.newConsts[e??"medium"].gap}px;
         &:has(${d}) {
           padding: ${s.newConsts[e??"medium"].prefixPadding}px;
@@ -91,7 +93,7 @@
       }
     `}
 
-    ${c.Label} {
+    ${p.Label} {
       text-overflow: ellipsis;
     }
 
@@ -108,11 +110,6 @@
         min-width: 0;
         max-width: 100%;
         display: block;
-
-        ${c.Label} {
-          display: flex;
-          align-items: center;
-        }
       }
     }
   `),f={small:32,medium:40,large:48},S=n.styled(g.PopoverContent)`

package/build/cjs/components/Select/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { css, styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\n\nimport { PopoverContent } from '../Popover/Popover';\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\nimport { LoadingContainer } from '../Loading/Loading.styles';\nimport { ClearButton } from '../TextInput/TextInput.styles';\nimport TextInput from '../TextInput/TextInput';\nimport Tag from '../Tag/Tag';\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\nimport { ISelectProps } from './Select.types';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\nimport Label from '../Text/components/Label/Label';\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\n\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\n  ${({ theme, $invalid, $disabled, size }) => css`\n    &,\n    & ${TagButton} {\n      background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n        $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n      ]};\n    }\n\n    ${$disabled &&\n    css`\n      & ${TagLabelContainer} > ${LabelStyles} {\n        color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n          Variables.TextOnFoundationStrong\n        ]};\n      }\n    `};\n\n    ${!$disabled &&\n    css`\n      &:has(${TagButton}:hover) {\n        &,\n        & ${TagButton} {\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n          ]};\n        }\n      }\n      &:has(${TagButton}:active) {\n        &,\n        & ${TagButton} {\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n          ]};\n        }\n      }\n    `};\n\n    padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\n    gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\n\n    & ${TagLabelContainer} {\n      padding-inline: 0;\n      gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\n    }\n  `};\n`;\n\nexport const SelectedSingleOptionLabel = styled(Label)`\n  position: absolute;\n`;\n\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\n  ({ $mode, size, readOnly }) => css`\n    align-items: flex-start;\n\n    ${readOnly &&\n    css`\n      &,\n      & input {\n        cursor: default;\n      }\n    `};\n\n    &:has([data-affix='suffix']) {\n      --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    &:has(${LoadingContainer}) {\n      --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    &:has(${ClearButton}) {\n      --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    ${Flexbox}:has(input) {\n      position: relative;\n    }\n\n    ${SelectedSingleOptionLabel} {\n      --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\n      left: var(--single-option-label-padding);\n      white-space: nowrap;\n      min-width: 0;\n      width: 100%;\n      max-width: calc(100% - var(--single-option-label-padding));\n      overflow: hidden;\n      display: block;\n      text-overflow: ellipsis;\n    }\n\n    ${$mode === 'multiple' &&\n    css`\n      ${Flexbox}:has(input) {\n        gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\n        &:has(${SelectTag}) {\n          padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\n\n          input {\n            padding: 0;\n          }\n        }\n      }\n\n      input {\n        width: auto;\n      }\n    `}\n\n    ${LabelStyles} {\n      text-overflow: ellipsis;\n    }\n\n    ${SelectTag} {\n      height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\n      border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\n      overflow: hidden;\n      position: relative;\n      max-width: 100%;\n      ${TagLabelContainer} {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        min-width: 0;\n        max-width: 100%;\n        display: block;\n\n        ${LabelStyles} {\n          display: flex;\n          align-items: center;\n        }\n      }\n    }\n  `,\n);\n\nconst listItemSize = {\n  small: 32,\n  medium: 40,\n  large: 48,\n};\n\nexport const SelectPopoverContent = styled(PopoverContent)`\n  max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\n  overflow-y: auto;\n\n  & > :first-child:has(*) {\n    margin-inline: 4px;\n  }\n\n  & > :has(*) {\n    min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\n    margin: 4px 0;\n    gap: 4px;\n    display: flex;\n    align-items: stretch;\n    justify-content: start;\n    flex-direction: column;\n  }\n`;\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"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"}
+{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { css, styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\n\nimport { PopoverContent } from '../Popover/Popover';\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\nimport { LoadingContainer } from '../Loading/Loading.styles';\nimport { ClearButton } from '../TextInput/TextInput.styles';\nimport TextInput from '../TextInput/TextInput';\nimport Tag from '../Tag/Tag';\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\nimport { ISelectProps } from './Select.types';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\nimport Label from '../Text/components/Label/Label';\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\n\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\n  ${({ theme, $invalid, $disabled, size }) => css`\n    &,\n    & ${TagButton} {\n      background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n        $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n      ]};\n    }\n\n    ${$disabled &&\n    css`\n      & ${TagLabelContainer} > ${LabelStyles} {\n        color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n          Variables.TextOnFoundationStrong\n        ]};\n      }\n    `};\n\n    ${!$disabled &&\n    css`\n      &:has(${TagButton}:hover) {\n        &,\n        & ${TagButton} {\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n          ]};\n        }\n      }\n      &:has(${TagButton}:active) {\n        &,\n        & ${TagButton} {\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n          ]};\n        }\n      }\n    `};\n\n    padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\n    gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\n\n    & ${TagLabelContainer} {\n      padding-inline: 0;\n      gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\n    }\n  `};\n`;\n\nexport const SelectedSingleOptionLabel = styled(Label)`\n  position: absolute;\n`;\n\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\n  ({ $mode, size, readOnly }) => css`\n    align-items: flex-start;\n    max-width: 100%;\n    overflow: hidden;\n\n    ${readOnly &&\n    css`\n      &,\n      & input {\n        cursor: default;\n      }\n    `};\n\n    &:has([data-affix='suffix']) {\n      --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    &:has(${LoadingContainer}) {\n      --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    &:has(${ClearButton}) {\n      --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    ${Flexbox}:has(input) {\n      position: relative;\n    }\n\n    ${SelectedSingleOptionLabel} {\n      --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\n      left: var(--single-option-label-padding);\n      white-space: nowrap;\n      min-width: 0;\n      width: 100%;\n      max-width: calc(100% - var(--single-option-label-padding));\n      overflow: hidden;\n      display: block;\n      text-overflow: ellipsis;\n    }\n\n    ${$mode === 'multiple' &&\n    css`\n      ${Flexbox}:has(input) {\n        gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\n        &:has(${SelectTag}) {\n          padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\n\n          input {\n            padding: 0;\n          }\n        }\n      }\n\n      input {\n        width: auto;\n      }\n    `}\n\n    ${LabelStyles} {\n      text-overflow: ellipsis;\n    }\n\n    ${SelectTag} {\n      height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\n      border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\n      overflow: hidden;\n      position: relative;\n      max-width: 100%;\n      ${TagLabelContainer} {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        min-width: 0;\n        max-width: 100%;\n        display: block;\n      }\n    }\n  `,\n);\n\nconst listItemSize = {\n  small: 32,\n  medium: 40,\n  large: 48,\n};\n\nexport const SelectPopoverContent = styled(PopoverContent)`\n  max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\n  overflow-y: auto;\n\n  & > :first-child:has(*) {\n    margin-inline: 4px;\n  }\n\n  & > :has(*) {\n    min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\n    margin: 4px 0;\n    gap: 4px;\n    display: flex;\n    align-items: stretch;\n    justify-content: start;\n    flex-direction: column;\n  }\n`;\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"8rBAmBaA,EAAYC,EAAAA,OAAOC,CAAG;AAAA,IAC/B,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,EAAW,KAAAC,KAAWC,EAAAA;AAAAA;AAAAA,QAEtCC,WAAS;AAAA,0BACSL,EAAM,MAAM,CAAE,SAAUE,EAAW,UAAWD,EAAW,WAAa,aAAA,CAAe,EACvGA,EAAWK,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBACvD,CAAC;AAAA;AAAA;AAAA,MAGDJ,GACFE,EAAAA;AAAAA,UACMG,EAAAA,iBAAiB,MAAMC,OAAW;AAAA,iBAC3BR,EAAM,MAAM,CAAE,SAAUE,EAAW,UAAWD,EAAW,WAAa,aAAA,CAAe,EAC5FK,EAAAA,UAAU,sBACZ,CAAC;AAAA;AAAA,KAEJ;AAAA;AAAA,MAEC,CAACJ,GACHE,EAAAA;AAAAA,cACUC,WAAS;AAAA;AAAA,YAEXA,WAAS;AAAA,8BACSL,EAAM,MAAM,CAAE,UAAWC,EAAW,WAAa,cAAe,MAAO,OAAA,CAAS,EAClGA,EAAWK,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBACvD,CAAC;AAAA;AAAA;AAAA,cAGGD,WAAS;AAAA;AAAA,YAEXA,WAAS;AAAA,8BACSL,EAAM,MAAM,CAAE,UAAWC,EAAW,WAAa,cAAe,MAAO,OAAA,CAAS,EAClGA,EAAWK,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBACvD,CAAC;AAAA;AAAA;AAAA,KAGN;AAAA;AAAA,sBAEiBG,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,OAAO;AAAA,WAChEM,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,GAAG;AAAA;AAAA,QAEpDI,mBAAiB;AAAA;AAAA,aAEZE,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,OAAO;AAAA;AAAA,GAE/D;AAAA,EAGUO,EAA4BZ,EAAAA,OAAOa,CAAK;AAAA;AAAA,EAIxCC,EAAcd,EAAAA,OAAOe,CAAoC,EACpE,CAAC,CAAE,MAAAC,EAAO,KAAAX,EAAM,SAAAY,KAAeX,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAK3BW,GACFX,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAKC;AAAA;AAAA;AAAA,6BAGwBY,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,SAC5Da,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,OAC7Ca,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,YAAY;AAAA;AAAA;AAAA,YAG3Cc,kBAAgB;AAAA,+BACGD,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,SAC9Da,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,OAAS,EACtDa,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,YAAY;AAAA;AAAA;AAAA,YAG3Ce,aAAW;AAAA,iCACUF,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,SAChEa,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,OAAS,EACtDa,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,YAAY;AAAA;AAAA;AAAA,MAGjDgB,SAAO;AAAA;AAAA;AAAA;AAAA,MAIPT,CAAyB;AAAA,uCACQM,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWpFW,IAAU,YACZV,EAAAA;AAAAA,QACIe,SAAO;AAAA,eACAV,YAAuBN,GAAQ,QAAQ,EAAE,GAAG;AAAA,gBAC3CN,CAAS;AAAA,qBACJY,YAAuBN,GAAQ,QAAQ,EAAE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAWtE;AAAA;AAAA,MAECK,OAAW;AAAA;AAAA;AAAA;AAAA,MAIXX,CAAS;AAAA,gBACCY,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,MAAM;AAAA,uBAC7CM,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA,QAIzEI,mBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUzB,EAEMa,EAAe,CACnB,MAAO,GACP,OAAQ,GACR,MAAO,EACT,EAEaC,EAAuBvB,EAAAA,OAAOwB,gBAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBASlC,CAAC,CAAE,KAAAnB,CAAA,IAAWiB,EAAajB,GAAQ,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/Select/components/SelectLoading.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../../react-base/src/consts/index.js"),a=require("../../ListItem/SelectListItem.js"),o=({id:i,size:e})=>l.jsx(a.SelectListItemHeader,{style:{textAlign:"center"},size:e===t.Sizes.XSmall?t.Sizes.Small:e,id:`select-${i}-options-loading`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"Loading...",label:"Loading..."});exports.SelectLoading=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),i=require("../../../react-base/src/consts/index.js"),a=require("../../ListItem/ListItemHeader.js"),r=({id:t,size:e})=>l.jsx(a,{style:{textAlign:"center"},size:e===i.Sizes.XSmall?i.Sizes.Small:e,id:`select-${t}-options-loading`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"Loading...",label:"Loading...",divider:!1});exports.SelectLoading=r;
 //# sourceMappingURL=SelectLoading.js.map

package/build/cjs/components/Select/components/SelectLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport { SelectListItemHeader } from '../../ListItem/SelectListItem';\n\nexport type SelectLoadingProps = {\n  size?: SelectTypes.Size;\n  id?: string;\n};\n\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\n  <SelectListItemHeader\n    style={{ textAlign: 'center' }}\n    size={size === Sizes.XSmall ? Sizes.Small : size}\n    id={`select-${id}-options-loading`}\n    role=\"alert\"\n    aria-live=\"polite\"\n    aria-atomic={true}\n    aria-label=\"Loading...\"\n    label=\"Loading...\"\n  />\n);\n"],"names":["SelectLoading","id","size","jsx","SelectListItemHeader","Sizes"],"mappings":"oPAUaA,EAAgB,CAAC,CAAE,GAAAC,EAAI,KAAAC,KAClCC,EAAAA,IAACC,EAAAA,qBAAA,CACC,MAAO,CAAE,UAAW,QAAA,EACpB,KAAMF,IAASG,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQH,EAC5C,GAAI,UAAUD,CAAE,mBAChB,KAAK,QACL,YAAU,SACV,cAAa,GACb,aAAW,aACX,MAAM,YAAA,CACR"}
+{"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport ListItemHeader from '../../ListItem/ListItemHeader';\n\nexport type SelectLoadingProps = {\n  size?: SelectTypes.Size;\n  id?: string;\n};\n\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\n  <ListItemHeader\n    style={{ textAlign: 'center' }}\n    size={size === Sizes.XSmall ? Sizes.Small : size}\n    id={`select-${id}-options-loading`}\n    role=\"alert\"\n    aria-live=\"polite\"\n    aria-atomic={true}\n    aria-label=\"Loading...\"\n    label=\"Loading...\"\n    divider={false}\n  />\n);\n"],"names":["SelectLoading","id","size","jsx","ListItemHeader","Sizes"],"mappings":"oPAUaA,EAAgB,CAAC,CAAE,GAAAC,EAAI,KAAAC,KAClCC,EAAAA,IAACC,EAAA,CACC,MAAO,CAAE,UAAW,QAAA,EACpB,KAAMF,IAASG,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQH,EAC5C,GAAI,UAAUD,CAAE,mBAChB,KAAK,QACL,YAAU,SACV,cAAa,GACb,aAAW,aACX,MAAM,aACN,QAAS,EAAA,CACX"}

package/build/cjs/components/Select/utils/keydown.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(l,e)=>{if(!e.isOpen&&["Enter","ArrowUp","ArrowDown"," "].includes(l.key)){l.preventDefault(),l.stopPropagation(),e.setIsOpen(!0);return}if(l.key==="Escape"){l.preventDefault(),e.setIsOpen(!1);return}if(e.input?.focus(),e.allowClear&&(l.key==="Backspace"||l.key==="Delete")&&(!e.searchValue||e.searchValue.trim().length===0)&&e.selectedNodeValues.length>0&&e.selectNodeValue(e.selectedNodeValues[e.selectedNodeValues.length-1]),e.availableOptionKeys.length!==0){if(l.key==="Enter"||(!e.searchValue||e.searchValue.trim().length===0)&&l.key===" "){l.preventDefault();const a=e.flatOptions.find(r=>!r.isGroup&&r.key===e.currentNodeKey);e.selectNodeValue(a&&!a?.isGroup?a.value??null:null)}l.key==="ArrowDown"&&(l.preventDefault(),e.setCurrentNodeKey(a=>{const r=a?e.availableOptionKeys.indexOf(a):-1;return r===-1||r===e.availableOptionKeys.length-1?e.availableOptionKeys?.[0]??null:e.availableOptionKeys?.[r+1]??null})),l.key==="ArrowUp"&&(l.preventDefault(),e.setCurrentNodeKey(a=>{const r=a?e.availableOptionKeys.indexOf(a):-1;return r<=0?e.availableOptionKeys?.[e.availableOptionKeys.length-1]??null:e.availableOptionKeys?.[r-1]??null}))}};exports.onKeyDownHandle=u;
+//# sourceMappingURL=keydown.js.map

package/build/cjs/components/Select/utils/keydown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keydown.js","sources":["../../../../../src/components/Select/utils/keydown.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from 'react';\n\nimport type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { ValueType } from '../Select.types';\n\nexport interface KeyDownHandleOptions {\n  isOpen: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  input: HTMLInputElement | null;\n  allowClear: boolean;\n  searchValue: string;\n  selectedNodeValues: ValueType[];\n  selectNodeValue: (value: ValueType) => void;\n  availableOptionKeys: string[];\n  flatOptions: SelectTypes.IOption[];\n  currentNodeKey: string | null;\n  setCurrentNodeKey: Dispatch<SetStateAction<string | null>>;\n}\n\n// Transforms the Select state according to the key pressed\n// Would need to be refactored into a more testable piece of logic\nexport const onKeyDownHandle = (event: KeyboardEvent<HTMLInputElement>, options: KeyDownHandleOptions): void => {\n  if (!options.isOpen && ['Enter', 'ArrowUp', 'ArrowDown', ' '].includes(event.key)) {\n    event.preventDefault();\n    event.stopPropagation();\n    options.setIsOpen(true);\n    return;\n  }\n\n  if (event.key === 'Escape') {\n    event.preventDefault();\n    options.setIsOpen(false);\n\n    return;\n  }\n\n  options.input?.focus();\n\n  if (\n    options.allowClear &&\n    (event.key === 'Backspace' || event.key === 'Delete') &&\n    (!options.searchValue || options.searchValue.trim().length === 0) &&\n    options.selectedNodeValues.length > 0\n  ) {\n    options.selectNodeValue(options.selectedNodeValues[options.selectedNodeValues.length - 1]);\n  }\n\n  if (options.availableOptionKeys.length === 0) {\n    return;\n  }\n\n  if (\n    event.key === 'Enter' ||\n    ((!options.searchValue || options.searchValue.trim().length === 0) && event.key === ' ')\n  ) {\n    event.preventDefault();\n    const currentNode = options.flatOptions.find((opt) => !opt.isGroup && opt.key === options.currentNodeKey);\n    options.selectNodeValue(currentNode && !currentNode?.isGroup ? (currentNode.value ?? null) : null);\n  }\n\n  if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    options.setCurrentNodeKey((prevKey: string | null) => {\n      const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n      if (currentNodeIdx === -1 || currentNodeIdx === options.availableOptionKeys.length - 1) {\n        return options.availableOptionKeys?.[0] ?? null;\n      }\n\n      return options.availableOptionKeys?.[currentNodeIdx + 1] ?? null;\n    });\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    options.setCurrentNodeKey((prevKey) => {\n      const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n      if (currentNodeIdx <= 0) {\n        return options.availableOptionKeys?.[options.availableOptionKeys.length - 1] ?? null;\n      }\n      return options.availableOptionKeys?.[currentNodeIdx - 1] ?? null;\n    });\n  }\n};\n"],"names":["onKeyDownHandle","event","options","currentNode","opt","prevKey","currentNodeIdx"],"mappings":"4GAsBO,MAAMA,EAAkB,CAACC,EAAwCC,IAAwC,CAC9G,GAAI,CAACA,EAAQ,QAAU,CAAC,QAAS,UAAW,YAAa,GAAG,EAAE,SAASD,EAAM,GAAG,EAAG,CACjFA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNC,EAAQ,UAAU,EAAI,EACtB,MACF,CAEA,GAAID,EAAM,MAAQ,SAAU,CAC1BA,EAAM,eAAA,EACNC,EAAQ,UAAU,EAAK,EAEvB,MACF,CAaA,GAXAA,EAAQ,OAAO,MAAA,EAGbA,EAAQ,aACPD,EAAM,MAAQ,aAAeA,EAAM,MAAQ,YAC3C,CAACC,EAAQ,aAAeA,EAAQ,YAAY,OAAO,SAAW,IAC/DA,EAAQ,mBAAmB,OAAS,GAEpCA,EAAQ,gBAAgBA,EAAQ,mBAAmBA,EAAQ,mBAAmB,OAAS,CAAC,CAAC,EAGvFA,EAAQ,oBAAoB,SAAW,EAI3C,IACED,EAAM,MAAQ,UACZ,CAACC,EAAQ,aAAeA,EAAQ,YAAY,KAAA,EAAO,SAAW,IAAMD,EAAM,MAAQ,IACpF,CACAA,EAAM,eAAA,EACN,MAAME,EAAcD,EAAQ,YAAY,KAAME,GAAQ,CAACA,EAAI,SAAWA,EAAI,MAAQF,EAAQ,cAAc,EACxGA,EAAQ,gBAAgBC,GAAe,CAACA,GAAa,QAAWA,EAAY,OAAS,KAAQ,IAAI,CACnG,CAEIF,EAAM,MAAQ,cAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAA2B,CACpD,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,IAAmB,IAAMA,IAAmBJ,EAAQ,oBAAoB,OAAS,EAC5EA,EAAQ,sBAAsB,CAAC,GAAK,KAGtCA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAGCL,EAAM,MAAQ,YAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAAY,CACrC,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,GAAkB,EACbJ,EAAQ,sBAAsBA,EAAQ,oBAAoB,OAAS,CAAC,GAAK,KAE3EA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAEL"}

package/build/cjs/components/Select/utils/strUtils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=(e,o)=>typeof e=="object"&&Array.isArray(e)?t(e.join(""),o):(typeof e=="string"&&(e==null?void 0:e.toLowerCase().includes(o.toLowerCase().trim())))??!1;exports.strIncludes=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=(e,t)=>typeof e=="object"&&Array.isArray(e)?o(e.join(""),t):(typeof e=="string"&&e?.toLowerCase().includes(t.toLowerCase().trim()))??!1;exports.strIncludes=o;
 //# sourceMappingURL=strUtils.js.map

package/build/cjs/components/Select/utils/strUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string | null | undefined | string[];\n\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\n  if (typeof str === 'object' && Array.isArray(str)) {\n    return strIncludes(str.join(''), search);\n  }\n\n  return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\n};\n"],"names":["strIncludes","str","search"],"mappings":"4GAEO,MAAMA,EAAc,CAACC,EAAoBC,IAC1C,OAAOD,GAAQ,UAAY,MAAM,QAAQA,CAAG,EACvCD,EAAYC,EAAI,KAAK,EAAE,EAAGC,CAAM,GAGjC,OAAOD,GAAQ,WAAYA,GAAA,YAAAA,EAAK,cAAc,SAASC,EAAO,YAAA,EAAc,KAAA,MAAY"}
+{"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string | null | undefined | string[];\n\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\n  if (typeof str === 'object' && Array.isArray(str)) {\n    return strIncludes(str.join(''), search);\n  }\n\n  return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\n};\n"],"names":["strIncludes","str","search"],"mappings":"4GAEO,MAAMA,EAAc,CAACC,EAAoBC,IAC1C,OAAOD,GAAQ,UAAY,MAAM,QAAQA,CAAG,EACvCD,EAAYC,EAAI,KAAK,EAAE,EAAGC,CAAM,GAGjC,OAAOD,GAAQ,UAAYA,GAAK,YAAA,EAAc,SAASC,EAAO,YAAA,EAAc,KAAA,CAAM,IAAM"}

package/build/cjs/components/Slider/RangeSlider.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),h=require("react"),M=require("classnames"),p=require("rc-slider"),e=require("../../react-base/src/consts/index.js"),j=require("./components/Value/Value.js"),I=require("./Slider.styles.js"),O=require("../Text/components/Label/Label.js"),q=require("../../react-base/src/consts/classes.js"),v=h.forwardRef(({className:D,size:a=`${e.Sizes.Medium}`,defaultValue:C=[0,0],labelAlignment:i=`${e.Alignments.LeftAndRight}`,labelPosition:A=`${e.Positions.Side}`,onChange:u,reverse:c=!1,disabled:o=!1,value:L,min:d=0,max:l=100,marks:R,inputValues:r=!1,labelMin:E,labelMax:_,...m},w)=>{const[n,P]=h.useState(C),f=h.useMemo(()=>R||r?`${e.Positions.Side}`:A,[R,r,A]),N=g=>{u==null||u(g),P(g)},$=g=>x=>{let S=n||[],t=Number(x.target.value);if(Number.isNaN(t)){x.preventDefault(),x.stopPropagation();return}t<d?t=d:t>l&&(t=l),g==="min"?S=[t,S[1]]:S=[S[0],t],N(S)};return h.useEffect(()=>{L&&P(L)},[L]),s.jsxs(I.Slider,{className:M(q.SLIDER_CLASS,D),$prefixCls:q.SLIDER_CLASS,$size:a,$labelAlignment:i,$labelPosition:f,$reverse:c,$disabled:o,ref:w,children:[!!n&&s.jsxs(I.RangeLabels,{$grow:i===e.Alignments.LeftAndRight&&f!==e.Positions.Side,$disabled:o,children:[!!i&&i!=="none"&&s.jsx(j,{size:a,value:String(i===e.Alignments.Right||c?n[1]:n[0]),handleOnChange:$("min"),inputValues:r,disabled:o}),i===e.Alignments.LeftAndRight&&f!==e.Positions.Side&&s.jsx(j,{size:a,value:String(n[c?0:1]),handleOnChange:$("min"),inputValues:r,disabled:o})]}),!!E&&!!r&&s.jsx(O,{children:d}),s.jsx(p,{prefixCls:q.SLIDER_CLASS,defaultValue:C,onChange:N,reverse:c,disabled:o,value:n,marks:R,ariaLabelForHandle:"range-slider",min:d,max:l,...m,range:!0}),!!_&&!!r&&s.jsx(O,{children:l}),!!n&&i===e.Alignments.LeftAndRight&&f===e.Positions.Side&&s.jsx(j,{size:a,value:String(n[c?0:1]),handleOnChange:$("max"),inputValues:r,disabled:o})]})});module.exports=v;
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),M=require("classnames"),p=require("rc-slider"),e=require("../../react-base/src/consts/index.js"),$=require("./components/Value/Value.js"),N=require("./Slider.styles.js"),I=require("../Text/components/Label/Label.js"),x=require("../../react-base/src/consts/classes.js"),v=f.forwardRef(({className:O,size:S=`${e.Sizes.Medium}`,defaultValue:j=[0,0],labelAlignment:i=`${e.Alignments.LeftAndRight}`,labelPosition:q=`${e.Positions.Side}`,onChange:D,reverse:a=!1,disabled:o=!1,value:u,min:g=0,max:d=100,marks:L,inputValues:r=!1,labelMin:E,labelMax:_,...m},w)=>{const[n,A]=f.useState(j),h=f.useMemo(()=>L||r?`${e.Positions.Side}`:q,[L,r,q]),P=l=>{D?.(l),A(l)},R=l=>C=>{let c=n||[],t=Number(C.target.value);if(Number.isNaN(t)){C.preventDefault(),C.stopPropagation();return}t<g?t=g:t>d&&(t=d),l==="min"?c=[t,c[1]]:c=[c[0],t],P(c)};return f.useEffect(()=>{u&&A(u)},[u]),s.jsxs(N.Slider,{className:M(x.SLIDER_CLASS,O),$prefixCls:x.SLIDER_CLASS,$size:S,$labelAlignment:i,$labelPosition:h,$reverse:a,$disabled:o,ref:w,children:[!!n&&s.jsxs(N.RangeLabels,{$grow:i===e.Alignments.LeftAndRight&&h!==e.Positions.Side,$disabled:o,children:[!!i&&i!=="none"&&s.jsx($,{size:S,value:String(i===e.Alignments.Right||a?n[1]:n[0]),handleOnChange:R("min"),inputValues:r,disabled:o}),i===e.Alignments.LeftAndRight&&h!==e.Positions.Side&&s.jsx($,{size:S,value:String(n[a?0:1]),handleOnChange:R("min"),inputValues:r,disabled:o})]}),!!E&&!!r&&s.jsx(I,{children:g}),s.jsx(p,{prefixCls:x.SLIDER_CLASS,defaultValue:j,onChange:P,reverse:a,disabled:o,value:n,marks:L,ariaLabelForHandle:"range-slider",min:g,max:d,...m,range:!0}),!!_&&!!r&&s.jsx(I,{children:d}),!!n&&i===e.Alignments.LeftAndRight&&h===e.Positions.Side&&s.jsx($,{size:S,value:String(n[a?0:1]),handleOnChange:R("max"),inputValues:r,disabled:o})]})});module.exports=v;
 //# sourceMappingURL=RangeSlider.js.map

package/build/cjs/components/Slider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      defaultValue = [0, 0],\n      labelAlignment = `${Alignments.LeftAndRight}`,\n      labelPosition = `${Positions.Side}`,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      marks,\n      inputValues = false,\n      labelMin,\n      labelMax,\n      ...rest\n    }: SliderProps & SliderTypes.IRangeProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number[]) => {\n      onChange?.(newValue);\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = (valueType: 'min' | 'max') => (e: ChangeEvent<HTMLInputElement>) => {\n      let newValue = innerValue || [];\n      let newTargetValue = Number(e.target.value);\n\n      if (Number.isNaN(newTargetValue)) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        return;\n      }\n\n      if (newTargetValue < min) {\n        newTargetValue = min;\n      } else if (newTargetValue > max) {\n        newTargetValue = max;\n      }\n\n      if (valueType === 'min') {\n        newValue = [newTargetValue, newValue[1]];\n      } else {\n        newValue = [newValue[0], newTargetValue];\n      }\n\n      handleOnChange(newValue);\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        $prefixCls={SLIDER_CLASS}\n        $size={size}\n        $labelAlignment={labelAlignment}\n        $labelPosition={innerLabelPosition}\n        $reverse={reverse}\n        $disabled={disabled}\n        ref={ref}\n      >\n        {!!innerValue && (\n          <Styled.RangeLabels\n            $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n            $disabled={disabled}\n          >\n            {!!labelAlignment && labelAlignment !== 'none' && (\n              <Value\n                size={size}\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n              <Value\n                size={size}\n                value={String(innerValue[reverse ? 0 : 1])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n          </Styled.RangeLabels>\n        )}\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"range-slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={true}\n        />\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\n        {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n          <Value\n            size={size}\n            value={String(innerValue[reverse ? 0 : 1])}\n            handleOnChange={handleInputOnChange('max')}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}
+{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      defaultValue = [0, 0],\n      labelAlignment = `${Alignments.LeftAndRight}`,\n      labelPosition = `${Positions.Side}`,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      marks,\n      inputValues = false,\n      labelMin,\n      labelMax,\n      ...rest\n    }: SliderProps & SliderTypes.IRangeProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number[]) => {\n      onChange?.(newValue);\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = (valueType: 'min' | 'max') => (e: ChangeEvent<HTMLInputElement>) => {\n      let newValue = innerValue || [];\n      let newTargetValue = Number(e.target.value);\n\n      if (Number.isNaN(newTargetValue)) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        return;\n      }\n\n      if (newTargetValue < min) {\n        newTargetValue = min;\n      } else if (newTargetValue > max) {\n        newTargetValue = max;\n      }\n\n      if (valueType === 'min') {\n        newValue = [newTargetValue, newValue[1]];\n      } else {\n        newValue = [newValue[0], newTargetValue];\n      }\n\n      handleOnChange(newValue);\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        $prefixCls={SLIDER_CLASS}\n        $size={size}\n        $labelAlignment={labelAlignment}\n        $labelPosition={innerLabelPosition}\n        $reverse={reverse}\n        $disabled={disabled}\n        ref={ref}\n      >\n        {!!innerValue && (\n          <Styled.RangeLabels\n            $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n            $disabled={disabled}\n          >\n            {!!labelAlignment && labelAlignment !== 'none' && (\n              <Value\n                size={size}\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n              <Value\n                size={size}\n                value={String(innerValue[reverse ? 0 : 1])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n          </Styled.RangeLabels>\n        )}\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"range-slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={true}\n        />\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\n        {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n          <Value\n            size={size}\n            value={String(innerValue[reverse ? 0 : 1])}\n            handleOnChange={handleInputOnChange('max')}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}

package/build/cjs/components/Slider/Slider.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),P=require("classnames"),_=require("rc-slider"),l=require("../../react-base/src/consts/index.js"),p=require("./components/Value/Value.js"),O=require("./Slider.styles.js"),j=require("../Text/components/Label/Label.js"),u=require("../../react-base/src/consts/classes.js"),v=o.forwardRef(({className:C,size:d=`${l.Sizes.Medium}`,defaultValue:L=0,labelAlignment:$=`${l.Alignments.LeftAndRight}`,labelPosition:q=`${l.Positions.Bottom}`,onChange:c,reverse:h=!1,disabled:a=!1,value:S,min:n=0,max:i=100,labelMin:N,labelMax:A,marks:f,inputValues:r=!1,...I},b)=>{const[x,R]=o.useState(L),D=o.useMemo(()=>f||r?`${l.Positions.Side}`:q,[f,r,q]),g=e=>{c==null||c(e),R(e)},E=e=>{let s=Number(e.target.value);if(Number.isNaN(s)){e.preventDefault(),e.stopPropagation();return}s<n?s=n:s>i&&(s=i),g(s)};return o.useEffect(()=>{S&&R(S)},[S]),t.jsxs(O.Slider,{className:P(u.SLIDER_CLASS,C),$prefixCls:u.SLIDER_CLASS,$size:d,$labelAlignment:$,$labelPosition:D,$reverse:h,$disabled:a,ref:b,children:[$!=="none"&&t.jsx(p,{size:d,value:String(x),handleOnChange:E,inputValues:r,disabled:a}),!!N&&!!r&&t.jsx(j,{children:n}),t.jsx(_,{prefixCls:u.SLIDER_CLASS,defaultValue:L,onChange:g,reverse:h,disabled:a,value:x,marks:f,ariaLabelForHandle:"slider",min:n,max:i,...I,range:!1}),!!A&&!!r&&t.jsx(j,{children:i})]})});module.exports=v;
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),P=require("classnames"),_=require("rc-slider"),l=require("../../react-base/src/consts/index.js"),p=require("./components/Value/Value.js"),O=require("./Slider.styles.js"),x=require("../Text/components/Label/Label.js"),f=require("../../react-base/src/consts/classes.js"),v=o.forwardRef(({className:R,size:u=`${l.Sizes.Medium}`,defaultValue:d=0,labelAlignment:h=`${l.Alignments.LeftAndRight}`,labelPosition:g=`${l.Positions.Bottom}`,onChange:j,reverse:C=!1,disabled:a=!1,value:c,min:t=0,max:i=100,labelMin:N,labelMax:A,marks:S,inputValues:r=!1,...I},b)=>{const[L,$]=o.useState(d),D=o.useMemo(()=>S||r?`${l.Positions.Side}`:g,[S,r,g]),q=e=>{j?.(e),$(e)},E=e=>{let s=Number(e.target.value);if(Number.isNaN(s)){e.preventDefault(),e.stopPropagation();return}s<t?s=t:s>i&&(s=i),q(s)};return o.useEffect(()=>{c&&$(c)},[c]),n.jsxs(O.Slider,{className:P(f.SLIDER_CLASS,R),$prefixCls:f.SLIDER_CLASS,$size:u,$labelAlignment:h,$labelPosition:D,$reverse:C,$disabled:a,ref:b,children:[h!=="none"&&n.jsx(p,{size:u,value:String(L),handleOnChange:E,inputValues:r,disabled:a}),!!N&&!!r&&n.jsx(x,{children:t}),n.jsx(_,{prefixCls:f.SLIDER_CLASS,defaultValue:d,onChange:q,reverse:C,disabled:a,value:L,marks:S,ariaLabelForHandle:"slider",min:t,max:i,...I,range:!1}),!!A&&!!r&&n.jsx(x,{children:i})]})});module.exports=v;
 //# sourceMappingURL=Slider.js.map

package/build/cjs/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      defaultValue = 0,\n      labelAlignment = `${Alignments.LeftAndRight}`,\n      labelPosition = `${Positions.Bottom}`,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      labelMin,\n      labelMax,\n      marks,\n      inputValues = false,\n      ...rest\n    }: SliderProps & SliderTypes.IProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number) => {\n      onChange?.(newValue);\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      let newValue = Number(e.target.value);\n\n      if (Number.isNaN(newValue)) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        return;\n      }\n\n      if (newValue < min) {\n        newValue = min;\n      } else if (newValue > max) {\n        newValue = max;\n      }\n\n      handleOnChange(newValue);\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        $prefixCls={SLIDER_CLASS}\n        $size={size}\n        $labelAlignment={labelAlignment}\n        $labelPosition={innerLabelPosition}\n        $reverse={reverse}\n        $disabled={disabled}\n        ref={ref}\n      >\n        {labelAlignment !== 'none' && (\n          <Value\n            size={size}\n            value={String(innerValue)}\n            handleOnChange={handleInputOnChange}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={false}\n        />\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,EACf,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,MAAM,GACnC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBnB,CAAY,EAE3DoB,EAAqBC,EAAAA,QACzB,IAAOR,GAASC,EAAc,GAAGV,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACU,EAAOC,EAAaX,CAAa,CAAA,EAG9BmB,EAAkBC,GAAqB,CAC3ClB,GAAA,MAAAA,EAAWkB,GACXL,EAAcK,CAAQ,CACxB,EAEMC,EAAuB,GAAqC,CAChE,IAAID,EAAW,OAAO,EAAE,OAAO,KAAK,EAEpC,GAAI,OAAO,MAAMA,CAAQ,EAAG,CAC1B,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,MACF,CAEIA,EAAWd,EACbc,EAAWd,EACFc,EAAWb,IACpBa,EAAWb,GAGbY,EAAeC,CAAQ,CACzB,EAEAE,OAAAA,EAAAA,UAAU,IAAM,CACVjB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRkB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAchC,CAAS,EAC7C,WAAYgC,EAAAA,aACZ,MAAO/B,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAAf,IAAmB,QAClB6B,EAAAA,IAACC,EAAA,CACC,KAAAjC,EACA,MAAO,OAAOmB,CAAU,EACxB,eAAgBO,EAChB,YAAAV,EACA,SAAAP,CAAA,CAAA,EAGH,CAAC,CAACI,GAAY,CAAC,CAACG,GAAegB,EAAAA,IAACE,GAAO,SAAAvB,EAAI,EAC5CqB,EAAAA,IAACG,EAAA,CACC,UAAWJ,EAAAA,aACX,aAAA7B,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAJ,EACA,mBAAmB,SACnB,IAAAJ,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACH,GAAY,CAAC,CAACE,GAAegB,EAAAA,IAACE,GAAO,SAAAtB,CAAA,CAAI,CAAA,CAAA,CAAA,CAGlD,CACF"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      defaultValue = 0,\n      labelAlignment = `${Alignments.LeftAndRight}`,\n      labelPosition = `${Positions.Bottom}`,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      labelMin,\n      labelMax,\n      marks,\n      inputValues = false,\n      ...rest\n    }: SliderProps & SliderTypes.IProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number) => {\n      onChange?.(newValue);\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      let newValue = Number(e.target.value);\n\n      if (Number.isNaN(newValue)) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        return;\n      }\n\n      if (newValue < min) {\n        newValue = min;\n      } else if (newValue > max) {\n        newValue = max;\n      }\n\n      handleOnChange(newValue);\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        $prefixCls={SLIDER_CLASS}\n        $size={size}\n        $labelAlignment={labelAlignment}\n        $labelPosition={innerLabelPosition}\n        $reverse={reverse}\n        $disabled={disabled}\n        ref={ref}\n      >\n        {labelAlignment !== 'none' && (\n          <Value\n            size={size}\n            value={String(innerValue)}\n            handleOnChange={handleInputOnChange}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={false}\n        />\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,EACf,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,MAAM,GACnC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBnB,CAAY,EAE3DoB,EAAqBC,EAAAA,QACzB,IAAOR,GAASC,EAAc,GAAGV,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACU,EAAOC,EAAaX,CAAa,CAAA,EAG9BmB,EAAkBC,GAAqB,CAC3ClB,IAAWkB,CAAQ,EACnBL,EAAcK,CAAQ,CACxB,EAEMC,EAAuB,GAAqC,CAChE,IAAID,EAAW,OAAO,EAAE,OAAO,KAAK,EAEpC,GAAI,OAAO,MAAMA,CAAQ,EAAG,CAC1B,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,MACF,CAEIA,EAAWd,EACbc,EAAWd,EACFc,EAAWb,IACpBa,EAAWb,GAGbY,EAAeC,CAAQ,CACzB,EAEAE,OAAAA,EAAAA,UAAU,IAAM,CACVjB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRkB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAchC,CAAS,EAC7C,WAAYgC,EAAAA,aACZ,MAAO/B,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAAf,IAAmB,QAClB6B,EAAAA,IAACC,EAAA,CACC,KAAAjC,EACA,MAAO,OAAOmB,CAAU,EACxB,eAAgBO,EAChB,YAAAV,EACA,SAAAP,CAAA,CAAA,EAGH,CAAC,CAACI,GAAY,CAAC,CAACG,GAAegB,EAAAA,IAACE,GAAO,SAAAvB,EAAI,EAC5CqB,EAAAA,IAACG,EAAA,CACC,UAAWJ,EAAAA,aACX,aAAA7B,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAJ,EACA,mBAAmB,SACnB,IAAAJ,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACH,GAAY,CAAC,CAACE,GAAegB,EAAAA,IAACE,GAAO,SAAAtB,CAAA,CAAI,CAAA,CAAA,CAAA,CAGlD,CACF"}

package/build/cjs/components/Stat/Stat.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),W=require("classnames"),g=require("react-countup"),a=require("../../react-base/src/consts/index.js"),I=require("./components/AdditionalInfo/AdditionalInfo.js"),l=require("./components/StatIcon/StatIcon.js"),n=require("./Stat.styles.js"),R=require("../../react-base/src/consts/classes.js"),T=m.forwardRef(({className:h="",size:s=`${a.Sizes.Medium}`,labelText:i,label:u=!0,value:j,alignment:x=`${a.Alignments.Left}`,icon:r,iconPosition:t="none",additionalInfo:p,suffix:f,prefix:A,valueAnimation:S=!1,countUpProps:q={},...o},L)=>{const $=r&&t==="label",c=r&&t==="value",d=r&&(t==="stat"||t==="contained");return e.jsxs(n.StatWrapper,{className:W(R.STAT_CLASS,h),ref:L,$size:s,$iconPosition:t,...o,children:[!!d&&x===`${a.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.TextWrapper,{$size:s,children:[e.jsxs(n.LabelWrapper,{$alignment:x,children:[!!$&&u&&x===`${a.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),u&&e.jsx(n.Label,{$size:s,children:i}),!!$&&u&&x===`${a.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t}),p&&e.jsx(I,{size:s,additionalInfo:p})]}),e.jsxs(n.ValueWrapperWithIcon,{children:[!!c&&x===`${a.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.ValueWrapper,{$alignment:x,children:[e.jsx(n.Prefix,{$size:s,children:A}),e.jsx(n.Value,{$size:s,children:S?e.jsx(g,{end:j,duration:2,...q}):j}),e.jsx(n.Suffix,{$size:s,children:f})]}),!!c&&x===`${a.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})]}),!!d&&x===`${a.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})});module.exports=T;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),g=require("classnames"),I=require("react-countup"),x=require("../../react-base/src/consts/index.js"),W=require("./components/AdditionalInfo/AdditionalInfo.js"),l=require("./components/StatIcon/StatIcon.js"),n=require("./Stat.styles.js"),R=require("../../react-base/src/consts/classes.js"),N=L.forwardRef(({className:i="",size:s=`${x.Sizes.Medium}`,labelText:f,label:u=!0,value:j,alignment:a=`${x.Alignments.Left}`,icon:r,iconPosition:t="none",additionalInfo:p,suffix:o,prefix:A,valueAnimation:S=!1,countUpProps:m={},...$},q)=>{const c=r&&t==="label",d=r&&t==="value",h=r&&(t==="stat"||t==="contained");return e.jsxs(n.StatWrapper,{className:g(R.STAT_CLASS,i),ref:q,$size:s,$iconPosition:t,...$,children:[!!h&&a===`${x.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.TextWrapper,{$size:s,children:[e.jsxs(n.LabelWrapper,{$alignment:a,children:[!!c&&u&&a===`${x.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),u&&e.jsx(n.Label,{$size:s,children:f}),!!c&&u&&a===`${x.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t}),p&&e.jsx(W,{size:s,additionalInfo:p})]}),e.jsxs(n.ValueWrapperWithIcon,{children:[!!d&&a===`${x.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.ValueWrapper,{$alignment:a,children:[e.jsx(n.Prefix,{$size:s,children:A}),e.jsx(n.Value,{$size:s,children:S?e.jsx(I,{end:j,duration:2,...m}):Intl.NumberFormat($.lang??"en-GB").format(j)}),e.jsx(n.Suffix,{$size:s,children:o})]}),!!d&&a===`${x.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})]}),!!h&&a===`${x.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})});module.exports=N;
 //# sourceMappingURL=Stat.js.map

package/build/cjs/components/Stat/Stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport CountUp from 'react-countup';\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\nimport StatIcon from './components/StatIcon/StatIcon';\nimport * as Styled from './Stat.styles';\nimport type { IStatProps } from './Stat.types';\n\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\n  (\n    {\n      className = '',\n      size = `${Sizes.Medium}`,\n      labelText,\n      label = true,\n      value,\n      alignment = `${Alignments.Left}`,\n      icon,\n      iconPosition = 'none',\n      additionalInfo,\n      suffix,\n      prefix,\n      valueAnimation = false,\n      countUpProps = {},\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const isLabelIconPosition = icon && iconPosition === 'label';\n    const isValueIconPosition = icon && iconPosition === 'value';\n    const isNextToStatIconPosition = icon && (iconPosition === 'stat' || iconPosition === 'contained');\n\n    return (\n      <Styled.StatWrapper\n        className={classNames(STAT_CLASS, className)}\n        ref={ref}\n        $size={size}\n        $iconPosition={iconPosition}\n        {...rest}\n      >\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\n          <StatIcon size={size} icon={icon} position={iconPosition} />\n        )}\n\n        <Styled.TextWrapper $size={size}>\n          <Styled.LabelWrapper $alignment={alignment}>\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\n\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\n          </Styled.LabelWrapper>\n\n          <Styled.ValueWrapperWithIcon>\n            {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            <Styled.ValueWrapper $alignment={alignment}>\n              <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\n              <Styled.Value $size={size}>\n                {valueAnimation ? <CountUp end={value} duration={2} {...countUpProps} /> : value}\n              </Styled.Value>\n              <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\n            </Styled.ValueWrapper>\n\n            {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n          </Styled.ValueWrapperWithIcon>\n        </Styled.TextWrapper>\n\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\n          <StatIcon size={size} icon={icon} position={iconPosition} />\n        )}\n      </Styled.StatWrapper>\n    );\n  },\n);\n\nexport default Stat;\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"sWAWMA,EAAOC,EAAAA,WACX,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,UAAAC,EAAY,GAAGC,aAAW,IAAI,GAC9B,KAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,OAAAC,EACA,OAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EAAe,CAAA,EACf,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAsBT,GAAQC,IAAiB,QAC/CS,EAAsBV,GAAQC,IAAiB,QAC/CU,EAA2BX,IAASC,IAAiB,QAAUA,IAAiB,aAEtF,OACEW,EAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,WAAYvB,CAAS,EAC3C,IAAAgB,EACA,MAAOf,EACP,cAAeQ,EACd,GAAGM,EAEH,SAAA,CAAA,CAAC,CAACI,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,IAAI,IAC7DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOzB,EACzB,SAAA,CAAAmB,EAAAA,KAACO,EAAAA,aAAA,CAAoB,WAAYrB,EAC9B,SAAA,CAAA,CAAC,CAACW,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACjEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DL,GAASoB,EAAAA,IAACI,QAAA,CAAa,MAAO3B,EAAO,SAAAE,EAAU,EAE/C,CAAC,CAACc,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAClEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DC,GAAkBc,EAAAA,IAACK,EAAA,CAAe,KAAA5B,EAAY,eAAAS,CAAA,CAAgC,CAAA,EACjF,EAEAU,OAACU,EAAAA,qBAAA,CACE,SAAA,CAAA,CAAC,CAACZ,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACxDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACW,EAAAA,aAAA,CAAoB,WAAYzB,EAC/B,SAAA,CAAAkB,EAAAA,IAACQ,EAAAA,OAAA,CAAc,MAAO/B,EAAO,SAAAW,EAAO,QACnCqB,EAAAA,MAAA,CAAa,MAAOhC,EAClB,SAAAY,EAAiBW,MAACU,EAAA,CAAQ,IAAK7B,EAAO,SAAU,EAAI,GAAGS,CAAA,CAAc,EAAKT,EAC7E,QACC8B,EAAAA,OAAA,CAAc,MAAOlC,EAAO,SAAAU,CAAA,CAAO,CAAA,EACtC,EAEC,CAAC,CAACO,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,KAAK,IACzDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAE9D,CAAA,EACF,EAEC,CAAC,CAACU,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAC9DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAAA,CAIlE,CACF"}
+{"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport CountUp from 'react-countup';\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\nimport StatIcon from './components/StatIcon/StatIcon';\nimport * as Styled from './Stat.styles';\nimport type { IStatProps } from './Stat.types';\n\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\n  (\n    {\n      className = '',\n      size = `${Sizes.Medium}`,\n      labelText,\n      label = true,\n      value,\n      alignment = `${Alignments.Left}`,\n      icon,\n      iconPosition = 'none',\n      additionalInfo,\n      suffix,\n      prefix,\n      valueAnimation = false,\n      countUpProps = {},\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const isLabelIconPosition = icon && iconPosition === 'label';\n    const isValueIconPosition = icon && iconPosition === 'value';\n    const isNextToStatIconPosition = icon && (iconPosition === 'stat' || iconPosition === 'contained');\n\n    return (\n      <Styled.StatWrapper\n        className={classNames(STAT_CLASS, className)}\n        ref={ref}\n        $size={size}\n        $iconPosition={iconPosition}\n        {...rest}\n      >\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\n          <StatIcon size={size} icon={icon} position={iconPosition} />\n        )}\n\n        <Styled.TextWrapper $size={size}>\n          <Styled.LabelWrapper $alignment={alignment}>\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\n\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\n          </Styled.LabelWrapper>\n\n          <Styled.ValueWrapperWithIcon>\n            {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            <Styled.ValueWrapper $alignment={alignment}>\n              <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\n              <Styled.Value $size={size}>\n                {valueAnimation ? (\n                  <CountUp end={value} duration={2} {...countUpProps} />\n                ) : (\n                  // eslint-disable-next-line new-cap\n                  Intl.NumberFormat(rest.lang ?? 'en-GB').format(value)\n                )}\n              </Styled.Value>\n              <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\n            </Styled.ValueWrapper>\n\n            {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n          </Styled.ValueWrapperWithIcon>\n        </Styled.TextWrapper>\n\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\n          <StatIcon size={size} icon={icon} position={iconPosition} />\n        )}\n      </Styled.StatWrapper>\n    );\n  },\n);\n\nexport default Stat;\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"sWAWMA,EAAOC,EAAAA,WACX,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,UAAAC,EAAY,GAAGC,aAAW,IAAI,GAC9B,KAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,OAAAC,EACA,OAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EAAe,CAAA,EACf,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAsBT,GAAQC,IAAiB,QAC/CS,EAAsBV,GAAQC,IAAiB,QAC/CU,EAA2BX,IAASC,IAAiB,QAAUA,IAAiB,aAEtF,OACEW,EAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,WAAYvB,CAAS,EAC3C,IAAAgB,EACA,MAAOf,EACP,cAAeQ,EACd,GAAGM,EAEH,SAAA,CAAA,CAAC,CAACI,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,IAAI,IAC7DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOzB,EACzB,SAAA,CAAAmB,EAAAA,KAACO,EAAAA,aAAA,CAAoB,WAAYrB,EAC9B,SAAA,CAAA,CAAC,CAACW,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACjEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DL,GAASoB,EAAAA,IAACI,QAAA,CAAa,MAAO3B,EAAO,SAAAE,EAAU,EAE/C,CAAC,CAACc,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAClEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DC,GAAkBc,EAAAA,IAACK,EAAA,CAAe,KAAA5B,EAAY,eAAAS,CAAA,CAAgC,CAAA,EACjF,EAEAU,OAACU,EAAAA,qBAAA,CACE,SAAA,CAAA,CAAC,CAACZ,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACxDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACW,EAAAA,aAAA,CAAoB,WAAYzB,EAC/B,SAAA,CAAAkB,EAAAA,IAACQ,EAAAA,OAAA,CAAc,MAAO/B,EAAO,SAAAW,EAAO,EACpCY,EAAAA,IAACS,EAAAA,MAAA,CAAa,MAAOhC,EAClB,SAAAY,EACCW,EAAAA,IAACU,EAAA,CAAQ,IAAK7B,EAAO,SAAU,EAAI,GAAGS,EAAc,EAGpD,KAAK,aAAaC,EAAK,MAAQ,OAAO,EAAE,OAAOV,CAAK,EAExD,QACC8B,EAAAA,OAAA,CAAc,MAAOlC,EAAO,SAAAU,CAAA,CAAO,CAAA,EACtC,EAEC,CAAC,CAACO,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,KAAK,IACzDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAE9D,CAAA,EACF,EAEC,CAAC,CAACU,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAC9DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAAA,CAIlE,CACF"}

package/build/cjs/components/Stepper/Stepper.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),x=require("react"),h=require("classnames"),o=require("../../react-base/src/consts/index.js"),C=require("./utils/stepUtils.js"),g=require("./Stepper.styles.js"),j=require("./Stepper.consts.js"),P=require("../../react-base/src/consts/classes.js"),_=({className:i,type:t="default",size:p=o.Sizes.Medium,direction:r=o.Directions.Horizontal,showBadge:c=!0,showConnector:u=!0,showStepNumber:a=!0,current:l,steps:s,stepWidth:S,...m})=>{const q=j.stepComponents[t];return n.jsx(g.Stepper,{"aria-label":"Stepper",className:h(P.STEPPER_CLASS,i),$direction:r,$stepWidth:S,...m,children:s.map((e,d)=>n.jsx(q,{size:p,direction:r,showConnector:u,showStepNumber:a,showBadge:c,...C.getStepComponentProps({stepsLength:s.length,current:l,index:d,step:e,type:t})},e.key??e.title))})},$=x.memo(_);module.exports=$;
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),h=require("classnames"),o=require("../../react-base/src/consts/index.js"),C=require("./utils/stepUtils.js"),_=require("./Stepper.styles.js"),g=require("./Stepper.consts.js"),j=require("../../react-base/src/consts/classes.js"),P=({className:i,type:t="default",size:p=o.Sizes.Medium,direction:r=o.Directions.Horizontal,showBadge:c=!0,showConnector:u=!0,showStepNumber:a=!0,current:l,steps:s,stepWidth:S,...m})=>{const q=g.stepComponents[t];return n.jsx(_.Stepper,{"aria-label":"Stepper",className:h(j.STEPPER_CLASS,i),$direction:r,$stepWidth:S,...m,children:s.map((e,d)=>n.jsx(q,{size:p,direction:r,showConnector:u,showStepNumber:a,showBadge:c,...C.getStepComponentProps({stepsLength:s.length,current:l,index:d,step:e,type:t})},e.key??e.title))})},f=x.memo(P);module.exports=f;
 //# sourceMappingURL=Stepper.js.map

package/build/cjs/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { IStepperProps } from './Stepper.types';\nimport { getStepComponentProps } from './utils/stepUtils';\nimport * as Styled from './Stepper.styles';\nimport { stepComponents } from './Stepper.consts';\n\nconst Stepper = ({\n  className,\n  type = 'default',\n  size = Sizes.Medium,\n  direction = Directions.Horizontal,\n  showBadge = true,\n  showConnector = true,\n  showStepNumber = true,\n  current,\n  steps,\n  stepWidth,\n  ...rest\n}: IStepperProps): ReactElement => {\n  const StepComponent = stepComponents[type];\n\n  return (\n    <Styled.Stepper\n      aria-label=\"Stepper\"\n      className={classNames(STEPPER_CLASS, className)}\n      $direction={direction}\n      $stepWidth={stepWidth}\n      {...rest}\n    >\n      {steps.map((step, index) => (\n        <StepComponent\n          key={step.key ?? step.title}\n          size={size}\n          direction={direction}\n          showConnector={showConnector}\n          showStepNumber={showStepNumber}\n          showBadge={showBadge}\n          {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\n        />\n      ))}\n    </Styled.Stepper>\n  );\n};\n\nexport default memo(Stepper) as typeof Stepper;\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","Stepper$1","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { IStepperProps } from './Stepper.types';\nimport { getStepComponentProps } from './utils/stepUtils';\nimport * as Styled from './Stepper.styles';\nimport { stepComponents } from './Stepper.consts';\n\nconst Stepper = ({\n  className,\n  type = 'default',\n  size = Sizes.Medium,\n  direction = Directions.Horizontal,\n  showBadge = true,\n  showConnector = true,\n  showStepNumber = true,\n  current,\n  steps,\n  stepWidth,\n  ...rest\n}: IStepperProps): ReactElement => {\n  const StepComponent = stepComponents[type];\n\n  return (\n    <Styled.Stepper\n      aria-label=\"Stepper\"\n      className={classNames(STEPPER_CLASS, className)}\n      $direction={direction}\n      $stepWidth={stepWidth}\n      {...rest}\n    >\n      {steps.map((step, index) => (\n        <StepComponent\n          key={step.key ?? step.title}\n          size={size}\n          direction={direction}\n          showConnector={showConnector}\n          showStepNumber={showStepNumber}\n          showBadge={showBadge}\n          {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\n        />\n      ))}\n    </Styled.Stepper>\n  );\n};\n\nexport default memo(Stepper) as typeof Stepper;\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","Stepper_default","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}

package/build/cjs/components/Stepper/_internalComponents/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport * as StyledStep from '../../Step.styles';\nimport type { IContentProps } from './Content.types';\n\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\n  <>\n    {!!showStepNumber && (\n      <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\n        Step {order}\n      </StyledStep.Label>\n    )}\n    <StyledStep.Heading\n      aria-label={`step-${order}-title`}\n      level={StepperUtils.getTitleLevel(size)}\n      type={TextElementTypes.Span}\n    >\n      {title}\n    </StyledStep.Heading>\n  </>\n);\n\nexport default memo(Content) as typeof Content;\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Label","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","Content$1","memo"],"mappings":"2OAQMA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,eAAAC,CAAA,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGFS,EAAeC,EAAAA,KAAKb,CAAO"}
+{"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport * as StyledStep from '../../Step.styles';\nimport type { IContentProps } from './Content.types';\n\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\n  <>\n    {!!showStepNumber && (\n      <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\n        Step {order}\n      </StyledStep.Label>\n    )}\n    <StyledStep.Heading\n      aria-label={`step-${order}-title`}\n      level={StepperUtils.getTitleLevel(size)}\n      type={TextElementTypes.Span}\n    >\n      {title}\n    </StyledStep.Heading>\n  </>\n);\n\nexport default memo(Content) as typeof Content;\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Label","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","memo"],"mappings":"2OAQMA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,eAAAC,CAAA,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGFH,EAAeY,EAAAA,KAAKZ,CAAO"}