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

package/cjs/checkbox/checkbox.style.js

@@ -1,61 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons"),o=require("styled-components"),i=require("../v3_theme/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=t(o);const r=o.keyframes`
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-`,n=o.css`
-    animation: ${i.V3_Motion["duration-150"]} ${i.V3_Motion["ease-default"]}
-        ${r};
-    width: 100%;
-    height: 100%;
-    transition: color ${i.V3_Motion["duration-150"]} ${i.V3_Motion["ease-default"]};
-`,s=l.default(e.SquareIcon)`
-    ${n}
-    color: ${i.V3_Colour["icon-primary-subtlest"]};
-`,d=l.default(e.SquareFillIcon)`
-    ${n}
-    color: ${i.V3_Colour["icon-disabled-subtle"]};
-`,a=l.default(e.SquareTickFillIcon)`
-    ${n}
-    color: ${e=>e.$disabled?i.V3_Colour["icon-disabled-subtle"](e):i.V3_Colour["icon-selected"](e)};
-`,c=l.default(e.MinusSquareFillIcon)`
-    ${n}
-    color: ${e=>e.$disabled?i.V3_Colour["icon-disabled-subtle"](e):i.V3_Colour["icon-selected"](e)};
-`,u=l.default.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-
-    ${e=>o.css`
-        height: ${"small"===e.$displaySize?"1.5rem":"2rem"};
-        width: ${"small"===e.$displaySize?"1.5rem":"2rem"};
-    `}
-
-    // Show custom focus ring when input is focused
-    input:focus-visible + svg {
-        outline: 2px solid ${i.V3_Colour["focus-ring"]};
-        outline-offset: 0px;
-        border-radius: 4px;
-    }
-`,p=l.default.input`
-    position: absolute;
-    opacity: 0;
-    width: 100%;
-    height: 100%;
-    cursor: ${e=>e.disabled?"not-allowed":"pointer"};
-
-    &:hover
-        + ${s},
-        &:hover
-        + ${a},
-        &:hover
-        + ${c} {
-        @media (pointer: fine) {
-            color: ${e=>!e.disabled&&i.V3_Colour["icon-hover"](e)};
-        }
-    }
-`;exports.Container=u,exports.Input=p,exports.StyledCheckedIcon=a,exports.StyledInteremediateIcon=c,exports.StyledUncheckedDisabledIcon=d,exports.StyledUncheckedIcon=s;
-//# sourceMappingURL=checkbox.style.js.map

package/cjs/checkbox/checkbox.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.style.js","sources":["../../../src/checkbox/checkbox.style.tsx"],"sourcesContent":["import {\n    MinusSquareFillIcon,\n    SquareFillIcon,\n    SquareIcon,\n    SquareTickFillIcon,\n} from \"@lifesg/react-icons\";\nimport styled, { css, keyframes } from \"styled-components\";\n\nimport { V3_Colour, V3_Motion } from \"../v3_theme\";\nimport type { CheckboxProps, CheckboxSize } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $unchecked?: boolean;\n    $disabled?: boolean;\n    $displaySize?: CheckboxSize;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst BaseIconStyles = css`\n    animation: ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]}\n        ${fadeIn};\n    width: 100%;\n    height: 100%;\n    transition: color ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]};\n`;\n\nexport const StyledUncheckedIcon = styled(SquareIcon)<StyleProps>`\n    ${BaseIconStyles}\n    color: ${V3_Colour[\"icon-primary-subtlest\"]};\n`;\n\nexport const StyledUncheckedDisabledIcon = styled(SquareFillIcon)<StyleProps>`\n    ${BaseIconStyles}\n    color: ${V3_Colour[\"icon-disabled-subtle\"]};\n`;\n\nexport const StyledCheckedIcon = styled(SquareTickFillIcon)<StyleProps>`\n    ${BaseIconStyles}\n    color: ${(props) =>\n        props.$disabled\n            ? V3_Colour[\"icon-disabled-subtle\"](props)\n            : V3_Colour[\"icon-selected\"](props)};\n`;\n\nexport const StyledInteremediateIcon = styled(MinusSquareFillIcon)<StyleProps>`\n    ${BaseIconStyles}\n    color: ${(props) =>\n        props.$disabled\n            ? V3_Colour[\"icon-disabled-subtle\"](props)\n            : V3_Colour[\"icon-selected\"](props)};\n`;\n\nexport const Container = styled.div<StyleProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n\n    ${(props) => css`\n        height: ${props.$displaySize === \"small\" ? \"1.5rem\" : \"2rem\"};\n        width: ${props.$displaySize === \"small\" ? \"1.5rem\" : \"2rem\"};\n    `}\n\n    // Show custom focus ring when input is focused\n    input:focus-visible + svg {\n        outline: 2px solid ${V3_Colour[\"focus-ring\"]};\n        outline-offset: 0px;\n        border-radius: 4px;\n    }\n`;\n\nexport const Input = styled.input<CheckboxProps>`\n    position: absolute;\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n    cursor: ${(props) => (props.disabled ? \"not-allowed\" : \"pointer\")};\n\n    &:hover\n        + ${StyledUncheckedIcon},\n        &:hover\n        + ${StyledCheckedIcon},\n        &:hover\n        + ${StyledInteremediateIcon} {\n        @media (pointer: fine) {\n            color: ${(props) =>\n                !props.disabled && V3_Colour[\"icon-hover\"](props)};\n        }\n    }\n`;\n"],"names":["fadeIn","keyframes","BaseIconStyles","css","V3_Motion","StyledUncheckedIcon","styled","SquareIcon","V3_Colour","StyledUncheckedDisabledIcon","SquareFillIcon","StyledCheckedIcon","SquareTickFillIcon","props","$disabled","StyledInteremediateIcon","MinusSquareFillIcon","Container","div","$displaySize","Input","input","disabled"],"mappings":"sMAwBA,MAAMA,EAASC,EAAAA,SAAS;;;;;;;EASlBC,EAAiBC,EAAAA,GAAG;iBACTC,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;UAC9CJ;;;wBAGcI,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;EAGlDC,EAAsBC,EAAAA,QAAOC,EAAAA,WAAuB;MAC3DL;aACOM,EAAAA,UAAU;EAGVC,EAA8BH,EAAAA,QAAOI,EAAAA,eAA2B;MACvER;aACOM,EAAAA,UAAU;EAGVG,EAAoBL,EAAAA,QAAOM,EAAAA,mBAA+B;MACjEV;aACQW,GACNA,EAAMC,UACAN,EAAAA,UAAU,wBAAwBK,GAClCL,YAAU,iBAAiBK;EAG5BE,EAA0BT,EAAAA,QAAOU,EAAAA,oBAAgC;MACxEd;aACQW,GACNA,EAAMC,UACAN,EAAAA,UAAU,wBAAwBK,GAClCL,YAAU,iBAAiBK;EAG5BI,EAAYX,EAAAA,QAAOY,GAAe;;;;;;MAMxCL,GAAUV,KAAG;kBACqB,UAAvBU,EAAMM,aAA2B,SAAW;iBACtB,UAAvBN,EAAMM,aAA2B,SAAW;;;;;6BAKhCX,EAAAA,UAAU;;;;EAM1BY,EAAQd,EAAAA,QAAOe,KAAoB;;;;;cAKjCR,GAAWA,EAAMS,SAAW,cAAgB;;;YAG/CjB;;YAEAM;;YAEAI;;qBAEUF,IACLA,EAAMS,UAAYd,EAAAA,UAAU,cAAcK;;;"}

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/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-navigator/date-navigator.style.js

