@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.40

package/README.md

@@ -1,8 +1,7 @@
 <p align="center">
   <a href="https://kubit-ui.com">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="./assets/banner_kubit_readme.png">
-      <img src="./assets/banner_kubit_readme.png" width="70%">
+      <img src="https://raw.githubusercontent.com/kubit-ui/kubit-react-components/27f3b176bf71555552834d566ebf4b6c0c1b2da5/assets/banner_kubit_readme.png" alt="Kubit React Components" />
     </picture>
   </a>
 </p>
@@ -21,6 +20,9 @@
 [![React](https://img.shields.io/badge/React-18.3-61DAFB?style=for-the-badge&logo=react)](https://reactjs.org/)
 [![Storybook](https://img.shields.io/badge/Storybook-10.1-FF4785?style=for-the-badge&logo=storybook)](https://storybook.js.org/)
 
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge)](CONTRIBUTING.md)
+[![Coverage](https://img.shields.io/codecov/c/github/kubit-ui/kubit-react-components?style=for-the-badge&logo=codecov)](https://codecov.io/gh/kubit-ui/kubit-react-components)
+
 </div>
 
 <br />
@@ -230,16 +232,12 @@ To run Storybook locally:
 2. Install dependencies:
 
    ```bash
-   npm install
-   # or
-   yarn install
+   pnpm install
    ```
 
 3. Start Storybook:
    ```bash
-   npm run storybook
-   # or
-   yarn storybook
+   pnpm storybook
    ```
 
 This will start the Storybook server at `http://localhost:6006` where you can see all components in action.
@@ -250,19 +248,13 @@ Run the test suite to ensure everything works correctly:
 
 ```bash
 # Run all tests
-npm run test
-# or
-yarn test
+pnpm test
 
 # Watch mode (for development)
-npm run test:watch
-# or
-yarn test:watch
+pnpm test:watch
 
 # Coverage report
-npm run test:coverage
-# or
-yarn test:coverage
+pnpm test:coverage
 ```
 
 **Test Stack:**
@@ -303,15 +295,15 @@ We welcome contributions from the community! Here's how you can help:
 4. **Install Dependencies**:
 
    ```bash
-   yarn install
+   pnpm install
    ```
 
 5. **Make Changes**: Make your changes and test them thoroughly.
 
    ```bash
-   yarn test
-   yarn lint
-   yarn typecheck
+   pnpm test
+   pnpm lint
+   pnpm typecheck
    ```
 
 6. **Commit Changes**: Use conventional commits for your messages.
@@ -341,25 +333,25 @@ We welcome contributions from the community! Here's how you can help:
 
 ```bash
 # Start development server
-yarn dev
+pnpm dev
 
 # Run Storybook
-yarn storybook
+pnpm storybook
 
 # Build library
-yarn dist
+pnpm dist
 
 # Run tests
-yarn test
+pnpm test
 
 # Lint code
-yarn lint
+pnpm lint
 
 # Type check
-yarn typecheck
+pnpm typecheck
 
 # Check package size
-yarn pack:size
+pnpm pack:size
 ```
 
 For more detailed information, please refer to the [CONTRIBUTING.md](./CONTRIBUTING.md) file.

package/dist/cjs/components/accordion/accordionControlled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),n=require("../../lib/hooks/useClassName/useClassName.js"),o=require("./accordionStandAlone.js"),s=require("./hooks/useAccordionContentOverflow.js"),t=require("./hooks/useAccordionInertContent.js"),a=r.forwardRef(({additionalClasses:a,children:i,expanded:d,variant:c,...l},u)=>{const C=n.useClassName({additionalClassNames:a,component:"ACCORDION",variant:c}),p=r.useRef(null);return r.useImperativeHandle(u,()=>p.current,[]),s.useAccordionContentOverflow({expanded:d,ref:p}),t.useAccordionInertContent({expanded:d,ref:p}),e.jsxRuntimeExports.jsx(o.AccordionStandAlone,{ref:p,cssClasses:C,expanded:d,...l,children:i})});exports.AccordionControlled=a;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),n=require("./accordionStandAlone.js"),r=require("./hooks/useAccordionContentOverflow.js"),o=require("./hooks/useAccordionInertContent.js");let s=require("react"),a=require("react/jsx-runtime");const t=(0,s.forwardRef)(({additionalClasses:t,children:d,expanded:c,variant:i,...l},u)=>{const C=e.useClassName({additionalClassNames:t,component:"ACCORDION",variant:i}),A=(0,s.useRef)(null);return(0,s.useImperativeHandle)(u,()=>A.current,[]),r.useAccordionContentOverflow({expanded:c,ref:A}),o.useAccordionInertContent({expanded:c,ref:A}),(0,a.jsx)(n.AccordionStandAlone,{ref:A,cssClasses:C,expanded:c,...l,children:d})});exports.AccordionControlled=t;

package/dist/cjs/components/accordion/accordionStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/customComponent/customComponent.js"),n=require("../../lib/hooks/useId/useId.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("./types/state.js"),i=e.forwardRef(({children:e,component:i="div",cssClasses:a,dataTestId:c="accordion",expanded:d,header:u,headerComponent:m="h3",onHeaderClick:l},p)=>{const x=`${n.useId("accordion")}-content`,j={"data-state":d?r.STATE.EXPANDED:r.STATE.COLLAPSED},h=o.pickCustomAttributes(j);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:p,className:a?.accordion,component:i,"data-testid":c,...h,children:t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx(s.CustomComponent,{className:a?.header,component:m,...h,children:t.jsxRuntimeExports.jsx("button",{"aria-controls":x,"aria-expanded":d,className:a?.headerbutton,"data-testid":`${c}-header`,type:"button",onClick:l,...h,children:u})}),t.jsxRuntimeExports.jsx("div",{className:a?.content,"data-kbt-accordion-content":!0,"data-testid":`${c}-content`,id:x,...h,children:t.jsxRuntimeExports.jsx("div",{className:a?.innercontent,"data-kbt-accordion-content-inner":!0,...h,children:e})})]})})});exports.AccordionStandAlone=i;
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("./types/state.js");let o=require("react"),s=require("react/jsx-runtime");const a=(0,o.forwardRef)(({children:a,component:c="div",cssClasses:r,dataTestId:d="accordion",expanded:i,header:l,headerComponent:m="h3",onHeaderClick:u},p)=>{const C=`accordion-${(0,o.useId)().replace(/:/g,"")}-content`,h=t.pickCustomAttributes({"data-state":i?n.STATE.EXPANDED:n.STATE.COLLAPSED});return(0,s.jsx)(e.CustomComponent,{ref:p,className:r?.accordion,component:c,"data-testid":d,...h,children:(0,s.jsxs)("div",{children:[(0,s.jsx)(e.CustomComponent,{className:r?.header,component:m,...h,children:(0,s.jsx)("button",{"aria-controls":C,"aria-expanded":i,className:r?.headerbutton,"data-testid":`${d}-header`,type:"button",onClick:u,...h,children:l})}),(0,s.jsx)("div",{className:r?.content,"data-kbt-accordion-content":!0,"data-testid":`${d}-content`,id:C,...h,children:(0,s.jsx)("div",{className:r?.innercontent,"data-kbt-accordion-content-inner":!0,...h,children:a})})]})})});exports.AccordionStandAlone=a;

package/dist/cjs/components/accordion/accordionUnControlled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),o=require("./accordionControlled.js"),t=r.forwardRef(({children:t,defaultExpanded:n=!1,onExpandCollapse:d,...i},c)=>{const[l,s]=r.useState(n);return e.jsxRuntimeExports.jsx(o.AccordionControlled,{ref:c,...i,expanded:l,onHeaderClick:e=>{s(!l),d?.(!l,e)},children:t})});exports.Accordion=t;
+const e=require("./accordionControlled.js");let r=require("react"),o=require("react/jsx-runtime");var n=(0,r.forwardRef)(({children:n,defaultExpanded:d=!1,onExpandCollapse:t,...c},l)=>{const[a,i]=(0,r.useState)(d);return(0,o.jsx)(e.AccordionControlled,{ref:l,...c,expanded:a,onHeaderClick:e=>{i(!a),t?.(!a,e)},children:n})});exports.AccordionUnControlled=n;

package/dist/cjs/components/accordion/hooks/useAccordionContentOverflow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useAccordionContentOverflow=({expanded:t,ref:n})=>{const r=e.useRef(t);e.useEffect(()=>{const e=n.current?.querySelector("[data-kbt-accordion-content]"),o=e?.querySelector("[data-kbt-accordion-content-inner]");if(e instanceof HTMLElement&&o instanceof HTMLElement){if(r.current===t){const n=t?"visible":"hidden";return e.style.overflow=n,void(o.style.overflow=n)}r.current=t,e.style.overflow="hidden",o.style.overflow="hidden"}},[t]),e.useEffect(()=>{const e=e=>{const t=n.current?.querySelector("[data-kbt-accordion-content]"),o=t?.querySelector("[data-kbt-accordion-content-inner]");t instanceof HTMLElement&&o instanceof HTMLElement&&e.target===t&&r.current&&(t.style.overflow="visible",o.style.overflow="visible")};return n.current?.addEventListener("transitionend",e),()=>{n.current?.removeEventListener("transitionend",e)}},[])};
+let e=require("react");exports.useAccordionContentOverflow=({expanded:t,ref:n})=>{const r=(0,e.useRef)(t);(0,e.useEffect)(()=>{const e=n.current?.querySelector("[data-kbt-accordion-content]"),o=e?.querySelector("[data-kbt-accordion-content-inner]");if(e instanceof HTMLElement&&o instanceof HTMLElement){if(r.current===t){const n=t?"visible":"hidden";return e.style.overflow=n,void(o.style.overflow=n)}r.current=t,e.style.overflow="hidden",o.style.overflow="hidden"}},[t]),(0,e.useEffect)(()=>{const e=e=>{const t=n.current?.querySelector("[data-kbt-accordion-content]"),o=t?.querySelector("[data-kbt-accordion-content-inner]");t instanceof HTMLElement&&o instanceof HTMLElement&&e.target===t&&r.current&&(t.style.overflow="visible",o.style.overflow="visible")};return n.current?.addEventListener("transitionend",e),()=>{n.current?.removeEventListener("transitionend",e)}},[])};

package/dist/cjs/components/accordion/hooks/useAccordionInertContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useAccordionInertContent=({expanded:t,ref:r})=>{e.useEffect(()=>{const e=r.current?.querySelector("[data-kbt-accordion-content]");e instanceof HTMLElement&&(t?e.removeAttribute("inert"):e.setAttribute("inert",""))},[t])};
+let e=require("react");exports.useAccordionInertContent=({expanded:t,ref:r})=>{(0,e.useEffect)(()=>{const e=r.current?.querySelector("[data-kbt-accordion-content]");e instanceof HTMLElement&&(t?e.removeAttribute("inert"):e.setAttribute("inert",""))},[t])};

package/dist/cjs/components/accordion/types/state.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.STATE={COLLAPSED:"collapsed",EXPANDED:"expanded"};
+exports.STATE={COLLAPSED:"collapsed",EXPANDED:"expanded"};

