@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.3

package/masked-input/masked-input.style.d.ts

@@ -1,32 +0,0 @@
-interface InputGroupWrapperProps {
-    readOnly: boolean | undefined;
-    $isDisabled: boolean | undefined;
-}
-interface IconProps {
-    $isDisabled?: boolean;
-    $inactiveColor: string | undefined;
-    $activeColor: string | undefined;
-}
-export declare const InputGroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").InputGroupProps<unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, InputGroupWrapperProps>> & string & Omit<(<T, V>(props: import("..").InputGroupProps<T, V> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconProps>> & string;
-export declare const LoadingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LoadingLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;
-export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/component-loading-spinner").ComponentLoadingSpinnerProps, never>> & string & Omit<({ color, className, size, }: import("../shared/component-loading-spinner").ComponentLoadingSpinnerProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const TryAgainLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ErrorTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ErrorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ErrorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ClickableErrorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, never>> & string;
-export declare const ReadOnlyClickable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ReadOnlyValueText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ReadOnlyIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export {};

package/masked-input/masked-input.style.js

@@ -1,87 +0,0 @@
-import{ExclamationTriangleIcon as e}from"@lifesg/react-icons/exclamation-triangle";import i from"styled-components";import{InputGroup as n}from"../input-group/input-group.js";import{ComponentLoadingSpinner as r}from"../shared/component-loading-spinner/component-loading-spinner.js";import{BasicButton as t}from"../shared/input-wrapper/input-wrapper.js";import{Typography as o}from"../typography/index.js";import{V3_Spacing as a,V3_Colour as s,V3_Font as p}from"../v3_theme/index.js";const c=i(n)`
-    padding: 0 0 0
-        ${({readOnly:e})=>e?"0":a["spacing-16"]};
-    input {
-        cursor: ${({readOnly:e,$isDisabled:i})=>e&&!i?"pointer":"initial"};
-    }
-`,l=i.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: ${({$isDisabled:e})=>e?"initial":"pointer"};
-    color: ${({$isDisabled:e,$inactiveColor:i=s.icon,$activeColor:n=s["icon-primary"]})=>e?i:n};
-    padding: ${a["spacing-12"]} ${a["spacing-16"]};
-
-    svg {
-        height: 1em;
-        width: 1em;
-    }
-`,g=i.div`
-    display: flex;
-    align-items: center;
-    height: 3rem;
-`,d=i(o.BodyBL)`
-    color: ${s["text-subtler"]};
-`,m=i(r)`
-    margin-right: ${a["spacing-8"]};
-    color: ${s.icon};
-`,h=i.span`
-    color: ${s["text-primary"]};
-    text-decoration: underline;
-    font-weight: ${p.Spec["weight-semibold"]};
-`,$=i.span`
-    display: flex;
-    align-items: center;
-    margin-right: ${a["spacing-8"]};
-`,y=i(e)`
-    color: ${s["icon-warning"]};
-    margin-right: ${a["spacing-8"]};
-    height: 1em;
-    width: 1em;
-`,f=i.span`
-    color: ${s["text-warning"]};
-`,u=i(t)`
-    width: 100%;
-    height: 3rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-
-    ${p["body-baseline-regular"]}
-
-    &:hover, &:active, &:focus {
-        ${h} {
-            color: ${s["text-hover"]};
-        }
-    }
-`,b=i.button`
-    ${p["body-baseline-regular"]}
-    color: ${s.text};
-    border: none;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    text-align: left;
-    width: 100%;
-    justify-content: space-between;
-    min-height: 3rem;
-`,x=i.span`
-    overflow-wrap: anywhere;
-`,w=i.span`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${s["icon-primary"]};
-    padding: 0 1rem;
-    flex-shrink: 0;
-
-    svg {
-        width: ${p.Spec["body-size-baseline"]};
-        height: ${p.Spec["body-size-baseline"]};
-    }
-`;export{u as ClickableErrorWrapper,y as ErrorIcon,f as ErrorLabel,$ as ErrorTextContainer,l as IconContainer,c as InputGroupWrapper,d as LoadingLabel,g as LoadingWrapper,b as ReadOnlyClickable,w as ReadOnlyIconContainer,x as ReadOnlyValueText,m as Spinner,h as TryAgainLabel};
-//# sourceMappingURL=masked-input.style.js.map

package/masked-input/masked-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masked-input.style.js","sources":["../../src/masked-input/masked-input.style.tsx"],"sourcesContent":["import { ExclamationTriangleIcon } from \"@lifesg/react-icons/exclamation-triangle\";\nimport styled from \"styled-components\";\n\nimport { InputGroup } from \"../input-group\";\nimport { ComponentLoadingSpinner } from \"../shared/component-loading-spinner\";\nimport { BasicButton } from \"../shared/input-wrapper\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\n\ninterface InputGroupWrapperProps {\n    readOnly: boolean | undefined;\n    $isDisabled: boolean | undefined;\n}\n\ninterface IconProps {\n    $isDisabled?: boolean;\n    $inactiveColor: string | undefined;\n    $activeColor: string | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const InputGroupWrapper = styled(InputGroup)<InputGroupWrapperProps>`\n    padding: 0 0 0\n        ${({ readOnly }) => (readOnly ? \"0\" : V3_Spacing[\"spacing-16\"])};\n    input {\n        cursor: ${({ readOnly, $isDisabled }) =>\n            readOnly && !$isDisabled ? \"pointer\" : \"initial\"};\n    }\n`;\n\nexport const IconContainer = styled.div<IconProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? \"pointer\" : \"initial\")};\n    color: ${({\n        $isDisabled,\n        $inactiveColor = V3_Colour.icon,\n        $activeColor = V3_Colour[\"icon-primary\"],\n    }) => ($isDisabled ? $inactiveColor : $activeColor)};\n    padding: ${V3_Spacing[\"spacing-12\"]} ${V3_Spacing[\"spacing-16\"]};\n\n    svg {\n        height: 1em;\n        width: 1em;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// LOADING DISPLAY\n// -----------------------------------------------------------------------------\nexport const LoadingWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 3rem;\n`;\n\nexport const LoadingLabel = styled(Typography.BodyBL)`\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n\nexport const Spinner = styled(ComponentLoadingSpinner)`\n    margin-right: ${V3_Spacing[\"spacing-8\"]};\n    color: ${V3_Colour[\"icon\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// ERROR DISPLAY\n// -----------------------------------------------------------------------------\n\nexport const TryAgainLabel = styled.span`\n    color: ${V3_Colour[\"text-primary\"]};\n    text-decoration: underline;\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const ErrorTextContainer = styled.span`\n    display: flex;\n    align-items: center;\n    margin-right: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationTriangleIcon)`\n    color: ${V3_Colour[\"icon-warning\"]};\n    margin-right: ${V3_Spacing[\"spacing-8\"]};\n    height: 1em;\n    width: 1em;\n`;\n\nexport const ErrorLabel = styled.span`\n    color: ${V3_Colour[\"text-warning\"]};\n`;\n\nexport const ClickableErrorWrapper = styled(BasicButton)`\n    width: 100%;\n    height: 3rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n\n    ${V3_Font[\"body-baseline-regular\"]}\n\n    &:hover, &:active, &:focus {\n        ${TryAgainLabel} {\n            color: ${V3_Colour[\"text-hover\"]};\n        }\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// READONLY MASKED DISPLAY\n// -----------------------------------------------------------------------------\n\nexport const ReadOnlyClickable = styled.button`\n    ${V3_Font[\"body-baseline-regular\"]}\n    color: ${V3_Colour[\"text\"]};\n    border: none;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    text-align: left;\n    width: 100%;\n    justify-content: space-between;\n    min-height: 3rem;\n`;\n\nexport const ReadOnlyValueText = styled.span`\n    overflow-wrap: anywhere;\n`;\n\nexport const ReadOnlyIconContainer = styled.span`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: ${V3_Colour[\"icon-primary\"]};\n    padding: 0 1rem;\n    flex-shrink: 0;\n\n    svg {\n        width: ${V3_Font.Spec[\"body-size-baseline\"]};\n        height: ${V3_Font.Spec[\"body-size-baseline\"]};\n    }\n`;\n"],"names":["InputGroupWrapper","styled","InputGroup","readOnly","V3_Spacing","$isDisabled","IconContainer","div","$inactiveColor","V3_Colour","icon","$activeColor","LoadingWrapper","LoadingLabel","Typography","BodyBL","Spinner","ComponentLoadingSpinner","TryAgainLabel","span","V3_Font","Spec","ErrorTextContainer","ErrorIcon","ExclamationTriangleIcon","ErrorLabel","ClickableErrorWrapper","BasicButton","ReadOnlyClickable","button","ReadOnlyValueText","ReadOnlyIconContainer"],"mappings":"yeA4BaA,EAAoBC,EAAOC,EAAmC;;UAEjE,EAAGC,cAAgBA,EAAW,IAAMC,EAAW;;kBAEvC,EAAGD,WAAUE,iBACnBF,IAAaE,EAAc,UAAY;;EAItCC,EAAgBL,EAAOM,GAAc;;;;cAIpC,EAAGF,iBAAoBA,EAA0B,UAAZ;aACtC,EACLA,cACAG,iBAAiBC,EAAUC,KAC3BC,eAAeF,EAAU,mBACtBJ,EAAcG,EAAiBG;eAC3BP,EAAW,iBAAiBA,EAAW;;;;;;EAWzCQ,EAAiBX,EAAOM,GAAG;;;;EAM3BM,EAAeZ,EAAOa,EAAWC,OAAO;aACxCN,EAAU;EAGVO,EAAUf,EAAOgB,EAAwB;oBAClCb,EAAW;aAClBK,EAAgB;EAOhBS,EAAgBjB,EAAOkB,IAAI;aAC3BV,EAAU;;mBAEJW,EAAQC,KAAK;EAGnBC,EAAqBrB,EAAOkB,IAAI;;;oBAGzBf,EAAW;EAGlBmB,EAAYtB,EAAOuB,EAAwB;aAC3Cf,EAAU;oBACHL,EAAW;;;EAKlBqB,EAAaxB,EAAOkB,IAAI;aACxBV,EAAU;EAGViB,EAAwBzB,EAAO0B,EAAY;;;;;;;;;;MAUlDP,EAAQ;;;UAGJF;qBACWT,EAAU;;;EASlBmB,EAAoB3B,EAAO4B,MAAM;MACxCT,EAAQ;aACDX,EAAgB;;;;;;;;;;EAYhBqB,EAAoB7B,EAAOkB,IAAI;;EAI/BY,EAAwB9B,EAAOkB,IAAI;;;;aAInCV,EAAU;;;;;iBAKNW,EAAQC,KAAK;kBACZD,EAAQC,KAAK;;"}

