@kubit-ui-web/react-components 1.8.3 → 1.10.0

package/dist/esm/components/layout/types/layoutTheme.d.ts

@@ -1,3 +1,4 @@
+import { GridConfigType } from '../../../components/grid';
 import { DeviceBreakpointsType } from '../../../types/breakpoints';
 export type ConfigByDevice = {
     gap?: string;
@@ -7,7 +8,7 @@ export type ConfigByDevice = {
 export type LayoutVariantStylesType = {
     padding_botom_size?: string;
     gridConfig?: {
-        [deviceBreakpoint in DeviceBreakpointsType]?: ConfigByDevice;
+        [deviceBreakpoint in DeviceBreakpointsType]?: GridConfigType;
     };
     defaultColumnsConfig?: {
         header?: {

package/dist/esm/components/layout/types/layoutTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutTheme.js","sourceRoot":"","sources":["../../../../../src/components/layout/types/layoutTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"layoutTheme.js","sourceRoot":"","sources":["../../../../../src/components/layout/types/layoutTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/components/link/linkAsButton/linkAsButton.styled.d.ts

@@ -1,5 +1,6 @@
 import { ButtonSizePropsType, ButtonStateKeyOfType, ButtonStateType } from '../../../components/button';
 export declare const LinkAsButtonWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fullWidth?: boolean;
     $styles?: ButtonStateKeyOfType;
     $state: ButtonStateType;
     $sizeStyles?: ButtonSizePropsType;

package/dist/esm/components/link/linkAsButton/linkAsButton.styled.js

@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
 export const LinkAsButtonWrapperStyled = styled.div `
   display: inline;
   > *:first-child {
-    display: inline-block;
+    display: ${props => (props.$fullWidth ? 'block' : 'inline-block')};
     ${({ $sizeStyles, $styles, $state }) => {
     if (!$styles?.[$state]) {
         return css ``;

package/dist/esm/components/link/linkAsButton/linkAsButton.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkAsButton.styled.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,4DAA4D;AAC5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAIjD;;;;MAII,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACrC,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;QACvB,OAAO,GAAG,CAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9D,OAAO,GAAG,CAAA;UACN,cAAc,CAAC,aAAa,IAAI,kBAAkB,cAAc,CAAC,aAAa,GAAG;UACjF,cAAc,CAAC,sBAAsB;QACvC,2BAA2B,cAAc,CAAC,sBAAsB,GAAG;QACnE,cAAc,CAAC,uBAAuB;QACtC,4BAA4B,cAAc,CAAC,uBAAuB,GAAG;QACrE,cAAc,CAAC,yBAAyB;QACxC,8BAA8B,cAAc,CAAC,yBAAyB,GAAG;QACzE,cAAc,CAAC,0BAA0B;QACzC,+BAA+B,cAAc,CAAC,0BAA0B,GAAG;OAC5E,CAAC;AACJ,CAAC;;CAEJ,CAAC"}
+{"version":3,"file":"linkAsButton.styled.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,4DAA4D;AAC5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAKjD;;;eAGa,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;MAC/D,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACrC,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;QACvB,OAAO,GAAG,CAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9D,OAAO,GAAG,CAAA;UACN,cAAc,CAAC,aAAa,IAAI,kBAAkB,cAAc,CAAC,aAAa,GAAG;UACjF,cAAc,CAAC,sBAAsB;QACvC,2BAA2B,cAAc,CAAC,sBAAsB,GAAG;QACnE,cAAc,CAAC,uBAAuB;QACtC,4BAA4B,cAAc,CAAC,uBAAuB,GAAG;QACrE,cAAc,CAAC,yBAAyB;QACxC,8BAA8B,cAAc,CAAC,yBAAyB,GAAG;QACzE,cAAc,CAAC,0BAA0B;QACzC,+BAA+B,cAAc,CAAC,0BAA0B,GAAG;OAC5E,CAAC;AACJ,CAAC;;CAEJ,CAAC"}

package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js

@@ -9,7 +9,7 @@ import { LinkAsButtonWrapperStyled } from './linkAsButton.styled';
 export const LinkAsButtonStandAloneComponent = ({ children, url, component, target, role, onClick, ...props }, ref) => {
     return (
     // Apply button border radius to the link when focus-visible
-    _jsx(LinkAsButtonWrapperStyled, { "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: _jsx(Text, { ref: ref, "aria-label": props['aria-label'], component: component, dataTestId: props.dataTestId, decoration: TextDecorationType.NONE, isDisabled: props.state === ButtonStateType.DISABLED, role: role, target: target, url: url, onClick: onClick, children: _jsx(ButtonStyled, { as: "span", ...props, "$fullWidth": props.fullWidth, "$iconPosition": props.iconPosition, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, "aria-label": "", children: _jsx(ButtonStandAloneStructure, { ...props, children: children }) }) }) }));
+    _jsx(LinkAsButtonWrapperStyled, { "$fullWidth": props.fullWidth, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: _jsx(Text, { ref: ref, "aria-label": props['aria-label'], component: component, dataTestId: props.dataTestId, decoration: TextDecorationType.NONE, isDisabled: props.state === ButtonStateType.DISABLED, role: role, target: target, url: url, onClick: onClick, children: _jsx(ButtonStyled, { as: "span", ...props, "$fullWidth": props.fullWidth, "$iconPosition": props.iconPosition, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, "aria-label": "", children: _jsx(ButtonStandAloneStructure, { ...props, children: children }) }) }) }));
 };
 export const LinkAsButtonStandAlone = React.forwardRef(LinkAsButtonStandAloneComponent);
 //# sourceMappingURL=linkAsButtonStandAlone.js.map

package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAA2B,EACtF,GAAgD,EACnC,EAAE;IACf,OAAO;IACL,4DAA4D;IAC5D,KAAC,yBAAyB,mBACX,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,YAErB,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,kBAAkB,CAAC,IAAI,EACnC,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,eAAe,CAAC,QAAQ,EACpD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,YAEhB,KAAC,YAAY,IACX,EAAE,EAAC,MAAM,KACL,KAAK,gBACG,KAAK,CAAC,SAAS,mBACZ,KAAK,CAAC,YAAY,iBACpB,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,gBACV,EAAE,YAEb,KAAC,yBAAyB,OAAK,KAAK,YAAG,QAAQ,GAA6B,GAC/D,GACV,GACmB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}
+{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAA2B,EACtF,GAAgD,EACnC,EAAE;IACf,OAAO;IACL,4DAA4D;IAC5D,KAAC,yBAAyB,kBACZ,KAAK,CAAC,SAAS,iBACd,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,YAErB,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,kBAAkB,CAAC,IAAI,EACnC,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,eAAe,CAAC,QAAQ,EACpD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,YAEhB,KAAC,YAAY,IACX,EAAE,EAAC,MAAM,KACL,KAAK,gBACG,KAAK,CAAC,SAAS,mBACZ,KAAK,CAAC,YAAY,iBACpB,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,gBACV,EAAE,YAEb,KAAC,yBAAyB,OAAK,KAAK,YAAG,QAAQ,GAA6B,GAC/D,GACV,GACmB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}

package/dist/esm/components/link/types/link.d.ts

@@ -41,6 +41,7 @@ export interface ILinkAsButtonStandAlone extends Omit<IButtonStandAlone, 'showLo
     sizeStyles: ButtonSizePropsType;
     children: string | JSX.Element;
     component?: TextComponentType | GenericLinkType;
+    fullWidth?: boolean;
     url: string;
     state: ButtonStateType;
     target?: string;

package/dist/esm/components/pill/pillControlled.d.ts

@@ -1,3 +1,6 @@
 import * as React from 'react';
 import { IPillControlled } from './types';
+/**
+ * @deprecated Try the new PillV2 component
+ */
 export declare const PillControlled: React.ForwardRefExoticComponent<IPillControlled & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/pill/pillControlled.js

@@ -14,5 +14,8 @@ const PillControlledComponent = React.forwardRef((props, ref) => {
 });
 PillControlledComponent.displayName = 'PillControlledComponent';
 const PillBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(PillStandAlone, { ...props, ref: ref }) }), children: _jsx(PillControlledComponent, { ...props, ref: ref }) }));
+/**
+ * @deprecated Try the new PillV2 component
+ */
 export const PillControlled = React.forwardRef(PillBoundary);
 //# sourceMappingURL=pillControlled.js.map

package/dist/esm/components/pill/pillControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillControlled.js","sourceRoot":"","sources":["../../../../src/components/pill/pillControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,KAAsB,EAAE,GAAuC,EAAqB,EAAE;IACrF,MAAM,UAAU,GAAG,SAAS,CAAiB,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACtF,MAAM,aAAa,GAA0B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzF,MAAM,cAAc,GAA+C,KAAK,CAAC,EAAE;QACzE,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,YACrF,KAAK,CAAC,QAAQ,GACA,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEhE,MAAM,YAAY,GAAG,CACnB,KAAsB,EACtB,GAAuC,EAC1B,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,cAAc,OAAM,KAAoC,EAAE,GAAG,EAAE,GAAG,GAAI,GACrD,YAGtB,KAAC,uBAAuB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAClC,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"pillControlled.js","sourceRoot":"","sources":["../../../../src/components/pill/pillControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,KAAsB,EAAE,GAAuC,EAAqB,EAAE;IACrF,MAAM,UAAU,GAAG,SAAS,CAAiB,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACtF,MAAM,aAAa,GAA0B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzF,MAAM,cAAc,GAA+C,KAAK,CAAC,EAAE;QACzE,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,YACrF,KAAK,CAAC,QAAQ,GACA,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEhE,MAAM,YAAY,GAAG,CACnB,KAAsB,EACtB,GAAuC,EAC1B,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,cAAc,OAAM,KAAoC,EAAE,GAAG,EAAE,GAAG,GAAI,GACrD,YAGtB,KAAC,uBAAuB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAClC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}

package/dist/esm/components/pill/pillUnControlled.d.ts

@@ -1,3 +1,6 @@
 import * as React from 'react';
 import { IPillUnControlled } from './types';
+/**
+ * @deprecated Try the new PillV2 component
+ */
 export declare const PillUnControlled: ({ initialState, focus, ...props }: IPillUnControlled) => React.JSX.Element;

package/dist/esm/components/pill/pillUnControlled.js

@@ -2,6 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { isKeyEnterPressed, isKeySpacePressed } from '../../utils';
 import { PillControlled } from './pillControlled';
+/**
+ * @deprecated Try the new PillV2 component
+ */
 export const PillUnControlled = ({ initialState = false, focus, ...props }) => {
     const ref = React.useRef(null);
     const [selected, setSelected] = React.useState(initialState);

package/dist/esm/components/pill/pillUnControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillUnControlled.js","sourceRoot":"","sources":["../../../../src/components/pill/pillUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,GAAG,KAAK,EACU,EAAqB,EAAE;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,OAAO,CAAC,EAAE;QAChC,WAAW,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,EAAE,CAAC;YACV,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GACnB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QACf,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,cAAc,OACT,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ,EACpC,SAAS,EAAE,eAAe,EAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,eAAe,YAElD,KAAK,CAAC,QAAQ,GACA,CAClB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"pillUnControlled.js","sourceRoot":"","sources":["../../../../src/components/pill/pillUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,GAAG,KAAK,EACU,EAAqB,EAAE;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,OAAO,CAAC,EAAE;QAChC,WAAW,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,EAAE,CAAC;YACV,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GACnB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QACf,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,cAAc,OACT,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ,EACpC,SAAS,EAAE,eAAe,EAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,eAAe,YAElD,KAAK,CAAC,QAAQ,GACA,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/pillSelector/pillSelectorControlled.d.ts

@@ -4,4 +4,7 @@ declare const PillSelectorBoundary: <V extends string | unknown>(props: IPillSel
 declare const PillSelectorControlled: <V extends string | unknown>(props: React.PropsWithChildren<IPillSelectorControlled<V>> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => ReturnType<typeof PillSelectorBoundary>;
+/**
+ * @deprecated Try the new PillSelectorV2 component
+ */
 export { PillSelectorControlled };

package/dist/esm/components/pillSelector/pillSelectorControlled.js

@@ -44,5 +44,8 @@ const PillSelectorControlledComponent = React.forwardRef(({ ctv, ...props }, ref
 PillSelectorControlledComponent.displayName = 'PillSelectorControlledComponent';
 const PillSelectorBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(PillSelectorStandAlone, { ...props, ref: ref }) }), children: _jsx(PillSelectorControlledComponent, { ...props, ref: ref }) }));
 const PillSelectorControlled = React.forwardRef(PillSelectorBoundary);
+/**
+ * @deprecated Try the new PillSelectorV2 component
+ */
 export { PillSelectorControlled };
 //# sourceMappingURL=pillSelectorControlled.js.map

package/dist/esm/components/pillSelector/pillSelectorControlled.js.map

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

package/dist/esm/components/pillSelector/pillSelectorUnControlled.d.ts

@@ -4,4 +4,7 @@ declare const PillSelectorUnControlledComponent: <V extends string | unknown>({
 declare const PillSelectorUnControlled: <V extends string | unknown>(props: React.PropsWithChildren<IPillSelectorUnControlled<V>> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => ReturnType<typeof PillSelectorUnControlledComponent>;
+/**
+ * @deprecated Try the new PillSelectorV2 component
+ */
 export { PillSelectorUnControlled };

package/dist/esm/components/pillSelector/pillSelectorUnControlled.js

@@ -24,5 +24,8 @@ const PillSelectorUnControlledComponent = ({ defaultSelected = [], multiSelect =
     return (_jsx(PillSelectorControlled, { ...props, ref: ref, multiSelect: multiSelect, pillSelected: pillSelected, onPillChange: onClickPill }));
 };
 const PillSelectorUnControlled = React.forwardRef(PillSelectorUnControlledComponent);
+/**
+ * @deprecated Try the new PillSelectorV2 component
+ */
 export { PillSelectorUnControlled };
 //# sourceMappingURL=pillSelectorUnControlled.js.map

package/dist/esm/components/pillSelector/pillSelectorUnControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillSelectorUnControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,iCAAiC,GAAG,CACxC,EAAE,eAAe,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,KAAK,EAAgC,EACrF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,CAAC,QAAkB,EAAE,KAAuB,EAAE,EAAE;QAClE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,0DAA0D;YAC1D,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC;gBACzD,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,2BAA2B;gBAC3B,YAAY,IAAI,eAAe,CAAC,CAAC,GAAG,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,sBAAsB,OACjB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,WAAW,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAM1B,CAAC;AAE1D,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"pillSelectorUnControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,iCAAiC,GAAG,CACxC,EAAE,eAAe,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,KAAK,EAAgC,EACrF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,CAAC,QAAkB,EAAE,KAAuB,EAAE,EAAE;QAClE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,0DAA0D;YAC1D,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC;gBACzD,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,2BAA2B;gBAC3B,YAAY,IAAI,eAAe,CAAC,CAAC,GAAG,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,sBAAsB,OACjB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,WAAW,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAM1B,CAAC;AAE1D;;GAEG;AACH,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/esm/components/pillSelectorV2/index.d.ts

@@ -0,0 +1,4 @@
+export type { PillSelectorPillType as PillSelectorPillTypeV2, PillSelectorValueType as PillSelectorValueTypeV2, IPillSelectorUnControlled as IPillSelectorV2, IPillSelectorControlled as IPillSelectorControlledV2, PillSelectorPropsStylesType as PillSelectorPropsStylesTypeV2, PillSelectorStylesType as PillSelectorStylesTypeV2, } from './types';
+export { PillSelectorType as PillSelectorTypeV2 } from './types/pillSelectorType';
+export { PillSelectorUnControlled as PillSelectorV2 } from './pillSelectorUnControlled';
+export { PillSelectorControlled as PillSelectorControlledV2 } from './pillSelectorControlled';

package/dist/esm/components/pillSelectorV2/index.js

@@ -0,0 +1,4 @@
+export { PillSelectorType as PillSelectorTypeV2 } from './types/pillSelectorType';
+export { PillSelectorUnControlled as PillSelectorV2 } from './pillSelectorUnControlled';
+export { PillSelectorControlled as PillSelectorControlledV2 } from './pillSelectorControlled';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/pillSelectorV2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pillSelectorV2/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAE,wBAAwB,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACxF,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/components/pillSelectorV2/pillSelector.styled.d.ts

@@ -0,0 +1,4 @@
+import { PillSelectorPropsStylesType } from './types';
+export declare const RootContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles?: PillSelectorPropsStylesType;
+}>> & string;

package/dist/esm/components/pillSelectorV2/pillSelector.styled.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils';
+export const RootContainerStyled = styled.div `
+  ${({ styles }) => getStyles(styles?.rootContainer)};
+`;
+//# sourceMappingURL=pillSelector.styled.js.map

package/dist/esm/components/pillSelectorV2/pillSelector.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelector.styled.js","sourceRoot":"","sources":["../../../../src/components/pillSelectorV2/pillSelector.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC;CACnD,CAAC"}

package/dist/esm/components/pillSelectorV2/pillSelectorControlled.d.ts

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

package/dist/esm/components/pillSelectorV2/pillSelectorControlled.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useStylesV2 } from '../../hooks';
+import { PillSelectorStandAlone } from './pillSelectorStandAlone';
+import { PillSelectorType, } from './types';
+const PillSelectorControlledComponent = ({ variant, size, ctv, type = PillSelectorType.SELECTOR_MULTIPLE, ...props }, ref) => {
+    const variantStyles = useStylesV2({
+        styleName: STYLES_NAME.PILL_SELECTOR_V2,
+        variantName: variant,
+        customTokens: ctv,
+        isOptional: true,
+    });
+    // Size prop is optional, else select the first size from the variantStyles
+    const styles = size ? variantStyles?.[size] : variantStyles?.[Object.keys(variantStyles)[0]];
+    const handlePillChange = (event) => {
+        if (!props.onChange) {
+            return;
+        }
+        if (type === PillSelectorType.SELECTOR_SIMPLE) {
+            props.onChange(event.target.value);
+            return;
+        }
+        // SELECTOR MULTIPLE
+        if (Array.isArray(props.value)) {
+            const valueIncluded = props.value.includes(event.target.value);
+            const newValue = valueIncluded
+                ? props.value.filter(v => v !== event.target.value)
+                : [...props.value, event.target.value];
+            props.onChange(newValue);
+            return;
+        }
+        // When value === undefined or value is not array
+        props.onChange([event.target.value]);
+    };
+    return (_jsx(PillSelectorStandAlone, { ref: ref, styles: styles, type: type, onPillChange: handlePillChange, ...props }));
+};
+export const PillSelectorControlled = React.forwardRef(PillSelectorControlledComponent);
+//# sourceMappingURL=pillSelectorControlled.js.map

package/dist/esm/components/pillSelectorV2/pillSelectorControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelectorControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelectorV2/pillSelectorControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,gBAAgB,GAEjB,MAAM,SAAS,CAAC;AAEjB,MAAM,+BAA+B,GAAG,CACtC,EACE,OAAO,EACP,IAAI,EACJ,GAAG,EACH,IAAI,GAAG,gBAAgB,CAAC,iBAAiB,EACzC,GAAG,KAAK,EACgB,EAC1B,GAAuC,EACvC,EAAE;IACF,MAAM,aAAa,GAAG,WAAW,CAAqC;QACpE,SAAS,EAAE,WAAW,CAAC,gBAAgB;QACvC,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,2EAA2E;IAC3E,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7F,MAAM,gBAAgB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACtE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,IAAI,IAAI,KAAK,gBAAgB,CAAC,eAAe,EAAE,CAAC;YAC9C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnC,OAAO;QACT,CAAC;QACD,oBAAoB;QACpB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/D,MAAM,QAAQ,GAAG,aAAa;gBAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACnD,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QACD,iDAAiD;QACjD,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,sBAAsB,IACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,gBAAgB,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}

package/dist/esm/components/pillSelectorV2/pillSelectorStandAlone.d.ts

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

package/dist/esm/components/pillSelectorV2/pillSelectorStandAlone.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PillTypeV2, PillV2 } from '../../components/pillV2';
+import { RootContainerStyled } from './pillSelector.styled';
+import { PillSelectorType } from './types';
+const PillSelectorStandAloneComponent = ({ dataTestId = 'pillSelector', ...props }, ref) => {
+    return (_jsx(RootContainerStyled, { ref: ref, styles: props.styles, children: props.pills?.map((pill, index) => {
+            const selected = props.type === PillSelectorType.SELECTOR_MULTIPLE
+                ? pill.value !== undefined &&
+                    Array.isArray(props.value) &&
+                    props.value.includes(pill.value)
+                : pill.value === props.value;
+            return (_jsx(PillV2, { dataTestId: pill.dataTestId, disabled: pill.disabled ?? props.disabled, label: pill.label, leftIcon: pill.icon, name: props.name, rightIcon: selected ? props.selectedIcon : undefined, selected: selected, size: pill.size ?? props.styles?.pill?.size, type: props.type === PillSelectorType.SELECTOR_MULTIPLE
+                    ? PillTypeV2.SELECTOR_MULTIPLE
+                    : PillTypeV2.SELECTOR_SIMPLE, value: pill.value, variant: pill.variant ?? props.styles?.pill?.variant, onChange: props.onPillChange }, index));
+        }) }));
+};
+export const PillSelectorStandAlone = React.forwardRef(PillSelectorStandAloneComponent);
+//# sourceMappingURL=pillSelectorStandAlone.js.map

package/dist/esm/components/pillSelectorV2/pillSelectorStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelectorV2/pillSelectorStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAA2B,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEpE,MAAM,+BAA+B,GAAG,CACtC,EAAE,UAAU,GAAG,cAAc,EAAE,GAAG,KAAK,EAA2B,EAClE,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,KAAC,mBAAmB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAChD,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAChC,MAAM,QAAQ,GACZ,KAAK,CAAC,IAAI,KAAK,gBAAgB,CAAC,iBAAiB;gBAC/C,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS;oBACxB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;oBAC1B,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;gBAClC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC;YACjC,OAAO,CACL,KAAC,MAAM,IAEL,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACpD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAC3C,IAAI,EACF,KAAK,CAAC,IAAI,KAAK,gBAAgB,CAAC,iBAAiB;oBAC/C,CAAC,CAAC,UAAU,CAAC,iBAAiB;oBAC9B,CAAC,CAAC,UAAU,CAAC,eAAe,EAEhC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EACpD,QAAQ,EAAE,KAAK,CAAC,YAAY,IAhBvB,KAAK,CAiBV,CACH,CAAC;QACJ,CAAC,CAAC,GACkB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}

package/dist/esm/components/pillSelectorV2/pillSelectorUnControlled.d.ts

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

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PillSelectorControlled } from './pillSelectorControlled';
+import { PillSelectorType } from './types';
+const PillSelectorUnControlledComponent = ({ type = PillSelectorType.SELECTOR_MULTIPLE, defaultValue, onChange, ...props }, ref) => {
+    const [value, setValue] = React.useState(defaultValue);
+    const handleChange = (newValue) => {
+        setValue(newValue);
+        onChange?.(newValue);
+    };
+    return (_jsx(PillSelectorControlled, { ref: ref, type: type, value: value, onChange: handleChange, ...props }));
+};
+export const PillSelectorUnControlled = React.forwardRef(PillSelectorUnControlledComponent);
+//# sourceMappingURL=pillSelectorUnControlled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelectorUnControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelectorV2/pillSelectorUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAA6B,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,iCAAiC,GAAG,CACxC,EACE,IAAI,GAAG,gBAAgB,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,KAAC,sBAAsB,IACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC"}

package/dist/esm/components/pillSelectorV2/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './pillSelector';
+export * from './pillSelectorTheme';
+export * from './pillSelectorType';

package/dist/esm/components/pillSelectorV2/types/index.js

@@ -0,0 +1,4 @@
+export * from './pillSelector';
+export * from './pillSelectorTheme';
+export * from './pillSelectorType';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/pillSelectorV2/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/pillSelectorV2/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1,28 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IPill } from '../../../components/pillV2/types';
+import { CustomTokenTypes } from '../../../types';
+import { PillSelectorPropsStylesType, PillSelectorVariantPropsStylesType } from './pillSelectorTheme';
+import { PillSelectorType } from './pillSelectorType';
+export type PillSelectorPillType = Pick<IPill, 'variant' | 'size' | 'ctv' | 'disabled' | 'label' | 'value' | 'dataTestId'> & {
+    icon?: IElementOrIcon;
+};
+export type PillSelectorValueType = string | number | Array<string | number>;
+export interface IPillSelectorStandAlone {
+    styles?: PillSelectorPropsStylesType;
+    pills?: PillSelectorPillType[];
+    selectedIcon?: IElementOrIcon;
+    type?: PillSelectorType;
+    value?: PillSelectorValueType;
+    name?: string;
+    disabled?: boolean;
+    dataTestId?: string;
+    onPillChange: React.ChangeEventHandler;
+}
+export interface IPillSelectorControlled extends Omit<IPillSelectorStandAlone, 'styles' | 'onPillChange'>, Omit<CustomTokenTypes<PillSelectorVariantPropsStylesType>, 'cts' | 'extraCt'> {
+    variant?: string;
+    size?: string;
+    onChange?: (value: PillSelectorValueType) => void;
+}
+export interface IPillSelectorUnControlled extends Omit<IPillSelectorControlled, 'value'> {
+    defaultValue?: PillSelectorValueType;
+}

package/dist/esm/components/pillSelectorV2/types/pillSelector.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pillSelector.js.map

package/dist/esm/components/pillSelectorV2/types/pillSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelector.js","sourceRoot":"","sources":["../../../../../src/components/pillSelectorV2/types/pillSelector.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+import type { CommonStyleType } from '../../../types/index';
+export type PillSelectorPropsStylesType = {
+    rootContainer?: CommonStyleType;
+    pill?: {
+        variant?: string;
+        size?: string;
+    };
+};
+export type PillSelectorVariantPropsStylesType = {
+    [size in string]?: PillSelectorPropsStylesType;
+};
+export type PillSelectorStylesType = {
+    [variant in string]: PillSelectorVariantPropsStylesType;
+};

package/dist/esm/components/pillSelectorV2/types/pillSelectorTheme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pillSelectorTheme.js.map

package/dist/esm/components/pillSelectorV2/types/pillSelectorTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelectorTheme.js","sourceRoot":"","sources":["../../../../../src/components/pillSelectorV2/types/pillSelectorTheme.ts"],"names":[],"mappings":""}

package/dist/esm/components/pillSelectorV2/types/pillSelectorType.d.ts

@@ -0,0 +1,4 @@
+export declare enum PillSelectorType {
+    SELECTOR_SIMPLE = "SELECTOR_SIMPLE",
+    SELECTOR_MULTIPLE = "SELECTOR_MULTIPLE"
+}

package/dist/esm/components/pillSelectorV2/types/pillSelectorType.js

@@ -0,0 +1,6 @@
+export var PillSelectorType;
+(function (PillSelectorType) {
+    PillSelectorType["SELECTOR_SIMPLE"] = "SELECTOR_SIMPLE";
+    PillSelectorType["SELECTOR_MULTIPLE"] = "SELECTOR_MULTIPLE";
+})(PillSelectorType || (PillSelectorType = {}));
+//# sourceMappingURL=pillSelectorType.js.map

package/dist/esm/components/pillSelectorV2/types/pillSelectorType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelectorType.js","sourceRoot":"","sources":["../../../../../src/components/pillSelectorV2/types/pillSelectorType.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,uDAAmC,CAAA;IACnC,2DAAuC,CAAA;AACzC,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B"}

package/dist/esm/components/pillV2/index.d.ts

@@ -0,0 +1,4 @@
+export type { IPill as IPillV2, PillStylesType as PillStylesTypeV2, PillVariantPropsStylesType as PillVariantPropsStylesTypeV2, PillSizePropsStylesType as PillSizePropsStylesTypeV2, PillPropsStylesType as PillPropsStylesTypeV2, PillLabelType as PillLabelTypeV2, } from './types';
+export { PillStateType as PillStateTypeV2 } from './types/pillStateType';
+export { PillType as PillTypeV2 } from './types/pillType';
+export { Pill as PillV2 } from './pill';

package/dist/esm/components/pillV2/index.js

@@ -0,0 +1,4 @@
+export { PillStateType as PillStateTypeV2 } from './types/pillStateType';
+export { PillType as PillTypeV2 } from './types/pillType';
+export { Pill as PillV2 } from './pill';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/pillV2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pillV2/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC"}

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

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useStylesV2 } from '../../hooks';
+import { PillStandAlone } from './pillStandAlone';
+import { getPillState } from './utils';
+const PillComponent = ({ variant, size, ctv, selected = false, disabled = false, ...props }, ref) => {
+    const variantStyles = useStylesV2({
+        styleName: STYLES_NAME.PILL_V2,
+        variantName: variant,
+        customTokens: ctv,
+        isOptional: true,
+    });
+    const state = 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 (_jsx(PillStandAlone, { ref: ref, disabled: disabled, selected: selected, styles: styles, ...props }));
+};
+export const Pill = React.forwardRef(PillComponent);
+//# sourceMappingURL=pill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;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,WAAW,CAA6B;QAC5D,SAAS,EAAE,WAAW,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,YAAY,CAAC,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,KAAC,cAAc,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAChG,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { PillPropsStylesType } from './types';
+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;
+}>> & string;
+export declare const PillContentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    styles?: PillPropsStylesType;
+}>> & string;
+export declare const PillInputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    styles?: PillPropsStylesType;
+}>> & string;

package/dist/esm/components/pillV2/pill.styled.js

@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils/getStyles/getStyles';
+export const PillAsButton = styled.button ``;
+export const PillRootContainerStyled = styled.div `
+  ${({ styles }) => getStyles(styles?.rootContainer)};
+`;
+export const PillContentContainerStyled = styled.span `
+  ${({ styles }) => getStyles(styles?.contentContainer)};
+`;
+export const PillInputStyled = styled.input `
+  appearance: none;
+  ${({ styles }) => getStyles(styles?.input)};
+`;
+//# sourceMappingURL=pill.styled.js.map

package/dist/esm/components/pillV2/pill.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill.styled.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA,EAAE,CAAC;AAE5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAkC;IAC/E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,IAAI,CAAkC;IACnF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAkC;;IAEzE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC;CAC3C,CAAC"}

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

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

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ElementOrIcon } from '../../components/elementOrIcon';
+import { Text } from '../../components/text';
+import { TextComponentType } from '../../components/text/types';
+import { useId } from '../../hooks';
+import { ROLES } from '../../types';
+import { InputTypeType } from '../../types/inputType';
+import { ButtonType } from '../button';
+import { PillAsButton, PillContentContainerStyled, PillInputStyled, PillRootContainerStyled, } from './pill.styled';
+import { PillType } from './types';
+const PillStandAloneComponent = ({ dataTestId = 'pill', type = PillType.BUTTON, ...props }, ref) => {
+    const id = useId('pill');
+    const pillContentId = `${id}-content`;
+    return (_jsxs(PillRootContainerStyled, { ref: ref, "aria-controls": props['aria-controls'], "aria-selected": type === PillType.TAB ? props.selected : undefined, as: [PillType.BUTTON, PillType.TAB].includes(type) ? PillAsButton : undefined, "data-testid": dataTestId, role: type === PillType.TAB ? ROLES.TAB : undefined, styles: props.styles, type: [PillType.BUTTON, PillType.TAB].includes(type) ? ButtonType.BUTTON : undefined, onClick: props.onClick, children: [_jsxs(PillContentContainerStyled, { id: pillContentId, styles: props.styles, children: [_jsx(ElementOrIcon, { customIconStyles: props.styles?.leftIcon, ...props.leftIcon }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.label, ...props.label, children: props.label?.content }), _jsx(ElementOrIcon, { customIconStyles: props.styles?.rightIcon, ...props.rightIcon })] }), [PillType.SELECTOR_SIMPLE, PillType.SELECTOR_MULTIPLE].includes(type) && (_jsx(PillInputStyled, { "aria-labelledby": pillContentId, checked: props.selected, disabled: props.disabled, name: props.name, styles: props.styles, type: type === PillType.SELECTOR_SIMPLE ? InputTypeType.RADIO : InputTypeType.CHECKBOX, value: props.value, onChange: props.onChange }))] }));
+};
+export const PillStandAlone = React.forwardRef(PillStandAloneComponent);
+//# sourceMappingURL=pillStandAlone.js.map

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

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

package/dist/esm/components/pillV2/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './pill';
+export * from './pillTheme';
+export * from './pillStateType';
+export * from './pillType';

package/dist/esm/components/pillV2/types/index.js

@@ -0,0 +1,5 @@
+export * from './pill';
+export * from './pillTheme';
+export * from './pillStateType';
+export * from './pillType';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/pillV2/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}