acinguiux-ds-react-framework 0.1.24 → 0.1.25

package/build/cjs/components/Pecten/components/PectenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PectenIcon.js","sources":["../../../../../src/components/Pecten/components/PectenIcon.tsx"],"sourcesContent":["import type { IPectenIconProps } from './PectenIcon.types';\n\nconst PectenIcon = ({ className, prefixCls, ...rest }: IPectenIconProps) => (\n  <svg className={className} viewBox=\"0 0 104 104\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\n    <path\n      className={`${prefixCls}-border`}\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M87 67.3507C86.9999 68.281 86.7435 69.1948 86.2565 70.0004C85.7695 70.8061 85.0692 71.4751 84.2257 71.9402L52.7742 89.2899C51.9308 89.7551 50.974 90 50 90C49.026 90 48.0692 89.7551 47.2258 89.2899L15.7743 71.9402C14.9308 71.4751 14.2305 70.8061 13.7435 70.0004C13.2565 69.1948 13.0001 68.281 13 67.3507V32.6493C12.9983 31.7174 13.2539 30.8015 13.741 29.9941C14.228 29.1867 14.9294 28.5162 15.7743 28.0502L47.2258 10.7101C48.0692 10.2449 49.026 10 50 10C50.974 10 51.9308 10.2449 52.7742 10.7101L84.2257 28.0502C85.0706 28.5162 85.772 29.1867 86.259 29.9941C86.7461 30.8015 87.0017 31.7174 87 32.6493V67.3507Z\"\n    />\n    <path\n      className={`${prefixCls}-inner-acinguiux`}\n      d=\"M81.8286 63.1613C81.8284 64.4138 81.4831 65.6442 80.8274 66.7289C80.1718 67.8136 79.2289 68.7144 78.0934 69.3408L53.9696 82.6522C52.8336 83.2786 51.5451 83.6085 50.2334 83.6085C48.9217 83.6085 47.6331 83.2786 46.4972 82.6522L22.3733 69.3408C21.2376 68.7142 20.2945 67.8131 19.6388 66.7281C18.9832 65.643 18.638 64.4122 18.6381 63.1594V36.5385C18.6366 35.2877 18.9791 34.0585 19.6315 32.9739C20.2839 31.8894 21.2231 30.9877 22.3552 30.3591L46.4871 17.0515C47.6231 16.425 48.9117 16.0952 50.2233 16.0952C51.535 16.0952 52.8236 16.425 53.9595 17.0515L78.0834 30.3629C79.2201 30.9878 80.1647 31.8874 80.8221 32.9715C81.4795 34.0555 81.8266 35.2857 81.8286 36.5385V63.1613Z\"\n    />\n    <path\n      className={`${prefixCls}-outer-acinguiux`}\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M76.4296 62.0966C76.4297 62.8502 76.222 63.5906 75.8275 64.2432C75.4329 64.8958 74.8654 65.4377 74.1821 65.8143L52.2434 77.9121C51.5604 78.2888 50.7856 78.4871 49.9969 78.4871C49.2082 78.4871 48.4334 78.2888 47.7504 77.9121L25.8117 65.8143C25.1284 65.4377 24.5609 64.8958 24.1663 64.2432C23.7718 63.5906 23.5641 62.8502 23.5642 62.0966V37.903C23.5652 37.1497 23.7739 36.4099 24.1691 35.758C24.5643 35.106 25.1322 34.565 25.8157 34.1892L47.7524 22.0914C48.4354 21.7147 49.2102 21.5164 49.9989 21.5164C50.7876 21.5164 51.5624 21.7147 52.2454 22.0914L74.1821 34.1892C74.8648 34.5655 75.4319 35.1067 75.8264 35.7586C76.221 36.4105 76.429 37.15 76.4296 37.903V62.0966Z\"\n    />\n     <path\n      className={`${prefixCls}-symbol-acinguiux`}\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M43.1911 57.7631V53.3675L35.1719 50.7924L43.1911 48.1501V43.7508L30.1602 48.8491V52.6647L43.1911 57.7631ZM47.9495 61.2023L55.3596 38.8156H51.741L44.3289 61.2004L47.9495 61.2023ZM56.7949 57.7631L69.8258 52.6244V48.8222L56.7949 43.7508V48.2558L64.0803 50.9941L56.7949 53.2735V57.7631Z\"\n    />\n  </svg>\n);\n\nexport default PectenIcon;\n"],"names":["PectenIcon","className","prefixCls","rest","jsxs","jsx"],"mappings":"kDAEMA,EAAa,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,KAC7CC,EAAAA,KAAC,MAAA,CAAI,UAAAH,EAAsB,QAAQ,cAAc,KAAK,OAAO,MAAM,6BAA8B,GAAGE,EAClG,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,UACvB,SAAS,UACT,SAAS,UACT,EAAE,kmBAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,8pBAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,SAAS,UACT,SAAS,UACT,EAAE,ypBAAA,CAAA,EAEHG,EAAAA,IAAC,OAAA,CACA,UAAW,GAAGH,CAAS,oBACvB,SAAS,UACT,SAAS,UACT,EAAE,4RAAA,CAAA,CACJ,CAAA,CACF"}
+{"version":3,"file":"PectenIcon.js","sources":["../../../../../src/components/Pecten/components/PectenIcon.tsx"],"sourcesContent":["import type { IPectenIconProps } from './PectenIcon.types';\n\nconst PectenIcon = ({ className, prefixCls, ...rest }: IPectenIconProps) => (\n  <svg className={className} viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\n    <path\n      className={`${prefixCls}-border`}\n      d=\"M59.9999 4.43053C27.0842 4.43053 0.317871 31.2123 0.317871 64.1125C0.317871 68.1089 0.720603 72.1207 1.52607 76.0551L1.89783 77.8829L18.6113 90.0424L21.4614 112.828H51.9917L52.3324 113.076C54.5785 114.702 57.2272 115.569 59.9999 115.569C62.7725 115.569 65.4368 114.702 67.6673 113.076L68.0081 112.828H98.5384L101.388 90.0424L118.102 77.8829L118.474 76.0551C119.279 72.1362 119.682 68.1089 119.682 64.1125C119.682 31.1968 92.9001 4.43053 59.9999 4.43053ZM113.78 75.0948L96.881 87.3781L94.2942 108.026H66.4436L64.8327 109.188C63.4231 110.21 61.7347 110.768 59.9844 110.768C58.234 110.768 56.5457 110.21 55.1361 109.188L53.5252 108.026H25.6746L23.0878 87.3781L6.18849 75.0948C5.44498 71.4857 5.07322 67.7991 5.07322 64.1125C5.07322 33.8146 29.6555 9.23235 59.9534 9.23235C90.2514 9.23235 114.834 33.8146 114.834 64.1125C114.834 67.7991 114.462 71.4702 113.734 75.0948H113.78Z\"\n    />\n    <path\n      className={`${prefixCls}-inner-acinguiux`}\n      d=\"M53.5408 108.025H25.6902L23.1034 87.3775L6.20413 75.0942C5.46062 71.4851 5.08887 67.7985 5.08887 64.1119C5.08887 33.814 29.6711 9.23175 59.969 9.23175C90.267 9.23175 114.849 33.814 114.849 64.1119C114.849 67.7985 114.477 71.4696 113.749 75.0942L96.8501 87.3775L94.2634 108.025H66.4128L64.8019 109.187C63.3923 110.209 61.7039 110.767 59.9536 110.767C58.2032 110.767 56.5148 110.209 55.1053 109.187L53.4943 108.025H53.5408Z\"\n    />\n    <path\n      className={`${prefixCls}-outer-acinguiux`}\n      d=\"M59.9993 9.23175C29.7014 9.23175 5.11914 33.814 5.11914 64.1119C5.11914 67.7985 5.4909 71.4696 6.2344 75.0942L23.1337 87.3775L25.7205 108.025H53.5711L55.182 109.187C56.5916 110.209 58.28 110.767 60.0303 110.767C61.7806 110.767 63.469 110.209 64.8786 109.187L66.4895 108.025H94.3401L96.9269 87.3775L113.826 75.0942C114.554 71.4851 114.926 67.7985 114.926 64.1119C114.926 33.814 90.3283 9.23175 60.0458 9.23175H59.9993ZM103.247 54.6012C104.579 57.5907 105.276 60.8281 105.276 64.1119C105.276 66.0791 105.028 68.0308 104.532 69.9206L87.8654 82.0491L85.8207 98.4062H65.5756L62.5861 100.59C61.8426 101.132 60.9287 101.427 59.9993 101.427C59.0699 101.427 58.1715 101.132 57.4125 100.59L54.423 98.4062H34.1779L32.1333 82.0491L15.4663 69.9206C14.9706 68.0153 14.7228 66.0636 14.7228 64.1119C14.7228 60.8281 15.4198 57.5907 16.7519 54.6012L46.2754 84.45L17.5729 49.0249C18.7037 44.4245 21.1975 40.2887 24.7447 37.1443L50.4731 81.5534L27.6722 32.9311C30.6153 29.0122 34.7355 26.1156 39.4289 24.6595L55.1665 79.7721L43.6731 22.3825C47.1738 20.4154 51.1237 19.3775 55.1355 19.3775C55.9875 19.3775 56.8394 19.424 57.6759 19.5169L60.0148 79.1989L62.3538 19.5169C63.1902 19.424 64.0421 19.3775 64.8941 19.3775C68.9059 19.3775 72.8558 20.4154 76.3565 22.3825L64.8631 79.7721L80.6007 24.6595C85.2941 26.1156 89.3989 28.9967 92.3574 32.9311L69.5565 81.5534L95.285 37.1443C98.8321 40.2887 101.326 44.4245 102.457 49.0249L73.7542 84.45L103.278 54.6012H103.247Z\"\n    />\n  </svg>\n);\n\nexport default PectenIcon;\n"],"names":["PectenIcon","className","prefixCls","rest","jsxs","jsx"],"mappings":"kDAEMA,EAAa,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,KAC7CC,EAAAA,KAAC,MAAA,CAAI,UAAAH,EAAsB,QAAQ,cAAc,KAAK,OAAO,MAAM,6BAA8B,GAAGE,EAClG,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,UACvB,EAAE,02BAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,uaAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,k6CAAA,CAAA,CACJ,CAAA,CACF"}