package/dist/cjs/components/alert/alertControlled.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./alertStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,variant:t,...l},n)=>(0,r.jsx)(s.AlertStandAlone,{ref:n,cssClasses:e.useClassName({additionalClassNames:a,component:"ALERT",variant:t}),...l}));exports.Alert=t;

package/dist/cjs/components/alert/alertStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../text/text2.js"),s=require("../../lib/utils/process/processCommonProp.js");let r=require("react"),i=require("react/jsx-runtime");const o=(0,r.forwardRef)(({ariaLive:r="off",content:o,cssClasses:a,id:n,role:c,...l},d)=>{const u=l["data-testid"]||"alert",{"data-testid":p,...x}=l,m=t.pickCustomAttributes(x),j=s.processTextProp(o);return(0,i.jsx)("div",{...m,ref:d,"aria-live":r,className:a?.container,"data-testid":u,id:n,role:c,children:(0,i.jsx)("div",{className:a?.contentcontainer,children:"string"==typeof o?(0,i.jsx)(e.Text,{additionalClasses:{text:a?.description},component:"p",...j}):j.children})})});exports.AlertStandAlone=o;

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

@@ -0,0 +1,2 @@
+const { Alert } = require('./alertControlled.js');
+module.exports = { ...module.exports, Alert };

package/dist/cjs/components/avatar/avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),i=require("react"),s=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),t=require("./avatarStandAlone.js"),a=i.forwardRef(({additionalClasses:i,icon:a,image:n,initials:o,size:l,...u},m)=>{const{LINK:c}=r.useGenericComponents(),d=s.useClassName({additionalClassNames:i,component:"AVATAR",variant:l}),p=n?"with-images":o?"with-initials":"with-icon";return e.jsxRuntimeExports.jsx(t.AvatarStandAlone,{...u,ref:m,contentType:p,cssClasses:d,icon:a,image:n,initials:o,linkComponent:c})});exports.Avatar=a;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),i=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),s=require("./avatarStandAlone.js");let a=require("react"),n=require("react/jsx-runtime");const r=(0,a.forwardRef)(({additionalClasses:a,icon:r,image:t,initials:o,size:l,...c},m)=>{const{LINK:u}=i.useGenericComponents(),d=e.useClassName({additionalClassNames:a,component:"AVATAR",variant:l}),C=t?"with-images":o?"with-initials":"with-icon";return(0,n.jsx)(s.AvatarStandAlone,{...c,ref:m,contentType:C,cssClasses:d,icon:r,image:t,initials:o,linkComponent:u})});exports.Avatar=r;

package/dist/cjs/components/avatar/avatarStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/components/customComponent/customComponent.js"),o=require("./fragments/drawContent.js"),a=e.forwardRef(({backgroundColor:e="color-default",contentType:a,cssClasses:i,dot:r,icon:u,image:c,initials:l,link:m,linkComponent:p="a",maxLengthInitials:d=2,onClick:C,...x},b)=>{const j={"data-background-type":e,"data-content-type":a},g=s.pickCustomAttributes({...x,...j}),k=c?{backgroundImage:`url(${c})`}:void 0;return m?t.jsxRuntimeExports.jsx(n.CustomComponent,{ref:b,className:i?.avatar,component:p,"data-testid":"avatar",style:k,...g,...m,children:t.jsxRuntimeExports.jsx(o.DrawContent,{contentType:a,cssClasses:i,customAttributes:j,dot:r,icon:u,initials:l,maxLengthInitials:d})}):t.jsxRuntimeExports.jsx(n.CustomComponent,{ref:b,className:i?.avatar,component:C?"button":"div","data-testid":"avatar",style:k,type:C&&"button",onClick:C,...g,children:t.jsxRuntimeExports.jsx(o.DrawContent,{contentType:a,cssClasses:i,customAttributes:j,dot:r,icon:u,initials:l,maxLengthInitials:d})})});exports.AvatarStandAlone=a;
+const t=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("./fragments/drawContent.js");let s=require("react"),o=require("react/jsx-runtime");const a=(0,s.forwardRef)(({backgroundColor:s="color-default",contentType:a,cssClasses:i,dot:r,icon:c,image:u,initials:l,link:m,linkComponent:d="a",maxLengthInitials:C=2,onClick:p,...b},k)=>{const g={"data-background-type":s,"data-content-type":a},x=e.pickCustomAttributes({...b,...g}),j=u?{backgroundImage:`url(${u})`}:void 0;return m?(0,o.jsx)(t.CustomComponent,{ref:k,className:i?.avatar,component:d,"data-testid":"avatar",style:j,...x,...m,children:(0,o.jsx)(n.DrawContent,{contentType:a,cssClasses:i,customAttributes:g,dot:r,icon:c,initials:l,maxLengthInitials:C})}):(0,o.jsx)(t.CustomComponent,{ref:k,className:i?.avatar,component:p?"button":"div","data-testid":"avatar",style:j,type:p&&"button",onClick:p,...x,children:(0,o.jsx)(n.DrawContent,{contentType:a,cssClasses:i,customAttributes:g,dot:r,icon:c,initials:l,maxLengthInitials:C})})});exports.AvatarStandAlone=a;

package/dist/cjs/components/avatar/fragments/drawContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../dot/dot.js"),t=require("../../text/text.js"),n=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../../lib/components/renderIf/renderIf.js"),i=require("../../../lib/utils/process/processIcon/processIcon.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.DrawContent=({contentType:c,cssClasses:x,customAttributes:u,dot:j,icon:l,initials:p,maxLengthInitials:m})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!j?.number,children:e.jsxRuntimeExports.jsx("span",{className:x?.dot,children:e.jsxRuntimeExports.jsx(s.Dot,{...j})})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:"with-icon"===c,children:e.jsxRuntimeExports.jsx(n.ElementOrIcon,{className:x?.icon,customAttributes:u,...i.processIcon(l)})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:"with-initials"===c,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:u,...o.processText(p,m)})})]});
+const e=require("../../text/text2.js"),s=require("../../../lib/utils/process/processCommonProp.js"),t=require("../../dot/dot.js"),n=require("../../../lib/components/elementOrIcon/elementOrIcon.js");let o=require("react/jsx-runtime");exports.DrawContent=({contentType:r,cssClasses:i,customAttributes:c,dot:a,icon:l,initials:m,maxLengthInitials:u})=>(0,o.jsxs)(o.Fragment,{children:[!!a?.number&&(0,o.jsx)("span",{className:i?.dot,children:(0,o.jsx)(t.Dot,{...a})}),"with-icon"===r&&(0,o.jsx)(n.ElementOrIcon,{className:i?.icon,customAttributes:c,...s.processIconProp(l)}),"with-initials"===r&&(0,o.jsx)(e.Text,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:c,...s.processTextProp(m,u)})]});

package/dist/cjs/components/badge/badge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./badgeStandAlone.js"),r=s.forwardRef(({additionalSizeClasses:r,additionalVariantClasses:n,hasDot:i=!0,onClick:o,size:l,variant:u,...c},d)=>{const[C,m]=s.useState(!1),g=a.useClassName({component:"BADGE",variant:u}),j=a.useClassName({component:"BADGE",variant:l});return e.jsxRuntimeExports.jsx(t.BadgeStandAlone,{...c,ref:d,active:C,cssSizeClasses:j,cssVariantClasses:g,hasDot:i,onBadgeBlur:e=>{e.currentTarget.contains(e.relatedTarget)||m(!1)},onClick:e=>{o?.(e),m(e=>!e)}})});exports.Badge=r;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./badgeStandAlone.js");let s=require("react"),t=require("react/jsx-runtime");const r=(0,s.forwardRef)(({additionalSizeClasses:r,additionalVariantClasses:n,hasDot:i=!0,onClick:o,size:l,variant:c,...u},d)=>{const[C,m]=(0,s.useState)(!1),g=e.useClassName({component:"BADGE",variant:c}),B=e.useClassName({component:"BADGE",variant:l});return(0,t.jsx)(a.BadgeStandAlone,{...u,ref:d,active:C,cssSizeClasses:B,cssVariantClasses:g,hasDot:i,onBadgeBlur:e=>{e.currentTarget.contains(e.relatedTarget)||m(!1)},onClick:e=>{o?.(e),m(e=>!e)}})});exports.Badge=r;

package/dist/cjs/components/badge/badgeStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../dot/dot.js"),r=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processIcon/processIcon.js"),a=require("../../lib/utils/process/processText/processText.js"),c=s.forwardRef(({active:c,ariaLiveText:l,cssSizeClasses:u,cssVariantClasses:x,dot:d,hasDot:p,icon:m,label:j,labelIcon:b,onBadgeBlur:R,onClick:E,role:C,...I},g)=>{const h=s.useRef(null),A=s.useRef(null),k={"data-active":!!c},q=o.pickCustomAttributes({...I,customAttributes:k}),v=o.pickCustomAttributes(k),f=q["data-testid"]||"badge";s.useImperativeHandle(g,()=>A.current,[]);const N=s.useCallback(e=>{R?.(e)},[R]),$=s.useCallback(e=>{E?.(e)},[E]);return e.jsxRuntimeExports.jsx("div",{ref:A,className:`${x?.badge} ${u?.badge}`,"data-testid":`${f}-container`,...v,children:e.jsxRuntimeExports.jsxs("button",{ref:h,className:x?.button,"data-testid":f,role:C,type:"button",onBlur:N,onClick:$,...q,children:[e.jsxRuntimeExports.jsxs("span",{className:x?.dotcontainer,children:[!!d&&!!p&&e.jsxRuntimeExports.jsx("span",{"aria-hidden":!0,className:x?.dot,children:e.jsxRuntimeExports.jsx(t.Dot,{...d})}),e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:`${x?.icon} ${u?.icon}`,...n.processIcon(m),customAttributes:k})]}),!!j&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,className:x?.labelcontainer,children:[e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:`${u?.label} ${x?.label}`},component:"span",...a.processText(j),customAttributes:k}),e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:x?.labelicon,rotate:c?"180deg":"0deg",transitionDuration:"0.2s",...n.processIcon(b),customAttributes:k})]}),e.jsxRuntimeExports.jsx("screen-reader-only",{"aria-live":"polite",children:l})]})})});exports.BadgeStandAlone=c;
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../text/text2.js"),s=require("../../lib/utils/process/processCommonProp.js"),r=require("../dot/dot.js"),a=require("../../lib/components/screen-reader-only/screenReaderOnly.js"),n=require("../../lib/components/elementOrIcon/elementOrIcon.js");let o=require("react"),i=require("react/jsx-runtime");const c=(0,o.forwardRef)(({active:c,ariaLiveText:l,cssSizeClasses:u,cssVariantClasses:d,dot:b,hasDot:m,icon:p,label:x,labelIcon:j,onBadgeBlur:C,onClick:h,role:A,...k},q)=>{const I=(0,o.useRef)(null),g=(0,o.useRef)(null),N={"data-active":!!c},$=e.pickCustomAttributes({...k,customAttributes:N}),f=e.pickCustomAttributes(N),v=$["data-testid"]||"badge";(0,o.useImperativeHandle)(q,()=>g.current,[]);const O=(0,o.useCallback)(e=>{C?.(e)},[C]),R=(0,o.useCallback)(e=>{h?.(e)},[h]);return(0,i.jsx)("div",{ref:g,className:`${d?.badge} ${u?.badge}`,"data-testid":`${v}-container`,...f,children:(0,i.jsxs)("button",{ref:I,className:d?.button,"data-testid":v,role:A,type:"button",onBlur:O,onClick:R,...$,children:[(0,i.jsxs)("span",{className:d?.dotcontainer,children:[!!b&&!!m&&(0,i.jsx)("span",{"aria-hidden":!0,className:d?.dot,children:(0,i.jsx)(r.Dot,{...b})}),(0,i.jsx)(n.ElementOrIcon,{className:`${d?.icon} ${u?.icon}`,...s.processIconProp(p),customAttributes:N})]}),!!x&&(0,i.jsxs)("span",{"aria-hidden":!0,className:d?.labelcontainer,children:[(0,i.jsx)(t.Text,{additionalClasses:{text:`${u?.label} ${d?.label}`},component:"span",...s.processTextProp(x),customAttributes:N}),(0,i.jsx)(n.ElementOrIcon,{className:d?.labelicon,rotate:c?"180deg":"0deg",transitionDuration:"0.2s",...s.processIconProp(j),customAttributes:N})]}),(0,i.jsx)(a.ScreenReaderOnly,{ariaLive:"polite",children:l})]})})});exports.BadgeStandAlone=c;

