@kubit-ui-web/react-components 1.15.0 → 1.16.0

package/dist/cjs/components/pillSelectorV2/pillSelectorUnControlled.js

@@ -1,40 +1,21 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PillSelectorUnControlled = void 0;
+exports.PillSelectorV2 = exports.PillSelectorUnControlled = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const pillSelectorControlled_1 = require("./pillSelectorControlled");
-const types_1 = require("./types");
-const PillSelectorUnControlledComponent = ({ type = types_1.PillSelectorType.SELECTOR_MULTIPLE, defaultValue, onChange, ...props }, ref) => {
-    const [value, setValue] = React.useState(defaultValue);
+const pillSelectorType_1 = require("./types/pillSelectorType");
+const PillSelectorUnControlledComponent = ({ type = pillSelectorType_1.PillSelectorType.SELECTOR_MULTIPLE, defaultValue, onChange, ...props }, ref) => {
+    const [value, setValue] = react_1.default.useState(defaultValue);
     const handleChange = (newValue) => {
         setValue(newValue);
         onChange?.(newValue);
     };
     return ((0, jsx_runtime_1.jsx)(pillSelectorControlled_1.PillSelectorControlled, { ref: ref, type: type, value: value, onChange: handleChange, ...props }));
 };
-exports.PillSelectorUnControlled = React.forwardRef(PillSelectorUnControlledComponent);
+exports.PillSelectorUnControlled = react_1.default.forwardRef(PillSelectorUnControlledComponent);
+exports.PillSelectorV2 = exports.PillSelectorUnControlled;
 //# sourceMappingURL=pillSelectorUnControlled.js.map

package/dist/cjs/components/pillSelectorV2/pillSelectorUnControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillSelectorUnControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelectorV2/pillSelectorUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,qEAAkE;AAClE,mCAAsE;AAEtE,MAAM,iCAAiC,GAAG,CACxC,EACE,IAAI,GAAG,wBAAgB,CAAC,iBAAiB,EACzC,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACkB,EAC5B,GAAuC,EACvC,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,CAAC,QAAkD,EAAE,EAAE;QAC1E,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,+CAAsB,IACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC"}
+{"version":3,"file":"pillSelectorUnControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelectorV2/pillSelectorUnControlled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,qEAAkE;AAElE,+DAA4D;AAE5D,MAAM,iCAAiC,GAAG,CACxC,EACE,IAAI,GAAG,mCAAgB,CAAC,iBAAiB,EACzC,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACkB,EAC5B,GAAuC,EACvC,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,CAAC,QAAkD,EAAE,EAAE;QAC1E,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,+CAAsB,IACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;AAEvD,yBAFxB,gCAAwB,CAEc"}

package/dist/cjs/components/pillSelectorV2/types/pillSelector.d.ts

@@ -1,6 +1,6 @@
-import { IElementOrIcon } from '../../../components/elementOrIcon';
-import { IPill } from '../../../components/pillV2/types';
-import { CustomTokenTypes } from '../../../types';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
+import { IPill } from '../../pillV2/types/pill';
 import { PillSelectorPropsStylesType, PillSelectorVariantPropsStylesType } from './pillSelectorTheme';
 import { PillSelectorType } from './pillSelectorType';
 export type PillSelectorPillType = Pick<IPill, 'variant' | 'size' | 'ctv' | 'disabled' | 'label' | 'value' | 'dataTestId'> & {

package/dist/cjs/components/pillSelectorV2/types/pillSelectorTheme.d.ts

@@ -1,4 +1,4 @@
-import type { CommonStyleType } from '../../../types/index';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
 export type PillSelectorPropsStylesType = {
     rootContainer?: CommonStyleType;
     pill?: {

package/dist/cjs/components/pillV2/pill.d.ts

@@ -1,3 +1,4 @@
-import * as React from 'react';
-import { IPill } from './types';
-export declare const Pill: React.ForwardRefExoticComponent<IPill & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import { IPill } from './types/pill';
+export declare const Pill: React.ForwardRefExoticComponent<IPill & React.RefAttributes<HTMLDivElement>>;
+export { Pill as PillV2 };

package/dist/cjs/components/pillV2/pill.js

@@ -1,48 +1,33 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pill = void 0;
+exports.PillV2 = exports.Pill = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const constants_1 = require("../../constants");
-const hooks_1 = require("../../hooks");
+const react_1 = __importDefault(require("react"));
+const stylesName_1 = require("../../constants/stylesName/stylesName");
+const useStylesV2_1 = require("../../hooks/useStyles/useStylesV2");
 const pillStandAlone_1 = require("./pillStandAlone");
-const utils_1 = require("./utils");
+const state_1 = require("./utils/state");
 const PillComponent = ({ variant, size, ctv, selected = false, disabled = false, ...props }, ref) => {
-    const variantStyles = (0, hooks_1.useStylesV2)({
-        styleName: constants_1.STYLES_NAME.PILL_V2,
+    const variantStyles = (0, useStylesV2_1.useStylesV2)({
+        styleName: stylesName_1.STYLES_NAME.PILL_V2,
         variantName: variant,
         customTokens: ctv,
         isOptional: true,
     });
-    const state = (0, utils_1.getPillState)({ selected, disabled });
+    const state = (0, state_1.getPillState)({ selected, disabled });
     // Size prop is optional, else select the first size from the variantStyles
     const styles = size
         ? variantStyles?.[size]?.[state]
         : variantStyles?.[Object.keys(variantStyles)[0]]?.[state];
-    return ((0, jsx_runtime_1.jsx)(pillStandAlone_1.PillStandAlone, { ref: ref, disabled: disabled, selected: selected, styles: styles, ...props }));
+    return ((0, jsx_runtime_1.jsx)(pillStandAlone_1.PillStandAlone
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    , { 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ref: ref, disabled: disabled, selected: selected, styles: styles, ...props }));
 };
-exports.Pill = React.forwardRef(PillComponent);
+exports.Pill = react_1.default.forwardRef(PillComponent);
+exports.PillV2 = exports.Pill;
 //# sourceMappingURL=pill.js.map

package/dist/cjs/components/pillV2/pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAsC;AAEtC,qDAAkD;AAElD,mCAAuC;AAEvC,MAAM,aAAa,GAAG,CACpB,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAC3E,GAA0C,EAC1C,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAA6B;QAC5D,SAAS,EAAE,uBAAW,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAA,oBAAY,EAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,2EAA2E;IAC3E,MAAM,MAAM,GAAG,IAAI;QACjB,CAAC,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,uBAAC,+BAAc,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAChG,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kEAAgE;AAChE,+DAA4D;AAE5D,qDAAkD;AAGlD,yCAA6C;AAE7C,MAAM,aAAa,GAAG,CACpB,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAC3E,GAAuC,EACvC,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,yBAAW,EAA6B;QAC5D,SAAS,EAAE,wBAAW,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAA,oBAAY,EAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,2EAA2E;IAC3E,MAAM,MAAM,GAAG,IAAI;QACjB,CAAC,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,uBAAC,+BAAc;IACb,8DAA8D;;QAA9D,8DAA8D;QAC9D,GAAG,EAAE,GAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,IAAI,GAAG,eAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAEnC,iBAFJ,YAAI,CAEM"}

package/dist/cjs/components/pillV2/pill.styled.d.ts

@@ -1,4 +1,4 @@
-import { PillPropsStylesType } from './types';
+import { PillPropsStylesType } from './types/pillTheme';
 export declare const PillAsButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const PillRootContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     styles?: PillPropsStylesType;

package/dist/cjs/components/pillV2/pillStandAlone.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IPillStandAlone } from './types';
+import React from 'react';
+import { IPillStandAlone } from './types/pill';
 export declare const PillStandAlone: React.ForwardRefExoticComponent<IPillStandAlone & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/pillV2/pillStandAlone.js

@@ -1,44 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PillStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const elementOrIcon_1 = require("../../components/elementOrIcon");
-const text_1 = require("../../components/text");
-const types_1 = require("../../components/text/types");
-const hooks_1 = require("../../hooks");
-const types_2 = require("../../types");
-const inputType_1 = require("../../types/inputType");
-const types_3 = require("../button/types");
+const react_1 = __importDefault(require("react"));
+const useId_1 = require("../../hooks/useId/useId");
+const inputType_1 = require("../../types/inputType/inputType");
+const role_1 = require("../../types/role/role");
+const type_1 = require("../button/types/type");
+const elementOrIcon_1 = require("../elementOrIcon/elementOrIcon");
+const text_1 = require("../text/text");
+const component_1 = require("../text/types/component");
 const pill_styled_1 = require("./pill.styled");
-const types_4 = require("./types");
-const PillStandAloneComponent = ({ dataTestId = 'pill', type = types_4.PillType.BUTTON, ...props }, ref) => {
-    const id = (0, hooks_1.useId)('pill');
+const pillType_1 = require("./types/pillType");
+const PillStandAloneComponent = ({ dataTestId = 'pill', type = pillType_1.PillType.BUTTON, ...props }, ref) => {
+    const id = (0, useId_1.useId)('pill');
     const pillContentId = `${id}-content`;
-    return ((0, jsx_runtime_1.jsxs)(pill_styled_1.PillRootContainerStyled, { ref: ref, "aria-controls": props['aria-controls'], "aria-selected": type === types_4.PillType.TAB ? props.selected : undefined, as: [types_4.PillType.BUTTON, types_4.PillType.TAB].includes(type) ? pill_styled_1.PillAsButton : undefined, "data-testid": dataTestId, role: type === types_4.PillType.TAB ? types_2.ROLES.TAB : undefined, styles: props.styles, type: [types_4.PillType.BUTTON, types_4.PillType.TAB].includes(type) ? types_3.ButtonType.BUTTON : undefined, onClick: props.onClick, children: [(0, jsx_runtime_1.jsxs)(pill_styled_1.PillContentContainerStyled, { id: pillContentId, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.leftIcon, ...props.leftIcon }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.SPAN, customTypography: props.styles?.label, ...props.label, children: props.label?.content }), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.rightIcon, ...props.rightIcon })] }), [types_4.PillType.SELECTOR_SIMPLE, types_4.PillType.SELECTOR_MULTIPLE].includes(type) && ((0, jsx_runtime_1.jsx)(pill_styled_1.PillInputStyled, { "aria-labelledby": pillContentId, checked: props.selected, disabled: props.disabled, name: props.name, styles: props.styles, type: type === types_4.PillType.SELECTOR_SIMPLE ? inputType_1.InputTypeType.RADIO : inputType_1.InputTypeType.CHECKBOX, value: props.value, onChange: props.onChange }))] }));
+    return ((0, jsx_runtime_1.jsxs)(pill_styled_1.PillRootContainerStyled, { ref: ref, "aria-controls": props['aria-controls'], "aria-selected": type === pillType_1.PillType.TAB ? props.selected : undefined, as: [pillType_1.PillType.BUTTON, pillType_1.PillType.TAB].includes(type) ? pill_styled_1.PillAsButton : undefined, "data-testid": dataTestId, role: type === pillType_1.PillType.TAB ? role_1.ROLES.TAB : undefined, styles: props.styles, type: [pillType_1.PillType.BUTTON, pillType_1.PillType.TAB].includes(type) ? type_1.ButtonType.BUTTON : undefined, onClick: props.onClick, children: [(0, jsx_runtime_1.jsxs)(pill_styled_1.PillContentContainerStyled, { id: pillContentId, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.leftIcon, ...props.leftIcon }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.label, ...props.label, children: props.label?.content }), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.rightIcon, ...props.rightIcon })] }), [pillType_1.PillType.SELECTOR_SIMPLE, pillType_1.PillType.SELECTOR_MULTIPLE].includes(type) && ((0, jsx_runtime_1.jsx)(pill_styled_1.PillInputStyled, { "aria-labelledby": pillContentId, checked: props.selected, disabled: props.disabled, name: props.name, styles: props.styles, type: type === pillType_1.PillType.SELECTOR_SIMPLE ? inputType_1.InputTypeType.RADIO : inputType_1.InputTypeType.CHECKBOX, value: props.value, onChange: props.onChange }))] }));
 };
