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

package/codemods/migrate-text-list/index.ts

@@ -1,111 +0,0 @@
-import type { API, FileInfo, JSCodeshift } from "jscodeshift";
-
-import { CodemodUtils } from "../codemod-utils";
-import { sizePropMapping } from "./data";
-
-// ======= Constants ======= //
-
-const IMPORT_PATHS = {
-    TEXT_LIST: "@lifesg/react-design-system/text-list",
-    V2_TEXT_LIST: "@lifesg/react-design-system/v2_text-list",
-    DESIGN_SYSTEM: "@lifesg/react-design-system",
-};
-
-const IMPORT_SPECIFIERS = {
-    TEXT_LIST: "TextList",
-    V2_TEXT_LIST: "V2_TextList",
-};
-
-const JSX_IDENTIFIERS = {
-    TEXT_LIST: "TextList",
-    V2_TEXT_LIST: "V2_TextList",
-};
-
-// ======= Transformer Function ======= //
-
-export default function transformer(file: FileInfo, api: API) {
-    const j: JSCodeshift = api.jscodeshift;
-    const source = j(file.source);
-
-    const isV2TextListImport = CodemodUtils.hasImport(
-        source,
-        api,
-        [IMPORT_PATHS.DESIGN_SYSTEM, IMPORT_PATHS.V2_TEXT_LIST],
-        IMPORT_SPECIFIERS.V2_TEXT_LIST
-    );
-
-    if (isV2TextListImport) {
-        CodemodUtils.addImport(
-            source,
-            api,
-            IMPORT_PATHS.TEXT_LIST,
-            IMPORT_SPECIFIERS.TEXT_LIST
-        );
-
-        CodemodUtils.removeImport(
-            source,
-            api,
-            [IMPORT_PATHS.DESIGN_SYSTEM, IMPORT_PATHS.V2_TEXT_LIST],
-            IMPORT_SPECIFIERS.V2_TEXT_LIST
-        );
-
-        source
-            .find(j.Identifier, { name: JSX_IDENTIFIERS.V2_TEXT_LIST })
-            .forEach((path) => {
-                path.node.name = JSX_IDENTIFIERS.TEXT_LIST;
-            });
-
-        source.find(j.MemberExpression).forEach((path) => {
-            if (
-                j.Identifier.check(path.node.object) &&
-                path.node.object.name === JSX_IDENTIFIERS.V2_TEXT_LIST
-            ) {
-                path.node.object.name = JSX_IDENTIFIERS.TEXT_LIST;
-            }
-        });
-
-        source.find(j.JSXMemberExpression).forEach((path) => {
-            if (
-                j.JSXIdentifier.check(path.node.object) &&
-                path.node.object.name === JSX_IDENTIFIERS.V2_TEXT_LIST
-            ) {
-                path.node.object.name = JSX_IDENTIFIERS.TEXT_LIST;
-            }
-        });
-
-        source.find(j.JSXOpeningElement).forEach((path) => {
-            const openingElement = path.node;
-            let isTextListElement = false;
-
-            if (
-                j.JSXMemberExpression.check(openingElement.name) &&
-                j.JSXIdentifier.check(openingElement.name.object) &&
-                openingElement.name.object.name === JSX_IDENTIFIERS.TEXT_LIST
-            ) {
-                isTextListElement = true;
-            }
-
-            if (isTextListElement) {
-                const attributes = openingElement.attributes;
-
-                attributes?.forEach((attribute) => {
-                    if (
-                        j.JSXAttribute.check(attribute) &&
-                        attribute.name.name === "size" &&
-                        j.StringLiteral.check(attribute.value)
-                    ) {
-                        const sizeValue = attribute.value
-                            .value as keyof typeof sizePropMapping;
-                        if (sizePropMapping[sizeValue]) {
-                            attribute.value = j.literal(
-                                sizePropMapping[sizeValue]
-                            );
-                        }
-                    }
-                });
-            }
-        });
-    }
-
-    return source.toSource();
-}

package/common.d.ts

@@ -1,8 +0,0 @@
-export declare enum Theme {
-    LifeSG = "lifesg",
-    BookingSG = "bookingsg",
-    MyLegacy = "mylegacy",
-    CCube = "ccube",
-    RBS = "rbs",
-    OneService = "oneservice"
-}

package/countdown-timer/countdown-timer.style.d.ts