package/dist/cjs/components/breadcrumbs/breadcrumbs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./breadcrumbsStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},i)=>{const n=r.useClassName({additionalClassNames:s,component:"BREADCRUMBS",variant:t});return e.jsxRuntimeExports.jsx(a.BreadcrumbsStandAlone,{...o,ref:i,cssClasses:n})});exports.BreadCrumbs=t;
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./breadcrumbsStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,variant:t,...n},o)=>{const i=s.useClassName({additionalClassNames:a,component:"BREADCRUMBS",variant:t});return(0,r.jsx)(e.BreadcrumbsStandAlone,{...n,ref:o,cssClasses:i})});exports.BreadCrumbs=t;

package/dist/cjs/components/breadcrumbs/breadcrumbsStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("./components/crumbStandAlone/crumbStandAlone.js"),i=require("./hooks/useIsOverflow/useIsOverflow.js"),a=require("./utils/crumbMaxCharName/crumbMaxCharName.js"),u=r.forwardRef(({crumbs:r,cssClasses:u,dividerIcon:n,id:o,lastOneCrumbComponent:l,link:m,minCharLimit:c=20,...d},b)=>{const{innerRef:x,isOverflow:j}=i.useIsOverflow(),C=s.pickCustomAttributes(d),p=d["data-testid"]||"breadcrumbs";return e.jsxRuntimeExports.jsx("div",{...C,ref:b,"aria-label":void 0,"data-testid":p,id:o,children:e.jsxRuntimeExports.jsx("nav",{ref:x,"aria-label":d["aria-label"],children:e.jsxRuntimeExports.jsx("ol",{className:u?.breadcrumbs,children:r?.map((s,i)=>{const o=i+1===r.length;return e.jsxRuntimeExports.jsx(t.CrumbStandAlone,{crumb:a.crumbMaxCharName(s,c,j,o),cssClasses:u,"data-testid":`${p}-${i}`,dividerIcon:n,lastCrumb:o,lastOneCrumbComponent:l,link:m},s.name)})})})})});exports.BreadcrumbsStandAlone=u;
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("./components/crumbStandAlone/crumbStandAlone.js"),s=require("./hooks/useIsOverflow/useIsOverflow.js"),t=require("./utils/crumbMaxCharName/crumbMaxCharName.js");let a=require("react"),i=require("react/jsx-runtime");const n=(0,a.forwardRef)(({crumbs:a,cssClasses:n,dividerIcon:u,id:l,lastOneCrumbComponent:m,link:o,minCharLimit:c=20,...d},b)=>{const{innerRef:C,isOverflow:f}=s.useIsOverflow(),h=e.pickCustomAttributes(d),j=d["data-testid"]||"breadcrumbs";return(0,i.jsx)("div",{...h,ref:b,"aria-label":void 0,"data-testid":j,id:l,children:(0,i.jsx)("nav",{ref:C,"aria-label":d["aria-label"],children:(0,i.jsx)("ol",{className:n?.breadcrumbs,children:a?.map((e,s)=>{const l=s+1===a.length;return(0,i.jsx)(r.CrumbStandAlone,{crumb:t.crumbMaxCharName(e,c,f,l),cssClasses:n,"data-testid":`${j}-${s}`,dividerIcon:u,lastCrumb:l,lastOneCrumbComponent:m,link:o},e.name)})})})})});exports.BreadcrumbsStandAlone=n;

package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../link/link.js"),s=require("../../../text/text.js"),i=require("../../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../../lib/components/renderIf/renderIf.js"),r=require("../../../../lib/hooks/useManageState/useManageState.js"),a=require("../../../../lib/types/states/states.js"),o=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.CrumbStandAlone=({crumb:l,cssClasses:d,dividerIcon:u,lastCrumb:c,lastOneCrumbComponent:x="span",link:m,...j})=>{const{setRef:b}=r.useManageState({active:c,states:Object.values(a.STATES)}),p=o.pickCustomAttributes(j);return e.jsxRuntimeExports.jsxs("li",{ref:b,"aria-current":c?"page":void 0,className:d?.crumb,"data-testid":j["data-testid"],children:[e.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!c,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:d?.lastonecrumb},component:x,"data-testid":"last-breadcrumb",id:l.id,children:l.name})}),e.jsxRuntimeExports.jsx(n.RenderIf,{condition:!c,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!m,children:e.jsxRuntimeExports.jsx("div",{className:d?.linkcontainer,children:e.jsxRuntimeExports.jsx(t.Link,{...p,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...m,onClick:e=>l.onClick?.(l.url,e),children:l.name})})}),e.jsxRuntimeExports.jsx("div",{className:d?.icondividercontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:d?.icondivider,...u})})]})})]})};
+const e=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../../../text/text2.js"),s=require("../../../../lib/utils/process/processCommonProp.js"),i=require("../../../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../../link/link.js"),r=require("../../../../lib/types/states/states.js"),n=require("../../../../lib/hooks/useManageState/useManageState.js");let l=require("react/jsx-runtime");exports.CrumbStandAlone=({crumb:c,cssClasses:o,dividerIcon:d,lastCrumb:u,lastOneCrumbComponent:m="span",link:b,...j})=>{const{setRef:p}=n.useManageState({active:u,states:Object.values(r.STATES)}),x=e.pickCustomAttributes(j);return(0,l.jsxs)("li",{ref:p,"aria-current":u?"page":void 0,className:o?.crumb,"data-testid":j["data-testid"],children:[!!u&&(0,l.jsx)(t.Text,{additionalClasses:{text:o?.lastonecrumb},component:m,"data-testid":"last-breadcrumb",id:c.id,children:c.name}),!u&&(0,l.jsxs)(l.Fragment,{children:[!!b&&(0,l.jsx)("div",{className:o?.linkcontainer,children:(0,l.jsx)(a.Link,{...x,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":c.ariaLabel,"data-testid":"breadcrumb-link",disabled:u,id:c.id,url:c.url,...b,onClick:e=>c.onClick?.(c.url,e),children:c.name})}),(0,l.jsx)("div",{className:o?.icondividercontainer,children:(0,l.jsx)(i.ElementOrIcon,{className:o?.icondivider,...s.processIconProp(d)})})]})]})};

package/dist/cjs/components/breadcrumbs/hooks/useIsOverflow/useIsOverflow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useIsOverflow=()=>{const[t,r]=e.useState(!1),n=e.useRef(null);return e.useEffect(()=>{const e=n.current;if(!e)return()=>null;const t=()=>{const t=e.offsetWidth>window.innerWidth;r(t)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{innerRef:n,isOverflow:t}};
+let e=require("react");exports.useIsOverflow=()=>{const[r,n]=(0,e.useState)(!1),t=(0,e.useRef)(null);return(0,e.useEffect)(()=>{const e=t.current;if(!e)return()=>null;const r=()=>{n(e.offsetWidth>window.innerWidth)};return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),{innerRef:t,isOverflow:r}};

package/dist/cjs/components/breadcrumbs/utils/crumbMaxCharName/crumbMaxCharName.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.crumbMaxCharName=function(e,t,n,r){const a=!r||r&&n;return e.name.length>t&&a?{...e,name:e.name.slice(0,t)+"..."}:e};
+exports.crumbMaxCharName=function(e,n,a,m){return e.name.length>n&&(!m||m&&a)?{...e,name:e.name.slice(0,n)+"..."}:e};

package/dist/cjs/components/button/button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useManageState/useManageState.js"),i=require("../../lib/types/states/states.js"),n=require("../../lib/utils/process/processIcon/processIcon.js"),o=require("./buttonStandAlone.js"),r=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:r,children:l,disabled:u=!1,icon:d,loading:c=!1,size:p,type:b="button",variant:j,...m},S)=>{const C=a.useClassName({additionalClassNames:r,component:"BUTTON",variant:j}),g=a.useClassName({additionalClassNames:s,component:"BUTTON",variant:p}),{setRef:N}=t.useManageState({disabled:u,loading:c,ref:S,states:Object.values(i.STATES)});return l||n.processIcon(d).icon?e.jsxRuntimeExports.jsx(o.ButtonStandAlone,{...m,ref:N,cssSizeClasses:g,cssVariantClasses:C,disabled:u,icon:d,loading:c,type:b,children:l}):null});exports.Button=r;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/utils/process/processCommonProp.js"),a=require("../../lib/types/states/states.js"),t=require("../../lib/hooks/useManageState/useManageState.js"),i=require("./buttonStandAlone.js");let n=require("react"),o=require("react/jsx-runtime");const r=(0,n.forwardRef)(({additionalSizeClasses:n,additionalVariantClasses:r,children:l,disabled:u=!1,icon:d,loading:c=!1,size:m,type:p="button",variant:C,...b},S)=>{const j=e.useClassName({additionalClassNames:r,component:"BUTTON",variant:C}),N=e.useClassName({additionalClassNames:n,component:"BUTTON",variant:m}),{setRef:q}=t.useManageState({disabled:u,loading:c,ref:S,states:Object.values(a.STATES)});return l||s.processIconProp(d).icon?(0,o.jsx)(i.ButtonStandAlone,{...b,ref:q,cssSizeClasses:N,cssVariantClasses:j,disabled:u,icon:d,loading:c,type:p,children:l}):null});exports.Button=r;

package/dist/cjs/components/button/buttonStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/positions/positions.js"),o=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processIcon/processIcon.js"),l=e.forwardRef(({alignText:l,children:a,cssSizeClasses:c,cssVariantClasses:u,disabled:d,form:m,fullWidth:p,icon:x,iconPosition:b,id:j,loader:I,loading:f,minWidth:N,onClick:h,role:y,tabIndex:C,title:g,type:q,...E},A)=>{const O=e.useMemo(()=>c?.dynamic_values({$alignText:l||"left"}).object,[l]),R={"data-content":e.Children.toArray(a)[0],"data-full-width":p,"data-loading":f,"data-position":b||i.POSITIONS.LEFT},S=r.pickCustomAttributes({...E,customAttributes:R});return s.jsxRuntimeExports.jsxs("button",{ref:A,className:o.classNames(c?.button,u?.button),"data-testid":"button",disabled:d,form:m,id:j,role:y,style:O,tabIndex:C,title:g,type:q,onClick:h,...S,...R,children:[!!I&&!!f&&s.jsxRuntimeExports.jsx("span",{className:o.classNames(c?.loader,u?.loader),children:I}),!f&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{...n.processIcon(x),className:o.classNames(c?.icon,u?.icon)}),a]})]})});exports.ButtonStandAlone=l;
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/utils/classNames/classNames.js"),t=require("../../lib/utils/process/processCommonProp.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/types/positions/positions.js");let r=require("react"),a=require("react/jsx-runtime");const l=(0,r.forwardRef)(({alignText:l,children:n,cssSizeClasses:c,cssVariantClasses:d,disabled:u,form:m,fullWidth:b,icon:p,iconPosition:j,id:x,loader:C,loading:N,minWidth:f,onClick:h,role:I,tabIndex:q,title:y,type:A,...g},k)=>{const O=(0,r.useMemo)(()=>c?.dynamic_values({$alignText:l||"left"}).object,[l]),P={"data-content":r.Children.toArray(n)[0],"data-full-width":b,"data-loading":N,"data-position":j||o.POSITIONS.LEFT},S=e.pickCustomAttributes({...g,customAttributes:P});return(0,a.jsxs)("button",{ref:k,className:s.classNames(c?.button,d?.button),"data-testid":"button",disabled:u,form:m,id:x,role:I,style:O,tabIndex:q,title:y,type:A,onClick:h,...S,...P,children:[!!C&&!!N&&(0,a.jsx)("span",{className:s.classNames(c?.loader,d?.loader),children:C}),!N&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.ElementOrIcon,{...t.processIconProp(p),className:s.classNames(c?.icon,d?.icon)}),n]})]})});exports.ButtonStandAlone=l;