@@ -1,30 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../button/button.js"),n=require("../icon-button/icon-button.js"),r=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(n.IconButton)`
-    margin: ${r.V3_Spacing["spacing-8"]};
-`,u=i.default.div`
-    display: flex;
-    position: relative;
-    align-items: center;
-    justify-content: space-between;
-    background-color: ${r.V3_Colour["bg-strong"]};
-    border-radius: ${r.V3_Radius.sm};
-`,s=i.default(t.Button.Default)`
-    color: ${e=>e.$enableDateClick?r.V3_Colour["text-primary"]:r.V3_Colour.text};
-    white-space: nowrap;
-    display: inline-block;
-    text-wrap: auto;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    background: transparent;
-    height: unset;
-    cursor: default;
-
-    ${t=>{if(t.$enableDateClick)return e.css`
-                &:hover {
-                    cursor: pointer;
-                    text-decoration: underline;
-                    text-underline-position: under;
-                }
-            `}}
-`;exports.Container=u,exports.HeaderArrowButton=a,exports.StyledDateTextButton=s;
-//# sourceMappingURL=date-navigator.style.js.map

package/cjs/date-navigator/date-navigator.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-navigator.style.js","sources":["../../../src/date-navigator/date-navigator.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { IconButton } from \"../icon-button\";\nimport { V3_Colour, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\ninterface StyledDateTextProps {\n    $enableDateClick?: boolean;\n}\n\nexport const HeaderArrowButton = styled(IconButton)`\n    margin: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const Container = styled.div`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${V3_Colour[\"bg-strong\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n`;\n\nexport const StyledDateTextButton = styled(Button.Default)<StyledDateTextProps>`\n    color: ${(props) =>\n        props.$enableDateClick ? V3_Colour[\"text-primary\"] : V3_Colour[\"text\"]};\n    white-space: nowrap;\n    display: inline-block;\n    text-wrap: auto;\n    text-align: center;\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    height: unset;\n    cursor: default;\n\n    ${(props) => {\n        if (props.$enableDateClick) {\n            return css`\n                &:hover {\n                    cursor: pointer;\n                    text-decoration: underline;\n                    text-underline-position: under;\n                }\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderArrowButton","styled","IconButton","V3_Spacing","Container","div","V3_Colour","V3_Radius","StyledDateTextButton","Button","Default","props","$enableDateClick","css"],"mappings":"uPAUaA,EAAoBC,EAAAA,QAAOC,EAAAA,WAAW;cACrCC,EAAAA,WAAW;EAGZC,EAAYH,EAAAA,QAAOI,GAAG;;;;;wBAKXC,EAAAA,UAAU;qBACbC,EAAAA,UAAc;EAGtBC,EAAuBP,EAAAA,QAAOQ,SAAOC,QAA6B;aACjEC,GACNA,EAAMC,iBAAmBN,EAAAA,UAAU,gBAAkBA,YAAgB;;;;;;;;;;;MAWtEK,IACC,GAAIA,EAAMC,iBACN,OAAOC,KAAG;;;;;;aAOd;"}

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/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/divider/divider.style.js