-exports.PillStandAlone = React.forwardRef(PillStandAloneComponent);
+exports.PillStandAlone = react_1.default.forwardRef(PillStandAloneComponent);
 //# sourceMappingURL=pillStandAlone.js.map

package/dist/cjs/components/pillV2/pillStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pillStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAA2D;AAC3D,4CAAyC;AACzC,mDAA4D;AAC5D,mCAAgC;AAChC,mCAAgC;AAChC,iDAAkD;AAElD,2CAA6C;AAC7C,+CAKuB;AACvB,mCAAoD;AAEpD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,UAAU,GAAG,MAAM,EAAE,IAAI,GAAG,gBAAQ,CAAC,MAAM,EAAE,GAAG,KAAK,EAAmB,EAC1E,GAA6D,EAChD,EAAE;IACf,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;IACzB,MAAM,aAAa,GAAG,GAAG,EAAE,UAAU,CAAC;IAEtC,OAAO,CACL,wBAAC,qCAAuB,IACtB,GAAG,EAAE,GAAG,mBACO,KAAK,CAAC,eAAe,CAAC,mBACtB,IAAI,KAAK,gBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjE,EAAE,EAAE,CAAC,gBAAQ,CAAC,MAAM,EAAE,gBAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,0BAAY,CAAC,CAAC,CAAC,SAAS,iBAChE,UAAU,EACvB,IAAI,EAAE,IAAI,KAAK,gBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,aAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EACnD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,CAAC,gBAAQ,CAAC,MAAM,EAAE,gBAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACpF,OAAO,EAAE,KAAK,CAAC,OAAO,aAEtB,wBAAC,wCAA0B,IAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACjE,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,EAC/E,uBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,KACjC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,EACP,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,KAAM,KAAK,CAAC,SAAS,GAAI,IACtD,EAC5B,CAAC,gBAAQ,CAAC,eAAe,EAAE,gBAAQ,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CACxE,uBAAC,6BAAe,uBACG,aAAa,EAC9B,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,IAAI,KAAK,gBAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,yBAAa,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAa,CAAC,QAAQ,EACtF,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,IACuB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pillStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,+CAA4C;AAC5C,2DAA4D;AAE5D,gDAA8C;AAC9C,+CAAkD;AAClD,kEAA+D;AAC/D,uCAAoC;AACpC,uDAA4D;AAC5D,+CAKuB;AAEvB,+CAA4C;AAE5C,MAAM,uBAAuB,GAAG,CAC9B,EAAE,UAAU,GAAG,MAAM,EAAE,IAAI,GAAG,mBAAQ,CAAC,MAAM,EAAE,GAAG,KAAK,EAAmB,EAC1E,GAA6D,EAChD,EAAE;IACf,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;IACzB,MAAM,aAAa,GAAG,GAAG,EAAE,UAAU,CAAC;IAEtC,OAAO,CACL,wBAAC,qCAAuB,IACtB,GAAG,EAAE,GAAG,mBACO,KAAK,CAAC,eAAe,CAAC,mBACtB,IAAI,KAAK,mBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjE,EAAE,EAAE,CAAC,mBAAQ,CAAC,MAAM,EAAE,mBAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,0BAAY,CAAC,CAAC,CAAC,SAAS,iBAChE,UAAU,EACvB,IAAI,EAAE,IAAI,KAAK,mBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,YAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EACnD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,CAAC,mBAAQ,CAAC,MAAM,EAAE,mBAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACpF,OAAO,EAAE,KAAK,CAAC,OAAO,aAEtB,wBAAC,wCAA0B,IAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACjE,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,EAC/E,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,KACjC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,EACP,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,KAAM,KAAK,CAAC,SAAS,GAAI,IACtD,EAC5B,CAAC,mBAAQ,CAAC,eAAe,EAAE,mBAAQ,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CACxE,uBAAC,6BAAe,uBACG,aAAa,EAC9B,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,IAAI,KAAK,mBAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,yBAAa,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAa,CAAC,QAAQ,EACtF,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,IACuB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/cjs/components/pillV2/types/pill.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { IElementOrIcon } from '../../../components/elementOrIcon';
-import { IText } from '../../../components/text';
-import { CustomTokenTypes } from '../../../types';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
+import { IText } from '../../text/types/text';
 import { PillPropsStylesType, PillVariantPropsStylesType } from './pillTheme';
 import { PillType } from './pillType';
 export type PillLabelType = Omit<IText<string>, 'children'> & {
@@ -28,3 +28,4 @@ export interface IPill extends Omit<IPillStandAlone, 'styles' | 'selected' | 'di
     selected?: boolean;
     disabled?: boolean;
 }
