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

package/cjs/input-range-select/input-range-select.style.js

@@ -1,36 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../shared/input-wrapper/input-wrapper.js");require("../theme/theme-provider/index.js"),require("react"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var t=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var i=require("../theme/tokens/spacing.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var o=require("../v3_theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e);const s=a.default.button`
-    height: auto;
-    padding: ${i.Spacing["spacing-12"]} ${i.Spacing["spacing-16"]};
-    cursor: pointer;
-    color: ${t.Colour.icon};
-
-    /* Position styles */
-    position: absolute;
-    right: 0;
-    padding-left: ${o.V3_Spacing["spacing-8"]};
-    margin-right: 0;
-`,u=a.default(r.InputWrapper)`
-    height: 3rem;
-`,p=a.default.button`
-    appearance: none;
-    border: 0;
-    background: transparent;
-    display: flex;
-    flex: 1;
-    color: ${o.V3_Colour.text};
-
-    &:focus,
-    &:active {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${o.V3_Colour["border-focus"]};
-        border-radius: 4px;
-    }
-
-    &:disabled {
-        cursor: not-allowed;
-    }
-`;exports.ClearIconContainer=s,exports.RangeSelectorButton=p,exports.StyledInputWrapper=u;
-//# sourceMappingURL=input-range-select.style.js.map

package/cjs/input-range-select/input-range-select.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-range-select.style.js","sources":["../../../src/input-range-select/input-range-select.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\nimport { V3_Colour, V3_Spacing } from \"../v3_theme\";\n\nexport const ClearIconContainer = styled.button`\n    height: auto;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    cursor: pointer;\n    color: ${Colour.icon};\n\n    /* Position styles */\n    position: absolute;\n    right: 0;\n    padding-left: ${V3_Spacing[\"spacing-8\"]};\n    margin-right: 0;\n`;\n\nexport const StyledInputWrapper = styled(InputWrapper)`\n    height: 3rem;\n`;\n\nexport const RangeSelectorButton = styled.button`\n    appearance: none;\n    border: 0;\n    background: transparent;\n    display: flex;\n    flex: 1;\n    color: ${V3_Colour.text};\n\n    &:focus,\n    &:active {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${V3_Colour[\"border-focus\"]};\n        border-radius: 4px;\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n"],"names":["ClearIconContainer","styled","button","Spacing","Colour","icon","V3_Spacing","StyledInputWrapper","InputWrapper","RangeSelectorButton","V3_Colour","text"],"mappings":"utBAMO,MAAMA,EAAqBC,EAAAA,QAAOC,MAAM;;eAEhCC,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;;aAEnCC,EAAAA,OAAOC;;;;;oBAKAC,EAAAA,WAAW;;EAIlBC,EAAqBN,EAAAA,QAAOO,EAAAA,aAAa;;EAIzCC,EAAsBR,EAAAA,QAAOC,MAAM;;;;;;aAMnCQ,EAAAA,UAAUC;;;;;;;;6BAQMD,EAAAA,UAAU;;;;;;;"}

package/cjs/language-switcher/dropdown-variant.style.js

@@ -1,62 +0,0 @@
-"use strict";var e=require("styled-components");require("react/jsx-runtime"),require("clsx"),require("react"),require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js");var r=require("../theme/tokens/border.js"),o=require("../theme/tokens/colour.js"),s=require("../theme/tokens/font.js");require("../theme/tokens/media-query.js");var i=require("../theme/tokens/radius.js"),t=require("../theme/tokens/spacing.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../shared/dropdown-list/dropdown-label.styles_1dwmd8f.css"),require("../shared/dropdown-list/dropdown-list.js"),require("../shared/dropdown-list/dropdown-list-state.js");var d=require("../shared/dropdown-list/expandable-element.js");require("@lifesg/react-icons/caret-right"),require("@lifesg/react-icons/exclamation-circle-fill"),require("@lifesg/react-icons/minus-square-fill"),require("@lifesg/react-icons/square"),require("@lifesg/react-icons/square-tick-fill"),require("@lifesg/react-icons/tick"),require("react-virtuoso"),require("../markup/markup.js"),require("../_virtual/_tslib.js"),require("../shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css"),require("../shared/dropdown-wrapper/element-with-dropdown.js"),require("../shared/input-wrapper/input-wrapper.js"),require("../shared/dropdown-list/dropdown-list.styles_1qveyb9.css"),require("../shared/dropdown-list/dropdown-search.js"),require("../shared/dropdown-list/nested-dropdown-list.styles_wdhxoe.css"),require("immer"),require("../external/lodash/_getTag.js"),require("../external/lodash/isArguments.js"),require("../external/lodash/_baseGetTag.js"),require("../external/lodash/isBuffer.js"),require("../external/lodash/isTypedArray.js"),require("../external/lodash/_Stack.js"),require("../external/lodash/_SetCache.js"),require("../external/lodash/_equalByTag.js"),require("../shared/dropdown-list/virtuoso-components.js");var a=require("../shared/dropdown-list/expandable-element.styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(e);const u=n.default(d.ExpandableElement)`
-    min-width: 9rem;
-    width: auto;
-    ${s.Font["body-md-semibold"]}
-    color: ${o.Colour["text-primary"]};
-    height: 2.5rem;
-    padding: 0 ${t.Spacing["spacing-16"]};
-    border-radius: ${i.Radius.sm};
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${o.Colour.border};
-    background: ${o.Colour.bg};
-
-    .${a.iconContainer} {
-        margin-left: auto;
-
-        svg {
-            color: ${o.Colour["text-selected"]};
-        }
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${o.Colour["focus-ring"]};
-        outline-offset: -2px;
-    }
-`,c=e.css`
-    display: flex;
-    align-items: center;
-
-    svg {
-        height: 1rem;
-        width: 1rem;
-    }
-`,p=n.default.span`
-    ${c}
-    color: ${o.Colour["icon-primary"]};
-`,q=n.default.div`
-    border-radius: ${i.Radius.sm};
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${o.Colour.border};
-    background: ${o.Colour.bg};
-    overflow: hidden;
-`,h=n.default.ul`
-    list-style: none;
-    margin: 0;
-    padding: ${t.Spacing["spacing-8"]};
-`,m=n.default.li`
-    align-items: center;
-    ${s.Font["body-md-regular"]}
-    color: ${o.Colour.text};
-
-    &:hover {
-        background: ${o.Colour["bg-hover-subtle"]};
-    }
-
-    ${r=>r.$selected&&e.css`
-            background: transparent;
-            color: ${o.Colour["text-selected"]};
-
-            &:hover {
-                background: ${o.Colour["bg-hover"]};
-            }
-        `}
-`;exports.DropdownItem=m,exports.DropdownList=h,exports.DropdownPanel=q,exports.LanguageIconWrapper=p,exports.StyledExpandableElement=u;
-//# sourceMappingURL=dropdown-variant.style.js.map

package/cjs/language-switcher/dropdown-variant.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-variant.style.js","sources":["../../../src/language-switcher/dropdown-variant.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ExpandableElement } from \"../shared/dropdown-list\";\nimport {\n    baseIndicatorStyle,\n    selectedIndicator,\n} from \"../shared/dropdown-list/dropdown-list.styles\";\nimport { iconContainer } from \"../shared/dropdown-list/expandable-element.styles\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// TRIGGER STYLES\n// =============================================================================\nexport const StyledExpandableElement = styled(ExpandableElement)`\n    min-width: 9rem;\n    width: auto;\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-primary\"]};\n    height: 2.5rem;\n    padding: 0 ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n\n    .${iconContainer} {\n        margin-left: auto;\n\n        svg {\n            color: ${Colour[\"text-selected\"]};\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n\nconst IconWrapper = css`\n    display: flex;\n    align-items: center;\n\n    svg {\n        height: 1rem;\n        width: 1rem;\n    }\n`;\n\nexport const LanguageIconWrapper = styled.span`\n    ${IconWrapper}\n    color: ${Colour[\"icon-primary\"]};\n`;\n\n// =============================================================================\n// DROPDOWN STYLES\n// =============================================================================\nexport const DropdownPanel = styled.div`\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n    overflow: hidden;\n`;\n\nexport const DropdownList = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\nexport { baseIndicatorStyle, selectedIndicator };\n\nexport const DropdownItem = styled.li<{ $selected: boolean }>`\n    align-items: center;\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-hover-subtle\"]};\n    }\n\n    ${(props) =>\n        props.$selected &&\n        css`\n            background: transparent;\n            color: ${Colour[\"text-selected\"]};\n\n            &:hover {\n                background: ${Colour[\"bg-hover\"]};\n            }\n        `}\n`;\n"],"names":["StyledExpandableElement","styled","ExpandableElement","Font","Colour","Spacing","Radius","Border","iconContainer","IconWrapper","css","LanguageIconWrapper","span","DropdownPanel","div","DropdownList","ul","DropdownItem","li","props","$selected"],"mappings":"yuEAaaA,EAA0BC,EAAAA,QAAOC,EAAAA,kBAAkB;;;MAG1DC,EAAAA,KAAK;aACEC,EAAAA,OAAO;;iBAEHC,EAAAA,QAAQ;qBACJC,EAAAA,OAAW;cAClBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKH,SAAe;kBACrDA,EAAAA,OAAW;;OAEtBI;;;;qBAIcJ,EAAAA,OAAO;;;;;6BAKCA,EAAAA,OAAO;;;EAK9BK,EAAcC,EAAAA,GAAG;;;;;;;;EAUVC,EAAsBV,EAAAA,QAAOW,IAAI;MACxCH;aACOL,EAAAA,OAAO;EAMPS,EAAgBZ,EAAAA,QAAOa,GAAG;qBAClBR,EAAAA,OAAW;cAClBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKH,SAAe;kBACrDA,EAAAA,OAAW;;EAIhBW,EAAed,EAAAA,QAAOe,EAAE;;;eAGtBX,EAAAA,QAAQ;EAKVY,EAAehB,EAAAA,QAAOiB,EAA0B;;MAEvDf,EAAAA,KAAK;aACEC,EAAAA,OAAa;;;sBAGJA,EAAAA,OAAO;;;MAGtBe,GACCA,EAAMC,WACNV,KAAG;;qBAEUN,EAAAA,OAAO;;;8BAGEA,EAAAA,OAAO;;;"}