package/build/cjs/components/Popconfirm/Popconfirm.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("react"),d=require("../../react-base/src/components/Popconfirm/Popconfirm.utils.js"),o=require("./Popconfirm.styles.js"),q=require("../Icon/components/AlertCircleSolid.js"),a=require("./components/PopconfirmTitle/PopconfirmTitle.js"),h=require("./components/PopconfirmDescription/PopconfirmDescription.js"),v=require("./components/PopconfirmActions/PopconfirmActions.js"),s=require("../Popover/Popover.js"),z=j.forwardRef(({className:u,title:n,description:t,actions:p,contentProps:l={arrow:!0},icon:m=e.jsx(q,{}),children:P,dropdownProps:x,...i},f)=>{const{size:r,sentiment:c}=d.useProps({size:i.size,sentiment:i.sentiment});return e.jsxs(s.Popover,{...x,children:[e.jsx(s.PopoverTrigger,{asChild:!0,children:P}),e.jsx(s.PopoverContent,{ref:f,...l,size:r,className:u,children:e.jsxs(o.Popconfirm,{$size:r,$sentiment:c,...i,children:[e.jsx(o.PopconfirmIcon,{children:m}),e.jsxs(o.PopconfirmWrapper,{$size:r,children:[e.jsxs(o.PopconfirmText,{children:[!!n&&e.jsx(a,{text:n,size:r}),!!t&&e.jsx(h,{text:t,size:r})]}),e.jsx(v,{actions:p,size:r,sentiment:c})]})]})})]})});exports.Popconfirm=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("react"),a=require("../../react-base/src/components/Popconfirm/Popconfirm.utils.js"),o=require("./Popconfirm.styles.js"),h=require("../Icon/components/AlertCircleSolid.js"),v=require("./components/PopconfirmTitle/PopconfirmTitle.js"),z=require("./components/PopconfirmDescription/PopconfirmDescription.js"),g=require("./components/PopconfirmActions/PopconfirmActions.js"),s=require("../Popover/Popover.js"),T=q.forwardRef(({className:c,title:i,description:n,actions:u,contentProps:p={arrow:!0},icon:l=e.jsx(h,{}),children:m,dropdownProps:P,sentiment:x,size:f,...j},d)=>{const{size:r,sentiment:t}=a.useProps({size:f,sentiment:x});return e.jsxs(s.Popover,{...P,children:[e.jsx(s.PopoverTrigger,{asChild:!0,children:m}),e.jsx(s.PopoverContent,{ref:d,...p,size:r,className:c,children:e.jsxs(o.Popconfirm,{$size:r,$sentiment:t,...j,children:[e.jsx(o.PopconfirmIcon,{children:l}),e.jsxs(o.PopconfirmWrapper,{$size:r,children:[e.jsxs(o.PopconfirmText,{children:[!!i&&e.jsx(v,{text:i,size:r}),!!n&&e.jsx(z,{text:n,size:r})]}),e.jsx(g,{actions:u,size:r,sentiment:t})]})]})})]})});exports.Popconfirm=T;
 //# sourceMappingURL=Popconfirm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm.js","sources":["../../../../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\n\nimport type { IPopconfirmProps } from './Popconfirm.types';\nimport * as Styled from './Popconfirm.styles';\nimport AlertCircleSolid from '../Icon/components/AlertCircleSolid';\nimport PopconfirmTitle from './components/PopconfirmTitle/PopconfirmTitle';\nimport PopconfirmDescription from './components/PopconfirmDescription/PopconfirmDescription';\nimport PopconfirmActions from './components/PopconfirmActions/PopconfirmActions';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover';\n\nconst Popconfirm = forwardRef<HTMLDivElement, IPopconfirmProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      actions,\n      contentProps = { arrow: true },\n      icon = <AlertCircleSolid />,\n      children,\n      dropdownProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { size, sentiment } = PopconfirmUtils.useProps({\n      size: rest.size,\n      sentiment: rest.sentiment,\n    });\n\n    return (\n      <Popover {...dropdownProps}>\n        <PopoverTrigger asChild={true}>{children}</PopoverTrigger>\n        <PopoverContent ref={ref} {...contentProps} size={size} className={className}>\n          <Styled.Popconfirm $size={size} $sentiment={sentiment} {...rest}>\n            <Styled.PopconfirmIcon>{icon}</Styled.PopconfirmIcon>\n            <Styled.PopconfirmWrapper $size={size}>\n              <Styled.PopconfirmText>\n                {!!title && <PopconfirmTitle text={title} size={size} />}\n                {!!description && <PopconfirmDescription text={description} size={size} />}\n              </Styled.PopconfirmText>\n              <PopconfirmActions actions={actions} size={size} sentiment={sentiment} />\n            </Styled.PopconfirmWrapper>\n          </Styled.Popconfirm>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport { Popconfirm };\n"],"names":["Popconfirm","forwardRef","className","title","description","actions","contentProps","icon","AlertCircleSolid","children","dropdownProps","rest","ref","size","sentiment","PopconfirmUtils.useProps","jsxs","Popover","jsx","PopoverTrigger","PopoverContent","Styled.Popconfirm","Styled.PopconfirmIcon","Styled.PopconfirmWrapper","Styled.PopconfirmText","PopconfirmTitle","PopconfirmDescription","PopconfirmActions"],"mappings":"kjBAYMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAE,MAAO,EAAA,EACxB,KAAAC,QAAQC,EAAA,EAAiB,EACzB,SAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,WAAyB,CACnD,KAAMJ,EAAK,KACX,UAAWA,EAAK,SAAA,CACjB,EAED,OACEK,EAAAA,KAACC,EAAAA,QAAA,CAAS,GAAGP,EACX,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,eAAA,CAAe,QAAS,GAAO,SAAAV,CAAA,CAAS,QACxCW,EAAAA,eAAA,CAAe,IAAAR,EAAW,GAAGN,EAAc,KAAAO,EAAY,UAAAX,EACtD,SAAAc,EAAAA,KAACK,EAAAA,WAAA,CAAkB,MAAOR,EAAM,WAAYC,EAAY,GAAGH,EACzD,SAAA,CAAAO,EAAAA,IAACI,EAAAA,eAAA,CAAuB,SAAAf,CAAA,CAAK,EAC7BS,EAAAA,KAACO,EAAAA,kBAAA,CAAyB,MAAOV,EAC/B,SAAA,CAAAG,OAACQ,EAAAA,eAAA,CACE,SAAA,CAAA,CAAC,CAACrB,GAASe,MAACO,EAAA,CAAgB,KAAMtB,EAAO,KAAAU,EAAY,EACrD,CAAC,CAACT,SAAgBsB,EAAA,CAAsB,KAAMtB,EAAa,KAAAS,CAAA,CAAY,CAAA,EAC1E,EACAK,EAAAA,IAACS,EAAA,CAAkB,QAAAtB,EAAkB,KAAAQ,EAAY,UAAAC,CAAA,CAAsB,CAAA,CAAA,CACzE,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,CACF"}
