@kubit-ui-web/react-components 1.17.2 → 2.0.0-alpha.1

package/README.md

@@ -1,274 +1,45 @@
-<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%">
-    </picture>
-  </a>
-</p>
+# @kubit-ui-web/react-components
 
-<div align='center'>
-  
-<a href='#'>
-<img src='./assets/version.png' width="150px">
-</a>
-  
-<a href='#'>
-<img src='./assets/license.png' width="230px">
-</a>
-  
-</div>
-
-<br />
-
----
-
-<br />
-
-# Getting Started
+Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience.
 
 ## Installation
 
-To install the package, run the following command:
-
-### npm
-
 ```bash
-npm install @kubit-ui-web/react-components
+npm install @kubit-ui-web/react-components @kubit-ui-web/design-system
+# or
+pnpm add @kubit-ui-web/react-components @kubit-ui-web/design-system
+# or
+yarn add @kubit-ui-web/react-components @kubit-ui-web/design-system
 ```
 
-### yarn
-
-```bash
-yarn add @kubit-ui-web/react-components
-```
-
-This will install the package and its dependencies. Now you can import the components and use them in your application.
-
 ## Usage
 
-To use the components, import them from the package and use them in your application.
-
 ```tsx
-import { Button, KubitProvider } from '@kubit-ui-web/react-components';
-import React from 'react';
+import { Button } from '@kubit-ui-web/react-components';
+import { KubitProvider } from '@kubit-ui-web/design-system';
 
-const App = () => {
+function App() {
   return (
     <KubitProvider>
-      <Button variant="PRIMARY" size="MEDIUM">
-        Click me
-      </Button>
+      <Button>Click me</Button>
     </KubitProvider>
   );
-};
-
-export default App;
+}
 ```
 
-This will render the button with the default styles and functionality.
-
-> Note: The `KubitProvider` is required to use the components. It provides the theme and other context to the components.
+## Features
 
