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

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

@@ -1,8 +1,10 @@
 import { DeviceBreakpointsType } from '../../../types/breakpoints';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
 export type GridType = {
     addPaddingForLayout?: boolean;
     isFullWidth?: boolean;
     columnsPadding?: number;
+    styles?: CommonStyleType;
     config?: {
         [DeviceBreakpointsType.DESKTOP]?: GridConfigType;
         [DeviceBreakpointsType.TABLET]?: GridConfigType;
@@ -22,6 +24,9 @@ export type GridConfigType = {
     columns?: number;
     gap?: string;
     margin?: number;
+    headerStyles?: CommonStyleType;
+    mainStyles?: CommonStyleType;
+    footerStyles?: CommonStyleType;
 };
 export type CustomGridItemType = GridItemType & {
     paddingRight?: string;

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

@@ -8,6 +8,7 @@ export * from './image';
 export * from './label';
 export * from './link';
 export * from './pill';
+export * from './pillV2';
 export * from './popover';
 export * from './tagV2';
 export * from './text';

package/dist/esm/components/index.js

@@ -8,6 +8,7 @@ export * from './image';
 export * from './label';
 export * from './link';
 export * from './pill';
+export * from './pillV2';
 export * from './popover';
 export * from './tagV2';
 export * from './text';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAE5B;;GAEG;AACH,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/layout/layout.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useMediaDevice } from '../../hooks';
 import { useStyles } from '../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
 import { LayoutStandAlone } from './layoutStandAlone';
 const LAYOUT_STYLES = 'LAYOUT_STYLES';
 export const LayoutComponent = ({ variant, ctv, ...props }) => {
     const styles = useStyles(LAYOUT_STYLES, variant, ctv);
-    return _jsx(LayoutStandAlone, { styles: styles, ...props });
+    const device = useMediaDevice();
+    return _jsx(LayoutStandAlone, { styles: styles, ...props, device: device });
 };
 export const Layout = (props) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(LayoutStandAlone, { ...props }) }), children: _jsx(LayoutComponent, { ...props }) }));
 //# sourceMappingURL=layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../src/components/layout/layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAW,EAAe,EAAE;IAClF,MAAM,MAAM,GAAG,SAAS,CAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAE/E,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAc,EAAe,EAAE,CAAC,CACrD,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,GAAI,GAC/C,YAGtB,KAAC,eAAe,OAAK,KAAK,GAAI,GAChB,CACjB,CAAC"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../src/components/layout/layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAW,EAAe,EAAE;IAClF,MAAM,MAAM,GAAG,SAAS,CAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAC/E,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAc,EAAe,EAAE,CAAC,CACrD,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,GAAI,GAC/C,YAGtB,KAAC,eAAe,OAAK,KAAK,GAAI,GAChB,CACjB,CAAC"}

package/dist/esm/components/layout/layoutStandAlone.d.ts

@@ -1,2 +1,2 @@
 import { ILayoutStandAlone } from './types';
-export declare const LayoutStandAlone: ({ headerContent, mainContent, asideContent, styles, backgroundColor, columnsConfig, gridConfig, footerContent, dataTestId, }: ILayoutStandAlone) => JSX.Element;
+export declare const LayoutStandAlone: ({ headerContent, mainContent, asideContent, styles, backgroundColor, columnsConfig, gridConfig, footerContent, dataTestId, device, }: ILayoutStandAlone) => JSX.Element;

package/dist/esm/components/layout/layoutStandAlone.js

@@ -4,10 +4,10 @@ import { Grid, GridItem } from '../../components/grid';
 import { DeviceBreakpointsType } from '../../types/breakpoints';
 import { LayoutContainer } from './layout.styled';
 import { LayoutRoleType } from './types';