+{"version":3,"file":"Popconfirm.js","sources":["../../../../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\n\nimport type { IPopconfirmProps } from './Popconfirm.types';\nimport * as Styled from './Popconfirm.styles';\nimport AlertCircleSolid from '../Icon/components/AlertCircleSolid';\nimport PopconfirmTitle from './components/PopconfirmTitle/PopconfirmTitle';\nimport PopconfirmDescription from './components/PopconfirmDescription/PopconfirmDescription';\nimport PopconfirmActions from './components/PopconfirmActions/PopconfirmActions';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover';\n\nconst Popconfirm = forwardRef<HTMLDivElement, IPopconfirmProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      actions,\n      contentProps = { arrow: true },\n      icon = <AlertCircleSolid />,\n      children,\n      dropdownProps,\n      sentiment: sentimentProp,\n      size: sizeProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { size, sentiment } = PopconfirmUtils.useProps({\n      size: sizeProp,\n      sentiment: sentimentProp,\n    });\n\n    return (\n      <Popover {...dropdownProps}>\n        <PopoverTrigger asChild={true}>{children}</PopoverTrigger>\n        <PopoverContent ref={ref} {...contentProps} size={size} className={className}>\n          <Styled.Popconfirm $size={size} $sentiment={sentiment} {...rest}>\n            <Styled.PopconfirmIcon>{icon}</Styled.PopconfirmIcon>\n            <Styled.PopconfirmWrapper $size={size}>\n              <Styled.PopconfirmText>\n                {!!title && <PopconfirmTitle text={title} size={size} />}\n                {!!description && <PopconfirmDescription text={description} size={size} />}\n              </Styled.PopconfirmText>\n              <PopconfirmActions actions={actions} size={size} sentiment={sentiment} />\n            </Styled.PopconfirmWrapper>\n          </Styled.Popconfirm>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport { Popconfirm };\n"],"names":["Popconfirm","forwardRef","className","title","description","actions","contentProps","icon","AlertCircleSolid","children","dropdownProps","sentimentProp","sizeProp","rest","ref","size","sentiment","PopconfirmUtils.useProps","jsxs","Popover","jsx","PopoverTrigger","PopoverContent","Styled.Popconfirm","Styled.PopconfirmIcon","Styled.PopconfirmWrapper","Styled.PopconfirmText","PopconfirmTitle","PopconfirmDescription","PopconfirmActions"],"mappings":"kjBAYMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAE,MAAO,EAAA,EACxB,KAAAC,QAAQC,EAAA,EAAiB,EACzB,SAAAC,EACA,cAAAC,EACA,UAAWC,EACX,KAAMC,EACN,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,WAAyB,CACnD,KAAML,EACN,UAAWD,CAAA,CACZ,EAED,OACEO,EAAAA,KAACC,EAAAA,QAAA,CAAS,GAAGT,EACX,SAAA,CAAAU,EAAAA,IAACC,EAAAA,eAAA,CAAe,QAAS,GAAO,SAAAZ,CAAA,CAAS,QACxCa,EAAAA,eAAA,CAAe,IAAAR,EAAW,GAAGR,EAAc,KAAAS,EAAY,UAAAb,EACtD,SAAAgB,EAAAA,KAACK,EAAAA,WAAA,CAAkB,MAAOR,EAAM,WAAYC,EAAY,GAAGH,EACzD,SAAA,CAAAO,EAAAA,IAACI,EAAAA,eAAA,CAAuB,SAAAjB,CAAA,CAAK,EAC7BW,EAAAA,KAACO,EAAAA,kBAAA,CAAyB,MAAOV,EAC/B,SAAA,CAAAG,OAACQ,EAAAA,eAAA,CACE,SAAA,CAAA,CAAC,CAACvB,GAASiB,MAACO,EAAA,CAAgB,KAAMxB,EAAO,KAAAY,EAAY,EACrD,CAAC,CAACX,SAAgBwB,EAAA,CAAsB,KAAMxB,EAAa,KAAAW,CAAA,CAAY,CAAA,EAC1E,EACAK,EAAAA,IAACS,EAAA,CAAkB,QAAAxB,EAAkB,KAAAU,EAAY,UAAAC,CAAA,CAAsB,CAAA,CAAA,CACzE,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,CACF"}

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