package/masonry/index.d.ts

@@ -1 +0,0 @@
-export * from "./masonry";

package/masonry/index.js

@@ -1,2 +0,0 @@
-export{Masonry}from"./masonry.js";
-//# sourceMappingURL=index.js.map

package/masonry/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/masonry/masonry.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { MasonryGridProps, MasonryTileProps } from "./types";
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export declare const Masonry: {
-    Grid: (props: MasonryGridProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-    Tile: (props: MasonryTileProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-};

package/masonry/masonry.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import t from"react";import{TileContainer as i,GridContainer as n}from"./masonry.style.js";const o={Grid:t.forwardRef(((t,i)=>{const{children:o}=t,c=r(t,["children"]);return e(n,Object.assign({ref:i},c,{children:o}))})),Tile:t.forwardRef(((t,n)=>{const{children:o}=t,c=r(t,["children"]);return e(i,Object.assign({ref:n},c,{children:o}))}))};export{o as Masonry};
-//# sourceMappingURL=masonry.js.map

package/masonry/masonry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masonry.js","sources":["../../src/masonry/masonry.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GridContainer, TileContainer } from \"./masonry.style\";\nimport type { MasonryGridProps, MasonryTileProps } from \"./types\";\n\n// =============================================================================\n// GRID\n// =============================================================================\nconst GridComponent = (\n    props: MasonryGridProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const { children, ...otherProps } = props;\n\n    return (\n        <GridContainer ref={ref} {...otherProps}>\n            {children}\n        </GridContainer>\n    );\n};\n\n// =============================================================================\n// TILE\n// =============================================================================\nconst TileComponent = (\n    props: MasonryTileProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const { children, ...otherProps } = props;\n\n    return (\n        <TileContainer ref={ref} {...otherProps}>\n            {children}\n        </TileContainer>\n    );\n};\n\n// =============================================================================\n// EXPORTABLE\n// =============================================================================\n/** @deprecated consider switching to `Layout.ColDiv` to manage grids */\nexport const Masonry = {\n    Grid: React.forwardRef(GridComponent),\n    Tile: React.forwardRef(TileComponent),\n};\n"],"names":["Masonry","Grid","React","forwardRef","props","ref","children","otherProps","__rest","_jsx","GridContainer","Object","assign","Tile","TileContainer"],"mappings":"kLAQA,MAiCaA,EAAU,CACnBC,KAAMC,EAAMC,YAlCM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAKJ,EAA9B,CAAA,aAEN,OACIK,EAACC,EAAaC,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW,IA0BpBO,KAAMX,EAAMC,YAnBM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAKJ,EAA9B,CAAA,aAEN,OACIK,EAACK,EAAaH,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW"}

package/masonry/masonry.style.d.ts

@@ -1,6 +0,0 @@
-import type { MasonryGridProps, MasonryTileProps } from "./types";
-type GridStyleProps = Omit<MasonryGridProps, "children">;
-type TileStyleProps = Omit<MasonryTileProps, "children">;
-export declare const GridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridStyleProps>> & string;
-export declare const TileContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TileStyleProps>> & string;
-export {};

package/masonry/masonry.style.js

@@ -1,42 +0,0 @@
-import t,{css as m}from"styled-components";import{V2_MediaQuery as a}from"../v2_media/media.js";const e=t.div`
-    margin-top: 2.5rem;
-    display: grid;
-    align-items: center;
-    width: 100%;
-
-    ${t=>{const{numOfCols:e}=t,i=e.lg||e.md,r=e.sm?e.sm<=2?e.sm:2:void 0,o=e.md||e.sm||2;return m`
-            grid-template-columns: repeat(${i||"auto-fill"}, 1fr);
-            gap: 2rem 2rem;
-            justify-items: stretch;
-
-            ${a.MaxWidth.tablet} {
-                grid-template-columns: repeat(
-                    ${e.md||e.sm||"auto-fill"},
-                    minmax(calc(${100/o}% - 2rem), 1fr)
-                );
-            }
-
-            ${a.MaxWidth.mobileL} {
-                grid-template-columns: repeat(
-                    ${r||"auto-fill"},
-                    minmax(calc(${100/(r||1)}% - 2rem), 1fr)
-                );
-            }
-        `}}
-`,i=t.div`
-    position: relative;
-    ${t=>{const{startLg:e,colsLg:i,startMd:r,colsMd:o,startSm:l,colsSm:s}=t;return m`
-            grid-column: ${e||r||"auto"} / span
-                ${i||o||1};
-
-            ${a.MaxWidth.tablet} {
-                grid-column: ${r||l||"auto"} / span
-                    ${o||s||1};
-            }
-
-            ${a.MaxWidth.mobileL} {
-                grid-column: ${l||"auto"} / span ${s||1};
-            }
-        `}}
-`;export{e as GridContainer,i as TileContainer};
-//# sourceMappingURL=masonry.style.js.map

package/masonry/masonry.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masonry.style.js","sources":["../../src/masonry/masonry.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V2_MediaQuery } from \"../v2_media\";\nimport type { MasonryGridProps, MasonryTileProps } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\n\ntype GridStyleProps = Omit<MasonryGridProps, \"children\">;\ntype TileStyleProps = Omit<MasonryTileProps, \"children\">;\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const GridContainer = styled.div<GridStyleProps>`\n    margin-top: 2.5rem;\n    display: grid;\n    align-items: center;\n    width: 100%;\n\n    ${(props) => {\n        const { numOfCols } = props;\n        const colsToUse = numOfCols.lg || numOfCols.md;\n        const numOfSmCols = numOfCols.sm\n            ? numOfCols.sm <= 2\n                ? numOfCols.sm\n                : 2\n            : undefined;\n\n        const mdColsDefault = numOfCols.md || numOfCols.sm || 2;\n\n        return css`\n            grid-template-columns: repeat(${colsToUse || \"auto-fill\"}, 1fr);\n            gap: 2rem 2rem;\n            justify-items: stretch;\n\n            ${V2_MediaQuery.MaxWidth.tablet} {\n                grid-template-columns: repeat(\n                    ${numOfCols.md || numOfCols.sm || \"auto-fill\"},\n                    minmax(calc(${100 / mdColsDefault}% - 2rem), 1fr)\n                );\n            }\n\n            ${V2_MediaQuery.MaxWidth.mobileL} {\n                grid-template-columns: repeat(\n                    ${numOfSmCols || \"auto-fill\"},\n                    minmax(calc(${100 / (numOfSmCols || 1)}% - 2rem), 1fr)\n                );\n            }\n        `;\n    }}\n`;\n\nexport const TileContainer = styled.div<TileStyleProps>`\n    position: relative;\n    ${(props) => {\n        const { startLg, colsLg, startMd, colsMd, startSm, colsSm } = props;\n\n        return css`\n            grid-column: ${startLg || startMd || \"auto\"} / span\n                ${colsLg || colsMd || 1};\n\n            ${V2_MediaQuery.MaxWidth.tablet} {\n                grid-column: ${startMd || startSm || \"auto\"} / span\n                    ${colsMd || colsSm || 1};\n            }\n\n            ${V2_MediaQuery.MaxWidth.mobileL} {\n                grid-column: ${startSm || \"auto\"} / span ${colsSm || 1};\n            }\n        `;\n    }}\n`;\n"],"names":["GridContainer","styled","div","props","numOfCols","colsToUse","lg","md","numOfSmCols","sm","undefined","mdColsDefault","css","V2_MediaQuery","MaxWidth","tablet","mobileL","TileContainer","startLg","colsLg","startMd","colsMd","startSm","colsSm"],"mappings":"gGAeO,MAAMA,EAAgBC,EAAOC,GAAmB;;;;;;MAMhDC,IACC,MAAMC,UAAEA,GAAcD,EAChBE,EAAYD,EAAUE,IAAMF,EAAUG,GACtCC,EAAcJ,EAAUK,GACxBL,EAAUK,IAAM,EACZL,EAAUK,GACV,OACJC,EAEAC,EAAgBP,EAAUG,IAAMH,EAAUK,IAAM,EAEtD,OAAOG,CAAG;4CAC0BP,GAAa;;;;cAI3CQ,EAAcC,SAASC;;sBAEfX,EAAUG,IAAMH,EAAUK,IAAM;kCACpB,IAAME;;;;cAI1BE,EAAcC,SAASE;;sBAEfR,GAAe;kCACH,KAAOA,GAAe;;;SAG/C;EAIIS,EAAgBhB,EAAOC,GAAmB;;MAEhDC,IACC,MAAMe,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,GAAWpB,EAE9D,OAAOS,CAAG;2BACSM,GAAWE,GAAW;kBAC/BD,GAAUE,GAAU;;cAExBR,EAAcC,SAASC;+BACNK,GAAWE,GAAW;sBAC/BD,GAAUE,GAAU;;;cAG5BV,EAAcC,SAASE;+BACNM,GAAW,iBAAiBC,GAAU;;SAE5D;"}