+export { IPill as IPillV2 };

package/dist/cjs/components/pillV2/types/pillStateType.d.ts

@@ -4,3 +4,4 @@ export declare enum PillStateType {
     DISABLED = "DISABLED",
     DISABLED_SELECTED = "DISABLED_SELECTED"
 }
+export { PillStateType as PillStateTypeV2 };

package/dist/cjs/components/pillV2/types/pillStateType.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PillStateType = void 0;
+exports.PillStateTypeV2 = exports.PillStateType = void 0;
 var PillStateType;
 (function (PillStateType) {
     PillStateType["DEFAULT"] = "DEFAULT";
     PillStateType["SELECTED"] = "SELECTED";
     PillStateType["DISABLED"] = "DISABLED";
     PillStateType["DISABLED_SELECTED"] = "DISABLED_SELECTED";
-})(PillStateType || (exports.PillStateType = PillStateType = {}));
+})(PillStateType || (exports.PillStateTypeV2 = exports.PillStateType = PillStateType = {}));
 //# sourceMappingURL=pillStateType.js.map

package/dist/cjs/components/pillV2/types/pillStateType.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillStateType.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/types/pillStateType.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;IACrB,wDAAuC,CAAA;AACzC,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB"}
+{"version":3,"file":"pillStateType.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/types/pillStateType.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;IACrB,wDAAuC,CAAA;AACzC,CAAC,EALW,aAAa,uDAAb,aAAa,QAKxB"}