@@ -1,2 +1,2 @@
-"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;
+"use strict";const n=require("react/jsx-runtime"),t=require("react"),c=require("../../react-base/src/consts/index.js"),qe=require("classnames"),U=require("../../react-base/src/components/Select/Select.utils.js"),J=require("../Popover/Popover.js"),Q=require("../Icon/components/ChevronDown.js"),je=require("../../hooks/useFocusRingOnKeyboard.js"),q=require("./Select.styles.js"),Ee=require("../ListItem/ListItem.js"),Ie=require("./hooks/useOptions.js"),$e=require("./hooks/useElementRect.js"),we=require("./utils/strUtils.js"),Ge=require("./utils/selection.js"),Re=require("./utils/props.js"),Me=require("../Flexbox/Flexbox.js"),De=require("./components/SelectLoading.js"),Te=require("./utils/keydown.js"),Y=require("../ListItem/ListItemHeader.js"),Ke=require("../../react-base/src/consts/classes.js"),Pe=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:h,placement:Le,disabled:g,options:se,popoverWidth:ne="match-parent",onFocus:re,onBlur:ae,onClick:ie,children:oe,optionFilterProp:P="label",optionLabelProp:L="label",optionSelectionType:ue,optionShowInputControls:ce,optionMutliline:de=!1,onKeyDown:N,onSearch:A,onSelect:E,onDeselect:I,onClear:pe,onChange:$,defaultValue:fe,suffix:B,value:x,style:be,virtual:Ne=!1,...he},ge)=>{const d=t.useRef(null),xe=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(()=>Re.asArray(fe??x)),O=Ie.useOptions(oe,`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||we.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:Oe}=Ge.updateSelectedValues(i,e,s,h);p.forEach(T=>{const b=u.find(k=>!k.isGroup&&k.value===T);U.isOption(b)&&E&&E(b.value,b)}),Oe.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,h,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 me=$e.useElementRect(d.current?.parentElement?.parentElement);t.useImperativeHandle(ge,()=>d.current);const{focusKind:Se,handleOnClick:ye,handleOnFocus:D,handleOnBlur:W,handleOnMouseDownCapture:ve}=je.useFocusRingOnKeyboard({inputRef:d,onFocus:re,onBlur:ae,onClick:ie}),ke=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=>{Te.onKeyDownHandle(e,{isOpen:y,setIsOpen:m,input:d.current,allowClear:!!h,availableOptionKeys:V,searchValue:o,selectedNodeValues:i,selectNodeValue:v,flatOptions:u,currentNodeKey:f,setCurrentNodeKey:M}),N?.(e)},[N,y,h,V,o,i,v,u,f]),Ce=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":Se,$mode:s,className:qe(Ke.SELECT_CLASS,te),style:be,size:a,allowReadOnlyClear:!0,readOnly:!j,onFocus:D,onBlur:ke,wrapperProps:{onMouseDownCapture:e=>{w(!0),ve(e)},onClick:e=>{e.isDefaultPrevented()||d.current?.click(),w(!1),ye(e)}},onClick:e=>{j&&!g&&!e.isDefaultPrevented()&&(m(!0),e.preventDefault()),w(!1),e.stopPropagation()},invalid:K,loading:C,disabled:g,onKeyDown:z,value:o,onChange:Ce,name:"select-input",type:"text",customPrefix:s==="multiple"&&i.map((e,l)=>n.jsx(q.SelectTag,{sentiment:"information",$disabled:g,$invalid:K,size:a,closeButton:!g&&h,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:g,id:`select-${r}-value`,size:a,children:_[0]}),suffix:{transparent:!0,node:B?n.jsxs(Me,{gap:"2px",children:[B,n.jsx(Q,{})]}):n.jsx(Q,{}),onClick:e=>{const l=new Event("click",{bubbles:!0,cancelable:!0});j&&!g&&(m(p=>!p),l.preventDefault(),e.preventDefault()),d.current?.dispatchEvent(l)}},placeholder:!o&&(i.length===0&&s==="single"||s==="multiple")?le:"",allowClear:h&&(e=>e!==""||i.length>0),onClear:()=>{v(null),pe?.()},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,...he})}),n.jsxs(q.SelectPopoverContent,{role:"listbox",align:"start",side:"bottom",ref:xe,style:{width:ne==="fit-content"?"auto":me?.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(Ee,{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:de,label:e.label,optionItem:!0,selectionType:ue??(!s||s==="single"?"radio":"checkbox"),showInputControls:ce},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(De.SelectLoading,{id:r,size:a})]})]})});module.exports=Pe;
 //# 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 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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"}
+{"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      popoverWidth = 'match-parent',\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: popoverWidth === 'fit-content' ? 'auto' : (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","popoverWidth","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/Toggle/Toggle.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),$=require("react"),m=require("classnames"),o=require("../../react-base/src/consts/index.js"),r=require("./Toggle.styles.js"),c=require("../../react-base/src/consts/classes.js"),p=$.forwardRef(({className:n,size:i=`${o.Sizes.Medium}`,label:e,checked:l,selected:g,defaultChecked:u,defaultSelected:a,disabled:t=!1,labelPosition:d=o.Positions.Left,mirrored:T=!1,wrapperProps:f,title:x,...q},L)=>{const S=x||typeof e=="string"&&e||void 0;return s.jsxs(r.ToggleWrapper,{className:m(c.TOGGLE_CLASS,n),$size:i,$mirrored:T,$labelPosition:d,$disabled:t,...f,children:[!!e&&s.jsx(r.ToggleLabel,{$size:i,children:e}),s.jsx(r.Toggle,{ref:L,prefixCls:c.TOGGLE_SWITCH_CLASS,checked:g??l,defaultChecked:a??u,disabled:t,title:S,...q})]})});module.exports=p;
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),m=require("classnames"),c=require("../../react-base/src/consts/index.js"),n=require("../../react-base/src/components/Toggle/Toggle.consts.js"),i=require("./Toggle.styles.js"),p=require("../Icon/components/Lock.js"),g=require("../../react-base/src/consts/classes.js"),C=j.forwardRef(({className:l,size:e=`${c.Sizes.Medium}`,label:s,checked:u,selected:d,defaultChecked:a,defaultSelected:h,disabled:o=!1,readOnly:r=!1,labelPosition:T=c.Positions.Left,mirrored:f=!1,wrapperProps:q,title:x,...L},$)=>{const S=x||typeof s=="string"&&s||void 0;return t.jsxs(i.ToggleWrapper,{className:m(g.TOGGLE_CLASS,l),$size:e,$mirrored:f,$labelPosition:T,$disabled:o,$readOnly:r,...q,children:[!!s&&t.jsx(i.ToggleLabel,{$size:e,children:s}),r&&t.jsx(p,{width:n.consts[e].height,height:n.consts[e].height}),t.jsx(i.Toggle,{ref:$,prefixCls:g.TOGGLE_SWITCH_CLASS,checked:d??u,defaultChecked:h??a,disabled:o||r,title:S,...L})]})});module.exports=C;
 //# sourceMappingURL=Toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Positions, Sizes, TOGGLE_CLASS, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Toggle.styles';\nimport type { IToggleProps } from './Toggle.types';\n\nconst Toggle = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      label,\n      checked,\n      selected,\n      defaultChecked,\n      defaultSelected,\n      disabled = false,\n      labelPosition = Positions.Left,\n      mirrored = false,\n      wrapperProps,\n      title,\n      ...rest\n    }: IToggleProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): ReactElement => {\n    const innerTitle = title || (typeof label === 'string' && label) || undefined;\n\n    return (\n      <Styled.ToggleWrapper\n        className={classNames(TOGGLE_CLASS, className)}\n        $size={size}\n        $mirrored={mirrored}\n        $labelPosition={labelPosition}\n        $disabled={disabled}\n        {...wrapperProps}\n      >\n        {!!label && <Styled.ToggleLabel $size={size}>{label}</Styled.ToggleLabel>}\n        <Styled.Toggle\n          ref={ref}\n          prefixCls={TOGGLE_SWITCH_CLASS}\n          checked={selected ?? checked}\n          defaultChecked={defaultSelected ?? defaultChecked}\n          disabled={disabled}\n          title={innerTitle}\n          {...rest}\n        />\n      </Styled.ToggleWrapper>\n    );\n  },\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","className","size","Sizes","label","checked","selected","defaultChecked","defaultSelected","disabled","labelPosition","Positions","mirrored","wrapperProps","title","rest","ref","innerTitle","jsxs","Styled.ToggleWrapper","classNames","TOGGLE_CLASS","jsx","Styled.ToggleLabel","Styled.Toggle","TOGGLE_SWITCH_CLASS"],"mappings":"mOAQMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,SAAAC,EAAW,GACX,cAAAC,EAAgBC,EAAAA,UAAU,KAC1B,SAAAC,EAAW,GACX,aAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAaH,GAAU,OAAOV,GAAU,UAAYA,GAAU,OAEpE,OACEc,EAAAA,KAACC,EAAAA,cAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcpB,CAAS,EAC7C,MAAOC,EACP,UAAWU,EACX,eAAgBF,EAChB,UAAWD,EACV,GAAGI,EAEH,SAAA,CAAA,CAAC,CAACT,GAASkB,EAAAA,IAACC,EAAAA,YAAA,CAAmB,MAAOrB,EAAO,SAAAE,EAAM,EACpDkB,EAAAA,IAACE,EAAAA,OAAA,CACC,IAAAR,EACA,UAAWS,EAAAA,oBACX,QAASnB,GAAYD,EACrB,eAAgBG,GAAmBD,EACnC,SAAAE,EACA,MAAOQ,EACN,GAAGF,CAAA,CAAA,CACN,CAAA,CAAA,CAGN,CACF"}
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Positions, Sizes, TOGGLE_CLASS, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleConsts } from 'acinguiux-ds-react-base/components/Toggle';\n\nimport * as Styled from './Toggle.styles';\nimport type { IToggleProps } from './Toggle.types';\nimport * as Icons from '../Icon/components/index';\n\nconst Toggle = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      label,\n      checked,\n      selected,\n      defaultChecked,\n      defaultSelected,\n      disabled = false,\n      readOnly = false,\n      labelPosition = Positions.Left,\n      mirrored = false,\n      wrapperProps,\n      title,\n      ...rest\n    }: IToggleProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): ReactElement => {\n    const innerTitle = title || (typeof label === 'string' && label) || undefined;\n\n    return (\n      <Styled.ToggleWrapper\n        className={classNames(TOGGLE_CLASS, className)}\n        $size={size}\n        $mirrored={mirrored}\n        $labelPosition={labelPosition}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        {...wrapperProps}\n      >\n        {!!label && <Styled.ToggleLabel $size={size}>{label}</Styled.ToggleLabel>}\n        {readOnly && <Icons.Lock width={ToggleConsts.consts[size].height} height={ToggleConsts.consts[size].height} />}\n        <Styled.Toggle\n          ref={ref}\n          prefixCls={TOGGLE_SWITCH_CLASS}\n          checked={selected ?? checked}\n          defaultChecked={defaultSelected ?? defaultChecked}\n          disabled={disabled || readOnly}\n          title={innerTitle}\n          {...rest}\n        />\n      </Styled.ToggleWrapper>\n    );\n  },\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","className","size","Sizes","label","checked","selected","defaultChecked","defaultSelected","disabled","readOnly","labelPosition","Positions","mirrored","wrapperProps","title","rest","ref","innerTitle","jsxs","Styled.ToggleWrapper","classNames","TOGGLE_CLASS","jsx","Styled.ToggleLabel","Icons.Lock","ToggleConsts.consts","Styled.Toggle","TOGGLE_SWITCH_CLASS"],"mappings":"gVAUMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,cAAAC,EAAgBC,EAAAA,UAAU,KAC1B,SAAAC,EAAW,GACX,aAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAaH,GAAU,OAAOX,GAAU,UAAYA,GAAU,OAEpE,OACEe,EAAAA,KAACC,EAAAA,cAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcrB,CAAS,EAC7C,MAAOC,EACP,UAAWW,EACX,eAAgBF,EAChB,UAAWF,EACX,UAAWC,EACV,GAAGI,EAEH,SAAA,CAAA,CAAC,CAACV,GAASmB,EAAAA,IAACC,EAAAA,YAAA,CAAmB,MAAOtB,EAAO,SAAAE,EAAM,EACnDM,GAAYa,EAAAA,IAACE,EAAA,CAAW,MAAOC,EAAAA,OAAoBxB,CAAI,EAAE,OAAQ,OAAQwB,EAAAA,OAAoBxB,CAAI,EAAE,MAAA,CAAQ,EAC5GqB,EAAAA,IAACI,EAAAA,OAAA,CACC,IAAAV,EACA,UAAWW,EAAAA,oBACX,QAAStB,GAAYD,EACrB,eAAgBG,GAAmBD,EACnC,SAAUE,GAAYC,EACtB,MAAOQ,EACN,GAAGF,CAAA,CAAA,CACN,CAAA,CAAA,CAGN,CACF"}

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

@@ -1,103 +1,109 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("rc-switch"),c=require("styled-components"),x=require("../../react-base/src/consts/index.js"),n=require("../../react-base/src/utils/stylesUtils.js"),y=require("../../react-base/src/components/Toggle/Toggle.consts.js"),g=require("../../react-base/src/components/Toggle/Toggle.utils.js"),C=require("../../react-base/src/utils/sizesUtils.js"),r=require("acinguiux-ds-fabrics"),u=require("../../react-base/src/consts/classes.js"),{consts:d}=y,b=c.styled(h)``,p=c.styled.label`
-  ${({$size:a,theme:o})=>o.typography("label",C.getLabelTypographySize(a))};
-`,v=c.styled.div`
-  ${({$size:a,$disabled:o,$mirrored:$,$labelPosition:k,theme:i})=>{const t=l=>g.getStyles(i,l,o),s=l=>g.getStyles(i,l,o,!0),{width:S,height:f,circle:e}=d[a];return c.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("rc-switch"),i=require("styled-components"),C=require("../../react-base/src/consts/index.js"),u=require("../../react-base/src/utils/stylesUtils.js"),v=require("../../react-base/src/components/Toggle/Toggle.consts.js"),d=require("../../react-base/src/components/Toggle/Toggle.utils.js"),T=require("../../react-base/src/utils/sizesUtils.js"),t=require("acinguiux-ds-fabrics"),g=require("../../react-base/src/consts/classes.js"),{consts:b}=v,p=i.styled(x)``,k=i.styled.label`
+  ${({$size:l,theme:e})=>e.typography("label",T.getLabelTypographySize(l))};
+`,F=i.styled.div`
+  ${({$size:l,$disabled:e,$readOnly:r,$mirrored:S,$labelPosition:$,theme:a})=>{const s=n=>d.getStyles(a,n,e||r),c=n=>d.getStyles(a,n,e||r,!0),{width:f,height:h,circle:o}=b[l];return i.css`
       display: flex;
-      flex-direction: ${$||k===x.Positions.Right?"row-reverse":"row"};
+      flex-direction: ${S||$===C.Positions.Right?"row-reverse":"row"};
       align-items: center;
-      gap: ${d[a].labelSpacing}px;
+      gap: ${b[l].labelSpacing}px;
 
-      ${p} {
-        ${n.getLabelFontStyles(i,o)};
+      ${k} {
+        ${u.getLabelFontStyles(a,e)};
+        cursor: ${r?"no-drop":"default"};
+      }
+
+      .${g.ICON_CLASS} {
+        ${u.getLabelFontStyles(a,r)};
+        cursor: ${r?"no-drop":"default"};
       }
 
-      ${b} {
+      ${p} {
         border: none;
         position: relative;
-        width: ${S}px;
-        height: ${f}px;
-        cursor: ${o?"no-drop":"pointer"};
+        width: ${f}px;
+        height: ${h}px;
+        cursor: ${e||r?"no-drop":"pointer"};
         transition: background-color 0.3s ease-out;
         border-radius: 16px;
-        color: ${t().color};
-        background-color: ${t().backgroundColor};
+        color: ${s().color};
+        background-color: ${s().backgroundColor};
 
         &:focus-visible {
-          ${n.getFocusStyles(i)};
+          ${u.getFocusStyles(a)};
         }
 
         &::after {
           position: absolute;
-          left: ${e.offset}px;
-          top: ${e.offset}px;
-          width: ${e.size}px;
-          height: ${e.size}px;
-          border-radius: ${e.size/2}px;
+          left: ${o.offset}px;
+          top: ${o.offset}px;
+          width: ${o.size}px;
+          height: ${o.size}px;
+          border-radius: ${o.size/2}px;
           content: '';
-          cursor: ${o?"no-drop":"pointer"};
+          cursor: ${e||r?"no-drop":"pointer"};
           transition:
             width 0.3s ease-out,
             transform 0.3s ease-out;
-          background-color: ${t().circleBackgroundColor};
+          background-color: ${s().circleBackgroundColor};
         }
 
         &:hover {
-          background-color: ${t(r.FabricsVariables.States.Hover).backgroundColor};
+          background-color: ${s(t.FabricsVariables.States.Hover).backgroundColor};
 
           &::after {
-            background-color: ${t(r.FabricsVariables.States.Hover).circleBackgroundColor};
+            background-color: ${s(t.FabricsVariables.States.Hover).circleBackgroundColor};
           }
         }
 
         &:active {
-          background-color: ${t(r.FabricsVariables.States.Press).backgroundColor};
+          background-color: ${s(t.FabricsVariables.States.Press).backgroundColor};
 
           &::after {
-            background-color: ${t(r.FabricsVariables.States.Press).circleBackgroundColor};
+            background-color: ${s(t.FabricsVariables.States.Press).circleBackgroundColor};
           }
         }
 
-        &.${u.TOGGLE_SWITCH_CLASS}-checked {
+        &.${g.TOGGLE_SWITCH_CLASS}-checked {
           border: none;
-          background-color: ${s().backgroundColor};
+          background-color: ${c().backgroundColor};
 
           &::after {
-            left: ${e.checkedOffset}px;
-            top: ${e.checkedOffset}px;
-            width: ${e.checkedSize}px;
-            height: ${e.checkedSize}px;
-            border-radius: ${e.checkedSize/2}px;
-            transform: translateX(${e.onPosition}px);
-            background-color: ${s().circleBackgroundColor};
+            left: ${o.checkedOffset}px;
+            top: ${o.checkedOffset}px;
+            width: ${o.checkedSize}px;
+            height: ${o.checkedSize}px;
+            border-radius: ${o.checkedSize/2}px;
+            transform: translateX(${o.onPosition}px);
+            background-color: ${c().circleBackgroundColor};
           }
 
           &:hover {
-            background-color: ${s(r.FabricsVariables.States.Hover).backgroundColor};
+            background-color: ${c(t.FabricsVariables.States.Hover).backgroundColor};
 
             &::after {
-              background-color: ${s(r.FabricsVariables.States.Hover).circleBackgroundColor};
+              background-color: ${c(t.FabricsVariables.States.Hover).circleBackgroundColor};
             }
           }
 
           &:active {
-            background-color: ${s(r.FabricsVariables.States.Press).backgroundColor};
+            background-color: ${c(t.FabricsVariables.States.Press).backgroundColor};
 
             &::after {
-              background-color: ${s(r.FabricsVariables.States.Press).circleBackgroundColor};
+              background-color: ${c(t.FabricsVariables.States.Press).circleBackgroundColor};
             }
           }
         }
 
-        ${!o&&c.css`
+        ${!(e||r)&&i.css`
           &:active::after {
-            width: ${e.pressedSize}px;
+            width: ${o.pressedSize}px;
           }
 
-          &.${u.TOGGLE_SWITCH_CLASS}-checked:active::after {
-            transform: translateX(${e.onPosition-e.pressedSize+e.checkedSize}px);
+          &.${g.TOGGLE_SWITCH_CLASS}-checked:active::after {
+            transform: translateX(${o.onPosition-o.pressedSize+o.checkedSize}px);
           }
         `}
       }
     `}}
-`;exports.Toggle=b;exports.ToggleLabel=p;exports.ToggleWrapper=v;
+`;exports.Toggle=p;exports.ToggleLabel=k;exports.ToggleWrapper=F;
 //# sourceMappingURL=Toggle.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport Switch from 'rc-switch';\nimport { styled, css } from 'styled-components';\nimport { Positions, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { ToggleConsts, ToggleUtils } from 'acinguiux-ds-react-base/components/Toggle';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IToggleProps } from './Toggle.types';\n\nconst { consts } = ToggleConsts;\n\nconst Toggle = styled(Switch as ForwardRefExoticComponent<IToggleProps & RefAttributes<HTMLButtonElement>>)``;\n\nconst ToggleLabel = styled.label<Required<PickTransient<IToggleProps, 'size'>>>`\n  ${({ $size, theme }) => theme.typography('label', getLabelTypographySize($size))};\n`;\n\nconst ToggleWrapper = styled.div<\n  Required<PickTransient<IToggleProps, 'size'>> & PickTransient<IToggleProps, 'disabled' | 'mirrored' | 'labelPosition'>\n>`\n  ${({ $size, $disabled, $mirrored, $labelPosition, theme }) => {\n    const defaultStyles = (state?: FabricsVariables.StateType) => ToggleUtils.getStyles(theme, state, $disabled);\n    const checkedStyles = (state?: FabricsVariables.StateType) => ToggleUtils.getStyles(theme, state, $disabled, true);\n\n    const { width, height, circle } = consts[$size];\n\n    return css`\n      display: flex;\n      flex-direction: ${$mirrored || $labelPosition === Positions.Right ? 'row-reverse' : 'row'};\n      align-items: center;\n      gap: ${consts[$size].labelSpacing}px;\n\n      ${ToggleLabel} {\n        ${getLabelFontStyles(theme, $disabled)};\n      }\n\n      ${Toggle} {\n        border: none;\n        position: relative;\n        width: ${width}px;\n        height: ${height}px;\n        cursor: ${$disabled ? 'no-drop' : 'pointer'};\n        transition: background-color 0.3s ease-out;\n        border-radius: 16px;\n        color: ${defaultStyles().color};\n        background-color: ${defaultStyles().backgroundColor};\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n\n        &::after {\n          position: absolute;\n          left: ${circle.offset}px;\n          top: ${circle.offset}px;\n          width: ${circle.size}px;\n          height: ${circle.size}px;\n          border-radius: ${circle.size / 2}px;\n          content: '';\n          cursor: ${$disabled ? 'no-drop' : 'pointer'};\n          transition:\n            width 0.3s ease-out,\n            transform 0.3s ease-out;\n          background-color: ${defaultStyles().circleBackgroundColor};\n        }\n\n        &:hover {\n          background-color: ${defaultStyles(FabricsVariables.States.Hover).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n          }\n        }\n\n        &:active {\n          background-color: ${defaultStyles(FabricsVariables.States.Press).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Press).circleBackgroundColor};\n          }\n        }\n\n        &.${TOGGLE_SWITCH_CLASS}-checked {\n          border: none;\n          background-color: ${checkedStyles().backgroundColor};\n\n          &::after {\n            left: ${circle.checkedOffset}px;\n            top: ${circle.checkedOffset}px;\n            width: ${circle.checkedSize}px;\n            height: ${circle.checkedSize}px;\n            border-radius: ${circle.checkedSize / 2}px;\n            transform: translateX(${circle.onPosition}px);\n            background-color: ${checkedStyles().circleBackgroundColor};\n          }\n\n          &:hover {\n            background-color: ${checkedStyles(FabricsVariables.States.Hover).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n            }\n          }\n\n          &:active {\n            background-color: ${checkedStyles(FabricsVariables.States.Press).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Press).circleBackgroundColor};\n            }\n          }\n        }\n\n        ${!$disabled &&\n        css`\n          &:active::after {\n            width: ${circle.pressedSize}px;\n          }\n\n          &.${TOGGLE_SWITCH_CLASS}-checked:active::after {\n            transform: translateX(${circle.onPosition - circle.pressedSize + circle.checkedSize}px);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n\nexport { Toggle, ToggleLabel, ToggleWrapper };\n"],"names":["consts","ToggleConsts","Toggle","styled","Switch","ToggleLabel","$size","theme","getLabelTypographySize","ToggleWrapper","$disabled","$mirrored","$labelPosition","defaultStyles","state","ToggleUtils.getStyles","checkedStyles","width","height","circle","css","Positions","getLabelFontStyles","getFocusStyles","FabricsVariables","TOGGLE_SWITCH_CLASS"],"mappings":"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"}
+{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport Switch from 'rc-switch';\nimport { styled, css } from 'styled-components';\nimport { Positions, TOGGLE_SWITCH_CLASS, ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { ToggleConsts, ToggleUtils } from 'acinguiux-ds-react-base/components/Toggle';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IToggleProps } from './Toggle.types';\n\nconst { consts } = ToggleConsts;\n\nconst Toggle = styled(Switch as ForwardRefExoticComponent<IToggleProps & RefAttributes<HTMLButtonElement>>)``;\n\nconst ToggleLabel = styled.label<Required<PickTransient<IToggleProps, 'size'>>>`\n  ${({ $size, theme }) => theme.typography('label', getLabelTypographySize($size))};\n`;\n\nconst ToggleWrapper = styled.div<\n  Required<PickTransient<IToggleProps, 'size'>> &\n    PickTransient<IToggleProps, 'disabled' | 'readOnly' | 'mirrored' | 'labelPosition'>\n>`\n  ${({ $size, $disabled, $readOnly, $mirrored, $labelPosition, theme }) => {\n    const defaultStyles = (state?: FabricsVariables.StateType) =>\n      ToggleUtils.getStyles(theme, state, $disabled || $readOnly);\n    const checkedStyles = (state?: FabricsVariables.StateType) =>\n      ToggleUtils.getStyles(theme, state, $disabled || $readOnly, true);\n\n    const { width, height, circle } = consts[$size];\n\n    return css`\n      display: flex;\n      flex-direction: ${$mirrored || $labelPosition === Positions.Right ? 'row-reverse' : 'row'};\n      align-items: center;\n      gap: ${consts[$size].labelSpacing}px;\n\n      ${ToggleLabel} {\n        ${getLabelFontStyles(theme, $disabled)};\n        cursor: ${$readOnly ? 'no-drop' : 'default'};\n      }\n\n      .${ICON_CLASS} {\n        ${getLabelFontStyles(theme, $readOnly)};\n        cursor: ${$readOnly ? 'no-drop' : 'default'};\n      }\n\n      ${Toggle} {\n        border: none;\n        position: relative;\n        width: ${width}px;\n        height: ${height}px;\n        cursor: ${$disabled || $readOnly ? 'no-drop' : 'pointer'};\n        transition: background-color 0.3s ease-out;\n        border-radius: 16px;\n        color: ${defaultStyles().color};\n        background-color: ${defaultStyles().backgroundColor};\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n\n        &::after {\n          position: absolute;\n          left: ${circle.offset}px;\n          top: ${circle.offset}px;\n          width: ${circle.size}px;\n          height: ${circle.size}px;\n          border-radius: ${circle.size / 2}px;\n          content: '';\n          cursor: ${$disabled || $readOnly ? 'no-drop' : 'pointer'};\n          transition:\n            width 0.3s ease-out,\n            transform 0.3s ease-out;\n          background-color: ${defaultStyles().circleBackgroundColor};\n        }\n\n        &:hover {\n          background-color: ${defaultStyles(FabricsVariables.States.Hover).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n          }\n        }\n\n        &:active {\n          background-color: ${defaultStyles(FabricsVariables.States.Press).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Press).circleBackgroundColor};\n          }\n        }\n\n        &.${TOGGLE_SWITCH_CLASS}-checked {\n          border: none;\n          background-color: ${checkedStyles().backgroundColor};\n\n          &::after {\n            left: ${circle.checkedOffset}px;\n            top: ${circle.checkedOffset}px;\n            width: ${circle.checkedSize}px;\n            height: ${circle.checkedSize}px;\n            border-radius: ${circle.checkedSize / 2}px;\n            transform: translateX(${circle.onPosition}px);\n            background-color: ${checkedStyles().circleBackgroundColor};\n          }\n\n          &:hover {\n            background-color: ${checkedStyles(FabricsVariables.States.Hover).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n            }\n          }\n\n          &:active {\n            background-color: ${checkedStyles(FabricsVariables.States.Press).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Press).circleBackgroundColor};\n            }\n          }\n        }\n\n        ${!($disabled || $readOnly) &&\n        css`\n          &:active::after {\n            width: ${circle.pressedSize}px;\n          }\n\n          &.${TOGGLE_SWITCH_CLASS}-checked:active::after {\n            transform: translateX(${circle.onPosition - circle.pressedSize + circle.checkedSize}px);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n\nexport { Toggle, ToggleLabel, ToggleWrapper };\n"],"names":["consts","ToggleConsts","Toggle","styled","Switch","ToggleLabel","$size","theme","getLabelTypographySize","ToggleWrapper","$disabled","$readOnly","$mirrored","$labelPosition","defaultStyles","state","ToggleUtils.getStyles","checkedStyles","width","height","circle","css","Positions","getLabelFontStyles","ICON_CLASS","getFocusStyles","FabricsVariables","TOGGLE_SWITCH_CLASS"],"mappings":"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"}

package/build/cjs/components/ToggleButton/ToggleButton.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),z=require("classnames"),P=require("../../react-base/src/consts/classes.js"),m=require("../../react-base/src/components/ToggleButton/ToggleButton.utils.js"),a=require("./ToggleButton.styles.js"),C=require("../Loading/Loading.js"),u=require("../Text/components/Label/Label.js"),O=l.forwardRef(({className:S,onClick:d,...T},h)=>{const{icon:g,iconOnly:b,iconPosition:j,loaderSize:q,children:t,loading:o,selected:s,rounded:y,size:n,outlined:c,primaryLabel:i,secondaryLabel:r,...$}=m.useProps(T),[f,x]=l.useState(()=>s);l.useEffect(()=>{x(s)},[s]);const p=l.useCallback(B=>{o||(d?.(B),B.isDefaultPrevented()||x(L=>!L))},[d,o]);return e.jsxs(a.ToggleButton,{className:z(S,P.TOGGLE_BUTTON_CLASS),ref:h,type:"button","aria-pressed":!!f,onClick:p,$outlined:c,$size:n,$rounded:y,"aria-busy":o,"aria-label":String(t?t.toString():i??r),...$,children:[e.jsxs(a.ToggleButtonContent,{$size:n,$iconPosition:j,$icon:g,$iconOnly:b,children:[g,!b&&e.jsxs(a.ToggleButtonLabelContainer,{$size:n,children:[!!t&&e.jsx(u,{size:n,children:t}),!!i&&e.jsx(u,{size:n,children:i}),!!r&&e.jsx(u,{size:n,bold:!0,children:r})]})]}),!!o&&e.jsx(C,{type:!c&&s?"selected":void 0,selectedProminence:!c&&s?"strong":void 0,size:q,"aria-hidden":!0,"aria-label":String(t?t.toString():i??r)})]})});module.exports=O;
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),P=require("classnames"),m=require("../../react-base/src/consts/classes.js"),C=require("../../react-base/src/components/ToggleButton/ToggleButton.utils.js"),u=require("./ToggleButton.styles.js"),O=require("../Loading/Loading.js"),d=require("../Text/components/Label/Label.js"),p=l.forwardRef(({className:S,onClick:g,...c},T)=>{const{icon:b,iconOnly:x,iconPosition:f,loaderSize:h,children:t,loading:s,selected:o,rounded:j,size:n,outlined:a,primaryLabel:i,secondaryLabel:r,...q}=C.useProps(c),[$,y]=l.useState(()=>o);l.useEffect(()=>{y(o)},[o]);const L=l.useCallback(B=>{s||(g?.(B),typeof c.selected!="boolean"&&!B.isDefaultPrevented()&&y(z=>!z))},[g,s,c.selected]);return e.jsxs(u.ToggleButton,{className:P(S,m.TOGGLE_BUTTON_CLASS),ref:T,type:"button","aria-pressed":!!$,onClick:L,$outlined:a,$size:n,$rounded:j,"aria-busy":s,"aria-label":String(t?t.toString():i??r),...q,children:[e.jsxs(u.ToggleButtonContent,{$size:n,$iconPosition:f,$icon:b,$iconOnly:x,children:[b,!x&&e.jsxs(u.ToggleButtonLabelContainer,{$size:n,children:[!!t&&e.jsx(d,{size:n,children:t}),!!i&&e.jsx(d,{size:n,children:i}),!!r&&e.jsx(d,{size:n,bold:!0,children:r})]})]}),!!s&&e.jsx(O,{type:!a&&o?"selected":void 0,selectedProminence:!a&&o?"strong":void 0,size:h,"aria-hidden":!0,"aria-label":String(t?t.toString():i??r)})]})});module.exports=p;
 //# sourceMappingURL=ToggleButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\n\nimport Styled from './ToggleButton.styles';\nimport type { IToggleButtonProps } from './ToggleButton.types';\nimport Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (!e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":"yVAWMA,EAAeC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAA6BC,IAAQ,CAC7D,KAAM,CACJ,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,SAA2Bf,CAAK,EAC9B,CAACgB,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,IAAMV,CAAQ,EAEjEW,EAAAA,UAAU,IAAM,CACdF,EAAiBT,CAAQ,CAC3B,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAMY,EAAsDC,EAAAA,YACzDC,GAAM,CACAf,IACHR,IAAUuB,CAAC,EACNA,EAAE,sBACLL,EAAkBM,GAAiB,CAACA,CAAY,EAGtD,EACA,CAACxB,EAASQ,CAAO,CAAA,EAGnB,OACEiB,EAAAA,KAACC,EAAO,aAAP,CACC,UAAWC,EAAW5B,EAAW6B,qBAAmB,EACpD,IAAA1B,EACA,KAAK,SACL,eAAc,EAAQe,EACtB,QAASI,EACT,UAAWT,EACX,MAAOD,EACP,SAAUD,EACV,YAAWF,EACX,aAAY,OAAOD,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,EACnF,GAAGC,EAEJ,SAAA,CAAAU,EAAAA,KAACC,EAAO,oBAAP,CAA2B,MAAOf,EAAM,cAAeN,EAAc,MAAOF,EAAM,UAAWC,EAC3F,SAAA,CAAAD,EACA,CAACC,GACAqB,EAAAA,KAACC,EAAO,2BAAP,CAAkC,MAAOf,EACvC,SAAA,CAAA,CAAC,CAACJ,GAAYsB,EAAAA,IAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAJ,EAAS,EAC3C,CAAC,CAACM,GAAgBgB,MAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAE,EAAa,EACnD,CAAC,CAACC,GACDe,EAAAA,IAACC,GAAM,KAAAnB,EAAY,KAAM,GACtB,SAAAG,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EAEJ,EACC,CAAC,CAACN,GACDqB,EAAAA,IAACE,EAAA,CACC,KAAM,CAACnB,GAAYH,EAAW,WAAa,OAC3C,mBAAoB,CAACG,GAAYH,EAAW,SAAW,OACvD,KAAMH,EACN,cAAa,GACb,aAAY,OAAOC,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,CAAA,CAAA,CACtF,CAAA,CAAA,CAIR,CACF"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\n\nimport Styled from './ToggleButton.styles';\nimport type { IToggleButtonProps } from './ToggleButton.types';\nimport Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (typeof props.selected !== 'boolean' && !e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading, props.selected],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":"yVAWMA,EAAeC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAA6BC,IAAQ,CAC7D,KAAM,CACJ,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,SAA2Bf,CAAK,EAC9B,CAACgB,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,IAAMV,CAAQ,EAEjEW,EAAAA,UAAU,IAAM,CACdF,EAAiBT,CAAQ,CAC3B,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAMY,EAAsDC,EAAAA,YACzDC,GAAM,CACAf,IACHR,IAAUuB,CAAC,EACP,OAAOtB,EAAM,UAAa,WAAa,CAACsB,EAAE,sBAC5CL,EAAkBM,GAAiB,CAACA,CAAY,EAGtD,EACA,CAACxB,EAASQ,EAASP,EAAM,QAAQ,CAAA,EAGnC,OACEwB,EAAAA,KAACC,EAAO,aAAP,CACC,UAAWC,EAAW5B,EAAW6B,qBAAmB,EACpD,IAAA1B,EACA,KAAK,SACL,eAAc,EAAQe,EACtB,QAASI,EACT,UAAWT,EACX,MAAOD,EACP,SAAUD,EACV,YAAWF,EACX,aAAY,OAAOD,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,EACnF,GAAGC,EAEJ,SAAA,CAAAU,EAAAA,KAACC,EAAO,oBAAP,CAA2B,MAAOf,EAAM,cAAeN,EAAc,MAAOF,EAAM,UAAWC,EAC3F,SAAA,CAAAD,EACA,CAACC,GACAqB,EAAAA,KAACC,EAAO,2BAAP,CAAkC,MAAOf,EACvC,SAAA,CAAA,CAAC,CAACJ,GAAYsB,EAAAA,IAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAJ,EAAS,EAC3C,CAAC,CAACM,GAAgBgB,MAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAE,EAAa,EACnD,CAAC,CAACC,GACDe,EAAAA,IAACC,GAAM,KAAAnB,EAAY,KAAM,GACtB,SAAAG,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EAEJ,EACC,CAAC,CAACN,GACDqB,EAAAA,IAACE,EAAA,CACC,KAAM,CAACnB,GAAYH,EAAW,WAAa,OAC3C,mBAAoB,CAACG,GAAYH,EAAW,SAAW,OACvD,KAAMH,EACN,cAAa,GACb,aAAY,OAAOC,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,CAAA,CAAA,CACtF,CAAA,CAAA,CAIR,CACF"}

package/build/cjs/components/_internalComponents/ActionBar/ActionBar.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("../../../react-base/src/consts/index.js"),c=require("./ActionBar.styles.js"),l=require("../../Button/Button.js"),u=({size:t=o.Sizes.Medium,actions:r,direction:a=o.Directions.Horizontal,alignment:m=o.Alignments.Right})=>n.jsxs(c.ActionBar,{$size:t,$direction:a,$alignment:m,children:[r.some(({showActionButton:e,position:i})=>e!==!1&&i==="opposite")&&n.jsx(c.ActionsContainer,{children:r.filter(({showActionButton:e,position:i})=>e!==!1&&i==="opposite").map(({label:e,action:i,props:s})=>n.jsx(l,{size:t,onClick:i,label:e,...s},e))}),n.jsx(c.ActionsContainer,{children:r.filter(({showActionButton:e,position:i})=>e!==!1&&(!i||i==="normal")).map(({label:e,action:i,props:s})=>n.jsx(l,{size:t,onClick:i,label:e,...s},e))})]});module.exports=u;
+"use strict";const e=require("react/jsx-runtime"),o=require("../../../react-base/src/consts/index.js"),c=require("./ActionBar.styles.js"),m=require("../../Button/Button.js"),u=require("../../Button/SentimentButton.js"),d=({size:s=o.Sizes.Medium,actions:r,direction:x=o.Directions.Horizontal,alignment:j=o.Alignments.Right})=>e.jsxs(c.ActionBar,{$size:s,$direction:x,$alignment:j,children:[r.some(({showActionButton:n,position:t})=>n!==!1&&t==="opposite")&&e.jsx(c.ActionsContainer,{children:r.filter(({showActionButton:n,position:t})=>n!==!1&&t==="opposite").map(({label:n,action:t,props:i})=>i&&"sentiment"in i?e.jsx(u,{size:s,onClick:t,label:n,...i},n):e.jsx(m,{size:s,onClick:t,label:n,...i},n))}),e.jsx(c.ActionsContainer,{children:r.filter(({showActionButton:n,position:t})=>n!==!1&&(!t||t==="normal")).map(({label:n,action:t,props:i})=>i&&"sentiment"in i?e.jsx(u,{size:s,onClick:t,label:n,...i},n):e.jsx(m,{size:s,onClick:t,label:n,...i},n))})]});module.exports=d;
 //# sourceMappingURL=ActionBar.js.map

package/build/cjs/components/_internalComponents/ActionBar/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"sourcesContent":["import { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\n\nimport type { IActionBarProps } from './ActionBar.types';\nimport * as Styled from './ActionBar.styles';\nimport Button from '../../Button/Button';\n\nconst ActionBar = ({\n  size = Sizes.Medium,\n  actions,\n  direction = Directions.Horizontal,\n  alignment = Alignments.Right,\n}: IActionBarProps) => (\n  <Styled.ActionBar $size={size} $direction={direction} $alignment={alignment}>\n    {actions.some(({ showActionButton, position }) => showActionButton !== false && position === 'opposite') && (\n      <Styled.ActionsContainer>\n        {actions\n          .filter(({ showActionButton, position }) => showActionButton !== false && position === 'opposite')\n          .map(({ label, action, props }) => (\n            <Button key={label} size={size} onClick={action} label={label} {...props} />\n          ))}\n      </Styled.ActionsContainer>\n    )}\n    <Styled.ActionsContainer>\n      {actions\n        .filter(({ showActionButton, position }) => showActionButton !== false && (!position || position === 'normal'))\n        .map(({ label, action, props }) => (\n          <Button key={label} size={size} onClick={action} label={label} {...props} />\n        ))}\n    </Styled.ActionsContainer>\n  </Styled.ActionBar>\n);\n\nexport default ActionBar;\n"],"names":["ActionBar","size","Sizes","actions","direction","Directions","alignment","Alignments","jsxs","Styled.ActionBar","showActionButton","position","jsx","Styled.ActionsContainer","label","action","props","Button"],"mappings":"8KAMMA,EAAY,CAAC,CACjB,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAYC,EAAAA,WAAW,KACzB,IACEC,EAAAA,KAACC,YAAA,CAAiB,MAAOR,EAAM,WAAYG,EAAW,WAAYE,EAC/D,SAAA,CAAAH,EAAQ,KAAK,CAAC,CAAE,iBAAAO,EAAkB,SAAAC,KAAeD,IAAqB,IAASC,IAAa,UAAU,GACrGC,MAACC,EAAAA,iBAAA,CACE,SAAAV,EACE,OAAO,CAAC,CAAE,iBAAAO,EAAkB,SAAAC,KAAeD,IAAqB,IAASC,IAAa,UAAU,EAChG,IAAI,CAAC,CAAE,MAAAG,EAAO,OAAAC,EAAQ,MAAAC,CAAA,UACpBC,EAAA,CAAmB,KAAAhB,EAAY,QAASc,EAAQ,MAAAD,EAAe,GAAGE,CAAA,EAAtDF,CAA6D,CAC3E,EACL,EAEFF,EAAAA,IAACC,EAAAA,iBAAA,CACE,WACE,OAAO,CAAC,CAAE,iBAAAH,EAAkB,SAAAC,KAAeD,IAAqB,KAAU,CAACC,GAAYA,IAAa,SAAS,EAC7G,IAAI,CAAC,CAAE,MAAAG,EAAO,OAAAC,EAAQ,MAAAC,CAAA,IACrBJ,EAAAA,IAACK,EAAA,CAAmB,KAAAhB,EAAY,QAASc,EAAQ,MAAAD,EAAe,GAAGE,CAAA,EAAtDF,CAA6D,CAC3E,CAAA,CACL,CAAA,CAAA,CACF"}
+{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"sourcesContent":["import { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\n\nimport type { IActionBarProps } from './ActionBar.types';\nimport * as Styled from './ActionBar.styles';\nimport Button from '../../Button/Button';\nimport SentimentButton from '../../Button/SentimentButton';\n\nconst ActionBar = ({\n  size = Sizes.Medium,\n  actions,\n  direction = Directions.Horizontal,\n  alignment = Alignments.Right,\n}: IActionBarProps) => (\n  <Styled.ActionBar $size={size} $direction={direction} $alignment={alignment}>\n    {actions.some(({ showActionButton, position }) => showActionButton !== false && position === 'opposite') && (\n      <Styled.ActionsContainer>\n        {actions\n          .filter(({ showActionButton, position }) => showActionButton !== false && position === 'opposite')\n          .map(({ label, action, props }) =>\n            props && 'sentiment' in props ? (\n              <SentimentButton key={label} size={size} onClick={action} label={label} {...props} />\n            ) : (\n              <Button key={label} size={size} onClick={action} label={label} {...props} />\n            ),\n          )}\n      </Styled.ActionsContainer>\n    )}\n    <Styled.ActionsContainer>\n      {actions\n        .filter(({ showActionButton, position }) => showActionButton !== false && (!position || position === 'normal'))\n        .map(({ label, action, props }) =>\n          props && 'sentiment' in props ? (\n            <SentimentButton key={label} size={size} onClick={action} label={label} {...props} />\n          ) : (\n            <Button key={label} size={size} onClick={action} label={label} {...props} />\n          ),\n        )}\n    </Styled.ActionsContainer>\n  </Styled.ActionBar>\n);\n\nexport default ActionBar;\n"],"names":["ActionBar","size","Sizes","actions","direction","Directions","alignment","Alignments","jsxs","Styled.ActionBar","showActionButton","position","jsx","Styled.ActionsContainer","label","action","props","SentimentButton","Button"],"mappings":"2NAOMA,EAAY,CAAC,CACjB,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAYC,EAAAA,WAAW,KACzB,IACEC,EAAAA,KAACC,YAAA,CAAiB,MAAOR,EAAM,WAAYG,EAAW,WAAYE,EAC/D,SAAA,CAAAH,EAAQ,KAAK,CAAC,CAAE,iBAAAO,EAAkB,SAAAC,CAAA,IAAeD,IAAqB,IAASC,IAAa,UAAU,GACrGC,EAAAA,IAACC,EAAAA,iBAAA,CACE,SAAAV,EACE,OAAO,CAAC,CAAE,iBAAAO,EAAkB,SAAAC,KAAeD,IAAqB,IAASC,IAAa,UAAU,EAChG,IAAI,CAAC,CAAE,MAAAG,EAAO,OAAAC,EAAQ,MAAAC,CAAA,IACrBA,GAAS,cAAeA,EACtBJ,EAAAA,IAACK,EAAA,CAA4B,KAAAhB,EAAY,QAASc,EAAQ,MAAAD,EAAe,GAAGE,CAAA,EAAtDF,CAA6D,EAEnFF,EAAAA,IAACM,EAAA,CAAmB,KAAAjB,EAAY,QAASc,EAAQ,MAAAD,EAAe,GAAGE,CAAA,EAAtDF,CAA6D,CAAA,EAGlF,QAEDD,EAAAA,iBAAA,CACE,SAAAV,EACE,OAAO,CAAC,CAAE,iBAAAO,EAAkB,SAAAC,CAAA,IAAeD,IAAqB,KAAU,CAACC,GAAYA,IAAa,SAAS,EAC7G,IAAI,CAAC,CAAE,MAAAG,EAAO,OAAAC,EAAQ,MAAAC,CAAA,IACrBA,GAAS,cAAeA,EACtBJ,EAAAA,IAACK,EAAA,CAA4B,KAAAhB,EAAY,QAASc,EAAQ,MAAAD,EAAe,GAAGE,CAAA,EAAtDF,CAA6D,EAEnFF,EAAAA,IAACM,EAAA,CAAmB,KAAAjB,EAAY,QAASc,EAAQ,MAAAD,EAAe,GAAGE,CAAA,EAAtDF,CAA6D,CAAA,CAE9E,CACJ,CAAA,CAAA,CACF"}

package/build/cjs/hooks/useForceUpdate.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),u=()=>{const[,e]=r.useReducer(t=>t+1,0);return e};exports.useForceUpdate=u;
+//# sourceMappingURL=useForceUpdate.js.map

package/build/cjs/hooks/useForceUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForceUpdate.js","sources":["../../../src/hooks/useForceUpdate.tsx"],"sourcesContent":["import { useReducer } from 'react';\n\nexport const useForceUpdate = () => {\n  const [, forceUpdate] = useReducer((dummyValue) => dummyValue + 1, 0);\n\n  return forceUpdate;\n};\n"],"names":["useForceUpdate","forceUpdate","useReducer","dummyValue"],"mappings":"qIAEaA,EAAiB,IAAM,CAClC,KAAM,CAAA,CAAGC,CAAW,EAAIC,EAAAA,WAAYC,GAAeA,EAAa,EAAG,CAAC,EAEpE,OAAOF,CACT"}

package/build/cjs/hooks/useSyncState.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),s=require("./useForceUpdate.js"),o=t=>{const e=c.useRef(t),r=s.useForceUpdate();return[()=>e.current,u=>{e.current=u,r()}]};exports.useSyncState=o;
+//# sourceMappingURL=useSyncState.js.map

package/build/cjs/hooks/useSyncState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncState.js","sources":["../../../src/hooks/useSyncState.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useForceUpdate } from './useForceUpdate';\n\ntype UseSyncStateProps<T> = [() => T, (newValue: T) => void];\n\nexport const useSyncState = <T>(initialValue: T): UseSyncStateProps<T> => {\n  const ref = useRef<T>(initialValue);\n  const forceUpdate = useForceUpdate();\n\n  return [\n    () => ref.current,\n    (newValue: T) => {\n      ref.current = newValue;\n      // re-render\n      forceUpdate();\n    },\n  ];\n};\n"],"names":["useSyncState","initialValue","ref","useRef","forceUpdate","useForceUpdate","newValue"],"mappings":"sKAMaA,EAAmBC,GAA0C,CACxE,MAAMC,EAAMC,EAAAA,OAAUF,CAAY,EAC5BG,EAAcC,EAAAA,eAAA,EAEpB,MAAO,CACL,IAAMH,EAAI,QACTI,GAAgB,CACfJ,EAAI,QAAUI,EAEdF,EAAA,CACF,CAAA,CAEJ"}