package/masonry/types.d.ts

@@ -1,32 +0,0 @@
-import type React from "react";
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface ColumnCountAttribute {
-    /** number of columns on desktop resolutions */
-    lg?: number | undefined;
-    /** number of columns on tablet resolutions */
-    md?: number | undefined;
-    /** number of columns on mobile resolutions */
-    sm?: number | undefined;
-}
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface MasonryGridProps extends React.HTMLAttributes<HTMLDivElement> {
-    numOfCols: ColumnCountAttribute;
-    children: JSX.Element | JSX.Element[];
-    "data-testid"?: string | undefined;
-}
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface MasonryTileProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: JSX.Element;
-    /** the column to start on desktop resolutions */
-    startLg?: number | undefined;
-    /** the number of columns to span on desktop resolutions */
-    colsLg?: number | undefined;
-    /** the column to start on tablet resolutions */
-    startMd?: number | undefined;
-    /** the number of columns to span on tablet resolutions */
-    colsMd?: number | undefined;
-    /** the column to start on mobile resolutions */
-    startSm?: number | undefined;
-    /** the number of columns to span on mobile resolutions */
-    colsSm?: number | undefined;
-}

package/masthead/masthead.style.d.ts

@@ -1,5 +0,0 @@
-interface WrapperStyleProps {
-    $stretch: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperStyleProps>> & string;
-export {};

package/masthead/masthead.style.js

@@ -1,42 +0,0 @@
-import a,{css as n}from"styled-components";import{V3_Breakpoint as i,V3_MediaQuery as d}from"../v3_theme/index.js";const x=a.div`
-    // matches Layout.Container
-    --sgds-mainnav-padding-x: ${i["xxl-margin"]}px;
-    --sgds-mainnav-mobile-padding-x: ${i["xxl-margin"]}px;
-
-    ${d.MaxWidth.xl} {
-        --sgds-mainnav-padding-x: ${i["xl-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xl-margin"]}px;
-    }
-
-    ${d.MaxWidth.lg} {
-        --sgds-mainnav-padding-x: ${i["lg-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["lg-margin"]}px;
-    }
-
-    ${d.MaxWidth.md} {
-        --sgds-mainnav-padding-x: ${i["md-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["md-margin"]}px;
-    }
-
-    ${d.MaxWidth.sm} {
-        --sgds-mainnav-padding-x: ${i["sm-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["sm-margin"]}px;
-    }
-
-    ${d.MaxWidth.xs} {
-        --sgds-mainnav-padding-x: ${i["xs-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xs-margin"]}px;
-    }
-
-    ${d.MaxWidth.xxs} {
-        --sgds-mainnav-padding-x: ${i["xxs-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xxs-margin"]}px;
-    }
-
-    ${a=>a.$stretch?n`
-                --sgds-mainnav-max-width: calc(infinity * 1px);
-            `:n`
-                --sgds-mainnav-max-width: 1440px;
-            `}
-`;export{x as Wrapper};
-//# sourceMappingURL=masthead.style.js.map

package/masthead/masthead.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masthead.style.js","sources":["../../src/masthead/masthead.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Breakpoint, V3_MediaQuery } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface WrapperStyleProps {\n    $stretch: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div<WrapperStyleProps>`\n    // matches Layout.Container\n    --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xxl-margin\"]}px;\n    --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xxl-margin\"]}px;\n\n    ${V3_MediaQuery.MaxWidth.xl} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xl-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xl-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"lg-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"lg-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.md} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"md-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"md-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"sm-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"sm-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xs} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xs-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xs-margin\"]}px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xxs} {\n        --sgds-mainnav-padding-x: ${V3_Breakpoint[\"xxs-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${V3_Breakpoint[\"xxs-margin\"]}px;\n    }\n\n    ${(props) => {\n        if (props.$stretch) {\n            return css`\n                --sgds-mainnav-max-width: calc(infinity * 1px);\n            `;\n        } else {\n            return css`\n                --sgds-mainnav-max-width: 1440px;\n            `;\n        }\n    }}\n`;\n"],"names":["Wrapper","styled","div","V3_Breakpoint","V3_MediaQuery","MaxWidth","xl","lg","md","sm","xs","xxs","props","$stretch","css"],"mappings":"mHAcO,MAAMA,EAAUC,EAAOC,GAAsB;;gCAEpBC,EAAc;uCACPA,EAAc;;MAE/CC,EAAcC,SAASC;oCACOH,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASE;oCACOJ,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASG;oCACOL,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASI;oCACON,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASK;oCACOP,EAAc;2CACPA,EAAc;;;MAGnDC,EAAcC,SAASM;oCACOR,EAAc;2CACPA,EAAc;;;MAGlDS,GACKA,EAAMC,SACCC,CAAG;;cAIHA,CAAG;;;"}

package/pill/pill.style.d.ts

@@ -1,8 +0,0 @@
-import type { PillColorType, PillType } from "./types";
-interface StyleProps {
-    $type: PillType;
-    $color: PillColorType;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

package/pill/pill.style.js

@@ -1,27 +0,0 @@
-import e,{css as r}from"styled-components";import{V3_Radius as t,V3_Font as s,V3_Colour as o,V3_Border as b}from"../v3_theme/index.js";const a=e.div`
-    border-radius: ${t.full};
-    padding: 0.125rem 0.5rem;
-    width: fit-content;
-    max-width: 100%;
-    ${s["body-xs-semibold"]}
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-
-    svg {
-        flex-shrink: 0;
-    }
-
-    ${e=>{let t,s,a;if("solid"===e.$type)switch(a=o["text-inverse"],e.$color){case"grey":t=o["bg-inverse-subtler"];break;case"green":t=o["bg-success-strong"];break;case"yellow":t=o["bg-warning-strong"];break;case"red":t=o["bg-error-strong"];break;case"blue":t=o["bg-info-strong"];break;case"primary":t=o["bg-primary"];break;default:t=o["bg-inverse"]}else switch(e.$color){case"grey":t=o["bg-stronger"],s=o["border-strong"],a=o["text-subtler"];break;case"green":t=o["bg-success"],s=o["border-success"],a=o["text-success"];break;case"yellow":t=o["bg-warning"],s=o["border-warning"],a=o["text-warning"];break;case"red":t=o["bg-error"],s=o["border-error"],a=o["text-error"];break;case"blue":t=o["bg-info"],s=o["border-info"],a=o["text-info"];break;case"primary":t=o["bg-primary-subtlest"],s=o["border-primary"],a=o["text-primary"];break;default:t=o.bg,s=o.border,a=o.text}return r`
-            background: ${t};
-            border: ${b["width-010"]} ${b.solid} ${s};
-            color: ${a};
-        `}}
-`,i=e.div`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    text-align: left;
-`;export{i as Label,a as Wrapper};
-//# sourceMappingURL=pill.style.js.map

package/pill/pill.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pill.style.js","sources":["../../src/pill/pill.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Border, V3_Colour, V3_Font, V3_Radius } from \"../v3_theme\";\nimport type { V3_ThemeStyleProps } from \"../v3_theme/types\";\nimport type { PillColorType, PillType } from \"./types\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\ninterface StyleProps {\n    $type: PillType;\n    $color: PillColorType;\n}\n\nexport const Wrapper = styled.div<StyleProps>`\n    border-radius: ${V3_Radius[\"full\"]};\n    padding: 0.125rem 0.5rem;\n    width: fit-content;\n    max-width: 100%;\n    ${V3_Font[\"body-xs-semibold\"]}\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n\n    svg {\n        flex-shrink: 0;\n    }\n\n    ${(props) => {\n        let backgroundColor: (props: V3_ThemeStyleProps) => string;\n        let borderColor: ((props: V3_ThemeStyleProps) => string) | undefined;\n        let color: (props: V3_ThemeStyleProps) => string;\n\n        if (props.$type === \"solid\") {\n            color = V3_Colour[\"text-inverse\"];\n            switch (props.$color) {\n                case \"grey\":\n                    backgroundColor = V3_Colour[\"bg-inverse-subtler\"];\n                    break;\n                case \"green\":\n                    backgroundColor = V3_Colour[\"bg-success-strong\"];\n                    break;\n                case \"yellow\":\n                    backgroundColor = V3_Colour[\"bg-warning-strong\"];\n                    break;\n                case \"red\":\n                    backgroundColor = V3_Colour[\"bg-error-strong\"];\n                    break;\n                case \"blue\":\n                    backgroundColor = V3_Colour[\"bg-info-strong\"];\n                    break;\n                case \"primary\":\n                    backgroundColor = V3_Colour[\"bg-primary\"];\n                    break;\n                default:\n                    backgroundColor = V3_Colour[\"bg-inverse\"];\n                    break;\n            }\n        } else {\n            switch (props.$color) {\n                case \"grey\":\n                    backgroundColor = V3_Colour[\"bg-stronger\"];\n                    borderColor = V3_Colour[\"border-strong\"];\n                    color = V3_Colour[\"text-subtler\"];\n                    break;\n                case \"green\":\n                    backgroundColor = V3_Colour[\"bg-success\"];\n                    borderColor = V3_Colour[\"border-success\"];\n                    color = V3_Colour[\"text-success\"];\n                    break;\n                case \"yellow\":\n                    backgroundColor = V3_Colour[\"bg-warning\"];\n                    borderColor = V3_Colour[\"border-warning\"];\n                    color = V3_Colour[\"text-warning\"];\n                    break;\n                case \"red\":\n                    backgroundColor = V3_Colour[\"bg-error\"];\n                    borderColor = V3_Colour[\"border-error\"];\n                    color = V3_Colour[\"text-error\"];\n                    break;\n                case \"blue\":\n                    backgroundColor = V3_Colour[\"bg-info\"];\n                    borderColor = V3_Colour[\"border-info\"];\n                    color = V3_Colour[\"text-info\"];\n                    break;\n                case \"primary\":\n                    backgroundColor = V3_Colour[\"bg-primary-subtlest\"];\n                    borderColor = V3_Colour[\"border-primary\"];\n                    color = V3_Colour[\"text-primary\"];\n                    break;\n                default:\n                    backgroundColor = V3_Colour.bg;\n                    borderColor = V3_Colour.border;\n                    color = V3_Colour.text;\n                    break;\n            }\n        }\n\n        return css`\n            background: ${backgroundColor};\n            border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} ${borderColor};\n            color: ${color};\n        `;\n    }}\n`;\n\nexport const Label = styled.div`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: left;\n`;\n"],"names":["Wrapper","styled","div","V3_Radius","V3_Font","props","backgroundColor","borderColor","color","$type","V3_Colour","$color","bg","border","text","css","V3_Border","solid","Label"],"mappings":"uIAcO,MAAMA,EAAUC,EAAOC,GAAe;qBACxBC,EAAgB;;;;MAI/BC,EAAQ;;;;;;;;;MASPC,IACC,IAAIC,EACAC,EACAC,EAEJ,GAAoB,UAAhBH,EAAMI,MAEN,OADAD,EAAQE,EAAU,gBACVL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAU,sBAC5B,MACJ,IAAK,QACDJ,EAAkBI,EAAU,qBAC5B,MACJ,IAAK,SACDJ,EAAkBI,EAAU,qBAC5B,MACJ,IAAK,MACDJ,EAAkBI,EAAU,mBAC5B,MACJ,IAAK,OACDJ,EAAkBI,EAAU,kBAC5B,MACJ,IAAK,UACDJ,EAAkBI,EAAU,cAC5B,MACJ,QACIJ,EAAkBI,EAAU,mBAIpC,OAAQL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAU,eAC5BH,EAAcG,EAAU,iBACxBF,EAAQE,EAAU,gBAClB,MACJ,IAAK,QACDJ,EAAkBI,EAAU,cAC5BH,EAAcG,EAAU,kBACxBF,EAAQE,EAAU,gBAClB,MACJ,IAAK,SACDJ,EAAkBI,EAAU,cAC5BH,EAAcG,EAAU,kBACxBF,EAAQE,EAAU,gBAClB,MACJ,IAAK,MACDJ,EAAkBI,EAAU,YAC5BH,EAAcG,EAAU,gBACxBF,EAAQE,EAAU,cAClB,MACJ,IAAK,OACDJ,EAAkBI,EAAU,WAC5BH,EAAcG,EAAU,eACxBF,EAAQE,EAAU,aAClB,MACJ,IAAK,UACDJ,EAAkBI,EAAU,uBAC5BH,EAAcG,EAAU,kBACxBF,EAAQE,EAAU,gBAClB,MACJ,QACIJ,EAAkBI,EAAUE,GAC5BL,EAAcG,EAAUG,OACxBL,EAAQE,EAAUI,KAK9B,OAAOC,CAAG;0BACQT;sBACJU,EAAU,gBAAgBA,EAAUC,SAASV;qBAC9CC;SACZ;EAIIU,EAAQjB,EAAOC,GAAG;;;;;;"}