package/dist/cjs/components/calendar/calendar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./calendarStandAlone.js"),r=t.forwardRef(({additionalClasses:r,defaultCurrentDate:n,hasRange:l=!1,maxDate:u=new Date,onSelectedDateChange:o,secondSelectedDate:c,selectedDate:d,variant:i="default",...D},f)=>{const C=a.useClassName({additionalClassNames:r,component:"CALENDAR",variant:i}),m=()=>{let e;if(l)e=[d||null,c||null];else if(d)try{e=[d]}catch{e=[null]}else e=[null];return e},[S,x]=t.useState(m()),j=()=>{const e=n??new Date;return!l&&d?d:S[1]?S[1]:S[0]?S[0]:e},[g,h]=t.useState(j());return t.useEffect(()=>{x(m())},[d]),t.useEffect(()=>{h(j())},[n]),e.jsxRuntimeExports.jsx(s.CalendarStandAlone,{...D,ref:f,cssClasses:C,currentDate:g,hasRange:l,maxDate:u,selectedDate:S,setCurrentDate:h,setSelectedDate:e=>{x(d),o?.(e)}})});exports.Calendar=r;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./calendarStandAlone.js");let t=require("react"),s=require("react/jsx-runtime");const n=(0,t.forwardRef)(({additionalClasses:n,defaultCurrentDate:l,hasRange:r=!1,maxDate:u=new Date,onSelectedDateChange:c,secondSelectedDate:d,selectedDate:o,variant:i="default",...D},C)=>{const f=e.useClassName({additionalClassNames:n,component:"CALENDAR",variant:i}),m=()=>{let e;if(r)e=[o||null,d||null];else if(o)try{e=[o]}catch{e=[null]}else e=[null];return e},[S,h]=(0,t.useState)(m()),x=()=>{const e=l??new Date;return!r&&o?o:S[1]?S[1]:S[0]?S[0]:e},[N,j]=(0,t.useState)(x());return(0,t.useEffect)(()=>{h(m())},[o]),(0,t.useEffect)(()=>{j(x())},[l]),(0,s.jsx)(a.CalendarStandAlone,{...D,ref:C,cssClasses:f,currentDate:N,hasRange:r,maxDate:u,selectedDate:S,setCurrentDate:j,setSelectedDate:e=>{h(o),c?.(e)}})});exports.Calendar=n;

package/dist/cjs/components/calendar/calendarStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/components/customComponent/customComponent.js"),o=require("./header/header.js"),r=require("./list/list.js"),n=require("./selector/monthSelector/monthSelector.js"),c=require("./selector/selector.js"),i=require("./selector/yearSelector/yearSelector.js"),l=t.forwardRef(({configAccesibility:l,configCalendar:u,cssClasses:m,currentDate:d,customBackText:x="Back",disabledDates:C,formatWeekDayOption:D,hasRange:S,id:j,locale:h,maxDate:k=new Date,minDate:p,onDayClick:y,onDaySelectorClick:b,onLeftIconClick:R,onMonthClick:f,onMonthSelectorClick:g,onRightIconClick:E,onYearClick:q,onYearSelectorClick:w,selectedDate:A,setCurrentDate:M,setSelectedDate:Y,sundayFirst:v,...N},_)=>{const[I,L]=t.useState(!1),[T,B]=t.useState(!1),[F,O]=t.useState(!0),$=new Date,W=s.pickCustomAttributes(N),H=N["data-testid"]||"calendar";return e.jsxRuntimeExports.jsxs("div",{ref:_,className:m?.calendar,"data-calendar":!0,"data-testid":H,id:j,...W,children:[e.jsxRuntimeExports.jsx(c.Selector,{configAccesibility:l,configCalendar:u,cssClasses:m,currentDate:d,customBackText:x,maxDate:k,minDate:p,setCurrentDate:M,setShowDaySelector:O,setShowMonthSelector:L,setShowYearSelector:B,showDaySelector:F,showMonthSelector:I,showYearSelector:T,onDaySelectorClick:b,onLeftIconClick:R,onMonthSelectorClick:g,onRightIconClick:E,onYearSelectorClick:w}),e.jsxRuntimeExports.jsxs("div",{className:m?.container,children:[!I&&!T&&F&&e.jsxRuntimeExports.jsxs("table",{"aria-label":d.toLocaleDateString(h,{month:"long",timeZone:"UTC",year:"numeric"}),className:m?.table,children:[e.jsxRuntimeExports.jsx(o.Header,{cssClasses:m,formatWeekDayOption:D,isSundayFirst:v}),e.jsxRuntimeExports.jsx(r.List,{cssClasses:m,currentDate:d,"data-testid":`${H}-item-list`,disabledDates:C,hasRange:S,maxDate:k,minDate:p,selectedDate:A,setSelectedDate:Y,sundayFirst:v,onDayClick:y})]}),I&&e.jsxRuntimeExports.jsx(a.CustomComponent,{className:"kbt-calendar__table",component:"div",children:e.jsxRuntimeExports.jsx(n.MonthSelector,{configAccesibility:l,cssClasses:m,currentDate:d,"data-testid":`${H}-month`,locale:h,maxDate:k,minDate:p,setCurrentDate:M,today:$,onMonthClick:f})}),T&&e.jsxRuntimeExports.jsx(a.CustomComponent,{className:"kbt-calendar__table",component:"div",children:e.jsxRuntimeExports.jsx(i.YearSelector,{configAccesibility:l,cssClasses:m,currentDate:d,"data-testid":`${H}-year`,maxDate:k,minDate:p,setCurrentDate:M,today:$,onYearClick:q})})]})]})});exports.CalendarStandAlone=l;
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("./header/header.js"),s=require("./list/list.js"),c=require("./selector/monthSelector/monthSelector.js"),o=require("./selector/selector.js"),r=require("./selector/yearSelector/yearSelector.js");let n=require("react"),i=require("react/jsx-runtime");const l=(0,n.forwardRef)(({configAccesibility:l,configCalendar:d,cssClasses:m,currentDate:u,customBackText:C="Back",disabledDates:D,formatWeekDayOption:S,hasRange:h,id:k,locale:y,maxDate:x=new Date,minDate:b,onDayClick:j,onDaySelectorClick:f,onLeftIconClick:p,onMonthClick:g,onMonthSelectorClick:q,onRightIconClick:w,onYearClick:A,onYearSelectorClick:M,selectedDate:Y,setCurrentDate:N,setSelectedDate:R,sundayFirst:v,...I},L)=>{const[_,B]=(0,n.useState)(!1),[F,T]=(0,n.useState)(!1),[$,O]=(0,n.useState)(!0),W=new Date,H=t.pickCustomAttributes(I),U=I["data-testid"]||"calendar";return(0,i.jsxs)("div",{ref:L,className:m?.calendar,"data-calendar":!0,"data-testid":U,id:k,...H,children:[(0,i.jsx)(o.Selector,{configAccesibility:l,configCalendar:d,cssClasses:m,currentDate:u,customBackText:C,maxDate:x,minDate:b,setCurrentDate:N,setShowDaySelector:O,setShowMonthSelector:B,setShowYearSelector:T,showDaySelector:$,showMonthSelector:_,showYearSelector:F,onDaySelectorClick:f,onLeftIconClick:p,onMonthSelectorClick:q,onRightIconClick:w,onYearSelectorClick:M}),(0,i.jsxs)("div",{className:m?.container,children:[!_&&!F&&$&&(0,i.jsxs)("table",{"aria-label":u.toLocaleDateString(y,{month:"long",timeZone:"UTC",year:"numeric"}),className:m?.table,children:[(0,i.jsx)(a.Header,{cssClasses:m,formatWeekDayOption:S,isSundayFirst:v}),(0,i.jsx)(s.List,{cssClasses:m,currentDate:u,"data-testid":`${U}-item-list`,disabledDates:D,hasRange:h,maxDate:x,minDate:b,selectedDate:Y,setSelectedDate:R,sundayFirst:v,onDayClick:j})]}),_&&(0,i.jsx)(e.CustomComponent,{className:"kbt-calendar__table",component:"div",children:(0,i.jsx)(c.MonthSelector,{configAccesibility:l,cssClasses:m,currentDate:u,"data-testid":`${U}-month`,locale:y,maxDate:x,minDate:b,setCurrentDate:N,today:W,onMonthClick:g})}),F&&(0,i.jsx)(e.CustomComponent,{className:"kbt-calendar__table",component:"div",children:(0,i.jsx)(r.YearSelector,{configAccesibility:l,cssClasses:m,currentDate:u,"data-testid":`${U}-year`,maxDate:x,minDate:b,setCurrentDate:N,today:W,onYearClick:A})})]})]})});exports.CalendarStandAlone=l;

package/dist/cjs/components/calendar/constants/constants.js

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