@@ -1,42 +0,0 @@
-interface CountdownStyleProps {
-    $warn: boolean;
-    $visible?: boolean | undefined;
-    $top?: number | undefined;
-    $left?: number | undefined;
-    $right?: number | undefined;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const BaseCountdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>>> & string;
-export declare const Countdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>>> & string;
-export declare const FixedCountdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>>> & string;
-export declare const TimeLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Timer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, keyof CountdownStyleProps> & CountdownStyleProps, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export {};

package/countdown-timer/countdown-timer.style.js

@@ -1,58 +0,0 @@
-import{ClockIcon as r}from"@lifesg/react-icons";import o,{css as i}from"styled-components";import{V3_Font as e,V3_Spacing as t,V3_Radius as n,V3_Colour as d,V3_Border as s,V3_MediaQuery as a,V3_Shadow as $}from"../v3_theme/index.js";const g=o.div`
-    width: 100%;
-`,c=o.div`
-    ${e["body-baseline-regular"]}
-    display: flex;
-    align-items: center;
-    padding: ${t["spacing-8"]} ${t["spacing-16"]};
-    border-radius: ${n.sm};
-    color: ${d["text-primary"]};
-    border: ${s["width-010"]} ${s.solid};
-    border-color: ${d["border-primary"]};
-    background-color: ${d.bg};
-
-    ${a.MaxWidth.sm} {
-        padding: ${t["spacing-16"]};
-    }
-
-    ${r=>{if(r.$warn)return i`
-                color: ${d["text-error"]};
-                border-color: ${d["border-error"]};
-            `}}
-`,l=o(c)`
-    position: relative;
-    opacity: ${r=>r.$visible?1:0};
-`,p=o(c)`
-    position: fixed;
-    z-index: 10;
-
-    ${r=>{const{$top:o,$left:e,$right:t,$warn:n}=r;return i`
-            /* style object will be converted to px */
-            ${{top:o,left:e,right:t}}
-
-            box-shadow: ${n?$["xs-error-strong"]:$["xs-focus-strong"]};
-
-            ${a.MaxWidth.sm} {
-                left: 0;
-                right: 0;
-                border-radius: 0;
-                border-left: none;
-                border-right: none;
-                box-shadow: none;
-            }
-        `}}
-`,m=o.div`
-    font-weight: ${e.Spec["weight-bold"]};
-    margin-left: ${t["spacing-8"]};
-    margin-right: ${t["spacing-24"]};
-
-    ${a.MaxWidth.sm} {
-        margin-right: ${t["spacing-48"]};
-    }
-`,b=o.div`
-    font-weight: ${e.Spec["weight-semibold"]};
-    margin-left: auto;
-`,h=o(r)`
-    color: ${r=>r.$warn?d["icon-error"]:d["icon-primary"]};
-`;export{c as BaseCountdown,l as Countdown,p as FixedCountdown,m as TimeLeft,b as Timer,h as TimerIcon,g as Wrapper};
-//# sourceMappingURL=countdown-timer.style.js.map

package/countdown-timer/countdown-timer.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"countdown-timer.style.js","sources":["../../src/countdown-timer/countdown-timer.style.tsx"],"sourcesContent":["import { ClockIcon } from \"@lifesg/react-icons\";\nimport styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Shadow,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// STYLE TYPES\n// =============================================================================\n\ninterface CountdownStyleProps {\n    $warn: boolean;\n    $visible?: boolean | undefined;\n    $top?: number | undefined;\n    $left?: number | undefined;\n    $right?: number | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const BaseCountdown = styled.div<CountdownStyleProps>`\n    ${V3_Font[\"body-baseline-regular\"]}\n    display: flex;\n    align-items: center;\n    padding: ${V3_Spacing[\"spacing-8\"]} ${V3_Spacing[\"spacing-16\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    color: ${V3_Colour[\"text-primary\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]};\n    border-color: ${V3_Colour[\"border-primary\"]};\n    background-color: ${V3_Colour[\"bg\"]};\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        padding: ${V3_Spacing[\"spacing-16\"]};\n    }\n\n    ${(props) => {\n        if (props.$warn) {\n            return css`\n                color: ${V3_Colour[\"text-error\"]};\n                border-color: ${V3_Colour[\"border-error\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Countdown = styled(BaseCountdown)`\n    position: relative;\n    opacity: ${(props) => (props.$visible ? 1 : 0)};\n`;\n\nexport const FixedCountdown = styled(BaseCountdown)`\n    position: fixed;\n    z-index: 10;\n\n    ${(props) => {\n        const { $top, $left, $right, $warn } = props;\n        return css`\n            /* style object will be converted to px */\n            ${{ top: $top, left: $left, right: $right }}\n\n            box-shadow: ${$warn\n                ? V3_Shadow[\"xs-error-strong\"]\n                : V3_Shadow[\"xs-focus-strong\"]};\n\n            ${V3_MediaQuery.MaxWidth.sm} {\n                left: 0;\n                right: 0;\n                border-radius: 0;\n                border-left: none;\n                border-right: none;\n                box-shadow: none;\n            }\n        `;\n    }}\n`;\n\nexport const TimeLeft = styled.div`\n    font-weight: ${V3_Font.Spec[\"weight-bold\"]};\n    margin-left: ${V3_Spacing[\"spacing-8\"]};\n    margin-right: ${V3_Spacing[\"spacing-24\"]};\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        margin-right: ${V3_Spacing[\"spacing-48\"]};\n    }\n`;\n\nexport const Timer = styled.div`\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n    margin-left: auto;\n`;\n\nexport const TimerIcon = styled(ClockIcon)<CountdownStyleProps>`\n    color: ${(props) =>\n        props.$warn ? V3_Colour[\"icon-error\"] : V3_Colour[\"icon-primary\"]};\n`;\n"],"names":["Wrapper","styled","div","BaseCountdown","V3_Font","V3_Spacing","V3_Radius","V3_Colour","V3_Border","V3_MediaQuery","MaxWidth","sm","props","$warn","css","Countdown","$visible","FixedCountdown","$top","$left","$right","top","left","right","V3_Shadow","TimeLeft","Spec","Timer","TimerIcon","ClockIcon"],"mappings":"yOA6BO,MAAMA,EAAUC,EAAOC,GAAG;;EAIpBC,EAAgBF,EAAOC,GAAwB;MACtDE,EAAQ;;;eAGCC,EAAW,gBAAgBA,EAAW;qBAChCC,EAAc;aACtBC,EAAU;cACTC,EAAU,gBAAgBA,EAAiB;oBACrCD,EAAU;wBACNA,EAAc;;MAEhCE,EAAcC,SAASC;mBACVN,EAAW;;;MAGvBO,IACC,GAAIA,EAAMC,MACN,OAAOC,CAAG;yBACGP,EAAU;gCACHA,EAAU;aAElC;EAIKQ,EAAYd,EAAOE,EAAc;;eAE9BS,GAAWA,EAAMI,SAAW,EAAI;EAGnCC,EAAiBhB,EAAOE,EAAc;;;;MAI5CS,IACC,MAAMM,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMP,MAAEA,GAAUD,EACvC,OAAOE,CAAG;;cAEJ,CAAEO,IAAKH,EAAMI,KAAMH,EAAOI,MAAOH;;0BAErBP,EACRW,EAAU,mBACVA,EAAU;;cAEdf,EAAcC,SAASC;;;;;;;;SAQ5B;EAIIc,EAAWxB,EAAOC,GAAG;mBACfE,EAAQsB,KAAK;mBACbrB,EAAW;oBACVA,EAAW;;MAEzBI,EAAcC,SAASC;wBACLN,EAAW;;EAItBsB,EAAQ1B,EAAOC,GAAG;mBACZE,EAAQsB,KAAK;;EAInBE,EAAY3B,EAAO4B,EAA+B;aACjDjB,GACNA,EAAMC,MAAQN,EAAU,cAAgBA,EAAU;"}

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