package/popover/popover-hoc.d.ts

@@ -1,4 +0,0 @@
-import type React from "react";
-import type { PopoverHOCOptionsProps, PopoverHOCProps } from "./types";
-/** @deprecated Use `PopoverTrigger` for improved positioning behaviour. This component will be removed in DS v3. */
-export declare const withPopover: <T extends object>(Component: React.ComponentType<T>, options: PopoverHOCOptionsProps) => (props: T & PopoverHOCProps) => JSX.Element;

package/popover/popover-hoc.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as s}from"react";import{r as n}from"../external/react-responsive/dist/react-responsive.js";import{MediaWidths as p}from"../v2_spec/media-spec.js";import{Popover as a}from"./popover.js";import{HOCWrapper as c,HOCTrigger as d}from"./popover.styles.js";const m=(m,v)=>l=>{const{onPopoverAppear:u,onPopoverDismiss:f}=l,b=e(l,["onPopoverAppear","onPopoverDismiss"]),h=v.trigger||"click",j=b,[g,x]=t(!1),L=i(null),M=n.useMediaQuery({maxWidth:p.mobileL});s((()=>{if(!M)return document.addEventListener("mousedown",P),()=>{document.removeEventListener("mousedown",P)}}),[g]);const P=e=>{L&&!L.current.contains(e.target)&&(g&&x(!1),f&&f())};return o(c,{id:"popover-hoc-wrapper",ref:L,children:[r(d,{id:`popover-hoc-trigger${v["data-testid"]&&`-${v["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===h||M)&&(x(!g),!g&&u&&u(),g&&f&&f())},onMouseEnter:()=>{"hover"!==h||M||x(!0)},onMouseLeave:()=>{"hover"===h&&g&&!M&&x(!1)},"aria-label":"popover-button",children:r(m,Object.assign({},j))}),r(a,{visible:g,id:v.id,"data-testid":v["data-testid"],onMobileClose:()=>{x(!1)},children:v.content})]})};export{m as withPopover};
-//# sourceMappingURL=popover-hoc.js.map

package/popover/popover-hoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-hoc.js","sources":["../../src/popover/popover-hoc.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\n\nimport { MediaWidths } from \"../v2_spec/media-spec\";\nimport { Popover } from \"./popover\";\nimport { HOCTrigger, HOCWrapper } from \"./popover.styles\";\nimport type { PopoverHOCOptionsProps, PopoverHOCProps } from \"./types\";\n\n/** @deprecated Use `PopoverTrigger` for improved positioning behaviour. This component will be removed in DS v3. */\nexport const withPopover =\n    <T extends object>(\n        Component: React.ComponentType<T>,\n        options: PopoverHOCOptionsProps\n    ) =>\n    // eslint-disable-next-line react/display-name\n    (props: T & PopoverHOCProps): JSX.Element => {\n        // =============================================================================\n        // CONST, STATE, REF\n        // =============================================================================\n        const { onPopoverAppear, onPopoverDismiss, ...otherProps } = props;\n        const triggerBehaviour = options.trigger || \"click\";\n        const innerProps = otherProps as T;\n        const [visible, setVisible] = useState<boolean>(false);\n        const nodeRef = useRef<HTMLDivElement>(null);\n        const isMobile = useMediaQuery({\n            maxWidth: MediaWidths.mobileL,\n        });\n\n        // =============================================================================\n        // EFFECTS\n        // =============================================================================\n        useEffect(() => {\n            // NOTE: Do not add mouse down event if it's mobile\n            if (isMobile) {\n                return;\n            }\n            document.addEventListener(\"mousedown\", handleMouseDownEvent);\n\n            return () => {\n                document.removeEventListener(\"mousedown\", handleMouseDownEvent);\n            };\n        }, [visible]);\n\n        // =============================================================================\n        // EVENT HANDLERS\n        // =============================================================================\n        const handleMouseDownEvent = (event: MouseEvent) => {\n            if (nodeRef && !(nodeRef.current as any).contains(event.target)) {\n                // outside click\n                if (visible) {\n                    setVisible(false);\n                }\n\n                if (onPopoverDismiss) onPopoverDismiss();\n            }\n        };\n\n        const handlePopoverMobileClose = () => {\n            setVisible(false);\n        };\n\n        const handleTriggerClick = (event: React.MouseEvent) => {\n            event.preventDefault();\n            if (triggerBehaviour === \"click\" || isMobile) {\n                setVisible(!visible);\n\n                if (!visible && onPopoverAppear) onPopoverAppear();\n                if (visible && onPopoverDismiss) onPopoverDismiss();\n            }\n        };\n\n        const handleOnMouseEnter = () => {\n            if (triggerBehaviour === \"hover\" && !isMobile) {\n                setVisible(true);\n            }\n        };\n\n        const handleOnMouseLeave = () => {\n            if (triggerBehaviour === \"hover\" && visible && !isMobile) {\n                setVisible(false);\n            }\n        };\n\n        // =============================================================================\n        // RENDER\n        // =============================================================================\n        return (\n            <HOCWrapper id=\"popover-hoc-wrapper\" ref={nodeRef}>\n                <HOCTrigger\n                    id={`popover-hoc-trigger${\n                        options[\"data-testid\"] && `-${options[\"data-testid\"]}`\n                    }`}\n                    type=\"button\"\n                    onClick={handleTriggerClick}\n                    onMouseEnter={handleOnMouseEnter}\n                    onMouseLeave={handleOnMouseLeave}\n                    aria-label=\"popover-button\"\n                >\n                    <Component {...innerProps} />\n                </HOCTrigger>\n                <Popover\n                    visible={visible}\n                    id={options.id}\n                    data-testid={options[\"data-testid\"]}\n                    onMobileClose={handlePopoverMobileClose}\n                >\n                    {options.content}\n                </Popover>\n            </HOCWrapper>\n        );\n    };\n"],"names":["withPopover","Component","options","props","onPopoverAppear","onPopoverDismiss","otherProps","__rest","triggerBehaviour","trigger","innerProps","visible","setVisible","useState","nodeRef","useRef","isMobile","useMediaQuery","maxWidth","MediaWidths","mobileL","useEffect","document","addEventListener","handleMouseDownEvent","removeEventListener","event","current","contains","target","_jsxs","HOCWrapper","id","ref","_jsx","HOCTrigger","type","onClick","preventDefault","onMouseEnter","onMouseLeave","children","Object","assign","Popover","onMobileClose","content"],"mappings":"4YAUaA,EACT,CACIC,EACAC,IAGHC,IAIG,MAAMC,gBAAEA,EAAeC,iBAAEA,GAAoCF,EAAfG,EAAUC,EAAKJ,EAAvD,CAAA,kBAAA,qBACAK,EAAmBN,EAAQO,SAAW,QACtCC,EAAaJ,GACZK,EAASC,GAAcC,GAAkB,GAC1CC,EAAUC,EAAuB,MACjCC,EAAWC,EAAAA,cAAc,CAC3BC,SAAUC,EAAYC,UAM1BC,GAAU,KAEN,IAAIL,EAKJ,OAFAM,SAASC,iBAAiB,YAAaC,GAEhC,KACHF,SAASG,oBAAoB,YAAaD,EAAqB,CAClE,GACF,CAACb,IAKJ,MAAMa,EAAwBE,IACtBZ,IAAaA,EAAQa,QAAgBC,SAASF,EAAMG,UAEhDlB,GACAC,GAAW,GAGXP,GAAkBA,IAC1B,EAgCJ,OACIyB,EAACC,GAAWC,GAAG,sBAAsBC,IAAKnB,YACtCoB,EAACC,GACGH,GAAI,sBACA9B,EAAQ,gBAAkB,IAAIA,EAAQ,mBAE1CkC,KAAK,SACLC,QAhCgBX,IACxBA,EAAMY,kBACmB,UAArB9B,GAAgCQ,KAChCJ,GAAYD,IAEPA,GAAWP,GAAiBA,IAC7BO,GAAWN,GAAkBA,IACrC,EA0BQkC,aAvBe,KACE,UAArB/B,GAAiCQ,GACjCJ,GAAW,EACf,EAqBQ4B,aAlBe,KACE,UAArBhC,GAAgCG,IAAYK,GAC5CJ,GAAW,EACf,EAewC,aACrB,iBAAgB6B,SAE3BP,EAACjC,EAASyC,OAAAC,OAAA,CAAA,EAAKjC,MAEnBwB,EAACU,GACGjC,QAASA,EACTqB,GAAI9B,EAAQ8B,GAAE,cACD9B,EAAQ,eACrB2C,cA/CqB,KAC7BjC,GAAW,EAAM,WAgDRV,EAAQ4C,YAEJ"}

package/popover-v2/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./popover";
-export * from "./popover-inline";
-export * from "./popover-trigger";
-export * from "./types";

package/popover-v2/index.js

@@ -1,2 +0,0 @@
-export{PopoverV2}from"./popover.js";export{PopoverInline}from"./popover-inline/popover-inline.js";export{PopoverTrigger}from"./popover-trigger.js";
-//# sourceMappingURL=index.js.map

package/popover-v2/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/popover-v2/popover-inline/popover-inline.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{PopoverTrigger as n}from"../popover-trigger.js";import{StyledText as o,StyledIcon as l}from"./popover-inline.styles.js";const i=i=>{var{ariaLabel:a,content:d,icon:s,underlineStyle:u="default",underlineHoverStyle:p="default"}=i,c=e(i,["ariaLabel","content","icon","underlineStyle","underlineHoverStyle"]);const m=!!d;return r(n,Object.assign({},c,{children:t(o,{"aria-label":null!=a?a:m?void 0:"More info",role:"button","aria-haspopup":"dialog",tabIndex:0,$defaultStyle:u,$hoverStyle:p,children:[d,s&&r(l,{$standalone:!m,children:s})]})}))};export{i as PopoverInline};
-//# sourceMappingURL=popover-inline.js.map

package/popover-v2/popover-inline/popover-inline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-inline.js","sources":["../../../src/popover-v2/popover-inline/popover-inline.tsx"],"sourcesContent":["import { PopoverTrigger } from \"../popover-trigger\";\nimport type { PopoverInlineProps } from \"../types\";\nimport { StyledIcon, StyledText } from \"./popover-inline.styles\";\n\nexport const PopoverInline = ({\n    ariaLabel,\n    content,\n    icon,\n    underlineStyle = \"default\",\n    underlineHoverStyle = \"default\",\n    ...otherProps\n}: PopoverInlineProps) => {\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const hasContent = !!content;\n\n    return (\n        <PopoverTrigger {...otherProps}>\n            <StyledText\n                aria-label={ariaLabel ?? (hasContent ? undefined : \"More info\")}\n                role=\"button\"\n                aria-haspopup=\"dialog\"\n                tabIndex={0}\n                $defaultStyle={underlineStyle}\n                $hoverStyle={underlineHoverStyle}\n            >\n                {content}\n                {icon && (\n                    <StyledIcon $standalone={!hasContent}>{icon}</StyledIcon>\n                )}\n            </StyledText>\n        </PopoverTrigger>\n    );\n};\n"],"names":["PopoverInline","_a","ariaLabel","content","icon","underlineStyle","underlineHoverStyle","otherProps","__rest","hasContent","_jsx","PopoverTrigger","Object","assign","children","_jsxs","StyledText","undefined","role","tabIndex","$defaultStyle","$hoverStyle","StyledIcon","$standalone"],"mappings":"mOAIO,MAAMA,EAAiBC,IAAA,IAAAC,UAC1BA,EAASC,QACTA,EAAOC,KACPA,EAAIC,eACJA,EAAiB,UAASC,oBAC1BA,EAAsB,WAASL,EAC5BM,EAAUC,EAAAP,EANa,uEAW1B,MAAMQ,IAAeN,EAErB,OACIO,EAACC,EAAcC,OAAAC,OAAA,GAAKN,EAAU,CAAAO,SAC1BC,EAACC,EAAU,CAAA,aACKd,QAAAA,EAAcO,OAAaQ,EAAY,YACnDC,KAAK,SAAQ,gBACC,SACdC,SAAU,EAACC,cACIf,EAAcgB,YAChBf,EAAmBQ,SAAA,CAE/BX,EACAC,GACGM,EAACY,EAAU,CAAAC,aAAed,EAAUK,SAAGV,SAGlC"}

package/popover-v2/popover-inline/popover-inline.styles.d.ts

@@ -1,11 +0,0 @@
-import type { PopoverInlineStyle } from "../types";
-interface StyledTextProps {
-    $defaultStyle: PopoverInlineStyle;
-    $hoverStyle: PopoverInlineStyle;
-}
-interface StyledIconProps {
-    $standalone: boolean;
-}
-export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTextProps>> & string;
-export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledIconProps>> & string;
-export {};

package/popover-v2/popover-inline/popover-inline.styles.js

@@ -1,22 +0,0 @@
-import e from"styled-components";import{V3_Colour as t}from"../../v3_theme/index.js";const n=e=>{switch(e){case"underline":return"text-decoration: underline 1px;";case"underline-dashed":return"text-decoration: underline dashed 1px;"}},r=e.span`
-    color: ${t["text-primary"]};
-    font-weight: 600;
-    text-underline-position: under;
-
-    ${({$defaultStyle:e})=>n(e)}
-
-    &:hover,
-    &:focus-visible {
-        color: ${t["text-hover"]};
-        ${({$hoverStyle:e})=>n(e)}
-    }
-
-    svg {
-        height: 1lh; // align vertically
-        width: 1em; // scale icon with font size
-        vertical-align: top;
-    }
-`,i=e.span`
-    ${e=>!e.$standalone&&"margin-left: 0.25rem;"}
-`;export{i as StyledIcon,r as StyledText};
-//# sourceMappingURL=popover-inline.styles.js.map

package/popover-v2/popover-inline/popover-inline.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-inline.styles.js","sources":["../../../src/popover-v2/popover-inline/popover-inline.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Colour } from \"../../v3_theme\";\nimport type { PopoverInlineStyle } from \"../types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\n\ninterface StyledTextProps {\n    $defaultStyle: PopoverInlineStyle;\n    $hoverStyle: PopoverInlineStyle;\n}\n\ninterface StyledIconProps {\n    $standalone: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst getTextStyle = (style: PopoverInlineStyle) => {\n    switch (style) {\n        case \"underline\":\n            return \"text-decoration: underline 1px;\";\n        case \"underline-dashed\":\n            return \"text-decoration: underline dashed 1px;\";\n    }\n};\n\nexport const StyledText = styled.span<StyledTextProps>`\n    color: ${V3_Colour[\"text-primary\"]};\n    font-weight: 600;\n    text-underline-position: under;\n\n    ${({ $defaultStyle }) => getTextStyle($defaultStyle)}\n\n    &:hover,\n    &:focus-visible {\n        color: ${V3_Colour[\"text-hover\"]};\n        ${({ $hoverStyle }) => getTextStyle($hoverStyle)}\n    }\n\n    svg {\n        height: 1lh; // align vertically\n        width: 1em; // scale icon with font size\n        vertical-align: top;\n    }\n`;\n\nexport const StyledIcon = styled.span<StyledIconProps>`\n    ${(props) => !props.$standalone && \"margin-left: 0.25rem;\"}\n`;\n"],"names":["getTextStyle","style","StyledText","styled","span","V3_Colour","$defaultStyle","$hoverStyle","StyledIcon","props","$standalone"],"mappings":"qFAqBA,MAAMA,EAAgBC,IAClB,OAAQA,GACJ,IAAK,YACD,MAAO,kCACX,IAAK,mBACD,MAAO,2CAINC,EAAaC,EAAOC,IAAqB;aACzCC,EAAU;;;;MAIjB,EAAGC,mBAAoBN,EAAaM;;;;iBAIzBD,EAAU;UACjB,EAAGE,iBAAkBP,EAAaO;;;;;;;;EAU/BC,EAAaL,EAAOC,IAAqB;MAC/CK,IAAWA,EAAMC,aAAe;"}

package/popover-v2/popover-trigger.d.ts

@@ -1,2 +0,0 @@
-import type { PopoverV2TriggerProps } from "./types";
-export declare const PopoverTrigger: ({ children, popoverContent, trigger: _trigger, position, zIndex, rootNode, customOffset, delay, onPopoverAppear, onPopoverDismiss, popoverAriaLabel, enableFlip, enableResize, overflow, triggerOnFocus, isModal, ...otherProps }: PopoverV2TriggerProps) => import("react/jsx-runtime").JSX.Element;

package/popover-v2/popover-trigger.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as o,Fragment as r,jsx as t}from"react/jsx-runtime";import{useFloating as i,autoUpdate as n,offset as l,flip as s,shift as a,limitShift as p,size as c,useClick as m,useDismiss as d,useHover as u,useFocus as v,useInteractions as f,FloatingPortal as g,FloatingFocusManager as h}from"@floating-ui/react";import{useState as b,useRef as j,useContext as x}from"react";import{r as y}from"../external/react-responsive/dist/react-responsive.js";import{ThemeContext as O}from"styled-components";import{useFloatingChild as F}from"../overlay/use-floating-context.js";import{useInheritedThemeScope as P}from"../theme/theme-provider/hooks.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as M}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{V3_Breakpoint as w}from"../v3_theme/index.js";import{PopoverV2 as z}from"./popover.js";import{TriggerContainer as A}from"./popover-trigger.styles.js";const C=C=>{var k,E,{children:H,popoverContent:L,trigger:R="click",position:D="top",zIndex:I,rootNode:_,customOffset:N,delay:S,onPopoverAppear:T,onPopoverDismiss:B,popoverAriaLabel:Q,enableFlip:W=!0,enableResize:$=!1,overflow:q="auto",triggerOnFocus:G=!1,isModal:J=!0}=C,K=e(C,["children","popoverContent","trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal"]);const[U,V]=b(!1),X=j(null),Y=j(null),Z=x(O),ee=w["sm-max"]({theme:Z}),oe=y.useMediaQuery({maxWidth:ee}),[re,te]=b(0),ie=`${j(M.generate()).current}-popover`,{refs:ne,floatingStyles:le,context:se}=i({open:U,placement:D,whileElementsMounted:n,middleware:[l(null!=N?N:16),W&&s(),a({limiter:p()}),$&&c({apply({availableHeight:e}){te(e)}})],onOpenChange:e=>{V(e),U!==e&&je(e)}}),ae=F(),{themeProps:pe,themeStyle:ce}=P(U),me="hover"===(oe?"click":R),de=m(se,{ignoreMouse:me}),ue=d(se),ve=u(se,{enabled:me,delay:{open:null!==(k=null==S?void 0:S.open)&&void 0!==k?k:0,close:null!==(E=null==S?void 0:S.close)&&void 0!==E?E:500}}),fe=v(se,{enabled:G}),{getReferenceProps:ge,getFloatingProps:he}=f([de,ue,ve,fe]),be=()=>{V(!1),je(!1)},je=e=>{e&&T&&T(),!e&&B&&B()};return o(r,{children:[t(A,Object.assign({ref:e=>{X.current=e,ne.setReference(e)}},ge({onClick:e=>{e.stopPropagation(),e.preventDefault()}}),K,{children:H})),U&&t(g,{root:_,children:t(h,Object.assign({context:se},!J&&{initialFocus:-1,returnFocus:!1,modal:!1},{children:t("div",Object.assign({ref:e=>{Y.current=e,ne.setFloating(e)}},pe,{onBlur:e=>{var o;const r=null!==(o=e.relatedTarget)&&void 0!==o?o:document.activeElement;r&&(e=>{var o;if(!e)return!1;if(e instanceof HTMLElement&&e.hasAttribute("data-floating-ui-focus-guard"))return!0;const r=X.current,t=null===(o=Y.current)||void 0===o?void 0:o.parentElement;return!!r&&r.contains(e)||!!t&&t.contains(e)})(r)||(V(!1),je(!1))},style:Object.assign(Object.assign(Object.assign({},ce),le),{outline:"none",zIndex:null!=I?I:ae})},he(),{children:"function"==typeof L?L($?{maxHeight:re,overflow:q}:{}):t(z,{visible:!0,onMobileClose:be,maxHeight:$?re:void 0,overflow:$?q:void 0,ariaLabel:Q,id:ie,children:L})}))}))})]})};export{C as PopoverTrigger};
-//# sourceMappingURL=popover-trigger.js.map