package/dist/cjs/components/calendar/header/header.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/provider/utilsProvider/utilsProvider.js"),r=require("../constants/constants.js");exports.Header=({cssClasses:i,formatWeekDayOption:a="narrow",isSundayFirst:n=!1})=>{const{dateHelpers:o}=t.useUtilsProvider();return e.jsxRuntimeExports.jsx("thead",{className:i?.headercontainer,children:e.jsxRuntimeExports.jsx("tr",{className:i?.headerrow,children:o.getAllWeekdayName(a,n).map((t,a)=>e.jsxRuntimeExports.jsx("th",{className:i?.weekdaycontainer,scope:"col",style:{width:`calc(100% / ${r.WEEK_DAYS})`},children:e.jsxRuntimeExports.jsx(s.Text,{component:"span",children:t})},`day-${t}-${a.toString()}`))})})};
+const e=require("../../text/text2.js"),r=require("../../../lib/provider/utilsProvider/utilsProvider.js");require("../constants/constants.js");let s=require("react/jsx-runtime");exports.Header=({cssClasses:t,formatWeekDayOption:a="narrow",isSundayFirst:i=!1})=>{const{dateHelpers:n}=r.useUtilsProvider();return(0,s.jsx)("thead",{className:t?.headercontainer,children:(0,s.jsx)("tr",{className:t?.headerrow,children:n.getAllWeekdayName(a,i).map((r,a)=>(0,s.jsx)("th",{className:t?.weekdaycontainer,scope:"col",style:{width:"calc(100% / 7)"},children:(0,s.jsx)(e.Text,{component:"span",children:r})},`day-${r}-${a.toString()}`))})})};

package/dist/cjs/components/calendar/list/list.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../lib/components/customComponent/customComponent.js"),a=require("../../../lib/hooks/useRoveFocus/useRoveFocus.js"),r=require("../../../lib/provider/utilsProvider/utilsProvider.js"),n=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../constants/constants.js"),l=require("../utils/getAllDaysInMonth.js"),u=require("../utils/getFirstDayOfMonth.js"),d=require("../utils/getState.js"),y=require("../utils/groupDaysByWeeks.js"),c=require("../utils/handleKeysmoves.js"),D="ddMMyyyy";exports.List=({cssClasses:m,currentDate:g,disabledDates:h=[],hasRange:p,maxDate:E,minDate:S,onDayClick:v,selectedDate:f,setSelectedDate:b,sundayFirst:M,...x})=>{const{dateHelpers:j,formatDate:A,transformDate:k}=r.useUtilsProvider(),K=g.getMonth()+1,q=g.getFullYear(),R=A(new Date,D),w=l.getAllDaysInMonth(K,q),C=u.getFirstDayOfMonth(q,K-1)-(M?0:1),F=[...new Array(C>=0?C:6),...w],T=F.filter(e=>void 0===e),[W,$]=t.useState(0),[P,Y]=t.useState(0),_=x["data-testid"]||"calendar",L={currentDate:g,dayList:F,daysAndEmptyDaysUntilMaxDate:c.getDaysAndEmptyDaysUntilMaxDate(T,E,g),firstEmptyAndDisabledDays:c.getFirstEmptyAndDisabledDays(T,S,g),maxDate:E,minDate:S},U=t.useMemo(()=>({calendarBlankDaysSize:T.length,currentFocusSelected:(f[0]?f[0].getDate():(new Date).getDate())+T.length-1,keyDownMove:c.handleKeyDownMove(L),keyLeftMove:c.handleKeyLeftMove(L),keyPageDownMove:c.handleKeyPageDownMove(L),keyPageUpMove:c.handleKeyPageUpMove(L),keyRightMove:c.handleKeyRightMove(L),keyTabMove:c.handleKeyTabMove,keyUpMove:c.handleKeyUpMove(L),size:F.length}),[T.length,F.length,g,S,E]),[I,B,N]=a.useRoveFocus(U),O=e=>(e&&(I<T.length&&B(T.length),I>F.length&&B(F.length-1)),I===e),z=e=>{if(P){if(P<f[0])return e>P&&e<f[0];if(P>f[0])return e<P&&e>f[0]}else{if(e>f[0])return e<f[1];if(e<f[0])return e>f[1]}return!1},G=e=>{if(!p)return!1;const t=f?.findIndex(t=>t&&e&&A(t,D)===A(e,D));return 0===t&&P?P<e:0===t?e>f[1]:1===t&&e>f[0]},H=e=>{if(!p)return!1;const t=f?.findIndex(t=>t&&e&&A(t,D)===A(e,D));return 0===t&&P?P>e:0===t?e<f[1]:1===t&&e<f[0]};return e.jsxRuntimeExports.jsx("tbody",{ref:N,className:m?.tbody,"data-testid":"tbody-days-list",children:y.groupDaysByWeeks(F).map((t,a)=>e.jsxRuntimeExports.jsx("tr",{className:m?.tablerow,children:t.map((t,r)=>{const l=t||0;let u=!t||j.isBefore(t,S)||j.isAfter(t,k(A(E,D),D));u||(u=h.some(e=>t&&j.isDatesEqual(t,e,!1)));const y=d.getStateDay({dayFormatted:l,formatDate:A,hasRange:p,isGhostSelected:z,isSelectedToLeft:G,isSelectedToRight:H,selectedDate:f,today:R}),c={"data-state":u?n.STATES.DISABLED:y};return t?e.jsxRuntimeExports.jsx("td",{"aria-selected":y===n.STATES.SELECTED||void 0,className:m?.listelementrove,style:{width:`calc(100% / ${o.WEEK_DAYS})`},...i.pickCustomAttributes(c),children:e.jsxRuntimeExports.jsx(s.CustomComponent,{"aria-label":A(t,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),ariaDisabled:u,className:m?.dayslist,component:"button","data-testid":`${_}-${r+o.WEEK_DAYS*a}`,focus:O(r+o.WEEK_DAYS*a),index:r+o.WEEK_DAYS*a,type:"button",onMouseOver:()=>{1===W&&Y(l)},onSelectItem:()=>{u||(e=>{const[t,s]=f;p?t&&s||!t&&!s?(b([e,0]),$(1),e instanceof Date&&v?.(e.getDate().toString())):(b([t,e]),$(0),e instanceof Date&&v?.(e.getDate().toString())):(b([e]),e instanceof Date&&v?.(e.getDate().toString()))})(l)},...i.pickCustomAttributes(c),children:t.getDate()})},`day${r+o.WEEK_DAYS*a}${l}`):e.jsxRuntimeExports.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:m?.listelementempty,style:{width:`calc(100% / ${o.WEEK_DAYS})`}},`day${r+o.WEEK_DAYS*a}${l}`)})},`table-row-${a.toString()}`))})};
+const e=require("../../../lib/components/customComponent/customComponent.js"),t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../../lib/provider/utilsProvider/utilsProvider.js"),a=require("../../../lib/types/states/states.js"),n=(require("../constants/constants.js"),require("../../../lib/hooks/useRoveFocus/useRoveFocus.js")),r=require("../utils/getAllDaysInMonth.js"),i=require("../utils/getFirstDayOfMonth.js"),o=require("../utils/getState.js"),l=require("../utils/groupDaysByWeeks.js"),d=require("../utils/handleKeysmoves.js");let u=require("react"),y=require("react/jsx-runtime");var c="ddMMyyyy";exports.List=({cssClasses:D,currentDate:m,disabledDates:g=[],hasRange:h,maxDate:p,minDate:v,onDayClick:f,selectedDate:M,setSelectedDate:b,sundayFirst:S,...j})=>{const{dateHelpers:k,formatDate:A,transformDate:q}=s.useUtilsProvider(),x=m.getMonth()+1,w=m.getFullYear(),C=A(new Date,c),E=r.getAllDaysInMonth(x,w),F=i.getFirstDayOfMonth(w,x-1)-(S?0:1),T=[...new Array(F>=0?F:6),...E],K=T.filter(e=>void 0===e),[R,L]=(0,u.useState)(0),[P,U]=(0,u.useState)(0),$=j["data-testid"]||"calendar",I={currentDate:m,dayList:T,daysAndEmptyDaysUntilMaxDate:d.getDaysAndEmptyDaysUntilMaxDate(K,p,m),firstEmptyAndDisabledDays:d.getFirstEmptyAndDisabledDays(K,v,m),maxDate:p,minDate:v},[B,N,O]=n.useRoveFocus((0,u.useMemo)(()=>({calendarBlankDaysSize:K.length,currentFocusSelected:(M[0]?M[0].getDate():(new Date).getDate())+K.length-1,keyDownMove:d.handleKeyDownMove(I),keyLeftMove:d.handleKeyLeftMove(I),keyPageDownMove:d.handleKeyPageDownMove(I),keyPageUpMove:d.handleKeyPageUpMove(I),keyRightMove:d.handleKeyRightMove(I),keyTabMove:d.handleKeyTabMove,keyUpMove:d.handleKeyUpMove(I),size:T.length}),[K.length,T.length,m,v,p])),z=e=>(e&&(B<K.length&&N(K.length),B>T.length&&N(T.length-1)),B===e),W=e=>{if(P){if(P<M[0])return e>P&&e<M[0];if(P>M[0])return e<P&&e>M[0]}else{if(e>M[0])return e<M[1];if(e<M[0])return e>M[1]}return!1},G=e=>{if(!h)return!1;const t=M?.findIndex(t=>t&&e&&A(t,c)===A(e,c));return 0===t&&P?P<e:0===t?e>M[1]:1===t&&e>M[0]},H=e=>{if(!h)return!1;const t=M?.findIndex(t=>t&&e&&A(t,c)===A(e,c));return 0===t&&P?P>e:0===t?e<M[1]:1===t&&e<M[0]};return(0,y.jsx)("tbody",{ref:O,className:D?.tbody,"data-testid":"tbody-days-list",children:l.groupDaysByWeeks(T).map((s,n)=>(0,y.jsx)("tr",{className:D?.tablerow,children:s.map((s,r)=>{const i=s||0;let l=!s||k.isBefore(s,v)||k.isAfter(s,q(A(p,c),c));l||(l=g.some(e=>s&&k.isDatesEqual(s,e,!1)));const d=o.getStateDay({dayFormatted:i,formatDate:A,hasRange:h,isGhostSelected:W,isSelectedToLeft:G,isSelectedToRight:H,selectedDate:M,today:C}),u={"data-state":l?a.STATES.DISABLED:d};return s?(0,y.jsx)("td",{"aria-selected":d===a.STATES.SELECTED||void 0,className:D?.listelementrove,style:{width:"calc(100% / 7)"},...t.pickCustomAttributes(u),children:(0,y.jsx)(e.CustomComponent,{"aria-disabled":l,"aria-label":A(s,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),className:D?.dayslist,component:"button","data-testid":`${$}-${r+7*n}`,focus:z(r+7*n),index:r+7*n,type:"button",onMouseOver:()=>{1===R&&U(i)},onSelectItem:()=>{l||(e=>{const[t,s]=M;h?t&&s||!t&&!s?(b([e,0]),L(1),e instanceof Date&&f?.(e.getDate().toString())):(b([t,e]),L(0),e instanceof Date&&f?.(e.getDate().toString())):(b([e]),e instanceof Date&&f?.(e.getDate().toString()))})(i)},...t.pickCustomAttributes(u),children:s.getDate()})},`day${r+7*n}${i}`):(0,y.jsx)("td",{"aria-hidden":!0,"aria-label":"empty day",className:D?.listelementempty,style:{width:"calc(100% / 7)"}},`day${r+7*n}${i}`)})},`table-row-${n.toString()}`))})};