package/dist/cjs/components/pillV2/types/pillTheme.d.ts

@@ -1,4 +1,6 @@
-import type { CommonStyleType, IconTypes, TypographyTypes } from '../../../types/index';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { IconTypes } from '../../../types/styles/icon';
+import { TypographyTypes } from '../../../types/styles/typography';
 import { PillStateType } from './pillStateType';
 export type PillPropsStylesType = {
     rootContainer?: CommonStyleType;
@@ -17,3 +19,7 @@ export type PillVariantPropsStylesType = {
 export type PillStylesType = {
     [variant in string]: PillVariantPropsStylesType;
 };
+export { PillPropsStylesType as PillPropsStylesTypeV2 };
+export { PillVariantPropsStylesType as PillVariantPropsStylesTypeV2 };
+export { PillSizePropsStylesType as PillSizePropsStylesTypeV2 };
+export { PillStylesType as PillStylesTypeV2 };

package/dist/cjs/components/pillV2/types/pillType.d.ts

@@ -4,3 +4,4 @@ export declare enum PillType {
     SELECTOR_MULTIPLE = "SELECTOR_MULTIPLE",
     TAB = "TAB"
 }
+export { PillType as PillTypeV2 };

package/dist/cjs/components/pillV2/types/pillType.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PillType = void 0;
+exports.PillTypeV2 = exports.PillType = void 0;
 var PillType;
 (function (PillType) {
     PillType["BUTTON"] = "BUTTON";
     PillType["SELECTOR_SIMPLE"] = "SELECTOR_SIMPLE";
     PillType["SELECTOR_MULTIPLE"] = "SELECTOR_MULTIPLE";
     PillType["TAB"] = "TAB";
-})(PillType || (exports.PillType = PillType = {}));
+})(PillType || (exports.PillTypeV2 = exports.PillType = PillType = {}));
 //# sourceMappingURL=pillType.js.map