package/popover-v2/popover-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.js","sources":["../../src/popover-v2/popover-trigger.tsx"],"sourcesContent":["import {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingPortal,\n    limitShift,\n    offset,\n    shift,\n    size,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n} from \"@floating-ui/react\";\nimport type React from \"react\";\nimport { useContext, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { useFloatingChild } from \"../overlay/use-floating-context\";\nimport { useInheritedThemeScope } from \"../theme/theme-provider/hooks\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { V3_Breakpoint } from \"../v3_theme\";\nimport { PopoverV2 } from \"./popover\";\nimport { TriggerContainer } from \"./popover-trigger.styles\";\nimport type { PopoverV2TriggerProps, PopoverV2TriggerType } from \"./types\";\n\nexport const PopoverTrigger = ({\n    children,\n    popoverContent,\n    trigger: _trigger = \"click\",\n    position = \"top\",\n    zIndex,\n    rootNode,\n    customOffset,\n    delay,\n    onPopoverAppear,\n    onPopoverDismiss,\n    popoverAriaLabel,\n    enableFlip = true,\n    enableResize = false,\n    overflow = \"auto\",\n    triggerOnFocus = false,\n    isModal = true,\n    ...otherProps\n}: PopoverV2TriggerProps) => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const [visible, setVisible] = useState<boolean>(false);\n    const nodeRef = useRef<HTMLElement | null>(null);\n    const popoverRef = useRef<HTMLElement | null>(null);\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n    const [availableHeight, setAvailableHeight] = useState(0);\n    const internalId = useRef(SimpleIdGenerator.generate());\n    const popoverContainerId = `${internalId.current}-popover`;\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: visible,\n        placement: position,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(customOffset ?? 16),\n            enableFlip && flip(),\n            shift({\n                limiter: limitShift(),\n            }),\n            enableResize &&\n                size({\n                    apply({ availableHeight }) {\n                        setAvailableHeight(availableHeight);\n                    },\n                }),\n        ],\n        onOpenChange: (isOpen) => {\n            setVisible(isOpen);\n\n            // this callback is triggering twice on hover, the check here prevents extra calls\n            if (visible !== isOpen) {\n                handleVisibilityChange(isOpen);\n            }\n        },\n    });\n    const parentZIndex = useFloatingChild();\n    const { themeProps, themeStyle } = useInheritedThemeScope(visible);\n\n    const trigger: PopoverV2TriggerType = isMobile ? \"click\" : _trigger;\n    const isTooltip = trigger === \"hover\";\n\n    const click = useClick(context, {\n        // allow trigger by Space/Enter, but disable mouse click in hover mode\n        ignoreMouse: isTooltip,\n    });\n\n    const dismiss = useDismiss(context);\n\n    const hover = useHover(context, {\n        enabled: isTooltip,\n        // short window to enter the floating element without it closing\n        delay: {\n            open: delay?.open ?? 0,\n            close: delay?.close ?? 500,\n        },\n    });\n\n    const focus = useFocus(context, {\n        enabled: triggerOnFocus,\n    });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        click,\n        dismiss,\n        hover,\n        focus,\n    ]);\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const isFocusInside = (node: Node | null) => {\n        if (!node) return false;\n\n        if (\n            node instanceof HTMLElement &&\n            node.hasAttribute(\"data-floating-ui-focus-guard\")\n        ) {\n            return true;\n        }\n\n        const refEl = nodeRef.current;\n        const floatingEl = popoverRef.current?.parentElement;\n\n        return (\n            (!!refEl && refEl.contains(node)) ||\n            (!!floatingEl && floatingEl.contains(node))\n        );\n    };\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handlePopoverMobileClose = () => {\n        setVisible(false);\n        handleVisibilityChange(false);\n    };\n\n    const handleVisibilityChange = (nextVisible: boolean) => {\n        if (nextVisible && onPopoverAppear) onPopoverAppear();\n        if (!nextVisible && onPopoverDismiss) onPopoverDismiss();\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n        const next =\n            (e.relatedTarget as Node | null) ??\n            (document.activeElement as Node | null);\n\n        if (next && isFocusInside(next)) return;\n\n        setVisible(false);\n        handleVisibilityChange(false);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderPopover = () => {\n        if (typeof popoverContent === \"function\") {\n            return popoverContent(\n                enableResize ? { maxHeight: availableHeight, overflow } : {}\n            );\n        }\n\n        return (\n            <PopoverV2\n                visible\n                onMobileClose={handlePopoverMobileClose}\n                maxHeight={enableResize ? availableHeight : undefined}\n                overflow={enableResize ? overflow : undefined}\n                ariaLabel={popoverAriaLabel}\n                id={popoverContainerId}\n            >\n                {popoverContent}\n            </PopoverV2>\n        );\n    };\n\n    return (\n        <>\n            <TriggerContainer\n                ref={(node) => {\n                    nodeRef.current = node;\n                    refs.setReference(node);\n                }}\n                {...getReferenceProps({\n                    onClick: (event) => {\n                        // prevent popover interaction from triggering click events on parents\n                        event.stopPropagation();\n                        event.preventDefault();\n                    },\n                })}\n                {...otherProps}\n            >\n                {children}\n            </TriggerContainer>\n            {visible && (\n                <FloatingPortal root={rootNode}>\n                    <FloatingFocusManager\n                        context={context}\n                        {...(!isModal && {\n                            initialFocus: -1,\n                            returnFocus: false,\n                            modal: false,\n                        })}\n                    >\n                        <div\n                            ref={(node) => {\n                                popoverRef.current = node;\n                                refs.setFloating(node);\n                            }}\n                            {...themeProps}\n                            onBlur={handleBlur}\n                            style={{\n                                ...themeStyle,\n                                ...floatingStyles,\n                                outline: \"none\",\n                                zIndex: zIndex ?? parentZIndex,\n                            }}\n                            {...getFloatingProps()}\n                        >\n                            {renderPopover()}\n                        </div>\n                    </FloatingFocusManager>\n                </FloatingPortal>\n            )}\n        </>\n    );\n};\n"],"names":["PopoverTrigger","_a","children","popoverContent","trigger","_trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal","otherProps","__rest","visible","setVisible","useState","nodeRef","useRef","popoverRef","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","availableHeight","setAvailableHeight","popoverContainerId","SimpleIdGenerator","generate","current","refs","floatingStyles","context","useFloating","open","placement","whileElementsMounted","autoUpdate","middleware","offset","flip","shift","limiter","limitShift","size","apply","onOpenChange","isOpen","handleVisibilityChange","parentZIndex","useFloatingChild","themeProps","themeStyle","useInheritedThemeScope","isTooltip","click","useClick","ignoreMouse","dismiss","useDismiss","hover","useHover","enabled","_b","close","_c","focus","useFocus","getReferenceProps","getFloatingProps","useInteractions","handlePopoverMobileClose","nextVisible","_jsxs","_Fragment","_jsx","TriggerContainer","Object","assign","ref","node","setReference","onClick","event","stopPropagation","preventDefault","FloatingPortal","root","FloatingFocusManager","initialFocus","returnFocus","modal","setFloating","onBlur","e","next","relatedTarget","document","activeElement","HTMLElement","hasAttribute","refEl","floatingEl","parentElement","contains","isFocusInside","style","outline","maxHeight","PopoverV2","onMobileClose","undefined","ariaLabel","id"],"mappings":"2/BA6BO,MAAMA,EAAkBC,aAAAC,SAC3BA,EAAQC,eACRA,EACAC,QAASC,EAAW,QAAOC,SAC3BA,EAAW,MAAKC,OAChBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,MACZA,EAAKC,gBACLA,EAAeC,iBACfA,EAAgBC,iBAChBA,EAAgBC,WAChBA,GAAa,EAAIC,aACjBA,GAAe,EAAKC,SACpBA,EAAW,OAAMC,eACjBA,GAAiB,EAAKC,QACtBA,GAAU,KACPC,EAAUC,EAAAnB,EAjBc,CAAA,WAAA,iBAAA,UAAA,WAAA,SAAA,WAAA,eAAA,QAAA,kBAAA,mBAAA,mBAAA,aAAA,eAAA,WAAA,iBAAA,YAsB3B,MAAOoB,EAASC,GAAcC,GAAkB,GAC1CC,EAAUC,EAA2B,MACrCC,EAAaD,EAA2B,MACxCE,EAAQC,EAAWC,GACnBC,GAAmBC,EAAc,UAAU,CAAEJ,UAC7CK,GAAWC,EAAAA,cAAc,CAAEC,SAAUJ,MACpCK,GAAiBC,IAAsBb,EAAS,GAEjDc,GAAqB,GADRZ,EAAOa,EAAkBC,YACHC,mBAEnCC,KAAEA,GAAIC,eAAEA,GAAcC,QAAEA,IAAYC,EAAY,CAClDC,KAAMxB,EACNyB,UAAWxC,EACXyC,qBAAsBC,EACtBC,WAAY,CACRC,EAAOzC,QAAAA,EAAgB,IACvBK,GAAcqC,IACdC,EAAM,CACFC,QAASC,MAEbvC,GACIwC,EAAK,CACD,KAAAC,EAAMrB,gBAAEA,IACJC,GAAmBD,EACvB,KAGZsB,aAAeC,IACXpC,EAAWoC,GAGPrC,IAAYqC,GACZC,GAAuBD,EAC3B,IAGFE,GAAeC,KACfC,WAAEA,GAAUC,WAAEA,IAAeC,EAAuB3C,GAGpD4C,GAAwB,WADQjC,GAAW,QAAU3B,GAGrD6D,GAAQC,EAASxB,GAAS,CAE5ByB,YAAaH,KAGXI,GAAUC,EAAW3B,IAErB4B,GAAQC,EAAS7B,GAAS,CAC5B8B,QAASR,GAETvD,MAAO,CACHmC,KAAiB,QAAX6B,EAAAhE,eAAAA,EAAOmC,YAAI,IAAA6B,EAAAA,EAAI,EACrBC,MAAmB,QAAZC,EAAAlE,eAAAA,EAAOiE,aAAK,IAAAC,EAAAA,EAAI,OAIzBC,GAAQC,EAASnC,GAAS,CAC5B8B,QAASxD,KAGP8D,kBAAEA,GAAiBC,iBAAEA,IAAqBC,EAAgB,CAC5Df,GACAG,GACAE,GACAM,KA4BEK,GAA2B,KAC7B5D,GAAW,GACXqC,IAAuB,EAAM,EAG3BA,GAA0BwB,IACxBA,GAAexE,GAAiBA,KAC/BwE,GAAevE,GAAkBA,GAAkB,EAsC5D,OACIwE,EAAAC,EAAA,CAAAnF,SAAA,CACIoF,EAACC,EAAgBC,OAAAC,OAAA,CACbC,IAAMC,IACFnE,EAAQgB,QAAUmD,EAClBlD,GAAKmD,aAAaD,EAAK,GAEvBZ,GAAkB,CAClBc,QAAUC,IAENA,EAAMC,kBACND,EAAME,gBAAgB,IAG1B7E,EAAU,CAAAjB,SAEbA,KAEJmB,GACGiE,EAACW,EAAc,CAACC,KAAM1F,EAAQN,SAC1BoF,EAACa,EAAoBX,OAAAC,OAAA,CACjB9C,QAASA,KACHzB,GAAW,CACbkF,cAAc,EACdC,aAAa,EACbC,OAAO,aAGXhB,EAAA,MAAAE,OAAAC,OAAA,CACIC,IAAMC,IACFjE,EAAWc,QAAUmD,EACrBlD,GAAK8D,YAAYZ,EAAK,GAEtB7B,GAAU,CACd0C,OArEJC,UAChB,MAAMC,EAC8B,QAAhCzG,EAACwG,EAAEE,qBAA6B,IAAA1G,EAAAA,EAC/B2G,SAASC,cAEVH,GArCc,CAACf,UACnB,IAAKA,EAAM,OAAO,EAElB,GACIA,aAAgBmB,aAChBnB,EAAKoB,aAAa,gCAElB,OAAO,EAGX,MAAMC,EAAQxF,EAAQgB,QAChByE,EAA+B,QAAlBhH,EAAAyB,EAAWc,eAAO,IAAAvC,OAAA,EAAAA,EAAEiH,cAEvC,QACOF,GAASA,EAAMG,SAASxB,MACxBsB,GAAcA,EAAWE,SAASxB,EAAM,EAsBnCyB,CAAcV,KAE1BpF,GAAW,GACXqC,IAAuB,GAAM,EA8DT0D,MAAK7B,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACE1B,IACArB,IAAc,CACjB4E,QAAS,OACT/G,OAAQA,QAAAA,EAAUqD,MAElBoB,KAAkB,CAAA9E,SA7DZ,mBAAnBC,EACAA,EACHY,EAAe,CAAEwG,UAAWpF,GAAiBnB,YAAa,IAK9DsE,EAACkC,EAAS,CACNnG,SAAO,EACPoG,cAAevC,GACfqC,UAAWxG,EAAeoB,QAAkBuF,EAC5C1G,SAAUD,EAAeC,OAAW0G,EACpCC,UAAW9G,EACX+G,GAAIvF,GAAkBnC,SAErBC,cAqDN"}