@@ -1 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>, never> & Partial<Pick<import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>, never>>> & string & Omit<(props: import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/date-input/date-input.style.js

@@ -1,4 +0,0 @@
-import r from"styled-components";import{InputWrapper as p}from"../shared/input-wrapper/input-wrapper.js";const t=r(p)`
-    height: 3rem;
-`;export{t as Container};
-//# sourceMappingURL=date-input.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-input.style.js","sources":["../../src/date-input/date-input.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputWrapper } from \"../shared/input-wrapper\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Container = styled(InputWrapper)`\n    height: 3rem;\n`;\n"],"names":["Container","styled","InputWrapper"],"mappings":"+GAQaA,EAAYC,EAAOC,EAAa;;"}

package/date-navigator/date-navigator.styles_1cotsgz.css

@@ -1,4 +0,0 @@
-.c1mdg68z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;background-color:var(--fds-colour-bg-strong);border-radius:var(--fds-radius-sm);}
-.h1w7ufcd{margin:var(--fds-spacing-8);}
-.h7gg62z{color:var(--fds-colour-icon);}
-.d1pl361j{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);cursor:default;}.d1pl361j:not(:disabled){color:var(--fds-colour-text-primary);}.d1pl361j:not(:disabled):hover,.d1pl361j:not(:disabled):focus{outline:none;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;text-underline-position:under;}

package/date-range-input/date-range-input.style.d.ts