@@ -1,15 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=o(e).default.hr`
-    width: 100%;
-    margin: 0;
-    border: none;
-    ${o=>{switch(o.$lineStyle){case"dashed":return o=>{let t;t="function"==typeof o.$color?o.$color(o):o.$color||r.V3_Colour.border(o);const n=encodeURIComponent(t),s=o.$thickness||1,c=s+1;return e.css`
-        background-color: transparent;
-        height: ${s}px;
-        background-repeat: repeat-x;
-        background-image: url('data:image/svg+xml,<svg width="8" height="${s}" viewBox="0 0 8 1" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="1" x2="6" y2="1" stroke="${n}" stroke-width="${c}" stroke-dasharray="4 4" /></svg>');
-    `};case"solid":return e.css`
-                    height: ${o.$thickness}px;
-                    background-color: ${o.$color||r.V3_Colour.border};
-                `}}}
-`;exports.Line=t;
-//# sourceMappingURL=divider.style.js.map

package/cjs/divider/divider.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.style.js","sources":["../../../src/divider/divider.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour } from \"../v3_theme\";\nimport type { V3_StyledComponentProps } from \"../v3_theme/helpers\";\nimport type { V3_ThemeStyleProps } from \"../v3_theme/types\";\nimport type { DividerLineStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface StyleProps {\n    $thickness: number;\n    $color?: string | ((props: V3_ThemeStyleProps) => string);\n    $lineStyle?: DividerLineStyleType;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst dashedLineStyle = () => (props: StyleProps & V3_StyledComponentProps) => {\n    let color: string;\n\n    if (typeof props.$color === \"function\") {\n        color = props.$color(props);\n    } else {\n        color = props.$color || V3_Colour.border(props);\n    }\n\n    const encodedColor = encodeURIComponent(color);\n    const thickness = props.$thickness || 1;\n    const strokeWidth = thickness + 1; // best fit\n\n    return css`\n        background-color: transparent;\n        height: ${thickness}px;\n        background-repeat: repeat-x;\n        background-image: url('data:image/svg+xml,<svg width=\"8\" height=\"${thickness}\" viewBox=\"0 0 8 1\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2\" y1=\"1\" x2=\"6\" y2=\"1\" stroke=\"${encodedColor}\" stroke-width=\"${strokeWidth}\" stroke-dasharray=\"4 4\" /></svg>');\n    `;\n};\n\nexport const Line = styled.hr<StyleProps>`\n    width: 100%;\n    margin: 0;\n    border: none;\n    ${(props) => {\n        switch (props.$lineStyle) {\n            case \"dashed\":\n                return dashedLineStyle();\n            case \"solid\":\n                return css`\n                    height: ${props.$thickness}px;\n                    background-color: ${props.$color || V3_Colour.border};\n                `;\n        }\n    }}\n`;\n"],"names":["Line","styled","hr","props","$lineStyle","color","$color","V3_Colour","border","encodedColor","encodeURIComponent","thickness","$thickness","strokeWidth","css"],"mappings":"0JAmBA,MAqBaA,OAAOC,QAAOC,EAAc;;;;MAIlCC,IACC,OAAQA,EAAMC,YACV,IAAK,SACD,OA5BeD,IAC3B,IAAIE,EAGAA,EADwB,mBAAjBF,EAAMG,OACLH,EAAMG,OAAOH,GAEbA,EAAMG,QAAUC,EAAAA,UAAUC,OAAOL,GAG7C,MAAMM,EAAeC,mBAAmBL,GAClCM,EAAYR,EAAMS,YAAc,EAChCC,EAAcF,EAAY,EAEhC,OAAOG,KAAG;;kBAEIH;;2EAEyDA,qGAA6GF,oBAA+BI;KAClN,EAWO,IAAK,QACD,OAAOC,KAAG;8BACIX,EAAMS;wCACIT,EAAMG,QAAUC,EAAAA,UAAUC;;"}