package/popover-v2/popover-trigger.styles.d.ts

@@ -1 +0,0 @@
-export declare const TriggerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/popover-v2/popover-trigger.styles.js

@@ -1,7 +0,0 @@
-import t from"styled-components";const i=t.div`
-    display: inline;
-    width: fit-content;
-    cursor: pointer;
-    position: relative;
-`;export{i as TriggerContainer};
-//# sourceMappingURL=popover-trigger.styles.js.map

package/popover-v2/popover-trigger.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.styles.js","sources":["../../src/popover-v2/popover-trigger.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const TriggerContainer = styled.div`\n    display: inline;\n    width: fit-content;\n    cursor: pointer;\n    position: relative;\n`;\n"],"names":["TriggerContainer","styled","div"],"mappings":"iCAKO,MAAMA,EAAmBC,EAAOC,GAAG;;;;;"}

package/popover-v2/popover.d.ts

@@ -1,2 +0,0 @@
-import type { PopoverV2Props } from "./types";
-export declare const PopoverV2: ({ children, visible, onMobileClose, maxHeight, overflow, ariaLabel, id, ...otherProps }: PopoverV2Props) => JSX.Element;

package/popover-v2/popover.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as o,Fragment as r,jsx as i}from"react/jsx-runtime";import{useContext as t}from"react";import{r as l}from"../external/react-responsive/dist/react-responsive.js";import{ThemeContext as a}from"styled-components";import{ModalV2 as n}from"../modal-v2/index.js";import{Typography as s}from"../typography/index.js";import{V3_Breakpoint as m}from"../v3_theme/index.js";import{PopoverContainer as d,PopoverCard as p}from"./popover.styles.js";const c=c=>{var{children:h,visible:f,onMobileClose:v,maxHeight:x,overflow:b,ariaLabel:u,id:g}=c,j=e(c,["children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id"]);const y=j["data-testid"]||"popover",C=t(a),M=m["sm-max"]({theme:C}),w=l.useMediaQuery({maxWidth:M}),H=()=>{v&&v()},_=()=>"string"==typeof h?i(s.BodyMD,{children:h}):h;return o(r,{children:[f&&i(d,Object.assign({tabIndex:0,"data-testid":y},j,{id:g,role:"dialog","aria-label":null!=u?u:"More information",children:i(p,{$maxHeight:x,$overflow:b,children:_()})})),w&&i(n,{show:null!=f&&f,onOverlayClick:H,onClose:H,id:g,role:"dialog","aria-label":null!=u?u:"More information",children:o(n.Card,{children:[i(n.Content,{children:_()}),i(n.CloseButton,{})]})})]})};export{c as PopoverV2};
-//# sourceMappingURL=popover.js.map