package/dist/cjs/components/pillV2/types/pillType.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillType.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/types/pillType.ts"],"names":[],"mappings":";;;AAAA,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,6BAAiB,CAAA;IACjB,+CAAmC,CAAA;IACnC,mDAAuC,CAAA;IACvC,uBAAW,CAAA;AACb,CAAC,EALW,QAAQ,wBAAR,QAAQ,QAKnB"}
+{"version":3,"file":"pillType.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/types/pillType.ts"],"names":[],"mappings":";;;AAAA,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,6BAAiB,CAAA;IACjB,+CAAmC,CAAA;IACnC,mDAAuC,CAAA;IACvC,uBAAW,CAAA;AACb,CAAC,EALW,QAAQ,6CAAR,QAAQ,QAKnB"}

package/dist/cjs/components/pillV2/utils/state.d.ts

@@ -1,4 +1,4 @@
-import { PillStateType } from '../types';
+import { PillStateType } from '../../pill/types/state';
 export declare const getPillState: ({ selected, disabled, }: {
     selected: boolean;
     disabled: boolean;

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

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPillState = void 0;
-const types_1 = require("../types");
+const state_1 = require("../../pill/types/state");
 const getPillState = ({ selected, disabled, }) => {
     if (disabled && selected) {
-        return types_1.PillStateType.DISABLED_SELECTED;
+        return state_1.PillStateType.DISABLED_SELECTED;
     }
     if (disabled) {
-        return types_1.PillStateType.DISABLED;
+        return state_1.PillStateType.DISABLED;
     }
     if (selected) {
-        return types_1.PillStateType.SELECTED;
+        return state_1.PillStateType.SELECTED;
     }
-    return types_1.PillStateType.DEFAULT;
+    return state_1.PillStateType.DEFAULT;
 };
 exports.getPillState = getPillState;
 //# sourceMappingURL=state.js.map

package/dist/cjs/components/pillV2/utils/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/utils/state.ts"],"names":[],"mappings":";;;AAAA,oCAAyC;AAElC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,QAAQ,GAIT,EAAiB,EAAE;IAClB,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;QACzB,OAAO,qBAAa,CAAC,iBAAiB,CAAC;IACzC,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,qBAAa,CAAC,QAAQ,CAAC;IAChC,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,qBAAa,CAAC,QAAQ,CAAC;IAChC,CAAC;IACD,OAAO,qBAAa,CAAC,OAAO,CAAC;AAC/B,CAAC,CAAC;AAjBW,QAAA,YAAY,gBAiBvB"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/utils/state.ts"],"names":[],"mappings":";;;AAAA,kDAAuD;AAEhD,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,QAAQ,GAIT,EAAiB,EAAE;IAClB,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;QACzB,OAAO,qBAAa,CAAC,iBAAiB,CAAC;IACzC,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,qBAAa,CAAC,QAAQ,CAAC;IAChC,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,qBAAa,CAAC,QAAQ,CAAC;IAChC,CAAC;IACD,OAAO,qBAAa,CAAC,OAAO,CAAC;AAC/B,CAAC,CAAC;AAjBW,QAAA,YAAY,gBAiBvB"}

