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

package/v3_theme/index.d.ts

@@ -438,7 +438,9 @@ export declare const V3_LifeSGTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_BookingSGTheme: {
     light: V3_ThemeSpec;
@@ -457,7 +459,9 @@ export declare const V3_BookingSGTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_CCubeTheme: {
     light: V3_ThemeSpec;
@@ -476,7 +480,9 @@ export declare const V3_CCubeTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_MyLegacyTheme: {
     light: V3_ThemeSpec;
@@ -495,7 +501,9 @@ export declare const V3_MyLegacyTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_RBSTheme: {
     light: V3_ThemeSpec;
@@ -514,7 +522,9 @@ export declare const V3_RBSTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_OneServiceTheme: {
     light: V3_ThemeSpec;
@@ -533,7 +543,9 @@ export declare const V3_OneServiceTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_PATheme: {
     light: V3_ThemeSpec;
@@ -552,7 +564,9 @@ export declare const V3_PATheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_A11yPlaygroundTheme: {
     light: V3_ThemeSpec;
@@ -571,7 +585,9 @@ export declare const V3_A11yPlaygroundTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_SupportGoWhereTheme: {
     light: V3_ThemeSpec;
@@ -590,7 +606,9 @@ export declare const V3_SupportGoWhereTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_SGWDigitalLobbyTheme: {
     light: V3_ThemeSpec;
@@ -609,7 +627,9 @@ export declare const V3_SGWDigitalLobbyTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_IMDATheme: {
     light: V3_ThemeSpec;
@@ -628,7 +648,9 @@ export declare const V3_IMDATheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_SPFTheme: {
     light: V3_ThemeSpec;
@@ -647,7 +669,9 @@ export declare const V3_SPFTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };
 export declare const V3_SMGSTheme: {
     light: V3_ThemeSpec;
@@ -666,5 +690,7 @@ export declare const V3_SMGSTheme: {
     componentOverrides?: import("./components/types").V3_ComponentOverrideOptions | undefined;
     overrides?: import("./types").V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
-    _v2?: import("..").V2_ThemeSpec;
+    _v2?: {
+        [x: string]: unknown;
+    };
 };

package/v3_theme/types.d.ts

@@ -1,5 +1,4 @@
 import type { ReactNode } from "react";
-import type { V2_ThemeSpec } from "../v2_theme/types";
 import type { V3_BorderSetOptions } from "./border/types";
 import type { V3_BreakpointSetOptions } from "./breakpoint/types";
 import type { V3_PrimitiveColourSetOptions } from "./colour-primitive/types";
@@ -32,6 +31,7 @@ export type V3_BreakpointScheme = "default";
 export type V3_ComponentScheme = "default" | "pa" | "a11yplayground" | "lifesg" | "spf" | "smgs";
 export type V3_ResourceScheme = "lifesg" | "bookingsg" | "rbs" | "mylegacy" | "ccube" | "oneservice" | "pa" | "a11yplayground" | "supportgowhere" | "imda" | "spf" | "smgs";
 export type V3_ColourMode = "light" | "dark";
+type V2_ThemeSpecLegacy = Record<string, unknown>;
 export interface V3_ThemeSpecOptions {
     primitiveColour?: V3_PrimitiveColourSetOptions | undefined;
     primitiveColourDark?: V3_PrimitiveColourSetOptions | undefined;
@@ -63,7 +63,7 @@ export interface V3_ThemeSpec {
     overrides?: V3_ThemeSpecOptions | undefined;
     maxColumns?: any;
     /** @deprecated For backwards compatibility with V2 theme */
-    _v2?: V2_ThemeSpec;
+    _v2?: V2_ThemeSpecLegacy;
 }
 export interface V3_ThemeStyleProps {
     theme?: V3_ThemeSpec;

package/_virtual/react-responsive.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=react-responsive.js.map

package/_virtual/react-responsive.js.map

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

package/cjs/_virtual/react-responsive.js

@@ -1,2 +0,0 @@
-"use strict";exports.__module={exports:{}};
-//# sourceMappingURL=react-responsive.js.map

package/cjs/_virtual/react-responsive.js.map

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

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

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

package/cjs/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":"sMA6BO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;EAIpBC,EAAgBF,EAAAA,QAAOC,GAAwB;MACtDE,EAAAA,QAAQ;;;eAGCC,EAAAA,WAAW,gBAAgBA,EAAAA,WAAW;qBAChCC,EAAAA,UAAc;aACtBC,EAAAA,UAAU;cACTC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;oBACrCD,EAAAA,UAAU;wBACNA,EAAAA,UAAc;;MAEhCE,EAAAA,cAAcC,SAASC;mBACVN,EAAAA,WAAW;;;MAGvBO,IACC,GAAIA,EAAMC,MACN,OAAOC,KAAG;yBACGP,EAAAA,UAAU;gCACHA,EAAAA,UAAU;aAElC;EAIKQ,EAAYd,EAAAA,QAAOE,EAAc;;eAE9BS,GAAWA,EAAMI,SAAW,EAAI;EAGnCC,EAAiBhB,EAAAA,QAAOE,EAAc;;;;MAI5CS,IACC,MAAMM,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMP,MAAEA,GAAUD,EACvC,OAAOE,KAAG;;cAEJ,CAAEO,IAAKH,EAAMI,KAAMH,EAAOI,MAAOH;;0BAErBP,EACRW,EAAAA,UAAU,mBACVA,EAAAA,UAAU;;cAEdf,EAAAA,cAAcC,SAASC;;;;;;;;SAQ5B;EAIIc,EAAWxB,EAAAA,QAAOC,GAAG;mBACfE,EAAAA,QAAQsB,KAAK;mBACbrB,EAAAA,WAAW;oBACVA,EAAAA,WAAW;;MAEzBI,EAAAA,cAAcC,SAASC;wBACLN,EAAAA,WAAW;;EAItBsB,EAAQ1B,EAAAA,QAAOC,GAAG;mBACZE,EAAAA,QAAQsB,KAAK;;EAInBE,EAAY3B,EAAAA,QAAO4B,EAAAA,UAA+B;aACjDjB,GACNA,EAAMC,MAAQN,EAAAA,UAAU,cAAgBA,YAAU;"}

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

@@ -1,4 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../shared/input-wrapper/input-wrapper.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default(r.InputWrapper)`
-    height: 3rem;
-`;exports.Container=n;
-//# sourceMappingURL=date-input.style.js.map

package/cjs/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":"oLAQaA,OAAYC,QAAOC,EAAAA,aAAa;;"}

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

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

package/cjs/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":["Container","styled","InputWrapper","props","$wrap","$readOnly","css","V3_Spacing","InputContainer","div"],"mappings":"2NAaO,MAKMA,EAAYC,EAAAA,QAAOC,EAAAA,aAAyB;MAClDC,IACC,GAAIA,EAAMC,MACN,OAAwB,IAApBD,EAAME,UACCC,KAAG;+BACKC,EAAAA,WAAW;kBAGvBD,KAAG;2BACKC,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;aAE1D;EAIKC,EAAiBP,EAAAA,QAAOQ,GAAe;;;;;;MAM7CN,GACCA,EAAMC,OACNE,KAAG;;;yEA5BsB"}

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

@@ -1,65 +0,0 @@
-"use strict";var e=require("../../../_virtual/_commonjsHelpers.js"),t=require("../../../_virtual/react-responsive.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,o,a=r(require("react"));n=t.__module,e.commonjsGlobal,o=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=l(o),a=l(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 l(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 l=0;l<i.length;l++)n.call(a,i[l])&&(u[i[l]]=a[i[l]])}}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 l;try{if("function"!=typeof e[c]){var f=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 f.name="Invariant Violation",f}l=e[c](t,c,u,r,null,o)}catch(e){l=e}if(!l||l 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 l+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),l instanceof Error&&!(l.message in a)){a[l.message]=!0;var d=s?s():"";n("Failed "+r+" type: "+l.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,l="<<anonymous>>",f={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||l;return new p("Invalid "+o+" `"+a+"` of type `"+((u=t[r]).constructor&&u.constructor.name?u.constructor.name:l)+"` 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 l in s)if(u(s,l)){var f=e(s,l,n,o,a+"."+l,i);if(f instanceof Error)return f}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 l=(0,e[c])(t,r,n,o,a,i);if(null==l)return null;l.data&&u(l.data,"expectedType")&&s.push(l.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 l=e[c];if("function"!=typeof l)return v(n,o,a,c,g(l));var f=l(u,c,n,o,a+"."+c,i);if(f)return f}return null}))},exact:function(e){return y((function(t,r,n,o,s){var c=t[r],l=b(c);if("object"!==l)return new p("Invalid "+o+" `"+s+"` of type `"+l+"` supplied to `"+n+"`, expected `object`.");var f=a({},t[r],e);for(var d in f){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,f,d,y){if(c=c||l,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 "+f+" `"+d+"` is marked as required in `"+c+"`, but its value is `null`."):new p("The "+f+" `"+d+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(u,s,c,f,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,f.checkPropTypes=s,f.resetWarningCache=s.resetWarningCache,f.PropTypes=f,f}},"./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,l=e?Symbol.for("react.concurrent_mode"):60111,f=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 l:case o:case i:case a:case d:return p;default:var v=p&&p.$$typeof;switch(v){case s:case f:case m:case y:case u:return v;default:return t}}case n:return t}}}var x=c,O=l,_=s,w=u,S=r,P=f,E=o,T=m,C=y,I=n,k=i,M=a,R=d,$=!1;function A(e){return j(e)===l}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)===f},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===l||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===f||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)},l=o(c,["type"]),f=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},l),d=n(n({},s),f);t.default={all:d,types:s,matchers:c,features:f}},"./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")),l=function(e){if(e)return Object.keys(e).reduce((function(t,r){return t[(0,i.default)(r)]=e[r],t}),{})},f=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 l(e)||l(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=f();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=f();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")})(),n.exports=o(a.default);var i=t.__module.exports;exports.reactResponsiveExports=i;
-//# sourceMappingURL=react-responsive.js.map