package/cjs/error-display/error-display.style.js

@@ -1,50 +0,0 @@
-"use strict";var t=require("styled-components"),e=require("../button/button.js"),i=require("../shared/html-content/html-content.js"),n=require("../typography/index.js"),a=require("../v3_theme/index.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(t);const d=o.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-`,p=o.default.img`
-    position: relative;
-    width: 400px;
-    height: auto;
-
-    ${a.V3_MediaQuery.MaxWidth.sm} {
-        width: 320px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.xs} {
-        width: 288px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.xxs} {
-        width: 240px;
-    }
-`,s=o.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    max-width: 656px;
-    white-space: pre-wrap;
-`,l=o.default(n.Typography.HeadingMD).attrs((()=>({forwardedAs:"h2"})))`
-    margin: ${a.V3_Spacing["spacing-32"]} 0 ${a.V3_Spacing["spacing-16"]};
-    text-align: center;
-`,u=o.default.div`
-    color: ${a.V3_Colour.text};
-    text-align: center;
-
-    ${i.applyHtmlContentStyle({textSize:"body-baseline"})}
-
-    p + p {
-        margin-top: ${a.V3_Spacing["spacing-16"]};
-    }
-`,c=o.default(e.Button.Default)`
-    margin: ${a.V3_Spacing["spacing-32"]} auto 0;
-    width: 21rem;
-
-    ${a.V3_MediaQuery.MaxWidth.sm} {
-        width: 100%;
-    }
-`;exports.ActionButton=c,exports.Container=d,exports.DescriptionContainer=u,exports.Img=p,exports.TextContainer=s,exports.Title=l;
-//# sourceMappingURL=error-display.style.js.map

package/cjs/error-display/error-display.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-display.style.js","sources":["../../../src/error-display/error-display.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\n\nexport const Container = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n`;\n\nexport const Img = styled.img`\n    position: relative;\n    width: 400px;\n    height: auto;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 320px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xs} {\n        width: 288px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xxs} {\n        width: 240px;\n    }\n`;\n\nexport const TextContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    max-width: 656px;\n    white-space: pre-wrap;\n`;\n\nexport const Title = styled(Typography.HeadingMD).attrs(() => ({\n    forwardedAs: \"h2\",\n}))`\n    margin: ${V3_Spacing[\"spacing-32\"]} 0 ${V3_Spacing[\"spacing-16\"]};\n    text-align: center;\n`;\n\nexport const DescriptionContainer = styled.div`\n    color: ${V3_Colour.text};\n    text-align: center;\n\n    ${applyHtmlContentStyle({ textSize: \"body-baseline\" })}\n\n    p + p {\n        margin-top: ${V3_Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const ActionButton = styled(Button.Default)`\n    margin: ${V3_Spacing[\"spacing-32\"]} auto 0;\n    width: 21rem;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n`;\n"],"names":["Container","styled","div","Img","img","V3_MediaQuery","MaxWidth","sm","xs","xxs","TextContainer","Title","Typography","HeadingMD","attrs","forwardedAs","V3_Spacing","DescriptionContainer","V3_Colour","text","applyHtmlContentStyle","textSize","ActionButton","Button","Default"],"mappings":"8RAOO,MAAMA,EAAYC,EAAAA,QAAOC,GAAG;;;;;;EAQtBC,EAAMF,EAAAA,QAAOG,GAAG;;;;;MAKvBC,EAAAA,cAAcC,SAASC;;;;MAIvBF,EAAAA,cAAcC,SAASE;;;;MAIvBH,EAAAA,cAAcC,SAASG;;;EAKhBC,EAAgBT,EAAAA,QAAOC,GAAG;;;;;;;EAS1BS,EAAQV,EAAAA,QAAOW,EAAAA,WAAWC,WAAWC,OAAM,KAAA,CACpDC,YAAa,QACd;cACWC,EAAAA,WAAW,mBAAmBA,EAAAA,WAAW;;EAI1CC,EAAuBhB,EAAAA,QAAOC,GAAG;aACjCgB,EAAAA,UAAUC;;;MAGjBC,wBAAsB,CAAEC,SAAU;;;sBAGlBL,EAAAA,WAAW;;EAIpBM,EAAerB,EAAAA,QAAOsB,SAAOC,QAAQ;cACpCR,EAAAA,WAAW;;;MAGnBX,EAAAA,cAAcC,SAASC;;;"}

package/cjs/example/example.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react");require("./example_r47nvz.css");const s="w17q3qtu";exports.Example=i=>{var{children:c}=i,l=e.__rest(i,["children"]);const[n,u]=t.useState(!1),a=t.useRef(null);return t.useLayoutEffect((()=>{if(a.current){const e=a.current;e.style.setProperty("border","1px solid black"),e.style.setProperty("padding","1rem"),e.style.setProperty("border-radius","0.5rem"),e.style.setProperty("width","50%")}}),[]),r.jsxs("div",Object.assign({ref:a,className:s},l,{children:[n&&r.jsx("div",{children:c}),r.jsx("button",{onClick:()=>u(!n),children:"click me"})]}))};
-//# sourceMappingURL=example.js.map

package/cjs/example/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","sources":["../../../src/example/example.tsx"],"sourcesContent":["import { css } from \"@linaria/core\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\n\nimport type { ExampleProps } from \"./types\";\n\n// TODO: remove after v4 migration is complete\nexport const Example = ({\n    children,\n    ...otherProps\n}: ExampleProps): JSX.Element => {\n    const [show, setShow] = useState(false);\n    const ref = useRef<HTMLDivElement>(null);\n\n    useLayoutEffect(() => {\n        if (ref.current) {\n            const element = ref.current;\n            element.style.setProperty(\"border\", \"1px solid black\");\n            element.style.setProperty(\"padding\", \"1rem\");\n            element.style.setProperty(\"border-radius\", \"0.5rem\");\n            element.style.setProperty(\"width\", \"50%\");\n        }\n    }, []);\n\n    return (\n        <div ref={ref} className={wrapper} {...otherProps}>\n            {show && <div>{children}</div>}\n            <button onClick={() => setShow(!show)}>click me</button>\n        </div>\n    );\n};\n\nconst wrapper = css`\n    background: transparent;\n`;\n"],"names":["wrapper","_a","children","otherProps","__rest","show","setShow","useState","ref","useRef","useLayoutEffect","current","element","style","setProperty","_jsxs","Object","assign","className","_jsx","onClick"],"mappings":"qJAMO,MAyBDA,EAAO,2BAzBWC,IAAA,IAAAC,SACpBA,GAAQD,EACLE,EAAUC,EAAAA,OAAAH,EAFO,cAIpB,MAAOI,EAAMC,GAAWC,EAAAA,UAAS,GAC3BC,EAAMC,EAAAA,OAAuB,MAYnC,OAVAC,EAAAA,iBAAgB,KACZ,GAAIF,EAAIG,QAAS,CACb,MAAMC,EAAUJ,EAAIG,QACpBC,EAAQC,MAAMC,YAAY,SAAU,mBACpCF,EAAQC,MAAMC,YAAY,UAAW,QACrCF,EAAQC,MAAMC,YAAY,gBAAiB,UAC3CF,EAAQC,MAAMC,YAAY,QAAS,MACvC,IACD,IAGCC,OAAA,MAAAC,OAAAC,OAAA,CAAKT,IAAKA,EAAKU,UAAWlB,GAAaG,EAAU,CAAAD,SAAA,CAC5CG,GAAQc,EAAAA,IAAA,MAAA,CAAAjB,SAAMA,IACfiB,EAAAA,IAAA,SAAA,CAAQC,QAASA,IAAMd,GAASD,GAAKH,SAAA,gBACnC"}

package/cjs/example/example_r47nvz.css

@@ -1 +0,0 @@
-.w17q3qtu{background:transparent;}

package/cjs/example/index.js

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

package/cjs/example/index.js.map

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

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