package/popover-v2/popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","sources":["../../src/popover-v2/popover.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { ModalV2 } from \"../modal-v2\";\nimport { Typography } from \"../typography\";\nimport { V3_Breakpoint } from \"../v3_theme\";\nimport { PopoverCard, PopoverContainer } from \"./popover.styles\";\nimport type { PopoverV2Props } from \"./types\";\n\nexport const PopoverV2 = ({\n    children,\n    visible,\n    onMobileClose,\n    maxHeight,\n    overflow,\n    ariaLabel,\n    id,\n    ...otherProps\n}: PopoverV2Props): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const testId = otherProps[\"data-testid\"] || \"popover\";\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleMobileClose = () => {\n        if (onMobileClose) {\n            onMobileClose();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderContent = () =>\n        typeof children === \"string\" ? (\n            <Typography.BodyMD>{children}</Typography.BodyMD>\n        ) : (\n            children\n        );\n\n    return (\n        <>\n            {visible && (\n                <PopoverContainer\n                    tabIndex={0}\n                    data-testid={testId}\n                    {...otherProps}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel ?? \"More information\"}\n                >\n                    <PopoverCard $maxHeight={maxHeight} $overflow={overflow}>\n                        {renderContent()}\n                    </PopoverCard>\n                </PopoverContainer>\n            )}\n            {isMobile && (\n                <ModalV2\n                    show={visible ?? false}\n                    onOverlayClick={handleMobileClose}\n                    onClose={handleMobileClose}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel ?? \"More information\"}\n                >\n                    <ModalV2.Card>\n                        <ModalV2.Content>{renderContent()}</ModalV2.Content>\n                        <ModalV2.CloseButton />\n                    </ModalV2.Card>\n                </ModalV2>\n            )}\n        </>\n    );\n};\n"],"names":["PopoverV2","_a","children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id","otherProps","__rest","testId","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","handleMobileClose","renderContent","_jsx","Typography","BodyMD","_jsxs","_Fragment","PopoverContainer","Object","assign","tabIndex","role","PopoverCard","$maxHeight","$overflow","ModalV2","show","onOverlayClick","onClose","Card","Content","CloseButton"],"mappings":"6eAUO,MAAMA,EAAaC,IAAA,IAAAC,SACtBA,EAAQC,QACRA,EAAOC,cACPA,EAAaC,UACbA,EAASC,SACTA,EAAQC,UACRA,EAASC,GACTA,GAAEP,EACCQ,EAAUC,EAAAT,EARS,gFAatB,MAAMU,EAASF,EAAW,gBAAkB,UACtCG,EAAQC,EAAWC,GACnBC,EAAmBC,EAAc,UAAU,CAAEJ,UAC7CK,EAAWC,EAAAA,cAAc,CAAEC,SAAUJ,IAKrCK,EAAoB,KAClBhB,GACAA,GACJ,EAMEiB,EAAgB,IACE,iBAAbnB,EACHoB,EAACC,EAAWC,OAAM,CAAAtB,SAAEA,IAA6B,EAKzD,OACIuB,EAAAC,EAAA,CAAAxB,SAAA,CACKC,GACGmB,EAACK,EAAgBC,OAAAC,OAAA,CACbC,SAAU,EAAC,cACEnB,GACTF,EAAU,CACdD,GAAIA,EACJuB,KAAK,SAAQ,aACDxB,QAAAA,EAAa,mBAAkBL,SAE3CoB,EAACU,EAAW,CAAAC,WAAa5B,EAAS6B,UAAa5B,EAAQJ,SAClDmB,SAIZJ,GACGK,EAACa,EAAO,CACJC,KAAMjC,SAAAA,EACNkC,eAAgBjB,EAChBkB,QAASlB,EACTZ,GAAIA,EACJuB,KAAK,SAAQ,aACDxB,QAAAA,EAAa,mBAAkBL,SAE3CuB,EAACU,EAAQI,gBACLjB,EAACa,EAAQK,QAAO,CAAAtC,SAAEmB,MAClBC,EAACa,EAAQM,YAAW,WAIjC"}

package/popover-v2/popover.styles.d.ts

@@ -1,10 +0,0 @@
-import type { PopoverOverflowType } from "./types";
-interface PopoverCardStyleProps {
-    $overflow?: PopoverOverflowType | undefined;
-    $maxHeight?: number | undefined;
-}
-export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PopoverCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../card/types").CardProps, PopoverCardStyleProps>> & string & Omit<({ children, ...otherProps }: import("../card/types").CardProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const MobileModalBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ModalBoxProps, never>> & string & Omit<({ id, children, onClose, showCloseButton, ...otherProps }: import("..").ModalBoxProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};