package/cjs/language-switcher/link-container-variant.style.js

@@ -1,51 +0,0 @@
-"use strict";var e=require("styled-components");require("../theme/theme-provider/index.js"),require("react"),require("../theme/theme-provider/context.js");var r=require("../theme/tokens/border.js"),t=require("../theme/tokens/colour.js"),i=require("../theme/tokens/font.js");require("../theme/tokens/media-query.js");var o=require("../theme/tokens/motion.js"),n=require("../theme/tokens/radius.js"),s=require("../theme/tokens/spacing.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var u=a(e);const l=u.default.div`
-    display: inline-flex;
-    padding: ${s.Spacing["spacing-8"]} ${s.Spacing["spacing-16"]};
-    align-items: center;
-    border-radius: ${n.Radius.sm};
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${t.Colour.border};
-    background: ${t.Colour.bg};
-`,d=u.default.ul`
-    display: flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    align-items: center;
-    gap: 0 ${s.Spacing["spacing-8"]};
-    flex-wrap: wrap;
-`,c=u.default.li`
-    display: flex;
-    align-items: center;
-`,p=u.default.button`
-    display: flex;
-    padding: 0.25rem 0.5rem;
-    justify-content: center;
-    align-items: center;
-    gap: 0.625rem;
-    border: none;
-    border-radius: ${n.Radius.md};
-    ${i.Font["body-md-semibold"]}
-    color: ${t.Colour["text-subtler"]};
-    text-align: center;
-    transition: color ${o.Motion["duration-150"]} ${o.Motion["ease-default"]};
-
-    ${({$active:r})=>r?e.css`
-                  background: ${t.Colour["bg-primary-subtler"]};
-                  color: ${t.Colour["text-selected"]};
-                  cursor: default;
-              `:e.css`
-                  background: none;
-                  cursor: pointer;
-
-                  &:hover {
-                      color: ${t.Colour["text-hover"]};
-                      text-decoration: underline;
-                  }
-              `}
-
-    &:focus-visible {
-        outline: 2px solid ${t.Colour["focus-ring"]};
-        outline-offset: -2px;
-    }
-`;exports.LinkContainerWrapper=l,exports.LinkItem=p,exports.LinkList=d,exports.LinkListItem=c;
-//# sourceMappingURL=link-container-variant.style.js.map

package/cjs/language-switcher/link-container-variant.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-container-variant.style.js","sources":["../../../src/language-switcher/link-container-variant.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Border, Colour, Font, Motion, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LinkItemStyleProps {\n    $active?: boolean;\n}\n\n// =============================================================================\n// LINK CONTAINER STYLES\n// =============================================================================\nexport const LinkContainerWrapper = styled.div`\n    display: inline-flex;\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    align-items: center;\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const LinkList = styled.ul`\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    align-items: center;\n    gap: 0 ${Spacing[\"spacing-8\"]};\n    flex-wrap: wrap;\n`;\n\nexport const LinkListItem = styled.li`\n    display: flex;\n    align-items: center;\n`;\n\nexport const LinkItem = styled.button<LinkItemStyleProps>`\n    display: flex;\n    padding: 0.25rem 0.5rem;\n    justify-content: center;\n    align-items: center;\n    gap: 0.625rem;\n    border: none;\n    border-radius: ${Radius[\"md\"]};\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-subtler\"]};\n    text-align: center;\n    transition: color ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n\n    ${({ $active }) =>\n        $active\n            ? css`\n                  background: ${Colour[\"bg-primary-subtler\"]};\n                  color: ${Colour[\"text-selected\"]};\n                  cursor: default;\n              `\n            : css`\n                  background: none;\n                  cursor: pointer;\n\n                  &:hover {\n                      color: ${Colour[\"text-hover\"]};\n                      text-decoration: underline;\n                  }\n              `}\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n"],"names":["LinkContainerWrapper","styled","div","Spacing","Radius","Border","Colour","LinkList","ul","LinkListItem","li","LinkItem","button","Font","Motion","$active","css"],"mappings":"6sBAcO,MAAMA,EAAuBC,EAAAA,QAAOC,GAAG;;eAE/BC,EAAAA,QAAQ,gBAAgBA,EAAAA,QAAQ;;qBAE1BC,EAAAA,OAAW;cAClBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKC,SAAe;kBACrDA,EAAAA,OAAW;EAGhBC,EAAWN,EAAAA,QAAOO,EAAE;;;;;;aAMpBL,EAAAA,QAAQ;;EAIRM,EAAeR,EAAAA,QAAOS,EAAE;;;EAKxBC,EAAWV,EAAAA,QAAOW,MAA0B;;;;;;;qBAOpCR,EAAAA,OAAW;MAC1BS,EAAAA,KAAK;aACEP,EAAAA,OAAO;;wBAEIQ,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;MAEnD,EAAGC,aACDA,EACMC,KAAG;gCACeV,EAAAA,OAAO;2BACZA,EAAAA,OAAO;;gBAGpBU,KAAG;;;;;+BAKcV,EAAAA,OAAO;;;;;;6BAMTA,EAAAA,OAAO;;;"}

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

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

package/cjs/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":"obA4BaA,EAAoBC,EAAAA,QAAOC,EAAAA,WAAmC;;UAEjE,EAAGC,cAAgBA,EAAW,IAAMC,EAAAA,WAAW;;kBAEvC,EAAGD,WAAUE,iBACnBF,IAAaE,EAAc,UAAY;;EAItCC,EAAgBL,EAAAA,QAAOM,GAAc;;;;cAIpC,EAAGF,iBAAoBA,EAA0B,UAAZ;aACtC,EACLA,cACAG,iBAAiBC,EAAAA,UAAUC,KAC3BC,eAAeF,EAAAA,UAAU,mBACtBJ,EAAcG,EAAiBG;eAC3BP,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;;;;;;EAWzCQ,EAAiBX,EAAAA,QAAOM,GAAG;;;;EAM3BM,EAAeZ,EAAAA,QAAOa,aAAWC,OAAO;aACxCN,EAAAA,UAAU;EAGVO,EAAUf,EAAAA,QAAOgB,EAAAA,wBAAwB;oBAClCb,EAAAA,WAAW;aAClBK,EAAAA,UAAgB;EAOhBS,EAAgBjB,EAAAA,QAAOkB,IAAI;aAC3BV,EAAAA,UAAU;;mBAEJW,EAAAA,QAAQC,KAAK;EAGnBC,EAAqBrB,EAAAA,QAAOkB,IAAI;;;oBAGzBf,EAAAA,WAAW;EAGlBmB,EAAYtB,EAAAA,QAAOuB,EAAAA,wBAAwB;aAC3Cf,EAAAA,UAAU;oBACHL,EAAAA,WAAW;;;EAKlBqB,EAAaxB,EAAAA,QAAOkB,IAAI;aACxBV,EAAAA,UAAU;EAGViB,EAAwBzB,EAAAA,QAAO0B,EAAAA,YAAY;;;;;;;;;;MAUlDP,EAAAA,QAAQ;;;UAGJF;qBACWT,EAAAA,UAAU;;;EASlBmB,EAAoB3B,EAAAA,QAAO4B,MAAM;MACxCT,EAAAA,QAAQ;aACDX,EAAAA,UAAgB;;;;;;;;;;EAYhBqB,EAAoB7B,EAAAA,QAAOkB,IAAI;;EAI/BY,EAAwB9B,EAAAA,QAAOkB,IAAI;;;;aAInCV,EAAAA,UAAU;;;;;iBAKNW,EAAAA,QAAQC,KAAK;kBACZD,EAAAA,QAAQC,KAAK;;"}

package/cjs/masonry/index.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("./masonry.js");exports.Masonry=r.Masonry;
-//# sourceMappingURL=index.js.map

package/cjs/masonry/index.js.map

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

package/cjs/masonry/masonry.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("../_virtual/_tslib.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("./masonry.style.js");function n(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var s=n(t);const a={Grid:s.default.forwardRef(((t,n)=>{const{children:s}=t,a=r.__rest(t,["children"]);return e.jsx(i.GridContainer,Object.assign({ref:n},a,{children:s}))})),Tile:s.default.forwardRef(((t,n)=>{const{children:s}=t,a=r.__rest(t,["children"]);return e.jsx(i.TileContainer,Object.assign({ref:n},a,{children:s}))}))};exports.Masonry=a;
-//# sourceMappingURL=masonry.js.map

package/cjs/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":"yNAQA,MAiCaA,EAAU,CACnBC,KAAMC,EAAAA,QAAMC,YAlCM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAAA,OAAKJ,EAA9B,CAAA,aAEN,OACIK,MAACC,EAAAA,cAAaC,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW,IA0BpBO,KAAMX,EAAAA,QAAMC,YAnBM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAAA,OAAKJ,EAA9B,CAAA,aAEN,OACIK,MAACK,EAAAA,cAAaH,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW"}

package/cjs/masonry/masonry.style.js

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

package/cjs/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":"qKAeO,MAAMA,EAAgBC,EAAAA,QAAOC,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,KAAG;4CAC0BP,GAAa;;;;cAI3CQ,EAAAA,cAAcC,SAASC;;sBAEfX,EAAUG,IAAMH,EAAUK,IAAM;kCACpB,IAAME;;;;cAI1BE,EAAAA,cAAcC,SAASE;;sBAEfR,GAAe;kCACH,KAAOA,GAAe;;;SAG/C;EAIIS,EAAgBhB,EAAAA,QAAOC,GAAmB;;MAEhDC,IACC,MAAMe,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,GAAWpB,EAE9D,OAAOS,KAAG;2BACSM,GAAWE,GAAW;kBAC/BD,GAAUE,GAAU;;cAExBR,EAAAA,cAAcC,SAASC;+BACNK,GAAWE,GAAW;sBAC/BD,GAAUE,GAAU;;;cAG5BV,EAAAA,cAAcC,SAASE;+BACNM,GAAW,iBAAiBC,GAAU;;SAE5D;"}

package/cjs/popover/popover-hoc.js

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

package/cjs/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":["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":"8RAWI,CACIA,EACAC,IAGHC,IAIG,MAAMC,gBAAEA,EAAeC,iBAAEA,GAAoCF,EAAfG,EAAUC,EAAAA,OAAKJ,EAAvD,CAAA,kBAAA,qBACAK,EAAmBN,EAAQO,SAAW,QACtCC,EAAaJ,GACZK,EAASC,GAAcC,EAAAA,UAAkB,GAC1CC,EAAUC,EAAAA,OAAuB,MACjCC,EAAWC,EAAAA,uBAAAA,cAAc,CAC3BC,SAAUC,EAAAA,YAAYC,UAM1BC,EAAAA,WAAU,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,EAAAA,KAACC,EAAAA,YAAWC,GAAG,sBAAsBC,IAAKnB,YACtCoB,EAAAA,IAACC,EAAAA,YACGH,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,EAAAA,IAACjC,EAASyC,OAAAC,OAAA,CAAA,EAAKjC,MAEnBwB,EAAAA,IAACU,EAAAA,SACGjC,QAASA,EACTqB,GAAI9B,EAAQ8B,GAAE,cACD9B,EAAQ,eACrB2C,cA/CqB,KAC7BjC,GAAW,EAAM,WAgDRV,EAAQ4C,YAEJ"}

package/cjs/popover-v2/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./popover.js"),r=require("./popover-inline/popover-inline.js"),o=require("./popover-trigger.js");exports.PopoverV2=e.PopoverV2,exports.PopoverInline=r.PopoverInline,exports.PopoverTrigger=o.PopoverTrigger;
-//# sourceMappingURL=index.js.map

package/cjs/popover-v2/index.js.map

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

package/cjs/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 clsx from \"clsx\";\n\nimport { PopoverTrigger } from \"../popover-trigger\";\nimport type { PopoverInlineProps } from \"../types\";\nimport * as styles 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            <span\n                aria-label={ariaLabel ?? (hasContent ? undefined : \"More info\")}\n                role=\"button\"\n                aria-haspopup=\"dialog\"\n                tabIndex={0}\n                className={styles.popoverInlineText}\n                data-underline-style={underlineStyle}\n                data-underline-hover-style={underlineHoverStyle}\n            >\n                {content}\n                {icon && (\n                    <span\n                        className={clsx(\n                            hasContent && styles.popoverInlineIconWithContent\n                        )}\n                    >\n                        {icon}\n                    </span>\n                )}\n            </span>\n        </PopoverTrigger>\n    );\n};\n"],"names":["_a","ariaLabel","content","icon","underlineStyle","underlineHoverStyle","otherProps","__rest","hasContent","_jsx","PopoverTrigger","Object","assign","children","_jsxs","undefined","role","tabIndex","className","styles.popoverInlineText","clsx","styles.popoverInlineIconWithContent"],"mappings":"4RAM8BA,IAAA,IAAAC,UAC1BA,EAASC,QACTA,EAAOC,KACPA,EAAIC,eACJA,EAAiB,UAASC,oBAC1BA,EAAsB,WAASL,EAC5BM,EAAUC,EAAAA,OAAAP,EANa,uEAW1B,MAAMQ,IAAeN,EAErB,OACIO,MAACC,EAAAA,eAAcC,OAAAC,OAAA,CAAA,EAAKN,EAAU,CAAAO,SAC1BC,OAAA,OAAA,CAAA,aACgBb,QAAAA,EAAcO,OAAaO,EAAY,YACnDC,KAAK,SAAQ,gBACC,SACdC,SAAU,EACVC,UAAWC,2CACWf,EAAc,6BACRC,EAAmBQ,SAAA,CAE9CX,EACAC,GACGM,EAAAA,IAAA,OAAA,CACIS,UAAWE,EAAAA,QACPZ,GAAca,gCACjBR,SAEAV,SAIA"}

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