-You can foud more information about change the theme and other options in the [Customize theme](https://kubit-ui.com)
+- 🎨 Highly customizable components
+- ♿️ Accessibility-first approach (WCAG 2.1 AA)
+- 📦 Tree-shakeable
+- 🔧 TypeScript support
+- 🎭 Compound components pattern
+- 🧪 Fully tested
 
 ## Documentation
 
-You can find the documentation for the web components in the [Kubit UI website](https://kubit-ui.com)
-
-## Storybook
-
-To run the storybook, first of all clone the repository and install the dependencies. Then run the following command:
-
-```bash
-npm run storybook
-
-yarn storybook
-```
-
-This will start the storybook server and you can see the components in action.
-
-## Tests
-
-To run the tests, you can use the following command:
-
-```bash
-npm run test
-
-yarn test
-```
-
-This will run the tests and show the results in the terminal.
-
-## Contributing
-
-We are open to contributions. If you want to contribute to the project, please follow the steps below:
-
-### Development Workflow
-
-1. **Fork the Repository**: Click the "Fork" button in the upper right corner of the repository's page on GitHub. This will create a copy of the repository in your account.
-
-2. **Clone the Repository**: Use `git clone` to clone the repository to your local machine.
-
-   ```sh
-   git clone https://github.com/your-username/kubit-react-components.git
-   ```
-
-3. **Create a Branch**: Use proper branch naming conventions for automatic version detection.
-
-   ```sh
-   git checkout -b <branch-type>/<branch-name>
-   ```
-
-4. **Make Changes**: Make any necessary changes to the codebase and **test** the changes thoroughly.
-
-5. **Commit Changes**: Use conventional commit messages when possible.
-
-   ```sh
-   git commit -m "feat: add new component feature"
-   ```
-
-6. **Push Changes**: Use `git push` to push your changes to your forked repository.
-
-   ```sh
-   git push origin <branch-name>
-   ```
-
-7. **Open a Pull Request**: Go to the original repository on GitHub and click the "New pull request" button. Fill out the form with details about your changes and submit the pull request.
-
-### Branch Naming & Automatic Publishing
-
-This repository uses an **automatic publishing system** that determines the version bump based on your branch name and PR content. When your PR is merged, the package will be automatically published to NPM.
-
-#### Branch Naming Patterns
-
-Use these branch prefixes to ensure automatic publishing works correctly:
-
-| Branch Pattern | Version Bump | Example | Description |
-|----------------|--------------|---------|-------------|
-| `feat/` or `feature/` | **MINOR** | `feat/add-tooltip` | New features or enhancements |
-| `fix/` or `bugfix/` | **PATCH** | `fix/button-hover-state` | Bug fixes |
-| `break/` or `breaking/` | **MAJOR** | `break/remove-old-api` | Breaking changes |
-| `hotfix/` | **PATCH** | `hotfix/critical-security-fix` | Urgent fixes |
-| `chore/` | **PATCH** | `chore/update-dependencies` | Maintenance tasks |
-
-#### Advanced Version Detection
-
-The system also analyzes your **PR title** and **description** for more precise version detection:
-
-##### MAJOR (Breaking Changes)
-- `BREAKING CHANGE:` in PR description
-- `!` in PR title (e.g., `feat!: redesign button API`)
-- `[breaking]` tag in PR title
-- Conventional commits with `!` (e.g., `feat(api)!: change interface`)
-
-##### MINOR (New Features)
-- PR titles starting with `feat:` or `feature:`
-- `[feature]` tag in PR title
-- Conventional commits like `feat(ui): add dark mode`
-
-##### PATCH (Bug Fixes & Others)
-- PR titles starting with `fix:` or `bugfix:`
-- All other changes (default behavior)
-- Conventional commits like `fix(button): hover state`
-
-#### Examples
-
-**Adding a new feature:**
-```sh
-git checkout -b feat/dark-mode-support
-# Make your changes
-git commit -m "feat(theme): add dark mode support for all components"
-# Create PR with title: "feat(theme): add dark mode support"
-# Result: MINOR version bump (e.g., 1.0.0 → 1.1.0)
-```
-
-**Fixing a bug:**
-```sh
-git checkout -b fix/button-accessibility
-# Make your changes  
-git commit -m "fix(button): improve keyboard navigation"
-# Create PR with title: "fix(button): improve keyboard navigation"
-# Result: PATCH version bump (e.g., 1.0.0 → 1.0.1)
-```
-
-**Breaking changes:**
-```sh
-git checkout -b break/remove-deprecated-props
-# Make your changes
-git commit -m "feat!: remove deprecated size prop from Button"
-# Create PR with title: "feat!: remove deprecated size prop"
-# PR description: "BREAKING CHANGE: The 'size' prop has been removed..."
-# Result: MAJOR version bump (e.g., 1.0.0 → 2.0.0)
-```
-
-### Quality Assurance
-
-Before publishing, the system automatically runs:
-
-- ✅ **Linting** - Code style validation
-- ✅ **Type Checking** - TypeScript validation  
-- ✅ **Tests** - Full test suite execution
-- ✅ **Build** - Package compilation
-- ✅ **Integration Tests** - Component functionality validation
-
-### Publishing Process
-
-When your PR is merged:
-
-1. **Automatic Analysis** - System analyzes branch name, PR title, and description
-2. **Version Calculation** - Determines MAJOR/MINOR/PATCH version bump
-3. **Quality Checks** - Runs all tests and validations
-4. **NPM Publication** - Publishes to NPM with appropriate version
-5. **GitHub Release** - Creates GitHub release with changelog
-6. **Notifications** - Posts success/failure status in PR comments
-
-### Manual Override
-
-If you need to override the automatic version detection, you can:
-
-1. Use explicit markers in your PR description:
-   ```
-   BREAKING CHANGE: This removes the old authentication API
-   ```
-
-2. Use conventional commit format in PR title:
-   ```
-   feat!: redesign component API structure
-   ```
-
-3. Add tags to PR title:
-   ```
-   [breaking] Update component props interface
-   ```
-
-### Testing Your Changes
-
-Before submitting a PR, make sure to:
-
-```bash
-# Install dependencies
-yarn install
-
-# Run linter
-yarn lint
-
-# Run type checking
-yarn type-check
-
-# Run tests
-yarn test
-
-# Build the package
-yarn build
-```
-
-### Getting Help
-
-If you have questions about contributing or the automatic publishing system:
+Visit [kubit-ui.com](https://www.kubit-ui.com/) for full documentation.
 
-- Check existing [GitHub Issues](https://github.com/kubit-ui/kubit-react-components/issues)
-- Review [GitHub Discussions](https://github.com/kubit-ui/kubit-react-components/discussions)
-- Read the full `CONTRIBUTING.md` file
+## License
 
-Once your pull request has been submitted, a maintainer will review your changes and provide feedback. If everything looks good, your pull request will be merged and your changes will be automatically published to NPM!
+Apache-2.0

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,4 @@
+const { AccordionControlled } = require('./accordionControlled.js');
+module.exports = { ...module.exports, AccordionControlled };
+const { Accordion } = require('./accordionUnControlled.js');
+module.exports = { ...module.exports, Accordion };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/avatar/index.js

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

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/badge/index.js

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

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

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

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/button/index.js

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

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+exports.WEEK_DAYS=7;

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

@@ -0,0 +1 @@
+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/index.js

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

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +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

@@ -0,0 +1 @@
+exports.getFirstDayOfMonth=(t,e)=>new Date(t,e,1).getDay();

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+exports.setMonth=(t,e)=>t.setMonth(e);

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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;

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

@@ -0,0 +1 @@
+const e=require("./useCarouselKeyNavigation.js"),n=require("./utils/calc.utils.js"),t=require("./utils/constants.js"),r=require("./useCarouselSwipe.js"),a=require("./utils/dom.utils.js");let u=require("react");exports.useCarousel=({allowModifySliceWidth:i=!1,autoFitContainer:s=!1,centerExtremesWhenExtraPadding:c=!1,centerMode:l=!1,circular:o=!0,contentContainerRef:d,defaultPage:g=0,disabled:P=!1,elements:f,extraPadding:m=0,numElementsPerPage:C,numElementsToSlide:w,onePageAlign:h="center",onNumElementsPerPageChange:E,onNumPagesChange:I,onPageChange:R,rootContainerRef:x,viewerContainerRef:N})=>{const v=(0,u.useRef)(!0),L=(0,u.useRef)(g),V=(0,u.useRef)(g),S=(0,u.useRef)(C),b=(0,u.useRef)(0),p=(0,u.useCallback)(e=>{const r=d.current;if(!r||!S.current||e.propertyName!==t.default.PROPERTY_TO_HANDLE_TRANSITION_END||b.current<1)return;r.setAttribute("data-shifting","false");const{newPage:u}=a.default.udpateCarouselPositionOnEdge({contentContainer:r,currentPage:V.current,elementsLength:f.length,extraPadding:m,numElementsPerPage:S.current,numPages:b.current});V.current=u,L.current!==V.current&&(L.current=V.current,R?.(V.current));const{firstIndexInView:i,lastIndexInView:s}=n.default.calcFirstAndLastIndexInCarouselView({currentPage:V.current,elementsLength:f.length,isCircular:o,numElementsPerPage:S.current,numElementsToSlide:w});a.default.updateContentElementsAriaVisibility({contentContainer:r,firstIndexInView:i,lastIndexInView:s}),l&&a.default.applyCenterMode({contentContainer:r,firstIndexInView:i,lastIndexInView:s,numElementsPerPage:S.current}),v.current=!0},[f,m,w,o,l,R]),y=(0,u.useCallback)(({animated:e=!0,newPage:r})=>{const u=N.current,s=d.current;if(!u||!s||!v.current||!S.current||!f.length||b.current<1||(o?r<-1:r<0)||(o?r>b.current:r>b.current-1))return;e&&s.setAttribute("data-shifting","true"),a.default.deleteCenterMode({contentContainer:s}),V.current=r;const{firstIndexInView:l,lastIndexInView:g}=n.default.calcFirstAndLastIndexInCarouselView({currentPage:V.current,elementsLength:f.length,isCircular:o,numElementsPerPage:S.current,numElementsToSlide:w});i||a.default.updateViewerWidth({contentContainer:s,extraPadding:m,firstIndexInView:l,lastIndexInView:g,viewerContainer:u});const P=s.style.left,C=n.default.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:c,circular:o,contentContainer:s,currentPage:V.current,extraPadding:m,firstIndexInView:l,numPages:b.current});s.style.left=C,e&&P!==C?v.current=!1:p({propertyName:t.default.PROPERTY_TO_HANDLE_TRANSITION_END})},[f,w,o,i,m,c,p]),T=(0,u.useCallback)(()=>{const e=N.current,n=d.current;e&&n&&S.current&&(i&&(e.style.width="100%",a.default.updateSlicesWidth({centerMode:l,contentContainer:n,extraPadding:m,numElementsPerPage:S.current,viewerContainer:e})),a.default.manageCircularClones({circular:o,contentContainer:n,elementsLength:f.length,numElementsPerPage:S.current}),y({animated:!1,newPage:V.current}))},[i,l,o,f,m,y]),A=(0,u.useCallback)(()=>{const e=x.current,t=N.current,r=d.current;if(!e||!t||!r)return;e.style.width="100%";const u=C||n.default.calcNumElementsPerPage({contentContainer:r,elementsLength:f.length,extraPadding:m,rootContainer:e,viewerContainer:t})||1;s&&(e.style.width="fit-content"),u!==S.current&&(S.current=u,E?.(u));const c=n.default.calcNumPages({elementsLength:f.length,numElementsPerPage:u,numElementsToSlide:w});b.current!==c&&(b.current=c,I?.(c),V.current=Math.min(Math.max(0,g),c-1)),c<=1&&a.default.alignOnePageCarousel({allowModifySliceWidth:i,contentContainer:r,onePageAlign:h,rootContainer:e})},[i,f,m,C,w,h,s,E,I,R]),O=(0,u.useCallback)(()=>{A(),T()},[A,T]);return(0,u.useEffect)(()=>{const e=d.current;if(!e)return;O(),window.addEventListener("resize",O);const n=new ResizeObserver(O);return n.observe(e),()=>{window.removeEventListener("resize",O),n.disconnect()}},[O]),(0,u.useEffect)(()=>{const e=d.current;return e?.addEventListener("transitionend",p),()=>{e?.removeEventListener("transitionend",p)}},[p]),r.useCarouselSwipe({allowShiftRef:v,centerExtremesWhenExtraPadding:c,changePage:y,circular:o,contentContainerRef:d,currentPageRef:V,disabled:P,elements:f,extraPadding:m,numElementsPerPageRef:S,numPagesRef:b,viewerContainerRef:N}),e.useCarouselKeyNavigation({allowShiftRef:v,changePage:y,circular:o,currentPageRef:V,disabled:P,numPagesRef:b,rootContainerRef:x}),{allowShiftRef:v,changePage:y,currentPageRef:V,numElementsPerPageRef:S,numPagesRef:b}};

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

@@ -0,0 +1 @@
+const e=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../../lib/utils/keyboard/keyboard.js");let n=require("react");exports.useCarouselKeyNavigation=({allowShiftRef:t,changePage:s,circular:u,currentPageRef:a,disabled:c=!1,numPagesRef:i,rootContainerRef:o})=>{(0,n.useEffect)(()=>{if(c)return;const n=n=>{!t.current||i.current<=1||(r.isKeyPressed(n.key,e.ARROW_LEFT.key)?t.current&&(u||0!==a.current)&&s({newPage:a.current-1}):r.isKeyPressed(n.key,e.ARROW_RIGHT.key)&&t.current&&(u||a.current!==i.current-1)&&s({newPage:a.current+1}))},y=o.current;return y?.addEventListener("keydown",n),()=>{y?.removeEventListener("keydown",n)}},[u,s,c])};

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

@@ -0,0 +1 @@
+const e=require("../../../lib/hooks/useScrollBlock/useScrollBlock.js"),t=require("./utils/calc.utils.js"),r=require("./utils/constants.js");let n=require("react");exports.useCarouselSwipe=({allowShiftRef:c,centerExtremesWhenExtraPadding:u,changePage:s,circular:l,contentContainerRef:o,currentPageRef:a,disabled:i=!1,elements:f,extraPadding:E,numElementsPerPageRef:d,numPagesRef:v,viewerContainerRef:h})=>{const m=(0,n.useRef)(!1),_=(0,n.useRef)(!1),L=(0,n.useRef)(!1),R=(0,n.useRef)(),D=(0,n.useRef)(0),S=(0,n.useRef)(0),p=(0,n.useRef)(0),C=(0,n.useRef)(0),I=(0,n.useCallback)(()=>{c.current&&(l||a.current!==v.current-1)&&s({newPage:a.current+1})},[l,s]),O=(0,n.useCallback)(()=>{c.current&&(l||0!==a.current)&&s({newPage:a.current-1})},[l,s]),{allowScroll:g,blockScroll:P}=e.useScrollBlock(),X=(0,n.useCallback)(e=>{const t=o.current;!t||v.current<=1||(R.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(D.current=e.touches[0].clientX,p.current=e.touches[0].clientX,C.current=e.touches[0].clientY):(D.current=e.clientX,p.current=e.clientX,C.current=e.clientY),m.current=!0)},[]),b=(0,n.useCallback)(e=>{const n=o.current;if(!n||!m.current||!d?.current||v.current<=1)return;let c,s;"touchmove"===e.type?(S.current=D.current-e.touches[0].clientX,D.current=e.touches[0].clientX,c=e.touches[0].clientX-p.current,s=e.touches[0].clientY-C.current):(S.current=D.current-e.clientX,D.current=e.clientX,c=e.clientX-p.current,s=e.clientY-C.current);const i=parseFloat(n.style.left||"0")-S.current;if(_.current||L.current||(Math.abs(c)>r.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(_.current=!0,P()):Math.abs(s)>r.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(L.current=!0)),_.current)if(l&&f.length>d.current)n.style.left=`${i}px`;else{const e=t.default.calcXDistanceBetween2Elements(n.firstChild,n.children[n.children.length-d.current]);if(u)i-E<0&&-i<e-E&&(n.style.left=`${i}px`);else{let t=l?E:0;!l&&E&&a.current===v.current-1&&(t=2*E),i-t<0&&-i<e-t&&(n.style.left=`${i}px`)}}},[P,u,l,f,E]),k=(0,n.useCallback)(()=>{const e=o.current;if(L.current=!1,_.current&&g(),_.current=!1,!e||!m.current||void 0===R.current||v.current<=1)return;m.current=!1;const t=parseFloat(e.style.left||"0");t-R.current<-r.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?I():t-R.current>r.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?O():e.style.left=`${R.current}px`},[g,I,O]);(0,n.useEffect)(()=>{if(i)return;const e=h.current,t={passive:!0};return e?.addEventListener("touchstart",X,t),e?.addEventListener("touchend",k,t),e?.addEventListener("touchmove",b,t),e?.addEventListener("mousedown",X,t),e?.addEventListener("mouseup",k,t),e?.addEventListener("mousemove",b,t),e?.addEventListener("mouseleave",k,t),()=>{e?.removeEventListener("touchstart",X,t),e?.removeEventListener("touchend",k,t),e?.removeEventListener("touchmove",b,t),e?.removeEventListener("mousedown",X,t),e?.removeEventListener("mouseup",k,t),e?.removeEventListener("mousemove",b,t),e?.removeEventListener("mouseleave",k,t)}},[X,k,b,i])};

package/dist/cjs/components/carousel/hooks/utils/calc.utils.js

@@ -0,0 +1 @@
+const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>e&&t?Math.abs(t.offsetLeft-e.offsetLeft):0,n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsPerPage:t,numElementsToSlide:r});return Math.ceil((e-t+i)/i)},i=({centerMode:e,contentContainer:t})=>{let n=0;if(t.childNodes.length<2)return n;const r=t.childNodes[0],i=t.childNodes[1];e&&r.style&&i.style&&(r.style.transition="none",i.style.transition="none",r.style.transform="scale(1)",i.style.transform="scale(1)");const l=r?.getBoundingClientRect()?.right,s=i?.getBoundingClientRect()?.left;return e&&r.style&&i.style&&(r.style.removeProperty("transform"),i.style.removeProperty("transform"),r.style.removeProperty("transition"),i.style.removeProperty("transition")),void 0!==l&&void 0!==s&&(n=Math.abs(l-s)),n};var l={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:({centerExtremesWhenExtraPadding:e,circular:n,contentContainer:r,currentPage:i,extraPadding:l,firstIndexInView:s,numPages:o})=>{let a=t(r.firstChild,r.children[s]);return l&&(e||n||0!==i&&i!==o-1?a-=l:n||i!==o-1||(a-=2*l)),-a+"px"},calcFirstAndLastIndexInCarouselView:({currentPage:e,elementsLength:t,isCircular:i,numElementsPerPage:l,numElementsToSlide:s})=>{if(t<=l)return{firstIndexInView:0,lastIndexInView:t-1};const o=n({numElementsPerPage:l,numElementsToSlide:s});let a=e*o+l-1,d=0;return i&&t>l&&(d=l+1,a+=d),e===r({elementsLength:t,numElementsPerPage:l,numElementsToSlide:o})?a=d+t+l-1:e<0?a=d-1:a-d>t-1&&(a=d+t-1),{firstIndexInView:a-l+1,lastIndexInView:a}},calcGapBetweenContentContainerElements:i,calcNumElementsPerPage:({contentContainer:t,elementsLength:n,extraPadding:r,rootContainer:i,viewerContainer:l})=>{const s=t.firstElementChild;if(!s)return;let o=i.offsetWidth;o-=2*r,o-=e({element:l});let a=0;const d=s.offsetLeft;for(let e=0;e<t.children.length;e++){const n=t.children[e];if(d+n.offsetLeft+n.offsetWidth>o)break;a++}return Math.max(Math.min(n,a),1)},calcNumPages:r,calcSliceWidth:({centerMode:t,contentContainer:n,extraPadding:r,numElementsPerPage:l,viewerContainer:s})=>{const o=(l-1)*i({centerMode:t,contentContainer:n}),a=e({element:s});return(s.getBoundingClientRect().width-o-2*r-a)/l},calcViewerWidth:({contentContainer:n,extraPadding:r,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const o=n.children[i],a=n.children[l],d=t(o,a),c=e({element:s});return`${d+a.offsetWidth+2*r+c}px`},calcXDistanceBetween2Elements:t};exports.default=l;

package/dist/cjs/components/carousel/hooks/utils/constants.js

@@ -0,0 +1 @@
+exports.default={PROPERTY_TO_HANDLE_TRANSITION_END:"left",THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:20,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:0};

package/dist/cjs/components/carousel/hooks/utils/dom.utils.js

@@ -0,0 +1 @@
+const e=require("./calc.utils.js");var t={center:"center",left:"flex-start",right:"flex-end"},n={alignOnePageCarousel:({allowModifySliceWidth:e,contentContainer:n,onePageAlign:i,rootContainer:r})=>{e?n.style.justifyContent=t[i]:r.style.justifyContent=t[i]},applyCenterMode:({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},deleteCenterMode:({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},manageCircularClones:({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++)t.firstElementChild&&t.removeChild(t.firstElementChild),t.lastElementChild&&t.removeChild(t.lastElementChild)}if(e&&n>i){const e=[],n=[],r=t.children.length,l=i+1;for(let i=0;i<l;i++){const l=t.children[i];l&&e.push(l.cloneNode(!0));const a=t.children[r-1-i];a&&n.push(a.cloneNode(!0))}e.forEach(e=>t.appendChild(e)),n.forEach(e=>t.insertBefore(e,t.firstChild))}},udpateCarouselPositionOnEdge:({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:r,numElementsPerPage:l,numPages:a})=>{const d=n===a;if(d||-1===n){const n=d?l+1:i+1;let o=e.default.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return o-=r,t.style.left=-o+"px",{newPage:d?0:a-1}}return{newPage:n}},updateContentElementsAriaVisibility:({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},updateSlicesWidth:({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l})=>{const a=e.default.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${a}px`)}},updateViewerWidth:({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l})=>{const a=e.default.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l});l.style.width=a}};exports.default=n;

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

@@ -0,0 +1,4 @@
+const { Carousel } = require('./carousel.js');
+module.exports = { ...module.exports, Carousel };
+const { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,  } = require('./carousel.js');
+module.exports = { ...module.exports, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,  };

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

@@ -0,0 +1 @@
+exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY="{{currentPage}}",exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY="{{numPages}}";