package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../text/text.js"),o=require("../../../../lib/components/customComponent/customComponent.js"),r=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),n=require("../../../../lib/provider/utilsProvider/utilsProvider.js"),i=require("../../../../lib/types/states/states.js"),l=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../utils/setMonth.js"),u=require("./utils/monthSelector.utils.js");exports.MonthSelector=({configAccesibility:c,cssClasses:m,currentDate:h,maxDate:p,minDate:d,onMonthClick:M,setCurrentDate:S,today:g,...b})=>{const{dateHelpers:x,transformDate:v}=n.useUtilsProvider(),A=b["data-testid"]||"calendar",D={currentDate:h,maxDate:p,minDate:d},E=t.useMemo(()=>({currentFocusSelected:h?h.getMonth():(new Date).getMonth(),keyDownMove:u.keyDownMove(D),keyLeftMove:u.keyLeftMove(D),keyRightMove:u.keyRightMove(D),keyTabMove:u.keyTabMove,keyUpMove:u.keyUpMove(D),size:x.getAllMonthName("long").length}),[x.getAllMonthName("long").length,h]),[T,,j]=r.useRoveFocus(E),y=e=>{const t=h?.getFullYear();return d?.getFullYear()===t&&d?.getMonth()>e||p?.getFullYear()===t&&p?.getMonth()<e};return e.jsxRuntimeExports.jsx("ul",{ref:j,"aria-label":c?.monthSelectorAriaLabel,className:m?.monthslist,"data-testid":"tbody-months-list",children:x.getAllMonthName("long",b.locale).map((t,r)=>{const n=((e,t,s)=>{let o;return o=e.getMonth()===t?i.STATES.SELECTED:t===g.getMonth()?i.STATES.CURRENT:s?i.STATES.DISABLED:i.STATES.DEFAULT,o})(h,r,y(r)),u={"data-state":y(r)?i.STATES.DISABLED:n};return e.jsxRuntimeExports.jsx("li",{"aria-selected":n===i.STATES.SELECTED||void 0,className:m?.monthlistitem,...l.pickCustomAttributes(u),children:e.jsxRuntimeExports.jsx(o.CustomComponent,{"aria-label":t.charAt(0).toUpperCase()+t.slice(1),ariaDisabled:y(r),className:m?.monthelement,component:"button",focus:T===r,index:r,type:"button",...l.pickCustomAttributes(u),onSelectItem:()=>{const e=new Date(h);S(v(a.setMonth(e,r))),M?.(t)},children:e.jsxRuntimeExports.jsx(s.Text,{component:"span","data-testid":A,children:t.charAt(0).toUpperCase()+t.slice(1)})})},t)})})};
+const e=require("../../../../lib/components/customComponent/customComponent.js"),t=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../../text/text2.js"),s=require("../../../../lib/provider/utilsProvider/utilsProvider.js"),r=require("../../../../lib/types/states/states.js"),n=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),i=require("../../utils/setMonth.js"),a=require("./utils/monthSelector.utils.js");let l=require("react"),u=require("react/jsx-runtime");exports.MonthSelector=({configAccesibility:c,cssClasses:m,currentDate:h,maxDate:d,minDate:M,onMonthClick:p,setCurrentDate:S,today:g,...A})=>{const{dateHelpers:b,transformDate:D}=s.useUtilsProvider(),T=A["data-testid"]||"calendar",v={currentDate:h,maxDate:d,minDate:M},[k,,C]=n.useRoveFocus((0,l.useMemo)(()=>({currentFocusSelected:h?h.getMonth():(new Date).getMonth(),keyDownMove:a.keyDownMove(v),keyLeftMove:a.keyLeftMove(v),keyRightMove:a.keyRightMove(v),keyTabMove:a.keyTabMove,keyUpMove:a.keyUpMove(v),size:b.getAllMonthName("long").length}),[b.getAllMonthName("long").length,h])),E=e=>{const t=h?.getFullYear();return M?.getFullYear()===t&&M?.getMonth()>e||d?.getFullYear()===t&&d?.getMonth()<e};return(0,u.jsx)("ul",{ref:C,"aria-label":c?.monthSelectorAriaLabel,className:m?.monthslist,"data-testid":"tbody-months-list",children:b.getAllMonthName("long",A.locale).map((s,n)=>{const a=((e,t,o)=>{let s;return s=e.getMonth()===t?r.STATES.SELECTED:t===g.getMonth()?r.STATES.CURRENT:o?r.STATES.DISABLED:r.STATES.DEFAULT,s})(h,n,E(n)),l={"data-state":E(n)?r.STATES.DISABLED:a};return(0,u.jsx)("li",{"aria-selected":a===r.STATES.SELECTED||void 0,className:m?.monthlistitem,...t.pickCustomAttributes(l),children:(0,u.jsx)(e.CustomComponent,{"aria-disabled":E(n),"aria-label":s.charAt(0).toUpperCase()+s.slice(1),className:m?.monthelement,component:"button",focus:k===n,index:n,type:"button",...t.pickCustomAttributes(l),onSelectItem:()=>{S(D(i.setMonth(new Date(h),n))),p?.(s)},children:(0,u.jsx)(o.Text,{component:"span","data-testid":T,children:s.charAt(0).toUpperCase()+s.slice(1)})})},s)})})};

package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=11,e=(t,e)=>t.getFullYear()===e.getFullYear();exports.keyDownMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===n.getMonth()?M.getMonth():g>=n.getMonth()-3?n.getMonth():g+3:e(M,o)?g===t?M.getMonth():g>=M.getMonth()+3?t:g+3:e(n,o)?g===n.getMonth()?0:g<=n.getMonth()-3?g+3:n.getMonth():g===t?0:g>=8?t:g+3,exports.keyLeftMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===M.getMonth()?n.getMonth():g-1:e(n,o)?0===g?n.getMonth():g-1:e(M,o)?g===M.getMonth()?t:g-1:0===g?t:g-1,exports.keyRightMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===n.getMonth()?M.getMonth():g+1:e(n,o)?g===n.getMonth()?0:g+1:e(M,o)?g===t?M.getMonth():g+1:g===t?0:g+1,exports.keyTabMove=t=>t,exports.keyUpMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===M.getMonth()?n.getMonth():g<=M.getMonth()+3?M.getMonth():g-3:e(M,o)?g===M.getMonth()?t:g>=M.getMonth()+3?g-3:M.getMonth():e(n,o)?0===g?n.getMonth():g<=3?0:g-3:0===g?t:g>=3?g-3:0;
+var t=11,e=(t,e)=>t.getFullYear()===e.getFullYear();exports.keyDownMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===n.getMonth()?M.getMonth():g>=n.getMonth()-3?n.getMonth():g+3:e(M,o)?g===t?M.getMonth():g>=M.getMonth()+3?t:g+3:e(n,o)?g===n.getMonth()?0:g<=n.getMonth()-3?g+3:n.getMonth():g===t?0:g>=8?t:g+3,exports.keyLeftMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===M.getMonth()?n.getMonth():g-1:e(n,o)?0===g?n.getMonth():g-1:e(M,o)?g===M.getMonth()?t:g-1:0===g?t:g-1,exports.keyRightMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===n.getMonth()?M.getMonth():g+1:e(n,o)?g===n.getMonth()?0:g+1:e(M,o)?g===t?M.getMonth():g+1:g===t?0:g+1,exports.keyTabMove=t=>t,exports.keyUpMove=({currentDate:o,maxDate:n,minDate:M})=>g=>e(n,M)?g===M.getMonth()?n.getMonth():g<=M.getMonth()+3?M.getMonth():g-3:e(M,o)?g===M.getMonth()?t:g>=M.getMonth()+3?g-3:M.getMonth():e(n,o)?0===g?n.getMonth():g<=3?0:g-3:0===g?t:g>=3?g-3:0;

package/dist/cjs/components/calendar/selector/selector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../button/button.js"),r=require("../../text/text.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/components/renderIf/renderIf.js"),s=require("../../../lib/provider/utilsProvider/utilsProvider.js");exports.Selector=({configAccesibility:i,configCalendar:a,cssClasses:l,currentDate:c,customBackText:u,maxDate:d,minDate:x,onDaySelectorClick:m,onLeftIconClick:h,onMonthSelectorClick:b,onRightIconClick:j,onYearSelectorClick:p,setCurrentDate:S,setShowDaySelector:y,setShowMonthSelector:g,setShowYearSelector:v,showDaySelector:C,showMonthSelector:R,showYearSelector:w,useDaySelector:f=!1})=>{const{dateHelpers:k,formatDate:E}=s.useUtilsProvider(),{leftArrowIcon:D,rightArrowIcon:I,sizeSelectorButton:A,variantSelectorButton:M}=a,q=e=>{S(e)},Y=f,N=(R||w)&&!Y,O=e=>!N&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),z=(o,n,s,i)=>{const a=()=>{switch(o){case"day":return c.getDate();case"month":return(e=E(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};return e.jsxRuntimeExports.jsx(t.Button,{additionalSizeClasses:A?void 0:l?.button_size,additionalVariantClasses:M?void 0:l?.button_variant,"aria-label":s,disabled:n,role:i,size:A,variant:M,onClick:e=>{y("day"===o),g("month"===o),v("year"===o),"day"===o?m?.(a()?.toString(),e):"month"===o?b?.(a()?.toString(),e):p?.(a()?.toString(),e)},children:e.jsxRuntimeExports.jsx(r.Text,{component:"span",children:a()})})},B={"data-state":O(x)};return e.jsxRuntimeExports.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:Y?"center":"space-between"},children:[e.jsxRuntimeExports.jsxs("button",{"aria-label":N?"":D["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);N?v(!1):q(k.getSubMonths(e,1)),g(!1),y(!0)})(),D.onClick?.(e),h?.(e)},children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:l?.leftarrow,customAttributes:B,disabled:O(x),...D,"aria-label":void 0}),e.jsxRuntimeExports.jsx(n.RenderIf,{condition:N,children:e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:l?.backtext},component:"span",children:u})})]}),e.jsxRuntimeExports.jsxs("div",{className:l?.selectoroptionscontainer,children:[e.jsxRuntimeExports.jsx(n.RenderIf,{condition:Y,children:z("day",C,i?.daySelectorAriaLabel,i?.daySelectorRole)}),z("month",R,i?.monthSelectorAriaLabel,i?.monthSelectorRole),z("year",w,i?.yearSelectorAriaLabel,i?.yearSelectorRole)]}),e.jsxRuntimeExports.jsx("span",{style:{visibility:N?"hidden":"visible"},children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:l?.rightarrow,customAttributes:B,"data-testid":"next-button",disabled:O(d),onClick:e=>{(()=>{const e=new Date(c);q(k.getAddMonths(e,1))})(),I.onClick?.(e),j?.(e)},...I})})]})};
+const e=require("../../text/text2.js"),t=require("../../../lib/provider/utilsProvider/utilsProvider.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../button/button.js");let a=require("react/jsx-runtime");exports.Selector=({configAccesibility:n,configCalendar:l,cssClasses:s,currentDate:i,customBackText:c,maxDate:d,minDate:u,onDaySelectorClick:h,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:m,onYearSelectorClick:x,setCurrentDate:y,setShowDaySelector:C,setShowMonthSelector:g,setShowYearSelector:v,showDaySelector:j,showMonthSelector:p,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:D,formatDate:A}=t.useUtilsProvider(),{leftArrowIcon:f,rightArrowIcon:I,sizeSelectorButton:M,variantSelectorButton:Y}=l,q=e=>{y(e)},N=k,z=(p||w)&&!N,B=e=>!z&&e.getMonth()===i.getMonth()&&e.getFullYear()===i.getFullYear(),L=(t,o,n,l)=>{const c=()=>{switch(t){case"day":return i.getDate();case"month":return(e=A(i,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return i.getFullYear();default:return null}var e};return(0,a.jsx)(r.Button,{additionalSizeClasses:M?void 0:s?.button_size,additionalVariantClasses:Y?void 0:s?.button_variant,"aria-label":n,disabled:o,role:l,size:M,variant:Y,onClick:e=>{C("day"===t),g("month"===t),v("year"===t),"day"===t?h?.(c()?.toString(),e):"month"===t?S?.(c()?.toString(),e):x?.(c()?.toString(),e)},children:(0,a.jsx)(e.Text,{component:"span",children:c()})})},O={"data-state":B(u)};return(0,a.jsxs)("div",{className:s?.selectorcontainer,style:{justifyContent:N?"center":"space-between"},children:[(0,a.jsxs)("button",{"aria-label":z?"":f["aria-label"],className:s?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(i);z?v(!1):q(D.getSubMonths(e,1)),g(!1),C(!0)})(),f.onClick?.(e),b?.(e)},children:[(0,a.jsx)(o.ElementOrIcon,{className:s?.leftarrow,customAttributes:O,disabled:B(u),...f,"aria-label":void 0}),z&&(0,a.jsx)(e.Text,{additionalClasses:{text:s?.backtext},component:"span",children:c})]}),(0,a.jsxs)("div",{className:s?.selectoroptionscontainer,children:[N&&L("day",j,n?.daySelectorAriaLabel,n?.daySelectorRole),L("month",p,n?.monthSelectorAriaLabel,n?.monthSelectorRole),L("year",w,n?.yearSelectorAriaLabel,n?.yearSelectorRole)]}),(0,a.jsx)("span",{style:{visibility:z?"hidden":"visible"},children:(0,a.jsx)(o.ElementOrIcon,{className:s?.rightarrow,customAttributes:O,"data-testid":"next-button",disabled:B(d),onClick:e=>{q(D.getAddMonths(new Date(i),1)),I.onClick?.(e),m?.(e)},...I})})]})};