@@ -1,2 +0,0 @@
-"use strict";require("./popover-inline.styles_ziag9c.css");exports.popoverInlineIconWithContent="pf3txif",exports.popoverInlineText="p19t6gs0";
-//# sourceMappingURL=popover-inline.styles.js.map

package/cjs/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 { css } from \"@linaria/core\";\n\nimport { Colour } from \"../../theme\";\n\nexport const popoverInlineText = css`\n    color: ${Colour[\"text-primary\"]};\n    font-weight: 600;\n    text-underline-position: under;\n\n    &[data-underline-style=\"underline\"] {\n        text-decoration: underline 1px;\n    }\n\n    &[data-underline-style=\"underline-dashed\"] {\n        text-decoration: underline dashed 1px;\n    }\n\n    &:hover,\n    &:focus-visible {\n        color: ${Colour[\"text-hover\"]};\n    }\n\n    &[data-underline-hover-style=\"underline\"]:hover,\n    &[data-underline-hover-style=\"underline\"]:focus-visible {\n        text-decoration: underline 1px;\n    }\n\n    &[data-underline-hover-style=\"underline-dashed\"]:hover,\n    &[data-underline-hover-style=\"underline-dashed\"]:focus-visible {\n        text-decoration: underline dashed 1px;\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 popoverInlineIconWithContent = css`\n    margin-left: 0.25rem;\n`;\n"],"names":[],"mappings":"yIAuCyC,oCAnCX"}