package/dist/cjs/components/popover/popover.styled.d.ts

@@ -1,6 +1,7 @@
-import { DeviceBreakpointsType } from '../../types/breakpoints';
-import { POSITIONS } from '../../types/positions';
-import { PopoverPositionVariantType, PopoverVariantStylesProps } from './types';
+import { DeviceBreakpointsType } from '../../types/breakpoints/breakpoints';
+import { POSITIONS } from '../../types/positions/positions';
+import { PopoverVariantStylesProps } from './types/popoverTheme';
+import { PopoverPositionVariantType } from './types/positionVariant';
 type PopoverProps = {
     device: DeviceBreakpointsType;
     positionVariant?: PopoverPositionVariantType;

package/dist/cjs/components/popover/popover.styled.js

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopoverAnimationStyled = exports.PopoverStyled = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
-const breakpoints_1 = require("../../types/breakpoints");
-const positions_1 = require("../../types/positions");
-const types_1 = require("./types");
+const breakpoints_1 = require("../../types/breakpoints/breakpoints");
+const positions_1 = require("../../types/positions/positions");
+const align_1 = require("./types/align");
 const MAX_CONTENT = 'max-content';
 // Replace width style if exists and add margin left
 // It is necessary if we want the popover to grow to the right of the element
@@ -49,7 +49,7 @@ const getWidth = (props) => {
 // Get the align styles
 const alignProps = (align = positions_1.POSITIONS.CENTER, extraAlignGap = '0px') => {
     // It is necessary if we want the popover to grow to the left of the element
-    return (0, types_1.getAlignStyles)(align, extraAlignGap);
+    return (0, align_1.getAlignStyles)(align, extraAlignGap);
 };
 exports.PopoverStyled = styled_components_1.default.div `
   width: ${props => props.fullWidth || props[breakpoints_1.DeviceBreakpointsType.DESKTOP]?.fullWidth ? '100%' : MAX_CONTENT};

package/dist/cjs/components/popover/popover.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.styled.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.styled.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"popover.styled.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.styled.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/popover/popoverControlled.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import type { IPopoverControlled } from './types';
+import React from 'react';
+import { IPopoverControlled } from './types/popover';
 export declare const PopoverControlled: React.ForwardRefExoticComponent<IPopoverControlled & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/popover/popoverControlled.js

@@ -1,51 +1,36 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopoverControlled = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const cssAnimation_1 = require("../../components/cssAnimation");
-const constants_1 = require("../../constants");
-const hooks_1 = require("../../hooks");
+const react_1 = __importDefault(require("react"));
+const stylesName_1 = require("../../constants/stylesName/stylesName");
+const useClickOutside_1 = require("../../hooks/useClickOutside/useClickOutside");
+const useEscPressedV2_1 = require("../../hooks/useEscPressedV2/useEscPressedV2");
+const useMediaDevice_1 = require("../../hooks/useMediaDevice/useMediaDevice");
+const useScrollBlock_1 = require("../../hooks/useScrollBlock/useScrollBlock");
+const useStyles_1 = require("../../hooks/useStyles/useStyles");
 const useTrapFocus_1 = require("../../hooks/useTrapFocus/useTrapFocus");
-const errorBoundary_1 = require("../../provider/errorBoundary");
-const utils_1 = require("../../utils");
 const string_utility_1 = require("../../utils/stringUtility/string.utility");
+const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary");
+const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent");
+const focusHandlers_1 = require("../../utils/focusHandlers/focusHandlers");
+const cssAnimation_1 = require("../cssAnimation/types/cssAnimation");
 const popoverStandAlone_1 = require("./popoverStandAlone");
-const types_1 = require("./types");
+const component_1 = require("./types/component");
 const getAnimationConfig_1 = require("./utils/getAnimationConfig");
 const MILISECONDS = 1000;
-const PopoverControlledComponent = React.forwardRef(({ variant, component = types_1.PopoverComponentType.DIALOG, focusFirstDescendantAutomatically = true, focusLastElementFocusedAfterClose = true, focusScreenFirstDescendantAfterClose = false, onCloseInternally, blockBack, clickOverlayClose = true, pressEscapeClose = true, preventScrollOnCloseFocus = false, trapFocusInsideModal = true, ctv, ...props }, ref) => {
-    const { blockScroll, allowScroll } = (0, hooks_1.useScrollBlock)();
-    const currentFocus = React.useRef(null);
-    const innerRef = React.useRef(null);
-    const forwardedRef = React.useRef(null);
-    const [forwardedElementInitialized, setForwardedElementInitialized] = React.useState(false);
-    const setForwareddRef = React.useCallback(node => {
+const PopoverControlledComponent = react_1.default.forwardRef(({ variant, component = component_1.PopoverComponentType.DIALOG, focusFirstDescendantAutomatically = true, focusLastElementFocusedAfterClose = true, focusScreenFirstDescendantAfterClose = false, onCloseInternally, blockBack, clickOverlayClose = true, pressEscapeClose = true, preventScrollOnCloseFocus = false, trapFocusInsideModal = true, ctv, ...props }, ref) => {
+    const { blockScroll, allowScroll } = (0, useScrollBlock_1.useScrollBlock)();
+    const currentFocus = react_1.default.useRef(null);
+    const innerRef = react_1.default.useRef(null);
+    const forwardedRef = react_1.default.useRef(null);
+    const [forwardedElementInitialized, setForwardedElementInitialized] = react_1.default.useState(false);
+    const setForwareddRef = react_1.default.useCallback(node => {
         if (node && focusFirstDescendantAutomatically) {
-            (0, utils_1.focusFirstDescendant)(node);
+            (0, focusHandlers_1.focusFirstDescendant)(node);
         }
         if (props.forwardedRef) {
             props.forwardedRef(node);
@@ -59,20 +44,20 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = type
         setForwardedElementInitialized(!!node);
         forwardedRef.current = node;
     }, [props.forwardedRef, focusFirstDescendantAutomatically]);
-    const styles = (0, hooks_1.useStyles)(constants_1.STYLES_NAME.POPOVER, variant, ctv);
-    const device = (0, hooks_1.useMediaDevice)();
+    const styles = (0, useStyles_1.useStyles)(stylesName_1.STYLES_NAME.POPOVER, variant, ctv);
+    const device = (0, useMediaDevice_1.useMediaDevice)();
     const animationConfig = (0, getAnimationConfig_1.getAnimationConfig)(styles, device, props.animation, props.animationOptions);
-    const [showAnimationEnd, setShowAnimationEnd] = React.useState(false);
-    const [openAnimation, setOpenAnimation] = React.useState(props.open);
-    const openAnimationRef = React.useRef(props.open);
+    const [showAnimationEnd, setShowAnimationEnd] = react_1.default.useState(false);
+    const [openAnimation, setOpenAnimation] = react_1.default.useState(props.open);
+    const openAnimationRef = react_1.default.useRef(props.open);
     // Expose the ref to the parent component
-    React.useImperativeHandle(ref, () => {
+    react_1.default.useImperativeHandle(ref, () => {
         return innerRef.current;
     }, []);
     // To improve: this ref has been created to avoid update a state when the component does not longer exists.
     // Check waitForAnimation and setOpenAnimation in the onClose method
-    const componentAlive = React.useRef(true);
-    React.useEffect(() => {
+    const componentAlive = react_1.default.useRef(true);
+    react_1.default.useEffect(() => {
         componentAlive.current = true;
         return () => {
             componentAlive.current = false;
@@ -104,8 +89,8 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = type
             onCloseInternally?.();
         }
     };
-    (0, hooks_1.useClickOutside)(forwardedRef, handleClickOutside, props.preventCloseOnClickElements);
-    (0, hooks_1.useEscPressedV2)({
+    (0, useClickOutside_1.useClickOutside)(forwardedRef, handleClickOutside, props.preventCloseOnClickElements);
+    (0, useEscPressedV2_1.useEscPressedV2)({
         ref: innerRef,
         onEscPress: handlePressScape,
         disablePreventDefault: !pressEscapeClose,
@@ -117,7 +102,7 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = type
     };
     const afterModalFocus = () => {
         if (focusScreenFirstDescendantAfterClose) {
-            (0, utils_1.focusFirstDescendant)(document.body);
+            (0, focusHandlers_1.focusFirstDescendant)(document.body);
             return;
         }
         if (focusLastElementFocusedAfterClose) {
@@ -128,7 +113,7 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = type
         ref: forwardedRef,
         trapFocus: forwardedElementInitialized && trapFocusInsideModal,
     });
-    React.useEffect(() => {
+    react_1.default.useEffect(() => {
         if (!props.open && openAnimationRef.current) {
             onClose();
         }
@@ -166,6 +151,6 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = type
     return ((0, jsx_runtime_1.jsx)(popoverStandAlone_1.PopoverStandAlone, { ...props, ref: innerRef, animationConfig: animationConfig, animationExecution: showAnimationEnd ? cssAnimation_1.CssAnimationExecuteOption.END : cssAnimation_1.CssAnimationExecuteOption.START, component: component, device: device, forwardedRef: setForwareddRef, open: openAnimation, styles: styles }));
 });
 PopoverControlledComponent.displayName = 'PopoverControlledComponent';
-const PopoverBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(popoverStandAlone_1.PopoverStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(PopoverControlledComponent, { ...props, ref: ref }) }));
-exports.PopoverControlled = React.forwardRef(PopoverBoundary);
+const PopoverBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(popoverStandAlone_1.PopoverStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(PopoverControlledComponent, { ...props, ref: ref }) }));
+exports.PopoverControlled = react_1.default.forwardRef(PopoverBoundary);
 //# sourceMappingURL=popoverControlled.js.map