package/dist/cjs/components/calendar/selector/yearSelector/utils/yearSelector.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=e=>e.findIndex(t=>t===e[0]),t=e=>e.findIndex(t=>t===e[e.length-1]);exports.firstYear=e,exports.keyDownMove=o=>r=>r===t(o)?e(o):r>=t(o)-4?t(o):r+4,exports.keyLeftMove=o=>r=>r===e(o)?t(o):r-1,exports.keyRightMove=o=>r=>r===t(o)?e(o):r+1,exports.keyTabMove=e=>e,exports.keyUpMove=o=>r=>r===e(o)?t(o):r<=4?e(o):r-4,exports.lastYear=t;
+const e=e=>e.findIndex(o=>o===e[0]),o=e=>e.findIndex(o=>o===e[e.length-1]);exports.keyDownMove=t=>n=>n===o(t)?e(t):n>=o(t)-4?o(t):n+4,exports.keyLeftMove=t=>n=>n===e(t)?o(t):n-1,exports.keyRightMove=t=>n=>n===o(t)?e(t):n+1,exports.keyTabMove=e=>e,exports.keyUpMove=t=>n=>n===e(t)?o(t):n<=4?e(t):n-4;

package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../text/text.js"),r=require("../../../../lib/components/customComponent/customComponent.js"),i=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),o=require("../../../../lib/provider/utilsProvider/utilsProvider.js"),a=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),u=require("../../utils/getYearList.js"),n=require("../../utils/setYear.js"),l=require("./utils/yearSelector.utils.js");exports.YearSelector=({cssClasses:c,currentDate:m,maxDate:d,minDate:p,onYearClick:g,setCurrentDate:x,today:y,...j})=>{const{transformDate:v}=o.useUtilsProvider(),b=j["data-testid"],Y=t.useMemo(()=>({currentFocusSelected:u.getYearList(p,d).indexOf(m?m.getFullYear():(new Date).getFullYear()),keyDownMove:l.keyDownMove(u.getYearList(p,d)),keyLeftMove:l.keyLeftMove(u.getYearList(p,d)),keyRightMove:l.keyRightMove(u.getYearList(p,d)),keyTabMove:l.keyTabMove,keyUpMove:l.keyUpMove(u.getYearList(p,d)),size:u.getYearList(p,d).length}),[u.getYearList(p,d).length,m,p,d]),[k,,C]=i.useRoveFocus(Y);return e.jsxRuntimeExports.jsx("ul",{ref:C,className:c?.yearslist,"data-testid":"tbody-years-list",children:u.getYearList(p,d).map((t,i)=>{const o=((e,t)=>{let s;return s=e.getFullYear()===t?"selected":t===y.getFullYear()?"current":"default",s})(m,t),u={"data-state":o};return e.jsxRuntimeExports.jsx("li",{className:c?.yearlistitem,...a.pickCustomAttributes(u),children:e.jsxRuntimeExports.jsx(r.CustomComponent,{"aria-label":String(t),className:c?.yearelement,component:"button",focus:k===i,index:i,type:"button",...a.pickCustomAttributes(u),onSelectItem:()=>{const e=new Date(m);x(v(n.setYear(e,t))),g?.(t.toString())},children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.year},component:"span",customAttributes:u,"data-testid":b,children:t})})},String(t))})})};
+const e=require("../../../../lib/components/customComponent/customComponent.js"),t=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../../text/text2.js"),r=require("../../../../lib/provider/utilsProvider/utilsProvider.js"),i=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),a=require("../../utils/getYearList.js"),o=require("../../utils/setYear.js"),u=require("./utils/yearSelector.utils.js");let l=require("react"),n=require("react/jsx-runtime");exports.YearSelector=({cssClasses:c,currentDate:m,maxDate:d,minDate:g,onYearClick:y,setCurrentDate:p,today:v,...Y})=>{const{transformDate:k}=r.useUtilsProvider(),b=Y["data-testid"],[j,,x]=i.useRoveFocus((0,l.useMemo)(()=>({currentFocusSelected:a.getYearList(g,d).indexOf(m?m.getFullYear():(new Date).getFullYear()),keyDownMove:u.keyDownMove(a.getYearList(g,d)),keyLeftMove:u.keyLeftMove(a.getYearList(g,d)),keyRightMove:u.keyRightMove(a.getYearList(g,d)),keyTabMove:u.keyTabMove,keyUpMove:u.keyUpMove(a.getYearList(g,d)),size:a.getYearList(g,d).length}),[a.getYearList(g,d).length,m,g,d]));return(0,n.jsx)("ul",{ref:x,className:c?.yearslist,"data-testid":"tbody-years-list",children:a.getYearList(g,d).map((r,i)=>{const a=((e,t)=>{let s;return s=e.getFullYear()===t?"selected":t===v.getFullYear()?"current":"default",s})(m,r),u={"data-state":a};return(0,n.jsx)("li",{className:c?.yearlistitem,...t.pickCustomAttributes(u),children:(0,n.jsx)(e.CustomComponent,{"aria-label":String(r),className:c?.yearelement,component:"button",focus:j===i,index:i,type:"button",...t.pickCustomAttributes(u),onSelectItem:()=>{p(k(o.setYear(new Date(m),r))),y?.(r.toString())},children:(0,n.jsx)(s.Text,{additionalClasses:{text:c?.year},component:"span",customAttributes:u,"data-testid":b,children:r})})},String(r))})})};

package/dist/cjs/components/calendar/utils/getAllDaysInMonth.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getAllDaysInMonth=(e,t)=>Array.from({length:new Date(t,e,0).getDate()},(r,o)=>new Date(t,e-1,o+1));
+exports.getAllDaysInMonth=(e,t)=>Array.from({length:new Date(t,e,0).getDate()},(a,n)=>new Date(t,e-1,n+1));

package/dist/cjs/components/calendar/utils/getFirstDayOfMonth.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getFirstDayOfMonth=(e,t)=>new Date(e,t,1).getDay();
+exports.getFirstDayOfMonth=(t,e)=>new Date(t,e,1).getDay();

package/dist/cjs/components/calendar/utils/getState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js"),t="ddMMyyyy";exports.getStateDay=({dayFormatted:T,formatDate:S,hasRange:E,isGhostSelected:s,isSelectedToLeft:A,isSelectedToRight:a,selectedDate:o,today:r})=>{let d=e.STATES.DEFAULT;return A(T)?d=e.STATES.END_DATE_RANGE:a(T)?d=e.STATES.START_DATE_RANGE:s(T)?d=e.STATES.MIDLE_DATE_RANGE:o[0]&&T&&!E&&S(o[0],t)===S(T,t)?d=e.STATES.SELECTED:T&&r===S(T,t)&&(d=e.STATES.CURRENT_DAY),d};
+const e=require("../../../lib/types/states/states.js");var t="ddMMyyyy";exports.getStateDay=({dayFormatted:T,formatDate:E,hasRange:S,isGhostSelected:A,isSelectedToLeft:s,isSelectedToRight:a,selectedDate:D,today:d})=>{let o=e.STATES.DEFAULT;return s(T)?o=e.STATES.END_DATE_RANGE:a(T)?o=e.STATES.START_DATE_RANGE:A(T)?o=e.STATES.MIDLE_DATE_RANGE:D[0]&&T&&!S&&E(D[0],t)===E(T,t)?o=e.STATES.SELECTED:T&&d===E(T,t)&&(o=e.STATES.CURRENT_DAY),o};

package/dist/cjs/components/calendar/utils/getYearList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getYearList=(e,t)=>{const r=t.getFullYear(),l=e.getFullYear(),o=[];for(let s=r;s>=l;s--)o.push(s);return o};
+exports.getYearList=(e,t)=>{const r=t.getFullYear(),l=e.getFullYear(),s=[];for(let u=r;u>=l;u--)s.push(u);return s};

package/dist/cjs/components/calendar/utils/groupDaysByWeeks.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.groupDaysByWeeks=e=>{const t=[];for(let r=0;r<e.length;r+=7)t.push(e.slice(r,r+7));return t};
+exports.groupDaysByWeeks=e=>{const s=[];for(let r=0;r<e.length;r+=7)s.push(e.slice(r,r+7));return s};