-export const LayoutStandAlone = ({ headerContent, mainContent, asideContent, styles, backgroundColor, columnsConfig, gridConfig, footerContent, dataTestId = 'layout', }) => {
+export const LayoutStandAlone = ({ headerContent, mainContent, asideContent, styles, backgroundColor, columnsConfig, gridConfig, footerContent, dataTestId = 'layout', device, }) => {
     const columnsConfiguration = columnsConfig ?? styles.defaultColumnsConfig;
     const gridConfiguration = gridConfig ?? styles.gridConfig;
     const { header, main, aside, footer } = columnsConfiguration ?? {};
-    return (_jsxs(LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, children: _jsx(GridItem, { as: LayoutRoleType.header, desktop: header?.[DeviceBreakpointsType.DESKTOP], mobile: header?.[DeviceBreakpointsType.MOBILE], tablet: header?.[DeviceBreakpointsType.TABLET], children: headerContent }) })), _jsxs(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Main`, children: [_jsx(GridItem, { as: LayoutRoleType.main, desktop: asideContent ? main?.[DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[DeviceBreakpointsType.MOBILE], tablet: main?.[DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && (_jsx(GridItem, { as: LayoutRoleType.aside, "data-testid": `${dataTestId}Aside`, desktop: aside?.[DeviceBreakpointsType.DESKTOP], mobile: aside?.[DeviceBreakpointsType.MOBILE], tablet: aside?.[DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Footer`, children: _jsx(GridItem, { as: LayoutRoleType.footer, desktop: footer[DeviceBreakpointsType.DESKTOP], mobile: footer[DeviceBreakpointsType.MOBILE], tablet: footer[DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
+    return (_jsxs(LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, styles: gridConfiguration?.[device]?.headerStyles, children: _jsx(GridItem, { as: LayoutRoleType.header, desktop: header?.[DeviceBreakpointsType.DESKTOP], mobile: header?.[DeviceBreakpointsType.MOBILE], tablet: header?.[DeviceBreakpointsType.TABLET], children: headerContent }) })), _jsxs(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Main`, styles: gridConfiguration?.[device]?.mainStyles, children: [_jsx(GridItem, { as: LayoutRoleType.main, desktop: asideContent ? main?.[DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[DeviceBreakpointsType.MOBILE], tablet: main?.[DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && (_jsx(GridItem, { as: LayoutRoleType.aside, "data-testid": `${dataTestId}Aside`, desktop: aside?.[DeviceBreakpointsType.DESKTOP], mobile: aside?.[DeviceBreakpointsType.MOBILE], tablet: aside?.[DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Footer`, styles: gridConfiguration?.[device]?.footerStyles, children: _jsx(GridItem, { as: LayoutRoleType.footer, desktop: footer[DeviceBreakpointsType.DESKTOP], mobile: footer[DeviceBreakpointsType.MOBILE], tablet: footer[DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
 };
 //# sourceMappingURL=layoutStandAlone.js.map

package/dist/esm/components/layout/layoutStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":";AAEA,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAqB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GAAG,QAAQ,GACH,EAAe,EAAE;IACnC,MAAM,oBAAoB,GAAG,aAAa,IAAI,MAAM,CAAC,oBAAoB,CAAC;IAC1E,MAAM,iBAAiB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,MAAC,eAAe,sBAAiB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,eAAe,aACzF,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAChD,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC9C,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE7C,aAAa,GACL,GACN,CACR,EACD,MAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,MAAM,aACnF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,IAAI,EACvB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,YAAY,EAClF,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,WAAW,GACH,EACV,YAAY,IAAI,CACf,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,KAAK,iBACX,GAAG,UAAU,OAAO,EACjC,OAAO,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC/C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC7C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE5C,YAAY,GACJ,CACZ,IACI,EACN,aAAa,IAAI,MAAM,IAAI,CAC1B,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC9C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,aAAa,GACL,GACN,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":"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"}

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

@@ -33,8 +33,9 @@ export interface ILayoutStandAlone {
         [DeviceBreakpointsType.TABLET]?: GridConfigType;
         [DeviceBreakpointsType.MOBILE]?: GridConfigType;
     };
+    device: DeviceBreakpointsType;
 }
-export interface ILayout extends Omit<ILayoutStandAlone, 'styles'>, Omit<CustomTokenTypes<LayoutVariantStylesType>, 'cts' | 'extraCt'> {
+export interface ILayout extends Omit<ILayoutStandAlone, 'styles' | 'device'>, Omit<CustomTokenTypes<LayoutVariantStylesType>, 'cts' | 'extraCt'> {
     variant: string;
 }
 export declare enum LayoutRoleType {

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../../src/components/layout/types/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AA2C5D,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,mCAAiB,CAAA;IACjB,iCAAe,CAAA;IACf,mCAAiB,CAAA;AACnB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../../src/components/layout/types/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AA4C5D,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,mCAAiB,CAAA;IACjB,iCAAe,CAAA;IACf,mCAAiB,CAAA;AACnB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB"}

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/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,5 @@
+import * as React from 'react';
+import { IPill } from './types';
+export declare const Pill: React.ForwardRefExoticComponent<IPill & {
+    children?: React.ReactNode | undefined;
+} & 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,EACE,OAAO,EACP,IAAI,EACJ,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACuB,EACjC,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 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;
+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;

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 PillInputStyled = styled.input `
+  appearance: none;
+  ${({ styles }) => getStyles(styles?.input)};
+`;
+export const PillContentContainerStyled = styled.span `
+  ${({ styles }) => getStyles(styles?.contentContainer)};
+`;
+//# 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,eAAe,GAAG,MAAM,CAAC,KAAK,CAAkC;;IAEzE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC;CAC3C,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"}

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: [[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, onChange: props.onChange })), _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 })] })] }));
+};
+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"}

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes } from '../../../types';
+import { PillPropsStylesType, PillVariantPropsStylesType } from './pillTheme';
+import { PillType } from './pillType';
+export type PillLabelType = Omit<IText<string>, 'children'> & {
+    content?: ReactNode;
+};
+export interface IPillStandAlone {
+    styles?: PillPropsStylesType;
+    leftIcon?: IElementOrIcon;
+    label?: PillLabelType;
+    rightIcon?: IElementOrIcon;
+    selected: boolean;
+    disabled: boolean;
+    type?: PillType;
+    name?: string;
+    ['aria-controls']?: string;
+    onClick?: React.MouseEventHandler;
+    onChange?: React.ChangeEventHandler;
+    dataTestId?: string;
+}
+export interface IPill extends Omit<IPillStandAlone, 'styles' | 'selected' | 'disabled'>, Omit<CustomTokenTypes<PillVariantPropsStylesType>, 'cts' | 'extraCt'> {
+    variant?: string;
+    size?: string;
+    selected?: boolean;
+    disabled?: boolean;
+}

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

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

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

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

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