@@ -1,8 +0,0 @@
-interface StyleProps {
-    $wrap: boolean;
-    $readOnly?: boolean;
-}
-export declare const MOBILE_WRAP_WIDTH = 320;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>, keyof StyleProps> & StyleProps, never>>> & string & Omit<(props: import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyleProps> & StyleProps, never>>> & string;
-export {};

package/date-range-input/date-range-input.style.js

@@ -1,17 +0,0 @@
-import e,{css as t}from"styled-components";import{InputWrapper as p}from"../shared/input-wrapper/input-wrapper.js";import{V3_Spacing as r}from"../v3_theme/index.js";const i=320,n=e(p)`
-    ${e=>{if(e.$wrap)return!0===e.$readOnly?t`
-                    padding: ${r["spacing-12"]} 0;
-                `:t`
-                padding: ${r["spacing-12"]} ${r["spacing-16"]};
-            `}}
-`,a=e.div`
-    display: flex;
-    align-items: center;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-    width: 100%;
-
-    ${e=>e.$wrap&&t`
-            height: fit-content;
-        `}
-`;export{n as Container,a as InputContainer,i as MOBILE_WRAP_WIDTH};
-//# sourceMappingURL=date-range-input.style.js.map

package/date-range-input/date-range-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-input.style.js","sources":["../../src/date-range-input/date-range-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport { V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface StyleProps {\n    $wrap: boolean;\n    $readOnly?: boolean;\n}\n\nexport const MOBILE_WRAP_WIDTH = 320;\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Container = styled(InputWrapper)<StyleProps>`\n    ${(props) => {\n        if (props.$wrap) {\n            if (props.$readOnly === true) {\n                return css`\n                    padding: ${V3_Spacing[\"spacing-12\"]} 0;\n                `;\n            }\n            return css`\n                padding: ${V3_Spacing[\"spacing-12\"]} ${V3_Spacing[\"spacing-16\"]};\n            `;\n        }\n    }}\n`;\n\nexport const InputContainer = styled.div<StyleProps>`\n    display: flex;\n    align-items: center;\n    height: calc(3rem - 2px); // exclude top and bottom borders\n    width: 100%;\n\n    ${(props) =>\n        props.$wrap &&\n        css`\n            height: fit-content;\n        `}\n`;\n"],"names":["MOBILE_WRAP_WIDTH","Container","styled","InputWrapper","props","$wrap","$readOnly","css","V3_Spacing","InputContainer","div"],"mappings":"qKAaO,MAAMA,EAAoB,IAKpBC,EAAYC,EAAOC,EAAyB;MAClDC,IACC,GAAIA,EAAMC,MACN,OAAwB,IAApBD,EAAME,UACCC,CAAG;+BACKC,EAAW;kBAGvBD,CAAG;2BACKC,EAAW,iBAAiBA,EAAW;aAE1D;EAIKC,EAAiBP,EAAOQ,GAAe;;;;;;MAM7CN,GACCA,EAAMC,OACNE,CAAG;;;"}

package/deprecate-v2-tokens/data.d.ts

@@ -1,8 +0,0 @@
-export declare const componentMap: {
-    oldName: string;
-    newName: string;
-}[];
-export declare const pathMap: {
-    oldPath: string;
-    newPath: string;
-}[];

package/external/react-responsive/dist/react-responsive.js

@@ -1,65 +0,0 @@
-import{commonjsGlobal as e}from"../../../_virtual/_commonjsHelpers.js";import{__module as t}from"../../../_virtual/react-responsive.js";import r from"react";var n;n=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
-/*!**********************************************!*\
-	  !*** ./node_modules/css-mediaquery/index.js ***!
-	  \**********************************************/(e,t)=>{t.match=function(e,t){return u(e).some((function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var o=e.expressions.every((function(e){var r=e.feature,n=e.modifier,o=e.value,a=t[r];if(!a)return!1;switch(r){case"orientation":case"scan":return a.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=f(o),a=f(a);break;case"resolution":o=c(o),a=c(a);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=s(o),a=s(a);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,a=parseInt(a,10)||0}switch(n){case"min":return a>=o;case"max":return a<=o;default:return a===o}}));return o&&!r||!o&&r}))},t.parse=u;var r=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,n=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,o=/^(?:(min|max)-)?(.+)/,a=/(em|rem|px|cm|mm|in|pt|pc)?$/,i=/(dpi|dpcm|dppx)?$/;function u(e){return e.split(",").map((function(e){var t=(e=e.trim()).match(r),a=t[1],i=t[2],u=t[3]||"",s={};return s.inverse=!!a&&"not"===a.toLowerCase(),s.type=i?i.toLowerCase():"all",u=u.match(/\([^\)]+\)/g)||[],s.expressions=u.map((function(e){var t=e.match(n),r=t[1].toLowerCase().match(o);return{modifier:r[1],feature:r[2],value:t[2]}})),s}))}function s(e){var t,r=Number(e);return r||(r=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),r}function c(e){var t=parseFloat(e);switch(String(e).match(i)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function f(e){var t=parseFloat(e);switch(String(e).match(a)[1]){case"em":case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}},"./node_modules/hyphenate-style-name/index.js":
-/*!****************************************************!*\
-	  !*** ./node_modules/hyphenate-style-name/index.js ***!
-	  \****************************************************/(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var n=/[A-Z]/g,o=/^ms-/,a={};function i(e){return"-"+e.toLowerCase()}const u=function(e){if(a.hasOwnProperty(e))return a[e];var t=e.replace(n,i);return a[e]=o.test(t)?"-"+t:t}},"./node_modules/matchmediaquery/index.js":
-/*!***********************************************!*\
-	  !*** ./node_modules/matchmediaquery/index.js ***!
-	  \***********************************************/(e,t,r)=>{var n=r(/*! css-mediaquery */"./node_modules/css-mediaquery/index.js").match,o="undefined"!=typeof window?window.matchMedia:null;function a(e,t,r){var a=this;if(o&&!r){var i=o.call(window,e);this.matches=i.matches,this.media=i.media,i.addListener(u)}else this.matches=n(e,t),this.media=e;function u(e){a.matches=e.matches,a.media=e.media}this.addListener=function(e){i&&i.addListener(e)},this.removeListener=function(e){i&&i.removeListener(e)},this.dispose=function(){i&&i.removeListener(u)}}e.exports=function(e,t,r){return new a(e,t,r)}},"./node_modules/object-assign/index.js":
-/*!*********************************************!*\
-	  !*** ./node_modules/object-assign/index.js ***!
-	  \*********************************************/e=>{
-/*
-	object-assign
-	(c) Sindre Sorhus
-	@license MIT
-	*/
-var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var a,i,u=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s<arguments.length;s++){for(var c in a=Object(arguments[s]))r.call(a,c)&&(u[c]=a[c]);if(t){i=t(a);for(var f=0;f<i.length;f++)n.call(a,i[f])&&(u[i[f]]=a[i[f]])}}return u}},"./node_modules/prop-types/checkPropTypes.js":
-/*!***************************************************!*\
-	  !*** ./node_modules/prop-types/checkPropTypes.js ***!
-	  \***************************************************/(e,t,r)=>{var n,o=r(/*! ./lib/ReactPropTypesSecret */"./node_modules/prop-types/lib/ReactPropTypesSecret.js"),a={},i=r(/*! ./lib/has */"./node_modules/prop-types/lib/has.js");function u(e,t,r,u,s){for(var c in e)if(i(e,c)){var f;try{if("function"!=typeof e[c]){var l=Error((u||"React class")+": "+r+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}f=e[c](t,c,u,r,null,o)}catch(e){f=e}if(!f||f instanceof Error||n((u||"React class")+": type specification of "+r+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof f+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),f instanceof Error&&!(f.message in a)){a[f.message]=!0;var d=s?s():"";n("Failed "+r+" type: "+f.message+(null!=d?d:""))}}}n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},u.resetWarningCache=function(){a={}},e.exports=u},"./node_modules/prop-types/factoryWithTypeCheckers.js":
-/*!************************************************************!*\
-	  !*** ./node_modules/prop-types/factoryWithTypeCheckers.js ***!
-	  \************************************************************/(e,t,r)=>{var n,o=r(/*! react-is */"./node_modules/react-is/index.js"),a=r(/*! object-assign */"./node_modules/object-assign/index.js"),i=r(/*! ./lib/ReactPropTypesSecret */"./node_modules/prop-types/lib/ReactPropTypesSecret.js"),u=r(/*! ./lib/has */"./node_modules/prop-types/lib/has.js"),s=r(/*! ./checkPropTypes */"./node_modules/prop-types/checkPropTypes.js");function c(){return null}n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},e.exports=function(e,t){var r="function"==typeof Symbol&&Symbol.iterator,f="<<anonymous>>",l={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:y(c),arrayOf:function(e){return y((function(t,r,n,o,a){if("function"!=typeof e)return new p("Property `"+a+"` of component `"+n+"` has invalid PropType notation inside arrayOf.");var u=t[r];if(!Array.isArray(u))return new p("Invalid "+o+" `"+a+"` of type `"+b(u)+"` supplied to `"+n+"`, expected an array.");for(var s=0;s<u.length;s++){var c=e(u,s,n,o,a+"["+s+"]",i);if(c instanceof Error)return c}return null}))},element:y((function(t,r,n,o,a){var i=t[r];return e(i)?null:new p("Invalid "+o+" `"+a+"` of type `"+b(i)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:y((function(e,t,r,n,a){var i=e[t];return o.isValidElementType(i)?null:new p("Invalid "+n+" `"+a+"` of type `"+b(i)+"` supplied to `"+r+"`, expected a single ReactElement type.")})),instanceOf:function(e){return y((function(t,r,n,o,a){if(!(t[r]instanceof e)){var i=e.name||f;return new p("Invalid "+o+" `"+a+"` of type `"+((u=t[r]).constructor&&u.constructor.name?u.constructor.name:f)+"` supplied to `"+n+"`, expected instance of `"+i+"`.")}var u;return null}))},node:y((function(e,t,r,n,o){return h(e[t])?null:new p("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return y((function(t,r,n,o,a){if("function"!=typeof e)return new p("Property `"+a+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=t[r],c=b(s);if("object"!==c)return new p("Invalid "+o+" `"+a+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var f in s)if(u(s,f)){var l=e(s,f,n,o,a+"."+f,i);if(l instanceof Error)return l}return null}))},oneOf:function(e){return Array.isArray(e)?y((function(t,r,n,o,a){for(var i=t[r],u=0;u<e.length;u++)if(d(i,e[u]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===g(t)?String(t):t}));return new p("Invalid "+o+" `"+a+"` of value `"+String(i)+"` supplied to `"+n+"`, expected one of "+s+".")})):(n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),c)},oneOfType:function(e){if(!Array.isArray(e))return n("Invalid argument supplied to oneOfType, expected an instance of array."),c;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+j(r)+" at index "+t+"."),c}return y((function(t,r,n,o,a){for(var s=[],c=0;c<e.length;c++){var f=(0,e[c])(t,r,n,o,a,i);if(null==f)return null;f.data&&u(f.data,"expectedType")&&s.push(f.data.expectedType)}return new p("Invalid "+o+" `"+a+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return y((function(t,r,n,o,a){var u=t[r],s=b(u);if("object"!==s)return new p("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+n+"`, expected `object`.");for(var c in e){var f=e[c];if("function"!=typeof f)return v(n,o,a,c,g(f));var l=f(u,c,n,o,a+"."+c,i);if(l)return l}return null}))},exact:function(e){return y((function(t,r,n,o,s){var c=t[r],f=b(c);if("object"!==f)return new p("Invalid "+o+" `"+s+"` of type `"+f+"` supplied to `"+n+"`, expected `object`.");var l=a({},t[r],e);for(var d in l){var y=e[d];if(u(e,d)&&"function"!=typeof y)return v(n,o,s,d,g(y));if(!y)return new p("Invalid "+o+" `"+s+"` key `"+d+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(t[r],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=y(c,d,n,o,s+"."+d,i);if(m)return m}return null}))}};function d(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function p(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function y(e){var r={},o=0;function a(a,u,s,c,l,d,y){if(c=c||f,d=d||s,y!==i){if(t){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("undefined"!=typeof console){var v=c+":"+s;!r[v]&&o<3&&(n("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[v]=!0,o++)}}return null==u[s]?a?null===u[s]?new p("The "+l+" `"+d+"` is marked as required in `"+c+"`, but its value is `null`."):new p("The "+l+" `"+d+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(u,s,c,l,d)}var u=a.bind(null,!1);return u.isRequired=a.bind(null,!0),u}function m(e){return y((function(t,r,n,o,a,i){var u=t[r];return b(u)!==e?new p("Invalid "+o+" `"+a+"` of type `"+g(u)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function v(e,t,r,n,o){return new p((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function h(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(h);if(null===t||e(t))return!0;var n=function(e){var t=e&&(r&&e[r]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!n)return!1;var o,a=n.call(t);if(n!==t.entries){for(;!(o=a.next()).done;)if(!h(o.value))return!1}else for(;!(o=a.next()).done;){var i=o.value;if(i&&!h(i[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function g(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function j(e){var t=g(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return p.prototype=Error.prototype,l.checkPropTypes=s,l.resetWarningCache=s.resetWarningCache,l.PropTypes=l,l}},"./node_modules/prop-types/index.js":
-/*!******************************************!*\
-	  !*** ./node_modules/prop-types/index.js ***!
-	  \******************************************/(e,t,r)=>{var n=r(/*! react-is */"./node_modules/react-is/index.js");e.exports=r(/*! ./factoryWithTypeCheckers */"./node_modules/prop-types/factoryWithTypeCheckers.js")(n.isElement,!0)},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":
-/*!*************************************************************!*\
-	  !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
-	  \*************************************************************/e=>{e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},"./node_modules/prop-types/lib/has.js":
-/*!********************************************!*\
-	  !*** ./node_modules/prop-types/lib/has.js ***!
-	  \********************************************/e=>{e.exports=Function.call.bind(Object.prototype.hasOwnProperty)},"./node_modules/react-is/cjs/react-is.development.js":
-/*!***********************************************************!*\
-	  !*** ./node_modules/react-is/cjs/react-is.development.js ***!
-	  \***********************************************************/(e,t)=>{!function(){var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,u=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,l=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,y=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,h=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,g=e?Symbol.for("react.scope"):60119;function j(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:var p=e.type;switch(p){case c:case f:case o:case i:case a:case d:return p;default:var v=p&&p.$$typeof;switch(v){case s:case l:case m:case y:case u:return v;default:return t}}case n:return t}}}var x=c,O=f,_=s,w=u,S=r,P=l,E=o,T=m,C=y,I=n,k=i,M=a,R=d,$=!1;function A(e){return j(e)===f}t.AsyncMode=x,t.ConcurrentMode=O,t.ContextConsumer=_,t.ContextProvider=w,t.Element=S,t.ForwardRef=P,t.Fragment=E,t.Lazy=T,t.Memo=C,t.Portal=I,t.Profiler=k,t.StrictMode=M,t.Suspense=R,t.isAsyncMode=function(e){return $||($=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),A(e)||j(e)===c},t.isConcurrentMode=A,t.isContextConsumer=function(e){return j(e)===s},t.isContextProvider=function(e){return j(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return j(e)===l},t.isFragment=function(e){return j(e)===o},t.isLazy=function(e){return j(e)===m},t.isMemo=function(e){return j(e)===y},t.isPortal=function(e){return j(e)===n},t.isProfiler=function(e){return j(e)===i},t.isStrictMode=function(e){return j(e)===a},t.isSuspense=function(e){return j(e)===d},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===f||e===i||e===a||e===d||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===y||e.$$typeof===u||e.$$typeof===s||e.$$typeof===l||e.$$typeof===h||e.$$typeof===b||e.$$typeof===g||e.$$typeof===v)},t.typeOf=j}()},"./node_modules/react-is/index.js":
-/*!****************************************!*\
-	  !*** ./node_modules/react-is/index.js ***!
-	  \****************************************/(e,t,r)=>{e.exports=r(/*! ./cjs/react-is.development.js */"./node_modules/react-is/cjs/react-is.development.js")},"./node_modules/shallow-equal/dist/index.esm.js":
-/*!******************************************************!*\
-	  !*** ./node_modules/shallow-equal/dist/index.esm.js ***!
-	  \******************************************************/(e,t,r)=>{function n(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=Object.keys(e),n=Object.keys(t),o=r.length;if(n.length!==o)return!1;for(var a=0;a<o;a++){var i=r[a];if(e[i]!==t[i]||!Object.prototype.hasOwnProperty.call(t,i))return!1}return!0}function o(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=e.length;if(t.length!==r)return!1;for(var n=0;n<r;n++)if(e[n]!==t[n])return!1;return!0}r.r(t),r.d(t,{shallowEqualArrays:()=>o,shallowEqualObjects:()=>n})},"./src/Component.ts":
-/*!**************************!*\
-	  !*** ./src/Component.ts ***!
-	  \**************************/function(e,t,r){var n=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(/*! ./useMediaQuery */"./src/useMediaQuery.ts"));t.default=function(e){var t=e.children,r=e.device,o=e.onChange,i=n(e,["children","device","onChange"]),u=(0,a.default)(i,r,o);return"function"==typeof t?t(u):u?t:null}},"./src/Context.ts":
-/*!************************!*\
-	  !*** ./src/Context.ts ***!
-	  \************************/(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});var n=(0,r(/*! react */"react").createContext)(void 0);t.default=n},"./src/index.ts":
-/*!**********************!*\
-	  !*** ./src/index.ts ***!
-	  \**********************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Context=t.toQuery=t.useMediaQuery=t.default=void 0;var o=n(r(/*! ./useMediaQuery */"./src/useMediaQuery.ts"));t.useMediaQuery=o.default;var a=n(r(/*! ./Component */"./src/Component.ts"));t.default=a.default;var i=n(r(/*! ./toQuery */"./src/toQuery.ts"));t.toQuery=i.default;var u=n(r(/*! ./Context */"./src/Context.ts"));t.Context=u.default},"./src/mediaQuery.ts":
-/*!***************************!*\
-	  !*** ./src/mediaQuery.ts ***!
-	  \***************************/function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(/*! prop-types */"./node_modules/prop-types/index.js")),u=i.default.oneOfType([i.default.string,i.default.number]),s={all:i.default.bool,grid:i.default.bool,aural:i.default.bool,braille:i.default.bool,handheld:i.default.bool,print:i.default.bool,projection:i.default.bool,screen:i.default.bool,tty:i.default.bool,tv:i.default.bool,embossed:i.default.bool},c={orientation:i.default.oneOf(["portrait","landscape"]),scan:i.default.oneOf(["progressive","interlace"]),aspectRatio:i.default.string,deviceAspectRatio:i.default.string,height:u,deviceHeight:u,width:u,deviceWidth:u,color:i.default.bool,colorIndex:i.default.bool,monochrome:i.default.bool,resolution:u,type:Object.keys(s)},f=o(c,["type"]),l=n({minAspectRatio:i.default.string,maxAspectRatio:i.default.string,minDeviceAspectRatio:i.default.string,maxDeviceAspectRatio:i.default.string,minHeight:u,maxHeight:u,minDeviceHeight:u,maxDeviceHeight:u,minWidth:u,maxWidth:u,minDeviceWidth:u,maxDeviceWidth:u,minColor:i.default.number,maxColor:i.default.number,minColorIndex:i.default.number,maxColorIndex:i.default.number,minMonochrome:i.default.number,maxMonochrome:i.default.number,minResolution:u,maxResolution:u},f),d=n(n({},s),l);t.default={all:d,types:s,matchers:c,features:l}},"./src/toQuery.ts":
-/*!************************!*\
-	  !*** ./src/toQuery.ts ***!
-	  \************************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),a=n(r(/*! ./mediaQuery */"./src/mediaQuery.ts"));t.default=function(e){var t=[];return Object.keys(a.default.all).forEach((function(r){var n=e[r];null!=n&&t.push(function(e,t){var r=(0,o.default)(e);return"number"==typeof t&&(t="".concat(t,"px")),!0===t?r:!1===t?"not ".concat(r):"(".concat(r,": ").concat(t,")")}(r,n))})),t.join(" and ")}},"./src/useMediaQuery.ts":
-/*!******************************!*\
-	  !*** ./src/useMediaQuery.ts ***!
-	  \******************************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(/*! react */"react"),a=n(r(/*! matchmediaquery */"./node_modules/matchmediaquery/index.js")),i=n(r(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),u=r(/*! shallow-equal */"./node_modules/shallow-equal/dist/index.esm.js"),s=n(r(/*! ./toQuery */"./src/toQuery.ts")),c=n(r(/*! ./Context */"./src/Context.ts")),f=function(e){if(e)return Object.keys(e).reduce((function(t,r){return t[(0,i.default)(r)]=e[r],t}),{})},l=function(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){e.current=!0}),[]),e.current},d=function(e){var t=function(){return function(e){return e.query||(0,s.default)(e)}(e)},r=(0,o.useState)(t),n=r[0],a=r[1];return(0,o.useEffect)((function(){var e=t();n!==e&&a(e)}),[e]),n};t.default=function(e,t,r){var n=function(e){var t=(0,o.useContext)(c.default),r=function(){return f(e)||f(t)},n=(0,o.useState)(r),a=n[0],i=n[1];return(0,o.useEffect)((function(){var e=r();(0,u.shallowEqualObjects)(a,e)||i(e)}),[e,t]),a}(t),i=d(e);if(!i)throw new Error("Invalid or missing MediaQuery!");var s=function(e,t){var r=function(){return(0,a.default)(e,t||{},!!t)},n=(0,o.useState)(r),i=n[0],u=n[1],s=l();return(0,o.useEffect)((function(){if(s){var e=r();return u(e),function(){e&&e.dispose()}}}),[e,t]),i}(i,n),p=function(e){var t=(0,o.useState)(e.matches),r=t[0],n=t[1];return(0,o.useEffect)((function(){var t=function(e){n(e.matches)};return e.addListener(t),n(e.matches),function(){e.removeListener(t)}}),[e]),r}(s),y=l();return(0,o.useEffect)((function(){y&&r&&r(p)}),[p]),(0,o.useEffect)((function(){return function(){s&&s.dispose()}}),[]),p}},react:
-/*!**************************************************************************************!*\
-	  !*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
-	  \**************************************************************************************/t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e].call(a.exports,a,a.exports,n),a.exports}return n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n("./src/index.ts")})(),t.exports=n(r);var o=t.exports;export{o as r};
-//# sourceMappingURL=react-responsive.js.map