package/cjs/popover-v2/popover-inline/popover-inline.styles_ziag9c.css

@@ -1,2 +0,0 @@
-.p19t6gs0{color:var(--fds-colour-text-primary);font-weight:600;text-underline-position:under;}.p19t6gs0[data-underline-style="underline"]{-webkit-text-decoration:underline 1px;text-decoration:underline 1px;}.p19t6gs0[data-underline-style="underline-dashed"]{-webkit-text-decoration:underline dashed 1px;text-decoration:underline dashed 1px;}.p19t6gs0:hover,.p19t6gs0:focus-visible{color:var(--fds-colour-text-hover);}.p19t6gs0[data-underline-hover-style="underline"]:hover,.p19t6gs0[data-underline-hover-style="underline"]:focus-visible{-webkit-text-decoration:underline 1px;text-decoration:underline 1px;}.p19t6gs0[data-underline-hover-style="underline-dashed"]:hover,.p19t6gs0[data-underline-hover-style="underline-dashed"]:focus-visible{-webkit-text-decoration:underline dashed 1px;text-decoration:underline dashed 1px;}.p19t6gs0 svg{height:1lh;width:1em;vertical-align:top;}
-.pf3txif{margin-left:0.25rem;}

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("@floating-ui/react"),i=require("clsx"),o=require("react"),n=require("../overlay/use-floating-context.js");require("../theme/theme-provider/index.js");var s=require("../theme/theme-provider/hooks.js");require("../theme/tokens/border.js");var a=require("../theme/tokens/breakpoint.js");require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var l=require("../theme/utils/media-query.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var u=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var c=require("../theme/utils/use-design-token.js"),d=require("./popover.js"),p=require("./popover-trigger.styles.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=v(i);exports.PopoverTrigger=i=>{var v,m,{children:f,popoverContent:h,trigger:j="click",position:q="top",zIndex:b,rootNode:x,customOffset:y,delay:F,onPopoverAppear:k,onPopoverDismiss:O,popoverAriaLabel:P,enableFlip:M=!0,enableResize:C=!1,overflow:S="auto",triggerOnFocus:w=!1,isModal:z=!0,className:I}=i,R=e.__rest(i,["children","popoverContent","trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal","className"]);const[A,D]=o.useState(!1),H=o.useRef(null),N=o.useRef(null),T=c.useDesignToken(a.Breakpoint["sm-max"]),E=l.useSafeMaxWidthMediaQuery(T),[L,_]=o.useState(0),B=`${u.useId()}-popover`,{refs:Q,floatingStyles:U,context:V}=t.useFloating({open:A,placement:q,whileElementsMounted:t.autoUpdate,middleware:[t.offset(null!=y?y:16),M&&t.flip(),t.shift({limiter:t.limitShift()}),C&&t.size({apply({availableHeight:e}){_(e)}})],onOpenChange:e=>{D(e),A!==e&&ie(e)}}),W=n.useFloatingChild(),{themeProps:$,themeStyle:G}=s.useInheritedThemeScope(A),J="hover"===(E?"click":j),K=t.useClick(V,{ignoreMouse:J}),X=t.useDismiss(V),Y=t.useHover(V,{enabled:J,delay:{open:null!==(v=null==F?void 0:F.open)&&void 0!==v?v:0,close:null!==(m=null==F?void 0:F.close)&&void 0!==m?m:500}}),Z=t.useFocus(V,{enabled:w}),{getReferenceProps:ee,getFloatingProps:re}=t.useInteractions([K,X,Y,Z]),te=()=>{D(!1),ie(!1)},ie=e=>{e&&k&&k(),!e&&O&&O()};return r.jsxs(r.Fragment,{children:[r.jsx("div",Object.assign({ref:e=>{H.current=e,Q.setReference(e)}},ee({onClick:e=>{e.stopPropagation(),e.preventDefault()}}),R,{className:g.default(p.triggerContainer,I),children:f})),A&&r.jsx(t.FloatingPortal,{root:x,children:r.jsx(t.FloatingFocusManager,Object.assign({context:V},!z&&{initialFocus:-1,returnFocus:!1,modal:!1},{children:r.jsx("div",Object.assign({ref:e=>{N.current=e,Q.setFloating(e)}},$,{onBlur:e=>{var r;if(z||E&&"function"!=typeof h)return;const t=null!==(r=e.relatedTarget)&&void 0!==r?r:document.activeElement;t&&(e=>{var r;if(!e)return!1;if(e instanceof HTMLElement&&e.hasAttribute("data-floating-ui-focus-guard"))return!0;const t=H.current,i=null===(r=N.current)||void 0===r?void 0:r.parentElement;return!!t&&t.contains(e)||!!i&&i.contains(e)})(t)||(D(!1),ie(!1))},style:Object.assign(Object.assign(Object.assign({},G),U),{outline:"none",zIndex:null!=b?b:W})},re(),{children:"function"==typeof h?h(C?{maxHeight:L,overflow:S}:{}):r.jsx(d.PopoverV2,{visible:!0,onMobileClose:te,maxHeight:C?L:void 0,overflow:C?S:void 0,ariaLabel:P,id:B,children:h})}))}))})]})};
-//# sourceMappingURL=popover-trigger.js.map

package/cjs/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 clsx from \"clsx\";\nimport type React from \"react\";\nimport { useRef, useState } from \"react\";\n\nimport { useFloatingChild } from \"../overlay/use-floating-context\";\nimport {\n    Breakpoint,\n    useDesignToken,\n    useInheritedThemeScope,\n    useSafeMaxWidthMediaQuery,\n} from \"../theme\";\nimport { useId } from \"../util\";\nimport { PopoverV2 } from \"./popover\";\nimport * as styles 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    className,\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 mobileBreakpoint = useDesignToken(Breakpoint[\"sm-max\"]);\n    const isMobile = useSafeMaxWidthMediaQuery(mobileBreakpoint);\n    const [availableHeight, setAvailableHeight] = useState(0);\n    const internalId = useId();\n    const popoverContainerId = `${internalId}-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        // On mobile, ModalV2 handles its own dismiss via onMobileClose\n        if (isModal || (isMobile && typeof popoverContent !== \"function\"))\n            return;\n\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            <div\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                className={clsx(styles.triggerContainer, className)}\n            >\n                {children}\n            </div>\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":["_a","children","popoverContent","trigger","_trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal","className","otherProps","__rest","visible","setVisible","useState","nodeRef","useRef","popoverRef","mobileBreakpoint","useDesignToken","Breakpoint","isMobile","useSafeMaxWidthMediaQuery","availableHeight","setAvailableHeight","popoverContainerId","useId","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","_jsx","Object","assign","ref","node","current","setReference","onClick","event","stopPropagation","preventDefault","clsx","styles.triggerContainer","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":"s8BAgC+BA,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,EAAIC,UACdA,GAASlB,EACNmB,EAAUC,SAAApB,EAlBc,CAAA,WAAA,iBAAA,UAAA,WAAA,SAAA,WAAA,eAAA,QAAA,kBAAA,mBAAA,mBAAA,aAAA,eAAA,WAAA,iBAAA,UAAA,cAuB3B,MAAOqB,EAASC,GAAcC,EAAAA,UAAkB,GAC1CC,EAAUC,EAAAA,OAA2B,MACrCC,EAAaD,EAAAA,OAA2B,MACxCE,EAAmBC,EAAAA,eAAeC,EAAAA,WAAW,WAC7CC,EAAWC,EAAAA,0BAA0BJ,IACpCK,EAAiBC,GAAsBV,EAAAA,SAAS,GAEjDW,EAAqB,GADRC,EAAAA,mBAGbC,KAAEA,EAAIC,eAAEA,EAAcC,QAAEA,GAAYC,EAAAA,YAAY,CAClDC,KAAMnB,EACNoB,UAAWpC,EACXqC,qBAAsBC,EAAAA,WACtBC,WAAY,CACRC,EAAAA,OAAOrC,QAAAA,EAAgB,IACvBK,GAAciC,EAAAA,OACdC,QAAM,CACFC,QAASC,EAAAA,eAEbnC,GACIoC,OAAK,CACD,KAAAC,EAAMnB,gBAAEA,IACJC,EAAmBD,EACvB,KAGZoB,aAAeC,IACX/B,EAAW+B,GAGPhC,IAAYgC,GACZC,GAAuBD,EAC3B,IAGFE,EAAeC,EAAAA,oBACfC,WAAEA,EAAUC,WAAEA,GAAeC,EAAAA,uBAAuBtC,GAGpDuC,EAAwB,WADQ9B,EAAW,QAAU1B,GAGrDyD,EAAQC,EAAAA,SAASxB,EAAS,CAE5ByB,YAAaH,IAGXI,EAAUC,EAAAA,WAAW3B,GAErB4B,EAAQC,EAAAA,SAAS7B,EAAS,CAC5B8B,QAASR,EAETnD,MAAO,CACH+B,KAAiB,QAAX6B,EAAA5D,eAAAA,EAAO+B,YAAI,IAAA6B,EAAAA,EAAI,EACrBC,MAAmB,QAAZC,EAAA9D,eAAAA,EAAO6D,aAAK,IAAAC,EAAAA,EAAI,OAIzBC,EAAQC,EAAAA,SAASnC,EAAS,CAC5B8B,QAASpD,KAGP0D,kBAAEA,GAAiBC,iBAAEA,IAAqBC,kBAAgB,CAC5Df,EACAG,EACAE,EACAM,IA4BEK,GAA2B,KAC7BvD,GAAW,GACXgC,IAAuB,EAAM,EAG3BA,GAA0BwB,IACxBA,GAAepE,GAAiBA,KAC/BoE,GAAenE,GAAkBA,GAAkB,EA0C5D,OACIoE,6BACIC,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACIC,IAAMC,IACF5D,EAAQ6D,QAAUD,EAClBhD,EAAKkD,aAAaF,EAAK,GAEvBV,GAAkB,CAClBa,QAAUC,IAENA,EAAMC,kBACND,EAAME,gBAAgB,IAG1BvE,EAAU,CACdD,UAAWyE,EAAAA,QAAKC,EAAAA,iBAAyB1E,GAAUjB,SAElDA,KAEJoB,GACG2D,EAAAA,IAACa,iBAAc,CAACC,KAAMvF,EAAQN,SAC1B+E,EAAAA,IAACe,EAAAA,qBAAoBd,OAAAC,OAAA,CACjB5C,QAASA,IACHrB,GAAW,CACb+E,cAAc,EACdC,aAAa,EACbC,OAAO,aAGXlB,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACIC,IAAMC,IACF1D,EAAW2D,QAAUD,EACrBhD,EAAK+D,YAAYf,EAAK,GAEtB3B,EAAU,CACd2C,OA1EJC,UAEhB,GAAIpF,GAAYa,GAAsC,mBAAnB5B,EAC/B,OAEJ,MAAMoG,EAC8B,QAAhCtG,EAACqG,EAAEE,qBAA6B,IAAAvG,EAAAA,EAC/BwG,SAASC,cAEVH,GAzCc,CAAClB,UACnB,IAAKA,EAAM,OAAO,EAElB,GACIA,aAAgBsB,aAChBtB,EAAKuB,aAAa,gCAElB,OAAO,EAGX,MAAMC,EAAQpF,EAAQ6D,QAChBwB,EAA+B,QAAlB7G,EAAA0B,EAAW2D,eAAO,IAAArF,OAAA,EAAAA,EAAE8G,cAEvC,QACOF,GAASA,EAAMG,SAAS3B,MACxByB,GAAcA,EAAWE,SAAS3B,EAAM,EA0BnC4B,CAAcV,KAE1BhF,GAAW,GACXgC,IAAuB,GAAM,EA+DT2D,MAAKhC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACExB,GACArB,GAAc,CACjB6E,QAAS,OACT5G,OAAQA,QAAAA,EAAUiD,KAElBoB,KAAkB,CAAA1E,SA9DZ,mBAAnBC,EACAA,EACHY,EAAe,CAAEqG,UAAWnF,EAAiBjB,YAAa,IAK9DiE,EAAAA,IAACoC,YAAS,CACN/F,SAAO,EACPgG,cAAexC,GACfsC,UAAWrG,EAAekB,OAAkBsF,EAC5CvG,SAAUD,EAAeC,OAAWuG,EACpCC,UAAW3G,EACX4G,GAAItF,EAAkBjC,SAErBC,cAsDN"}

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

@@ -1,2 +0,0 @@
-"use strict";require("./popover-trigger.styles_1yq7ffk.css");exports.triggerContainer="tg7uzp3";
-//# sourceMappingURL=popover-trigger.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.styles.js","sources":["../../../src/popover-v2/popover-trigger.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const triggerContainer = css`\n    display: inline;\n    width: fit-content;\n    cursor: pointer;\n    position: relative;\n`;\n"],"names":[],"mappings":"gHAE6B"}

package/cjs/popover-v2/popover-trigger.styles_1yq7ffk.css

@@ -1 +0,0 @@
-.tg7uzp3{display:inline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative;}

package/cjs/popover-v2/popover.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("clsx"),o=require("react"),s=require("../card/card.js"),a=require("../markup/markup.js"),t=require("../modal-v2/index.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var l=require("../theme/tokens/breakpoint.js");require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var d=require("../theme/utils/media-query.js"),n=require("../theme/utils/use-apply-styles.js"),u=require("../theme/utils/use-design-token.js"),p=require("../typography/index.js"),h=require("./popover.styles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=m(i);exports.PopoverV2=i=>{var{children:m,visible:j=!1,onMobileClose:v,maxHeight:x,overflow:q,ariaLabel:y="More information",id:b,className:f,"data-testid":k="popover"}=i,C=e.__rest(i,["children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id","className","data-testid"]);const M=u.useDesignToken(l.Breakpoint["sm-max"]),g=d.useSafeMaxWidthMediaQuery(M),w=o.useRef(null),V=o.useMemo((()=>({[h.tokens.popoverCard.maxHeight]:void 0===x?null:`${x}px`,[h.tokens.popoverCard.overflowY]:null!=q?q:null})),[x,q]);n.useApplyStyle(w,V);const H=()=>{v&&v()},N=()=>"string"==typeof m?r.jsx(p.Typography.BodyMD,{children:m}):m;return r.jsxs(r.Fragment,{children:[j&&!g&&r.jsx("div",Object.assign({ref:w,tabIndex:0,"data-testid":k},C,{className:c.default(h.popoverContainer,f),id:b,role:"dialog","aria-label":y,children:r.jsx(s.Card,{className:c.default(h.popoverCard,void 0!==x&&h.popoverCardWithMaxHeight,q&&h.popoverCardWithOverflow),children:r.jsx(a.Markup,{baseTextSize:"body-md",children:N()})})})),g&&r.jsx(t.ModalV2,{show:j,onOverlayClick:H,onClose:H,id:b,role:"dialog","aria-label":y,children:r.jsxs(t.ModalV2.Card,{children:[r.jsx(t.ModalV2.Content,{children:r.jsx(a.Markup,{children:N()})}),r.jsx(t.ModalV2.CloseButton,{})]})})]})};
-//# sourceMappingURL=popover.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","sources":["../../../src/popover-v2/popover.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo, useRef } from \"react\";\n\nimport { Card } from \"../card\";\nimport { Markup } from \"../markup\";\nimport { ModalV2 } from \"../modal-v2\";\nimport {\n    Breakpoint,\n    useApplyStyle,\n    useDesignToken,\n    useSafeMaxWidthMediaQuery,\n} from \"../theme\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./popover.styles\";\nimport type { PopoverV2Props } from \"./types\";\n\nexport const PopoverV2 = ({\n    children,\n    visible = false,\n    onMobileClose,\n    maxHeight,\n    overflow,\n    ariaLabel = \"More information\",\n    id,\n    className,\n    \"data-testid\": testId = \"popover\",\n    ...otherProps\n}: PopoverV2Props): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const mobileBreakpoint = useDesignToken(Breakpoint[\"sm-max\"]);\n    const isMobile = useSafeMaxWidthMediaQuery(mobileBreakpoint);\n    const popoverContainerRef = useRef<HTMLDivElement>(null);\n    const popoverCardStyle = useMemo(\n        () => ({\n            [styles.tokens.popoverCard.maxHeight]:\n                maxHeight === undefined ? null : `${maxHeight}px`,\n            [styles.tokens.popoverCard.overflowY]: overflow ?? null,\n        }),\n        [maxHeight, overflow]\n    );\n    useApplyStyle(popoverContainerRef, popoverCardStyle);\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 && !isMobile && (\n                <div\n                    ref={popoverContainerRef}\n                    tabIndex={0}\n                    data-testid={testId}\n                    {...otherProps}\n                    className={clsx(styles.popoverContainer, className)}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel}\n                >\n                    <Card\n                        className={clsx(\n                            styles.popoverCard,\n                            maxHeight !== undefined &&\n                                styles.popoverCardWithMaxHeight,\n                            overflow && styles.popoverCardWithOverflow\n                        )}\n                    >\n                        <Markup baseTextSize=\"body-md\">\n                            {renderContent()}\n                        </Markup>\n                    </Card>\n                </div>\n            )}\n            {isMobile && (\n                <ModalV2\n                    show={visible}\n                    onOverlayClick={handleMobileClose}\n                    onClose={handleMobileClose}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel}\n                >\n                    <ModalV2.Card>\n                        <ModalV2.Content>\n                            <Markup>{renderContent()}</Markup>\n                        </ModalV2.Content>\n                        <ModalV2.CloseButton />\n                    </ModalV2.Card>\n                </ModalV2>\n            )}\n        </>\n    );\n};\n"],"names":["_a","children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id","className","testId","otherProps","__rest","mobileBreakpoint","useDesignToken","Breakpoint","isMobile","useSafeMaxWidthMediaQuery","popoverContainerRef","useRef","popoverCardStyle","useMemo","styles.tokens","popoverCard","undefined","overflowY","useApplyStyle","handleMobileClose","renderContent","_jsx","Typography","BodyMD","_jsxs","_Fragment","Object","assign","ref","tabIndex","clsx","styles.popoverContainer","role","Card","styles.popoverCard","styles.popoverCardWithMaxHeight","styles.popoverCardWithOverflow","Markup","baseTextSize","ModalV2","show","onOverlayClick","onClose","Content","CloseButton"],"mappings":"izBAgB0BA,IAAA,IAAAC,SACtBA,EAAQC,QACRA,GAAU,EAAKC,cACfA,EAAaC,UACbA,EAASC,SACTA,EAAQC,UACRA,EAAY,mBAAkBC,GAC9BA,EAAEC,UACFA,EACA,cAAeC,EAAS,WAAST,EAC9BU,EAAUC,EAAAA,OAAAX,EAVS,0GAetB,MAAMY,EAAmBC,EAAAA,eAAeC,EAAAA,WAAW,WAC7CC,EAAWC,EAAAA,0BAA0BJ,GACrCK,EAAsBC,EAAAA,OAAuB,MAC7CC,EAAmBC,EAAAA,SACrB,KAAA,CACI,CAACC,EAAAA,OAAcC,YAAYlB,gBACTmB,IAAdnB,EAA0B,KAAO,GAAGA,MACxC,CAACiB,EAAAA,OAAcC,YAAYE,WAAYnB,QAAAA,EAAY,QAEvD,CAACD,EAAWC,IAEhBoB,EAAAA,cAAcR,EAAqBE,GAKnC,MAAMO,EAAoB,KAClBvB,GACAA,GACJ,EAMEwB,EAAgB,IACE,iBAAb1B,EACH2B,EAAAA,IAACC,aAAWC,OAAM,CAAA7B,SAAEA,IAA6B,EAKzD,OACI8B,EAAAA,KAAAC,EAAAA,SAAA,CAAA/B,SAAA,CACKC,IAAYa,GACTa,MAAA,MAAAK,OAAAC,OAAA,CACIC,IAAKlB,EACLmB,SAAU,EAAC,cACE3B,GACTC,EAAU,CACdF,UAAW6B,EAAAA,QAAKC,EAAAA,iBAAyB9B,GACzCD,GAAIA,EACJgC,KAAK,SAAQ,aACDjC,EAASL,SAErB2B,EAAAA,IAACY,OAAI,CACDhC,UAAW6B,UACPI,EAAAA,iBACclB,IAAdnB,GACIsC,EAAAA,yBACJrC,GAAYsC,EAAAA,yBACf1C,SAED2B,EAAAA,IAACgB,EAAAA,OAAM,CAACC,aAAa,mBAChBlB,WAKhBZ,GACGa,EAAAA,IAACkB,EAAAA,QAAO,CACJC,KAAM7C,EACN8C,eAAgBtB,EAChBuB,QAASvB,EACTnB,GAAIA,EACJgC,KAAK,SAAQ,aACDjC,EAASL,SAErB8B,EAAAA,KAACe,EAAAA,QAAQN,KAAI,CAAAvC,SAAA,CACT2B,EAAAA,IAACkB,EAAAA,QAAQI,QAAO,CAAAjD,SACZ2B,EAAAA,IAACgB,SAAM,CAAA3C,SAAE0B,QAEbC,EAAAA,IAACkB,EAAAA,QAAQK,YAAW,CAAA,UAIjC"}

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

@@ -1,2 +0,0 @@
-"use strict";require("./popover.styles_lslc72.css");exports.popoverCard="pz2lvdt",exports.popoverCardWithMaxHeight="p1j0bvgi",exports.popoverCardWithOverflow="ps47yom",exports.popoverContainer="pcmd570",exports.tokens={popoverCard:{maxHeight:"--fds-internal-popoverV2-popoverCard-maxHeight",overflowY:"--fds-internal-popoverV2-popoverCard-overflowY"}};
-//# sourceMappingURL=popover.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.styles.js","sources":["../../../src/popover-v2/popover.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, MediaQuery, Radius } from \"../theme\";\n\nexport const tokens = {\n    popoverCard: {\n        maxHeight: \"--fds-internal-popoverV2-popoverCard-maxHeight\",\n        overflowY: \"--fds-internal-popoverV2-popoverCard-overflowY\",\n    },\n} as const;\n\nexport const popoverContainer = css`\n    max-width: 30rem;\n    padding: 0 1rem;\n    pointer-events: auto;\n    outline: none;\n`;\n\nexport const popoverCard = css`\n    color: ${Colour.text};\n\n    ${MediaQuery.MaxWidth.sm} {\n        display: none;\n    }\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${Radius.full};\n        background-clip: padding-box;\n    }\n`;\n\nexport const popoverCardWithMaxHeight = css`\n    ${tokens.popoverCard.maxHeight}: initial;\n    max-height: var(${tokens.popoverCard.maxHeight});\n`;\n\nexport const popoverCardWithOverflow = css`\n    ${tokens.popoverCard.overflowY}: initial;\n    overflow-y: var(${tokens.popoverCard.overflowY});\n`;\n"],"names":["popoverCard","maxHeight","overflowY"],"mappings":"kGAkBwB,2CAuBa,2CAKD,mCAnCP,yBAPP,CAClBA,YAAa,CACTC,UAAW,iDACXC,UAAW"}

package/cjs/popover-v2/popover.styles_lslc72.css

@@ -1,4 +0,0 @@
-.pcmd570{max-width:30rem;padding:0 1rem;pointer-events:auto;outline:none;}
-.pz2lvdt{color:var(--fds-colour-text);}:where(body.fds-breakpoint-sm-max) .pz2lvdt{display:none;}.pz2lvdt::-webkit-scrollbar{width:14px;}.pz2lvdt::-webkit-scrollbar-track{background:transparent;}.pz2lvdt::-webkit-scrollbar-thumb{background:var(--fds-colour-bg-inverse-subtlest);border:5px solid transparent;border-radius:var(--fds-radius-full);-webkit-background-clip:padding-box;background-clip:padding-box;}
-.p1j0bvgi{--fds-internal-popoverV2-popoverCard-maxHeight:initial;max-height:var(--fds-internal-popoverV2-popoverCard-maxHeight);}
-.ps47yom{--fds-internal-popoverV2-popoverCard-overflowY:initial;overflow-y:var(--fds-internal-popoverV2-popoverCard-overflowY);}

package/cjs/progress-indicator/progress-indicator.style.js

@@ -1,39 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../typography/index.js"),t=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default.div`
-    position: relative;
-    width: 100%;
-
-    margin: 2rem 0;
-
-    ${t.V3_MediaQuery.MaxWidth.xl} {
-        margin: 1.5rem 0;
-    }
-
-    ${t.V3_MediaQuery.MaxWidth.lg} {
-        margin: 1rem 0;
-    }
-`,l=i.default.div`
-    display: flex;
-    flex-basis: 0;
-    justify-content: space-between;
-    width: 100%;
-`,d=i.default.div`
-    height: 4px;
-    margin-bottom: ${t.V3_Spacing["spacing-8"]};
-    border-radius: ${t.V3_Radius.full};
-    ${e=>{const{$highlighted:r}=e;return`\n            background-color: ${(r?t.V3_Colour["bg-primary-subtle"]:t.V3_Colour["bg-disabled"])(e)};\n        `}};
-`,n=i.default(r.Typography.BodyMD)`
-    overflow-wrap: anywhere;
-    ${e=>{const{$highlighted:r}=e;return`color: ${(r?t.V3_Colour["text-primary"]:t.V3_Colour["text-disabled"])(e)};`}};
-`,s=i.default(r.Typography.BodyMD)`
-    overflow-wrap: anywhere;
-    color: ${t.V3_Colour.text};
-`,u=i.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-
-    &:not(:last-child) {
-        margin-right: ${"0.5rem"};
-    }
-`;exports.Content=l,exports.INDICATOR_BAR_MARGIN_RIGHT_TABLET=.5,exports.Indicator=u,exports.IndicatorBar=d,exports.IndicatorTitleDesktop=n,exports.IndicatorTitleTablet=s,exports.Wrapper=a;
-//# sourceMappingURL=progress-indicator.style.js.map

package/cjs/progress-indicator/progress-indicator.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-indicator.style.js","sources":["../../../src/progress-indicator/progress-indicator.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\n// Units in rem\nexport const INDICATOR_BAR_MARGIN_RIGHT_TABLET = 0.5;\n\n// =============================================================================\n// STYLE TYPES\n// =============================================================================\n\ninterface IndicatorProps {\n    $highlighted: boolean;\n}\n\n// =============================================================================\n// STYLE COMPONENTS\n// =============================================================================\nexport const Wrapper = styled.div`\n    position: relative;\n    width: 100%;\n\n    margin: 2rem 0;\n\n    ${V3_MediaQuery.MaxWidth.xl} {\n        margin: 1.5rem 0;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin: 1rem 0;\n    }\n`;\n\nexport const Content = styled.div`\n    display: flex;\n    flex-basis: 0;\n    justify-content: space-between;\n    width: 100%;\n`;\n\nexport const IndicatorBar = styled.div<IndicatorProps>`\n    height: 4px;\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    border-radius: ${V3_Radius[\"full\"]};\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? V3_Colour[\"bg-primary-subtle\"]\n            : V3_Colour[\"bg-disabled\"];\n        return `\n            background-color: ${color(props)};\n        `;\n    }};\n`;\n\nexport const IndicatorTitleDesktop = styled(Typography.BodyMD)<IndicatorProps>`\n    overflow-wrap: anywhere;\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? V3_Colour[\"text-primary\"]\n            : V3_Colour[\"text-disabled\"];\n        return `color: ${color(props)};`;\n    }};\n`;\n\nexport const IndicatorTitleTablet = styled(Typography.BodyMD)`\n    overflow-wrap: anywhere;\n    color: ${V3_Colour.text};\n`;\n\nexport const Indicator = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n\n    &:not(:last-child) {\n        margin-right: ${INDICATOR_BAR_MARGIN_RIGHT_TABLET + \"rem\"};\n    }\n`;\n"],"names":["Wrapper","styled","div","V3_MediaQuery","MaxWidth","xl","lg","Content","IndicatorBar","V3_Spacing","V3_Radius","props","$highlighted","V3_Colour","IndicatorTitleDesktop","Typography","BodyMD","IndicatorTitleTablet","text","Indicator","INDICATOR_BAR_MARGIN_RIGHT_TABLET"],"mappings":"yMAMO,MAaMA,EAAUC,EAAAA,QAAOC,GAAG;;;;;;MAM3BC,EAAAA,cAAcC,SAASC;;;;MAIvBF,EAAAA,cAAcC,SAASE;;;EAKhBC,EAAUN,EAAAA,QAAOC,GAAG;;;;;EAOpBM,EAAeP,EAAAA,QAAOC,GAAmB;;qBAEjCO,EAAAA,WAAW;qBACXC,EAAAA,UAAgB;MAC9BC,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,oCAHOC,EACRC,EAAAA,UAAU,qBACVA,EAAAA,UAAU,gBAEcF,eAC7B;EAIIG,EAAwBb,EAAAA,QAAOc,aAAWC,OAAuB;;MAEvEL,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,WAHOC,EACRC,EAAAA,UAAU,gBACVA,EAAAA,UAAU,kBACOF,KAAS;EAI3BM,EAAuBhB,EAAAA,QAAOc,aAAWC,OAAO;;aAEhDH,EAAAA,UAAUK;EAGVC,EAAYlB,EAAAA,QAAOC,GAAG;;;;;;wBAMXkB;;8DAxEyB"}

package/cjs/theme/utils/media-query.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../../external/react-responsive/dist/react-responsive.js");const r=/^-?\d*\.?\d+(px|rem)$/i,t="480px";exports.DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT=t,exports.useSafeMaxWidthMediaQuery=(s,i=t)=>{const a=(o=s)&&r.test(o.trim())?s.trim():i;var o;return e.reactResponsiveExports.useMediaQuery({maxWidth:a})};
-//# sourceMappingURL=media-query.js.map

package/cjs/theme/utils/media-query.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-query.js","sources":["../../../../src/theme/utils/media-query.ts"],"sourcesContent":["import { useMediaQuery } from \"react-responsive\";\n\nconst CSS_LENGTH_PATTERN = /^-?\\d*\\.?\\d+(px|rem)$/i;\n\nexport const DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT = \"480px\";\n\nconst isValidMaxWidthValue = (value: string | undefined) => {\n    if (!value) return false;\n\n    return CSS_LENGTH_PATTERN.test(value.trim());\n};\n\n/**\n * A safer wrapper around `useMediaQuery` that guards against invalid/empty\n * max-width values (e.g. unresolved tokens), and falls back to a valid default.\n */\nexport const useSafeMaxWidthMediaQuery = (\n    maxWidth: string | undefined,\n    fallback: string = DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT\n) => {\n    const resolvedMaxWidth = isValidMaxWidthValue(maxWidth)\n        ? maxWidth!.trim()\n        : fallback;\n\n    return useMediaQuery({ maxWidth: resolvedMaxWidth });\n};\n"],"names":["CSS_LENGTH_PATTERN","DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT","maxWidth","fallback","resolvedMaxWidth","value","test","trim","useMediaQuery"],"mappings":"uFAEA,MAAMA,EAAqB,yBAEdC,EAAsC,wFAYV,CACrCC,EACAC,EAAmBF,KAEnB,MAAMG,GAdoBC,EAcoBH,IAXvCF,EAAmBM,KAAKD,EAAME,QAY/BL,EAAUK,OACVJ,EAhBmB,IAACE,EAkB1B,OAAOG,uCAAc,CAAEN,SAAUE,GAAmB"}