@@ -0,0 +1,6 @@
+export declare enum PillStateType {
+    DEFAULT = "DEFAULT",
+    SELECTED = "SELECTED",
+    DISABLED = "DISABLED",
+    DISABLED_SELECTED = "DISABLED_SELECTED"
+}

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

@@ -0,0 +1,8 @@
+export var PillStateType;
+(function (PillStateType) {
+    PillStateType["DEFAULT"] = "DEFAULT";
+    PillStateType["SELECTED"] = "SELECTED";
+    PillStateType["DISABLED"] = "DISABLED";
+    PillStateType["DISABLED_SELECTED"] = "DISABLED_SELECTED";
+})(PillStateType || (PillStateType = {}));
+//# sourceMappingURL=pillStateType.js.map

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

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

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

@@ -0,0 +1,19 @@
+import type { CommonStyleType, IconTypes, TypographyTypes } from '../../../types/index';
+import { PillStateType } from './pillStateType';
+export type PillPropsStylesType = {
+    rootContainer?: CommonStyleType;
+    input?: CommonStyleType;
+    contentContainer?: CommonStyleType;
+    leftIcon?: IconTypes;
+    label?: TypographyTypes;
+    rightIcon?: IconTypes;
+};
+export type PillSizePropsStylesType = {
+    [state in PillStateType]?: PillPropsStylesType;
+};
+export type PillVariantPropsStylesType = {
+    [size in string]?: PillSizePropsStylesType;
+};
+export type PillStylesType = {
+    [variant in string]: PillVariantPropsStylesType;
+};

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

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

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

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

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

@@ -0,0 +1,6 @@
+export declare enum PillType {
+    BUTTON = "BUTTON",
+    SELECTOR_SIMPLE = "SELECTOR_SIMPLE",
+    SELECTOR_MULTIPLE = "SELECTOR_MULTIPLE",
+    TAB = "TAB"
+}

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

@@ -0,0 +1,8 @@
+export var PillType;
+(function (PillType) {
+    PillType["BUTTON"] = "BUTTON";
+    PillType["SELECTOR_SIMPLE"] = "SELECTOR_SIMPLE";
+    PillType["SELECTOR_MULTIPLE"] = "SELECTOR_MULTIPLE";
+    PillType["TAB"] = "TAB";
+})(PillType || (PillType = {}));
+//# sourceMappingURL=pillType.js.map

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

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

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

@@ -0,0 +1 @@
+export * from './state';

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

@@ -0,0 +1,2 @@
+export * from './state';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,5 @@
+import { PillStateType } from '../types';
+export declare const getPillState: ({ selected, disabled, }: {
+    selected: boolean;
+    disabled: boolean;
+}) => PillStateType;

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

@@ -0,0 +1,14 @@
+import { PillStateType } from '../types';
+export const getPillState = ({ selected, disabled, }) => {
+    if (disabled && selected) {
+        return PillStateType.DISABLED_SELECTED;
+    }
+    if (disabled) {
+        return PillStateType.DISABLED;
+    }
+    if (selected) {
+        return PillStateType.SELECTED;
+    }
+    return PillStateType.DEFAULT;
+};
+//# sourceMappingURL=state.js.map

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

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

package/dist/esm/components/text/text.styled.js

@@ -86,6 +86,7 @@ const TEXT_STYLED_TRANSIENT_PROPS = [
     'decoration',
     'cursor',
     'customTypography',
+    'display',
 ];
 export const TextStyled = styled.p.withConfig({
     shouldForwardProp: prop => !TEXT_STYLED_TRANSIENT_PROPS.includes(prop),

package/dist/esm/components/text/text.styled.js.map

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