package/dist/cjs/components/calendar/utils/handleKeysmoves.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(t,e)=>t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear();exports.getDaysAndEmptyDaysUntilMaxDate=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,exports.getFirstEmptyAndDisabledDays=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,exports.handleKeyDownMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:s,maxDate:D,minDate:y})=>l=>{if(t(y,e)&&l===a.length-1)return s;if(t(D,e)){if(l===n)return s;if(l+s+1>=D.getDate()-7&&l!==n)return D.getDate()+s-1}return l===a.length-1?s:l>=a.length-7?a.length-1:l+7},exports.handleKeyLeftMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:s,maxDate:D,minDate:y})=>l=>l===s?t(y,e)?a.length-1:t(D,e)?n:a.length-1:l-1,exports.handleKeyPageDownMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,maxDate:s})=>()=>t(s,e)?n:a.length-1,exports.handleKeyPageUpMove=({firstEmptyAndDisabledDays:t})=>()=>t,exports.handleKeyRightMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:s,maxDate:D,minDate:y})=>l=>t(y,e)&&l===a.length-1||t(D,e)&&l===n||l===a.length-1?s:l+1,exports.handleKeyTabMove=t=>t,exports.handleKeyUpMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:s,maxDate:D,minDate:y})=>l=>t(y,e)&&l===s?a.length-1:l===s?t(D,e)?n:a.length-1:l<=s+7?s:l-7;
+var t=(t,e)=>t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear();exports.getDaysAndEmptyDaysUntilMaxDate=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,exports.getFirstEmptyAndDisabledDays=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,exports.handleKeyDownMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>{if(t(y,e)&&l===a.length-1)return D;if(t(s,e)){if(l===n)return D;if(l+D+1>=s.getDate()-7&&l!==n)return s.getDate()+D-1}return l===a.length-1?D:l>=a.length-7?a.length-1:l+7},exports.handleKeyLeftMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>l===D?t(y,e)?a.length-1:t(s,e)?n:a.length-1:l-1,exports.handleKeyPageDownMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,maxDate:D})=>()=>t(D,e)?n:a.length-1,exports.handleKeyPageUpMove=({firstEmptyAndDisabledDays:t})=>()=>t,exports.handleKeyRightMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===a.length-1||t(s,e)&&l===n||l===a.length-1?D:l+1,exports.handleKeyTabMove=t=>t,exports.handleKeyUpMove=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===D?a.length-1:l===D?t(s,e)?n:a.length-1:l<=D+7?D:l-7;

package/dist/cjs/components/calendar/utils/setMonth.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.setMonth=(t,e)=>t.setMonth(e);
+exports.setMonth=(t,e)=>t.setMonth(e);

package/dist/cjs/components/calendar/utils/setYear.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.setYear=(e,t)=>e.setFullYear(t);
+exports.setYear=(e,r)=>e.setFullYear(r);

package/dist/cjs/components/card/card.js

@@ -0,0 +1 @@
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./cardStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,variant:t,...n},o)=>{const i=s.useClassName({additionalClassNames:a,component:"CARD",variant:t});return(0,r.jsx)(e.CardStandAlone,{ref:o,...n,cssClasses:i})});exports.Card=t;

package/dist/cjs/components/card/cardStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../text/text2.js"),s=require("../../lib/utils/process/processCommonProp.js");let o=require("react"),r=require("react/jsx-runtime");const n=(0,o.forwardRef)(({content:n,cssClasses:a,footer:i,header:c,onClick:l,onMouseEnter:u,onMouseLeave:d,state:x,...m},p)=>{const C={"data-state":x},j=e.pickCustomAttributes(m),b=(e,n)=>e?(0,o.isValidElement)(e)?(0,r.jsx)("div",{className:n,children:e}):(0,r.jsx)("div",{className:n,children:(0,r.jsx)(t.Text,{additionalClasses:{text:n},...s.processTextProp(e)})}):null,k=Boolean(l)?{onClick:l,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),l?.(e))},onMouseEnter:u,onMouseLeave:d,role:"button",tabIndex:0}:{onMouseEnter:u,onMouseLeave:d};return(0,r.jsxs)("div",{ref:p,className:a?.card,"data-testid":"card",...C,...j,...k,children:[b(c,a?.header),b(n,a?.content),b(i,a?.footer)]})});exports.CardStandAlone=n;

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

@@ -0,0 +1,4 @@
+const { Card } = require('./card.js');
+module.exports = { ...module.exports, Card };
+const { CardStandAlone } = require('./cardStandAlone.js');
+module.exports = { ...module.exports, CardStandAlone };

package/dist/cjs/components/carousel/carousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),n=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./carouselStandAlone.js"),t=require("./hooks/useCarousel.js"),s=require("./utils/carousel.utils.js"),l=n.forwardRef(({additionalClasses:l,allowModifySliceWidth:u=!1,autoFitContainer:o=!1,centerExtremesWhenExtraPadding:i=!1,centerMode:c=!1,circular:d,defaultPage:g=0,disabled:m=!1,extraPadding:P,numElementsPerPage:f,numElementsToSlide:C,onePageAlign:R="center",onNumElementsPerPageChange:h,onNumPagesChange:S,onPageChange:E,screenReaderOnly:x,variant:b,...j},y)=>{const[w,M]=n.useState(g),[N,v]=n.useState(0),p=n.useRef(null),q=n.useRef(null),O=n.useRef(null),A=a.useClassName({additionalClassNames:l,component:"CAROUSEL",variant:b}),W=n.useCallback(e=>{v(e),S?.(e)},[S]),k=n.useCallback(e=>{M(e),E?.(e)},[E]),T=f?Math.min(j.elements.length,f):f,F=u&&!!f&&!o,{allowShiftRef:H,changePage:I,currentPageRef:L,numElementsPerPageRef:U,numPagesRef:_}=t.useCarousel({allowModifySliceWidth:F,autoFitContainer:o,centerExtremesWhenExtraPadding:i,centerMode:c,circular:d,contentContainerRef:O,defaultPage:g,disabled:m,elements:j.elements,extraPadding:P,numElementsPerPage:T,numElementsToSlide:C,onePageAlign:R,onNumElementsPerPageChange:h,onNumPagesChange:W,onPageChange:k,rootContainerRef:p,viewerContainerRef:q});n.useImperativeHandle(y,()=>(p.current&&(p.current.changePage=I,p.current.allowShiftRef=H,p.current.currentPageRef=L,p.current.numElementsPerPageRef=U,p.current.numPagesRef=_),p.current),[I]);const z=s.buildScreenReaderOnly({currentPage:w,numPages:N,screenReaderOnly:x});return e.jsxRuntimeExports.jsx(r.CarouselStandAlone,{ref:p,allowModifySliceWidth:F,centerMode:c,contentContainerRef:O,cssClasses:A,disabled:m||N<=1,screenReaderOnly:z,viewerContainerRef:q,...j})});exports.Carousel=l;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),n=require("./carouselStandAlone.js"),a=require("./hooks/useCarousel.js"),r=require("./utils/carousel.utils.js");let t=require("react"),s=require("react/jsx-runtime");const l=(0,t.forwardRef)(({additionalClasses:l,allowModifySliceWidth:u=!1,autoFitContainer:o=!1,centerExtremesWhenExtraPadding:i=!1,centerMode:c=!1,circular:d,defaultPage:g=0,disabled:m=!1,extraPadding:P,numElementsPerPage:f,numElementsToSlide:C,onePageAlign:R="center",onNumElementsPerPageChange:h,onNumPagesChange:E,onPageChange:S,screenReaderOnly:x,variant:w,...N},b)=>{const[y,M]=(0,t.useState)(g),[j,q]=(0,t.useState)(0),v=(0,t.useRef)(null),A=(0,t.useRef)(null),O=(0,t.useRef)(null),W=e.useClassName({additionalClassNames:l,component:"CAROUSEL",variant:w}),k=(0,t.useCallback)(e=>{q(e),E?.(e)},[E]),p=(0,t.useCallback)(e=>{M(e),S?.(e)},[S]),F=f?Math.min(N.elements.length,f):f,T=u&&!!f&&!o,{allowShiftRef:H,changePage:I,currentPageRef:L,numElementsPerPageRef:U,numPagesRef:z}=a.useCarousel({allowModifySliceWidth:T,autoFitContainer:o,centerExtremesWhenExtraPadding:i,centerMode:c,circular:d,contentContainerRef:O,defaultPage:g,disabled:m,elements:N.elements,extraPadding:P,numElementsPerPage:F,numElementsToSlide:C,onePageAlign:R,onNumElementsPerPageChange:h,onNumPagesChange:k,onPageChange:p,rootContainerRef:v,viewerContainerRef:A});(0,t.useImperativeHandle)(b,()=>(v.current&&(v.current.changePage=I,v.current.allowShiftRef=H,v.current.currentPageRef=L,v.current.numElementsPerPageRef=U,v.current.numPagesRef=z),v.current),[I]);const B=r.buildScreenReaderOnly({currentPage:y,numPages:j,screenReaderOnly:x});return(0,s.jsx)(n.CarouselStandAlone,{ref:v,allowModifySliceWidth:T,centerMode:c,contentContainerRef:O,cssClasses:W,disabled:m||j<=1,screenReaderOnly:B,viewerContainerRef:A,...N})});exports.Carousel=l;

package/dist/cjs/components/carousel/carouselStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react").forwardRef(({allowModifySliceWidth:t,centerMode:r,contentContainer:a,contentContainerRef:i,cssClasses:s,disabled:n,elements:o,rootContainer:d,screenReaderOnly:l,viewerContainer:c,viewerContainerRef:u,...x},f)=>{const m=x["data-testid"]??"carousel";return e.jsxRuntimeExports.jsxs("div",{ref:f,"aria-roledescription":"carousel",className:s?.carousel,"data-testid":m,...x,...d,children:[e.jsxRuntimeExports.jsx("div",{ref:u,className:s?.viewer,"data-allow-modify-slice-width":t,"data-disabled":n,"data-testid":`${m}-viewer`,...c,children:e.jsxRuntimeExports.jsx("div",{ref:i,"aria-live":"polite",className:s?.content,"data-center-mode":r,"data-testid":`${m}-content`,...a,children:o})}),l&&e.jsxRuntimeExports.jsx("screen-reader-only",{"aria-live":"off",...l,children:l.content})]})});exports.CarouselStandAlone=t;
+const e=require("../../lib/components/screen-reader-only/screenReaderOnly.js");let r=require("react"),t=require("react/jsx-runtime");const a=(0,r.forwardRef)(({allowModifySliceWidth:r,centerMode:a,contentContainer:n,contentContainerRef:i,cssClasses:s,disabled:d,elements:o,rootContainer:c,screenReaderOnly:l,viewerContainer:f,viewerContainerRef:u,...v},m)=>{const w=v["data-testid"]??"carousel";return(0,t.jsxs)("div",{ref:m,"aria-roledescription":"carousel",className:s?.carousel,"data-testid":w,...v,...c,children:[(0,t.jsx)("div",{ref:u,className:s?.viewer,"data-allow-modify-slice-width":r,"data-disabled":d,"data-testid":`${w}-viewer`,...f,children:(0,t.jsx)("div",{ref:i,"aria-live":"polite",className:s?.content,"data-center-mode":a,"data-testid":`${w}-content`,...n,children:o})}),l&&(0,t.jsx)(e.ScreenReaderOnly,{ariaLive:"off",...l,children:l.content})]})});exports.CarouselStandAlone=a;