@veeqo/ui 9.0.0-beta-v2-1 → 9.0.1

package/dist/components/Modal/components/Dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","sources":["../../../../../src/components/Modal/components/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":["React","StyledDialog"],"mappings":";;;;;;;;;AAQO,MAAM,MAAM,GAAGA,sBAAK,CAAC,UAAU,CACpC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAKA,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA;;;;"}
+{"version":3,"file":"Dialog.cjs","sources":["../../../../../src/components/Modal/components/Dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledDialog } from './styled';\nimport { ModalVariants } from '../../types';\n\ntype ModifiedDialogProps = {\n  variant: ModalVariants;\n} & React.ComponentProps<typeof StyledDialog>;\n\nexport const Dialog = React.forwardRef<HTMLDialogElement, ModifiedDialogProps>(\n  ({ ...rest }, ref) => <StyledDialog ref={ref} {...rest} />,\n);\n"],"names":["React","StyledDialog"],"mappings":";;;;;;;;;AAQO,MAAM,MAAM,GAAGA,sBAAK,CAAC,UAAU,CACpC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAKA,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA;;;;"}

package/dist/components/Modal/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Modal/components/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAQO,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAK,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA;;;;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Modal/components/Dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledDialog } from './styled';\nimport { ModalVariants } from '../../types';\n\ntype ModifiedDialogProps = {\n  variant: ModalVariants;\n} & React.ComponentProps<typeof StyledDialog>;\n\nexport const Dialog = React.forwardRef<HTMLDialogElement, ModifiedDialogProps>(\n  ({ ...rest }, ref) => <StyledDialog ref={ref} {...rest} />,\n);\n"],"names":[],"mappings":";;;AAQO,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAK,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA;;;;"}

package/dist/components/Modal/components/Dialog/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../../src/components/Modal/components/Dialog/constants.ts"],"sourcesContent":[null],"names":["breakpoints"],"mappings":";;;;AAEa,MAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;;AAGC,MAAA,QAAQ,GAAG;AACtB,IAAA,CAACA,uBAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,QAAQ,GAAG;AACtB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,OAAO,GAAG;AACrB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,SAAS,GAAG;AACvB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;;AAGU,MAAA,uBAAuB,GAAG;IACrC,EAAE,EAAEA,uBAAW,CAAC,MAAM;IACtB,EAAE,EAAEA,uBAAW,CAAC,MAAM;IACtB,IAAI,EAAEA,uBAAW,CAAC,MAAM;IACxB,EAAE,EAAEA,uBAAW,CAAC,QAAQ;;;;;;;"}
+{"version":3,"file":"constants.cjs","sources":["../../../../../src/components/Modal/components/Dialog/constants.ts"],"sourcesContent":["import { breakpoints } from '../../../../theme/modules/breakpoints';\n\nexport const heightMap = {\n  xs: '84vh',\n  sm: '72vh',\n  base: '84vh',\n  lg: '96vh',\n} as const;\n\nexport const widthMap = {\n  [breakpoints.mobile]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.tablet]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.lgTablet]: {\n    xs: '48vw',\n    sm: '56vw',\n    base: '88vw',\n    lg: '100vw',\n  },\n  [breakpoints.desktop]: {\n    xs: '36vw',\n    sm: '44vw',\n    base: '72vw',\n    lg: '88vw',\n  },\n  [breakpoints.lgDesktop]: {\n    xs: '32vw',\n    sm: '40vw',\n    base: '52vw',\n    lg: '80vw',\n  },\n} as const;\n\nexport const fullScreenBreakpointMap = {\n  xs: breakpoints.mobile,\n  sm: breakpoints.mobile,\n  base: breakpoints.tablet,\n  lg: breakpoints.lgTablet,\n} as const;\n"],"names":["breakpoints"],"mappings":";;;;AAEa,MAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;;AAGC,MAAA,QAAQ,GAAG;AACtB,IAAA,CAACA,uBAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,QAAQ,GAAG;AACtB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,OAAO,GAAG;AACrB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,SAAS,GAAG;AACvB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;;AAGU,MAAA,uBAAuB,GAAG;IACrC,EAAE,EAAEA,uBAAW,CAAC,MAAM;IACtB,EAAE,EAAEA,uBAAW,CAAC,MAAM;IACtB,IAAI,EAAEA,uBAAW,CAAC,MAAM;IACxB,EAAE,EAAEA,uBAAW,CAAC,QAAQ;;;;;;;"}

package/dist/components/Modal/components/Dialog/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/Modal/components/Dialog/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEa,MAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;;AAGC,MAAA,QAAQ,GAAG;AACtB,IAAA,CAAC,WAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,QAAQ,GAAG;AACtB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACrB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,SAAS,GAAG;AACvB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;;AAGU,MAAA,uBAAuB,GAAG;IACrC,EAAE,EAAE,WAAW,CAAC,MAAM;IACtB,EAAE,EAAE,WAAW,CAAC,MAAM;IACtB,IAAI,EAAE,WAAW,CAAC,MAAM;IACxB,EAAE,EAAE,WAAW,CAAC,QAAQ;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Modal/components/Dialog/constants.ts"],"sourcesContent":["import { breakpoints } from '../../../../theme/modules/breakpoints';\n\nexport const heightMap = {\n  xs: '84vh',\n  sm: '72vh',\n  base: '84vh',\n  lg: '96vh',\n} as const;\n\nexport const widthMap = {\n  [breakpoints.mobile]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.tablet]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.lgTablet]: {\n    xs: '48vw',\n    sm: '56vw',\n    base: '88vw',\n    lg: '100vw',\n  },\n  [breakpoints.desktop]: {\n    xs: '36vw',\n    sm: '44vw',\n    base: '72vw',\n    lg: '88vw',\n  },\n  [breakpoints.lgDesktop]: {\n    xs: '32vw',\n    sm: '40vw',\n    base: '52vw',\n    lg: '80vw',\n  },\n} as const;\n\nexport const fullScreenBreakpointMap = {\n  xs: breakpoints.mobile,\n  sm: breakpoints.mobile,\n  base: breakpoints.tablet,\n  lg: breakpoints.lgTablet,\n} as const;\n"],"names":[],"mappings":";;AAEa,MAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;;AAGC,MAAA,QAAQ,GAAG;AACtB,IAAA,CAAC,WAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,QAAQ,GAAG;AACtB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACrB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,SAAS,GAAG;AACvB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;;AAGU,MAAA,uBAAuB,GAAG;IACrC,EAAE,EAAE,WAAW,CAAC,MAAM;IACtB,EAAE,EAAE,WAAW,CAAC,MAAM;IACtB,IAAI,EAAE,WAAW,CAAC,MAAM;IACxB,EAAE,EAAE,WAAW,CAAC,QAAQ;;;;;"}

package/dist/components/Modal/components/Dialog/styled.cjs

@@ -18,7 +18,7 @@ const StyledDialog = styled__default.default(framerMotion.motion.dialog).attrs({
     exit: { opacity: 0, y: -50, bounce: 0 },
     animate: { opacity: 1, y: 0, bounce: 0 },
     transition: { type: 'tween', duration: 0.25 },
-}).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--hfuefb" }) `padding:0;border:none;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Card.Card.Surface}{display:flex;flex-direction:column;${({ variant }) => `max-height: ${constants.heightMap[variant]};`} ${styled$1.MainSection}{padding-bottom:${index.theme.sizes.md};}${Card.Card.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgDesktop][variant]};}@media (max-width: ${({ variant }) => constants.fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${color.getOpaqueHexColor(index.theme.colors.neutral.ink.base, 0.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`;
+}).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--1ohvs0u" }) `padding:0;border:none;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Card.Card.Surface}{display:flex;flex-direction:column;${({ variant }) => `max-height: ${constants.heightMap[variant]};`} ${styled$1.MainSection}{padding-bottom:${index.theme.sizes.md};}${Card.Card.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgDesktop][variant]};}@media (max-width: ${({ variant }) => constants.fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${color.getOpaqueHexColor(index.theme.colors.neutral.ink.base, 0.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`;
 
 exports.StyledDialog = StyledDialog;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Modal/components/Dialog/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":[null],"names":["theme","styled","motion","Card","heightMap","MainSection","widthMap","fullScreenBreakpointMap","getOpaqueHexColor"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,EAAE,WAAW,EAAE,GAAGA,WAAK;AAEtB,MAAM,YAAY,GAAGC,uBAAM,CAACC,mBAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;AACtD,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;IACxC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC9C,CAAA,CAAC,qHAGiBF,WAAK,CAAC,KAAK,CAAC,EAAE,CACjB,YAAA,EAAAA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,uEAAA,EAQxBG,SAAI,CAAC,OAAO,uCAId,CAAC,EAAE,OAAO,EAAE,KAAK,eAAeC,mBAAS,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG,CAErD,CAAA,EAAAC,oBAAW,mBACOL,WAAK,CAAC,KAAK,CAAC,EAAE,KAGhCG,SAAI,CAAC,MAAM,CAAA,yFAAA,EAiBW,WAAW,CAAC,MAAM,2BAA4B,WAAW,CAAC,MAAM,CAC3E,YAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAKG,kBAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,oBAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,wBAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,eAClE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAIjD,qBAAA,EAAA,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAInD,CAAC,EAAE,OAAO,EAAE,KAAKC,iCAAuB,CAAC,OAAO,CAAC,CAO9D,6DAAA,EAAAJ,SAAI,CAAC,OAAO,CAAA,wFAAA,EASEK,uBAAiB,CAACR,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { getOpaqueHexColor } from '../../../../utils/color';\nimport { Card } from '../../../Card';\nimport { theme } from '../../../../theme';\nimport { ModalVariants } from '../../types';\nimport { fullScreenBreakpointMap, heightMap, widthMap } from './constants';\nimport { MainSection } from '../styled';\n\nconst { breakpoints } = theme;\n\nexport const StyledDialog = styled(motion.dialog).attrs({\n  initial: { opacity: 0, y: -50, bounce: 0 },\n  exit: { opacity: 0, y: -50, bounce: 0 },\n  animate: { opacity: 1, y: 0, bounce: 0 },\n  transition: { type: 'tween', duration: 0.25 },\n})<{ variant: ModalVariants }>`\n  padding: 0;\n  border: none;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.lg};\n\n  min-width: 464px;\n\n  &::backdrop {\n    animation: fadeIn 0.25s ease forwards;\n  }\n\n  & > ${Card.Surface} {\n    display: flex;\n    flex-direction: column;\n\n    ${({ variant }) => `max-height: ${heightMap[variant]};`}\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer} {\n      margin-top: 0;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  // ** Responsive Design ** //\n\n  // Tablet\n  @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n  }\n\n  // Lg Tablet\n  @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n  }\n\n  // Desktop\n  @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n  }\n\n  // Lg Desktop\n  @media (min-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n  }\n\n  // Full Screen Mode\n  @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n    margin: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: 100vh;\n\n    &,\n    & > ${Card.Surface} {\n      border-radius: 0;\n      height: 100%;\n      width: 100%;\n      max-height: unset;\n    }\n  }\n\n  &::backdrop {\n    background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n  }\n\n  &:not([open]) {\n    display: block;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    transform: translate(-50%, -50%);\n  }\n`;\n"],"names":["theme","styled","motion","Card","heightMap","MainSection","widthMap","fullScreenBreakpointMap","getOpaqueHexColor"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,EAAE,WAAW,EAAE,GAAGA,WAAK;AAEtB,MAAM,YAAY,GAAGC,uBAAM,CAACC,mBAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;AACtD,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;IACxC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC9C,CAAA,CAAC,sHAGiBF,WAAK,CAAC,KAAK,CAAC,EAAE,CACjB,YAAA,EAAAA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,uEAAA,EAQxBG,SAAI,CAAC,OAAO,uCAId,CAAC,EAAE,OAAO,EAAE,KAAK,eAAeC,mBAAS,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG,CAErD,CAAA,EAAAC,oBAAW,mBACOL,WAAK,CAAC,KAAK,CAAC,EAAE,KAGhCG,SAAI,CAAC,MAAM,CAAA,yFAAA,EAiBW,WAAW,CAAC,MAAM,2BAA4B,WAAW,CAAC,MAAM,CAC3E,YAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAKG,kBAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,oBAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,wBAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,eAClE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAIjD,qBAAA,EAAA,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAInD,CAAC,EAAE,OAAO,EAAE,KAAKC,iCAAuB,CAAC,OAAO,CAAC,CAO9D,6DAAA,EAAAJ,SAAI,CAAC,OAAO,CAAA,wFAAA,EASEK,uBAAiB,CAACR,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC;;;;"}

package/dist/components/Modal/components/Dialog/styled.js

@@ -12,7 +12,7 @@ const StyledDialog = styled(motion.dialog).attrs({
     exit: { opacity: 0, y: -50, bounce: 0 },
     animate: { opacity: 1, y: 0, bounce: 0 },
     transition: { type: 'tween', duration: 0.25 },
-}).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--hfuefb" }) `padding:0;border:none;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Card.Surface}{display:flex;flex-direction:column;${({ variant }) => `max-height: ${heightMap[variant]};`} ${MainSection}{padding-bottom:${theme.sizes.md};}${Card.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};}@media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`;
+}).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--1ohvs0u" }) `padding:0;border:none;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Card.Surface}{display:flex;flex-direction:column;${({ variant }) => `max-height: ${heightMap[variant]};`} ${MainSection}{padding-bottom:${theme.sizes.md};}${Card.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};}@media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`;
 
 export { StyledDialog };
 //# sourceMappingURL=styled.js.map

package/dist/components/Modal/components/Dialog/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AASA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAEtB,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;AACtD,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;IACxC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC9C,CAAA,CAAC,qHAGiB,KAAK,CAAC,KAAK,CAAC,EAAE,CACjB,YAAA,EAAA,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,uEAAA,EAQxB,IAAI,CAAC,OAAO,uCAId,CAAC,EAAE,OAAO,EAAE,KAAK,eAAe,SAAS,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG,CAErD,CAAA,EAAA,WAAW,mBACO,KAAK,CAAC,KAAK,CAAC,EAAE,KAGhC,IAAI,CAAC,MAAM,CAAA,yFAAA,EAiBW,WAAW,CAAC,MAAM,2BAA4B,WAAW,CAAC,MAAM,CAC3E,YAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,oBAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,wBAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,eAClE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAIjD,qBAAA,EAAA,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAInD,CAAC,EAAE,OAAO,EAAE,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAO9D,6DAAA,EAAA,IAAI,CAAC,OAAO,CAAA,wFAAA,EASE,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { getOpaqueHexColor } from '../../../../utils/color';\nimport { Card } from '../../../Card';\nimport { theme } from '../../../../theme';\nimport { ModalVariants } from '../../types';\nimport { fullScreenBreakpointMap, heightMap, widthMap } from './constants';\nimport { MainSection } from '../styled';\n\nconst { breakpoints } = theme;\n\nexport const StyledDialog = styled(motion.dialog).attrs({\n  initial: { opacity: 0, y: -50, bounce: 0 },\n  exit: { opacity: 0, y: -50, bounce: 0 },\n  animate: { opacity: 1, y: 0, bounce: 0 },\n  transition: { type: 'tween', duration: 0.25 },\n})<{ variant: ModalVariants }>`\n  padding: 0;\n  border: none;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.lg};\n\n  min-width: 464px;\n\n  &::backdrop {\n    animation: fadeIn 0.25s ease forwards;\n  }\n\n  & > ${Card.Surface} {\n    display: flex;\n    flex-direction: column;\n\n    ${({ variant }) => `max-height: ${heightMap[variant]};`}\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer} {\n      margin-top: 0;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  // ** Responsive Design ** //\n\n  // Tablet\n  @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n  }\n\n  // Lg Tablet\n  @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n  }\n\n  // Desktop\n  @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n  }\n\n  // Lg Desktop\n  @media (min-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n  }\n\n  // Full Screen Mode\n  @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n    margin: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: 100vh;\n\n    &,\n    & > ${Card.Surface} {\n      border-radius: 0;\n      height: 100%;\n      width: 100%;\n      max-height: unset;\n    }\n  }\n\n  &::backdrop {\n    background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n  }\n\n  &:not([open]) {\n    display: block;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    transform: translate(-50%, -50%);\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAEtB,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;AACtD,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;IACxC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC9C,CAAA,CAAC,sHAGiB,KAAK,CAAC,KAAK,CAAC,EAAE,CACjB,YAAA,EAAA,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,uEAAA,EAQxB,IAAI,CAAC,OAAO,uCAId,CAAC,EAAE,OAAO,EAAE,KAAK,eAAe,SAAS,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG,CAErD,CAAA,EAAA,WAAW,mBACO,KAAK,CAAC,KAAK,CAAC,EAAE,KAGhC,IAAI,CAAC,MAAM,CAAA,yFAAA,EAiBW,WAAW,CAAC,MAAM,2BAA4B,WAAW,CAAC,MAAM,CAC3E,YAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,oBAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,wBAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,eAClE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAIjD,qBAAA,EAAA,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAInD,CAAC,EAAE,OAAO,EAAE,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAO9D,6DAAA,EAAA,IAAI,CAAC,OAAO,CAAA,wFAAA,EASE,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC;;;;"}

package/dist/components/Modal/components/styled.cjs

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 const NonScrollableBody = styled.createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
-const MainSection = styled__default.default.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--or7d" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${index.theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
+const MainSection = styled__default.default.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${index.theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
     `
     & + ${Card.Card.Footer} {
       box-shadow: 0px 10px 15px 0px ${index.theme.colors.neutral.ink.dark};

package/dist/components/Modal/components/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle","styled","theme","Card"],"mappings":";;;;;;;;;;AAIa,MAAA,iBAAiB,GAAGA,wBAAiB;AAO3C,MAAM,WAAW,GAAGC,uBAAM,CAAC,OAAO,CAIrC,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAc,WAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAChE,CAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAAC,SAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAAD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components';\nimport { Card } from '../../Card';\nimport { theme } from '../../../theme';\n\nexport const NonScrollableBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n`;\n\nexport const MainSection = styled.section<{ isScrollable: boolean; fullBleed: boolean }>`\n  flex: 1;\n  overflow-y: auto;\n\n  ${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`}\n  ${({ isScrollable }) =>\n    isScrollable &&\n    `\n    & + ${Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};\n    }\n  `}\n`;\n"],"names":["createGlobalStyle","styled","theme","Card"],"mappings":";;;;;;;;;;AAIa,MAAA,iBAAiB,GAAGA,wBAAiB;AAO3C,MAAM,WAAW,GAAGC,uBAAM,CAAC,OAAO,CAIrC,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAc,WAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAChE,CAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAAC,SAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAAD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;;"}

package/dist/components/Modal/components/styled.js

@@ -3,7 +3,7 @@ import { Card } from '../../Card/Card.js';
 import { theme } from '../../../theme/index.js';
 
 const NonScrollableBody = createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
-const MainSection = styled.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--or7d" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
+const MainSection = styled.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
     `
     & + ${Card.Footer} {
       box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};

package/dist/components/Modal/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,iBAAiB,GAAG,iBAAiB;AAO3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAIrC,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAc,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAChE,CAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAA,IAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components';\nimport { Card } from '../../Card';\nimport { theme } from '../../../theme';\n\nexport const NonScrollableBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n`;\n\nexport const MainSection = styled.section<{ isScrollable: boolean; fullBleed: boolean }>`\n  flex: 1;\n  overflow-y: auto;\n\n  ${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`}\n  ${({ isScrollable }) =>\n    isScrollable &&\n    `\n    & + ${Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};\n    }\n  `}\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,iBAAiB,GAAG,iBAAiB;AAO3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAIrC,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAc,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAChE,CAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAA,IAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Modal/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":[null],"names":[],"mappings":";;AA6CA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;AAEA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;;;;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":["import { ButtonProps } from '../Button/types';\n\nexport type ModalVariants = 'xs' | 'sm' | 'base' | 'lg';\n\n// Base Modal props shared by all variants.\ntype BaseModalProps = {\n  shouldShow: boolean;\n  showHeaderCloseButton?: boolean;\n  fullBleed?: boolean;\n  variant?: ModalVariants;\n  onClose: () => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\n// Optional slot types.\n\ntype WithHeaderSlot = {\n  headerSlot: React.ReactNode;\n};\n\ntype WithFooterSlot = {\n  footerSlot: React.ReactNode;\n};\n\n// Default header and footer options.\n\ntype DefaultHeaderOptions = {\n  headerTitle: string;\n  headerSubtitle?: string;\n};\n\nexport type Action = { label: string } & ButtonProps;\ntype DefaultFooterOptions = {\n  leftActions?: Action[];\n  rightActions?: Action[];\n};\n\n// Either we have a header slot or default header options, same for footer.\ntype HeaderOptions = WithHeaderSlot | DefaultHeaderOptions;\ntype FooterOptions = WithFooterSlot | DefaultFooterOptions;\n\n// Modal props are shared props + the header and footer options (potentially with slots.)\nexport type ModalProps = BaseModalProps & HeaderOptions & FooterOptions;\n\n/**\n * Type guard to check if a header slot has been passed to the component.\n */\nexport const hasHeaderSlot = (\n  props: ModalProps,\n): props is BaseModalProps & WithHeaderSlot & FooterOptions => {\n  return !!(props as WithHeaderSlot).headerSlot;\n};\n\n/**\n * Type guard to check if a footer slot has been passed to the component.\n */\nexport const hasFooterSlot = (\n  props: ModalProps,\n): props is BaseModalProps & HeaderOptions & WithFooterSlot => {\n  return !!(props as WithFooterSlot).footerSlot;\n};\n"],"names":[],"mappings":";;AA6CA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;AAEA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;;;;;"}

package/dist/components/Modal/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":[null],"names":[],"mappings":"AA6CA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;AAEA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":["import { ButtonProps } from '../Button/types';\n\nexport type ModalVariants = 'xs' | 'sm' | 'base' | 'lg';\n\n// Base Modal props shared by all variants.\ntype BaseModalProps = {\n  shouldShow: boolean;\n  showHeaderCloseButton?: boolean;\n  fullBleed?: boolean;\n  variant?: ModalVariants;\n  onClose: () => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\n// Optional slot types.\n\ntype WithHeaderSlot = {\n  headerSlot: React.ReactNode;\n};\n\ntype WithFooterSlot = {\n  footerSlot: React.ReactNode;\n};\n\n// Default header and footer options.\n\ntype DefaultHeaderOptions = {\n  headerTitle: string;\n  headerSubtitle?: string;\n};\n\nexport type Action = { label: string } & ButtonProps;\ntype DefaultFooterOptions = {\n  leftActions?: Action[];\n  rightActions?: Action[];\n};\n\n// Either we have a header slot or default header options, same for footer.\ntype HeaderOptions = WithHeaderSlot | DefaultHeaderOptions;\ntype FooterOptions = WithFooterSlot | DefaultFooterOptions;\n\n// Modal props are shared props + the header and footer options (potentially with slots.)\nexport type ModalProps = BaseModalProps & HeaderOptions & FooterOptions;\n\n/**\n * Type guard to check if a header slot has been passed to the component.\n */\nexport const hasHeaderSlot = (\n  props: ModalProps,\n): props is BaseModalProps & WithHeaderSlot & FooterOptions => {\n  return !!(props as WithHeaderSlot).headerSlot;\n};\n\n/**\n * Type guard to check if a footer slot has been passed to the component.\n */\nexport const hasFooterSlot = (\n  props: ModalProps,\n): props is BaseModalProps & HeaderOptions & WithFooterSlot => {\n  return !!(props as WithFooterSlot).footerSlot;\n};\n"],"names":[],"mappings":"AA6CA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;AAEA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;;;;"}

package/dist/components/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["usePagination","React","Stack","PaginationButton","StartArrowIcon","LeftArrowIcon","PageInput","ComponentSize","PageCount","RightArrowIcon","EndArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAGA,2BAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEC,qCAACC,WAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAD,sBAAA,CAAA,aAAA,CAACE,uBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFH,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAI,2BAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFJ,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAEC,mBAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAN,sBAAA,CAAA,aAAA,CAACO,oBAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCP,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAQ,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFR,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAS,yBAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { StartArrowIcon } from '../../tempIcons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../tempIcons/EndArrowIcon';\n\nimport { ComponentSize } from '../types';\n\nexport const Pagination = ({\n  testId,\n  e2eClassName,\n  currentPage,\n  totalPagesCount,\n  handleChangePage,\n}: PaginationProps) => {\n  const {\n    pageInputValue,\n    handleIncrement,\n    handleDecrement,\n    handleFormSubmit,\n    handleInputChange,\n    handleSubmit,\n  } = usePagination({\n    currentPage,\n    totalPagesCount,\n    handleChangePage,\n  });\n\n  /**\n   * A function to go back to the first page, provided we aren't already there.\n   */\n  const handleSkipBack = () => {\n    if (currentPage !== 1) handleChangePage(1);\n  };\n\n  /**\n   * A function to go to the last page, provided we aren't already there.\n   */\n  const handleSkipToEnd = () => {\n    if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n  };\n\n  return (\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"xs\"\n      data-testid={testId}\n      className={e2eClassName}\n    >\n      <PaginationButton\n        onClick={handleSkipBack}\n        iconSlot={<StartArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to first page\"\n      />\n      <PaginationButton\n        onClick={handleDecrement}\n        iconSlot={<LeftArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to previous page\"\n        aria-disabled={currentPage <= 1}\n      />\n\n      <form onSubmit={handleFormSubmit}>\n        <PageInput\n          aria-live=\"polite\"\n          aria-label={`page ${currentPage} of ${totalPagesCount}`}\n          size={ComponentSize.sm}\n          type=\"number\"\n          value={pageInputValue}\n          min=\"1\"\n          max={`${totalPagesCount}`}\n          onChange={handleInputChange}\n          onBlur={handleSubmit}\n        />\n      </form>\n\n      <PageCount count={totalPagesCount} />\n\n      <PaginationButton\n        onClick={handleIncrement}\n        iconSlot={<RightArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to next page\"\n        aria-disabled={currentPage >= totalPagesCount}\n      />\n\n      <PaginationButton\n        onClick={handleSkipToEnd}\n        iconSlot={<EndArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to last page\"\n        aria-disabled={currentPage >= totalPagesCount}\n      />\n    </Stack>\n  );\n};\n"],"names":["usePagination","React","Stack","PaginationButton","StartArrowIcon","LeftArrowIcon","PageInput","ComponentSize","PageCount","RightArrowIcon","EndArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAGA,2BAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEC,qCAACC,WAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAD,sBAAA,CAAA,aAAA,CAACE,uBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFH,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAI,2BAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFJ,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAEC,mBAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAN,sBAAA,CAAA,aAAA,CAACO,oBAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCP,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAQ,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFR,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAS,yBAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,aAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACE,oBAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,aAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAE,aAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErC,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { StartArrowIcon } from '../../tempIcons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../tempIcons/EndArrowIcon';\n\nimport { ComponentSize } from '../types';\n\nexport const Pagination = ({\n  testId,\n  e2eClassName,\n  currentPage,\n  totalPagesCount,\n  handleChangePage,\n}: PaginationProps) => {\n  const {\n    pageInputValue,\n    handleIncrement,\n    handleDecrement,\n    handleFormSubmit,\n    handleInputChange,\n    handleSubmit,\n  } = usePagination({\n    currentPage,\n    totalPagesCount,\n    handleChangePage,\n  });\n\n  /**\n   * A function to go back to the first page, provided we aren't already there.\n   */\n  const handleSkipBack = () => {\n    if (currentPage !== 1) handleChangePage(1);\n  };\n\n  /**\n   * A function to go to the last page, provided we aren't already there.\n   */\n  const handleSkipToEnd = () => {\n    if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n  };\n\n  return (\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"xs\"\n      data-testid={testId}\n      className={e2eClassName}\n    >\n      <PaginationButton\n        onClick={handleSkipBack}\n        iconSlot={<StartArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to first page\"\n      />\n      <PaginationButton\n        onClick={handleDecrement}\n        iconSlot={<LeftArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to previous page\"\n        aria-disabled={currentPage <= 1}\n      />\n\n      <form onSubmit={handleFormSubmit}>\n        <PageInput\n          aria-live=\"polite\"\n          aria-label={`page ${currentPage} of ${totalPagesCount}`}\n          size={ComponentSize.sm}\n          type=\"number\"\n          value={pageInputValue}\n          min=\"1\"\n          max={`${totalPagesCount}`}\n          onChange={handleInputChange}\n          onBlur={handleSubmit}\n        />\n      </form>\n\n      <PageCount count={totalPagesCount} />\n\n      <PaginationButton\n        onClick={handleIncrement}\n        iconSlot={<RightArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to next page\"\n        aria-disabled={currentPage >= totalPagesCount}\n      />\n\n      <PaginationButton\n        onClick={handleSkipToEnd}\n        iconSlot={<EndArrowIcon />}\n        size=\"sm\"\n        aria-label=\"go to last page\"\n        aria-disabled={currentPage >= totalPagesCount}\n      />\n    </Stack>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,aAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACE,oBAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,aAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAE,aAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErC,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}

package/dist/components/Pagination/components.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":[null],"names":["React","Text","PageLimitContainer"],"mappings":";;;;;;;;;;AAIa,MAAA,SAAS,GAAG,CAAC,EAAE,KAAK,EAAqB,MACpDA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAAA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,QAAAA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAC,EAAA,OAAO,EAAC,WAAW,6BAElB,CACH;IACND,sBAAC,CAAA,aAAA,CAAAE,yBAAkB,IAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAA,aAAA,EAAA,IAAA,EAAA;QACjDF,sBAAC,CAAA,aAAA,CAAAC,SAAI,EAAC,EAAA,OAAO,EAAC,WAAW,EAAE,EAAA,KAAK,CAAQ,CACrB,CACpB;;;;"}
+{"version":3,"file":"components.cjs","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '../Text';\nimport { PageLimitContainer } from './styled';\n\nexport const PageCount = ({ count }: { count: number }) => (\n  <>\n    <div>\n      <Text variant=\"bodySmall\" aria-hidden>\n        /\n      </Text>\n    </div>\n    <PageLimitContainer alignX=\"center\" alignY=\"center\" aria-hidden>\n      <Text variant=\"bodySmall\">{count}</Text>\n    </PageLimitContainer>\n  </>\n);\n"],"names":["React","Text","PageLimitContainer"],"mappings":";;;;;;;;;;AAIa,MAAA,SAAS,GAAG,CAAC,EAAE,KAAK,EAAqB,MACpDA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAAA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,QAAAA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAC,EAAA,OAAO,EAAC,WAAW,6BAElB,CACH;IACND,sBAAC,CAAA,aAAA,CAAAE,yBAAkB,IAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAA,aAAA,EAAA,IAAA,EAAA;QACjDF,sBAAC,CAAA,aAAA,CAAAC,SAAI,EAAC,EAAA,OAAO,EAAC,WAAW,EAAE,EAAA,KAAK,CAAQ,CACrB,CACpB;;;;"}

package/dist/components/Pagination/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,SAAS,GAAG,CAAC,EAAE,KAAK,EAAqB,MACpD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,WAAW,6BAElB,CACH;IACN,KAAC,CAAA,aAAA,CAAA,kBAAkB,IAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAA,aAAA,EAAA,IAAA,EAAA;QACjD,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,WAAW,EAAE,EAAA,KAAK,CAAQ,CACrB,CACpB;;;;"}
+{"version":3,"file":"components.js","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '../Text';\nimport { PageLimitContainer } from './styled';\n\nexport const PageCount = ({ count }: { count: number }) => (\n  <>\n    <div>\n      <Text variant=\"bodySmall\" aria-hidden>\n        /\n      </Text>\n    </div>\n    <PageLimitContainer alignX=\"center\" alignY=\"center\" aria-hidden>\n      <Text variant=\"bodySmall\">{count}</Text>\n    </PageLimitContainer>\n  </>\n);\n"],"names":[],"mappings":";;;;AAIa,MAAA,SAAS,GAAG,CAAC,EAAE,KAAK,EAAqB,MACpD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,WAAW,6BAElB,CACH;IACN,KAAC,CAAA,aAAA,CAAA,kBAAkB,IAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAA,aAAA,EAAA,IAAA,EAAA;QACjD,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,WAAW,EAAE,EAAA,KAAK,CAAQ,CACrB,CACpB;;;;"}

package/dist/components/Pagination/hooks/usePagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.cjs","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAGA;;AAEG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,EACf,gBAAgB,GACI,KAAI;AACxB,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,CAAG,EAAA,WAAW,CAAE,CAAA,CAAC;AAEtE;;;AAGG;IACHC,eAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACrC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAc,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,eAAe;AAC5F,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAAe,KAAI;QAC/C,IAAI,iBAAiB,CAAC,OAAO,CAAC;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACjE,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,CAAC,QAAQ;YAAE,iBAAiB,CAAC,QAAQ,CAAC;QAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,oBAAoB,CAAC,QAAQ,CAAC;AAChC,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;;;;AAMG;IACH,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,cAAc;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACxD,QAAA,IAAI,cAAc,KAAK,CAAG,EAAA,WAAW,CAAE,CAAA;YAAE;QAEzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;QAC7C,IAAI,iBAAiB,CAAC,QAAQ,CAAC;YAAE,gBAAgB,CAAC,QAAQ,CAAC;AAC7D,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiC,KAAI;QAC7D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,YAAY,EAAE;AAChB,KAAC;IAED,OAAO;QACL,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;KACjB;AACH;;;;"}
+{"version":3,"file":"usePagination.cjs","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":["import { FormEvent, useEffect, useState } from 'react';\nimport { UsePaginationInputs } from '../types';\n\n/**\n * A hook to handle pagination state.\n */\nexport const usePagination = ({\n  currentPage,\n  totalPagesCount,\n  handleChangePage,\n}: UsePaginationInputs) => {\n  const [pageInputValue, setPageInputValue] = useState(`${currentPage}`);\n\n  /**\n   * When a new value is passed into the component we update the local state, meaning the input\n   * value gets updated.\n   */\n  useEffect(() => {\n    setPageInputValue(`${currentPage}`);\n  }, [currentPage]);\n\n  const validatePageValue = (value: number): boolean => value >= 1 && value <= totalPagesCount;\n  const checkAndSetLocalPage = (newPage: number) => {\n    if (validatePageValue(newPage)) setPageInputValue(`${newPage}`);\n  };\n\n  /**\n   * A function to handle changes to the input, a string will be passed int. We check for an empty\n   * string and directly set that, otherwise we validate the input number is within range.\n   * @param newValue The new string input value.\n   */\n  const handleInputChange = (newValue: string) => {\n    if (!newValue) setPageInputValue(newValue);\n\n    const intValue = parseInt(newValue, 10);\n    checkAndSetLocalPage(intValue);\n  };\n\n  /**\n   * A function to increment the current page, using callback from props. Local state will update\n   * when a new `currentPage` is passed.\n   */\n  const handleIncrement = () => {\n    if (validatePageValue(currentPage + 1)) handleChangePage(currentPage + 1);\n  };\n\n  /**\n   * A function to decrement the current page, using callback from props. Local state will update\n   * when a new `currentPage` is passed.\n   */\n  const handleDecrement = () => {\n    if (validatePageValue(currentPage - 1)) handleChangePage(currentPage - 1);\n  };\n\n  /**\n   * When the input is unfocussed we want to update parent or local state depending on 3 cases:\n   *   1. Local page input is '', reset it to the currentPage\n   *   2. Local page input is the same as passed by prop, catch and do nothing.\n   *   3. Local state has a new value, convert it, validate it and potentially send to parent via\n   *  `handlePageChange`\n   */\n  const handleSubmit = () => {\n    if (!pageInputValue) setPageInputValue(`${currentPage}`);\n    if (pageInputValue === `${currentPage}`) return;\n\n    const newValue = parseInt(pageInputValue, 10);\n    if (validatePageValue(newValue)) handleChangePage(newValue);\n  };\n\n  /**\n   * When the user submits the form, either pressing enter or a screenreader shortcut we prevent\n   * default action and try and send update.\n   * @param event The event fired from the form when submitting.\n   */\n  const handleFormSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    handleSubmit();\n  };\n\n  return {\n    pageInputValue,\n    handleIncrement,\n    handleDecrement,\n    handleInputChange,\n    handleSubmit,\n    handleFormSubmit,\n  };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAGA;;AAEG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,EACf,gBAAgB,GACI,KAAI;AACxB,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,CAAG,EAAA,WAAW,CAAE,CAAA,CAAC;AAEtE;;;AAGG;IACHC,eAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACrC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAc,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,eAAe;AAC5F,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAAe,KAAI;QAC/C,IAAI,iBAAiB,CAAC,OAAO,CAAC;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACjE,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,CAAC,QAAQ;YAAE,iBAAiB,CAAC,QAAQ,CAAC;QAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,oBAAoB,CAAC,QAAQ,CAAC;AAChC,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;;;;AAMG;IACH,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,cAAc;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACxD,QAAA,IAAI,cAAc,KAAK,CAAG,EAAA,WAAW,CAAE,CAAA;YAAE;QAEzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;QAC7C,IAAI,iBAAiB,CAAC,QAAQ,CAAC;YAAE,gBAAgB,CAAC,QAAQ,CAAC;AAC7D,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiC,KAAI;QAC7D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,YAAY,EAAE;AAChB,KAAC;IAED,OAAO;QACL,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;KACjB;AACH;;;;"}

package/dist/components/Pagination/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA;;AAEG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,EACf,gBAAgB,GACI,KAAI;AACxB,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAG,EAAA,WAAW,CAAE,CAAA,CAAC;AAEtE;;;AAGG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACrC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAc,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,eAAe;AAC5F,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAAe,KAAI;QAC/C,IAAI,iBAAiB,CAAC,OAAO,CAAC;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACjE,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,CAAC,QAAQ;YAAE,iBAAiB,CAAC,QAAQ,CAAC;QAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,oBAAoB,CAAC,QAAQ,CAAC;AAChC,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;;;;AAMG;IACH,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,cAAc;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACxD,QAAA,IAAI,cAAc,KAAK,CAAG,EAAA,WAAW,CAAE,CAAA;YAAE;QAEzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;QAC7C,IAAI,iBAAiB,CAAC,QAAQ,CAAC;YAAE,gBAAgB,CAAC,QAAQ,CAAC;AAC7D,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiC,KAAI;QAC7D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,YAAY,EAAE;AAChB,KAAC;IAED,OAAO;QACL,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;KACjB;AACH;;;;"}
+{"version":3,"file":"usePagination.js","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":["import { FormEvent, useEffect, useState } from 'react';\nimport { UsePaginationInputs } from '../types';\n\n/**\n * A hook to handle pagination state.\n */\nexport const usePagination = ({\n  currentPage,\n  totalPagesCount,\n  handleChangePage,\n}: UsePaginationInputs) => {\n  const [pageInputValue, setPageInputValue] = useState(`${currentPage}`);\n\n  /**\n   * When a new value is passed into the component we update the local state, meaning the input\n   * value gets updated.\n   */\n  useEffect(() => {\n    setPageInputValue(`${currentPage}`);\n  }, [currentPage]);\n\n  const validatePageValue = (value: number): boolean => value >= 1 && value <= totalPagesCount;\n  const checkAndSetLocalPage = (newPage: number) => {\n    if (validatePageValue(newPage)) setPageInputValue(`${newPage}`);\n  };\n\n  /**\n   * A function to handle changes to the input, a string will be passed int. We check for an empty\n   * string and directly set that, otherwise we validate the input number is within range.\n   * @param newValue The new string input value.\n   */\n  const handleInputChange = (newValue: string) => {\n    if (!newValue) setPageInputValue(newValue);\n\n    const intValue = parseInt(newValue, 10);\n    checkAndSetLocalPage(intValue);\n  };\n\n  /**\n   * A function to increment the current page, using callback from props. Local state will update\n   * when a new `currentPage` is passed.\n   */\n  const handleIncrement = () => {\n    if (validatePageValue(currentPage + 1)) handleChangePage(currentPage + 1);\n  };\n\n  /**\n   * A function to decrement the current page, using callback from props. Local state will update\n   * when a new `currentPage` is passed.\n   */\n  const handleDecrement = () => {\n    if (validatePageValue(currentPage - 1)) handleChangePage(currentPage - 1);\n  };\n\n  /**\n   * When the input is unfocussed we want to update parent or local state depending on 3 cases:\n   *   1. Local page input is '', reset it to the currentPage\n   *   2. Local page input is the same as passed by prop, catch and do nothing.\n   *   3. Local state has a new value, convert it, validate it and potentially send to parent via\n   *  `handlePageChange`\n   */\n  const handleSubmit = () => {\n    if (!pageInputValue) setPageInputValue(`${currentPage}`);\n    if (pageInputValue === `${currentPage}`) return;\n\n    const newValue = parseInt(pageInputValue, 10);\n    if (validatePageValue(newValue)) handleChangePage(newValue);\n  };\n\n  /**\n   * When the user submits the form, either pressing enter or a screenreader shortcut we prevent\n   * default action and try and send update.\n   * @param event The event fired from the form when submitting.\n   */\n  const handleFormSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    handleSubmit();\n  };\n\n  return {\n    pageInputValue,\n    handleIncrement,\n    handleDecrement,\n    handleInputChange,\n    handleSubmit,\n    handleFormSubmit,\n  };\n};\n"],"names":[],"mappings":";;AAGA;;AAEG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,EACf,gBAAgB,GACI,KAAI;AACxB,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAG,EAAA,WAAW,CAAE,CAAA,CAAC;AAEtE;;;AAGG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACrC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAc,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,eAAe;AAC5F,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAAe,KAAI;QAC/C,IAAI,iBAAiB,CAAC,OAAO,CAAC;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACjE,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,CAAC,QAAQ;YAAE,iBAAiB,CAAC,QAAQ,CAAC;QAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,oBAAoB,CAAC,QAAQ,CAAC;AAChC,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;;;;AAMG;IACH,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,cAAc;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACxD,QAAA,IAAI,cAAc,KAAK,CAAG,EAAA,WAAW,CAAE,CAAA;YAAE;QAEzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;QAC7C,IAAI,iBAAiB,CAAC,QAAQ,CAAC;YAAE,gBAAgB,CAAC,QAAQ,CAAC;AAC7D,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiC,KAAI;QAC7D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,YAAY,EAAE;AAChB,KAAC;IAED,OAAO;QACL,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;KACjB;AACH;;;;"}

package/dist/components/Pagination/styled.cjs

@@ -10,9 +10,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const PageLimitContainer = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--PageLimitContainer", componentId: "vui--1psd9g8" }) `width:${index.theme.sizes.lg};height:30px;background-color:${index.theme.colors.neutral.grey.light};border:1px solid ${index.theme.colors.neutral.grey.base};border-radius:${index.theme.sizes.xs};`;
-const PaginationButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--PaginationButton", componentId: "vui--oolvks" }) `color:${index.theme.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`;
-const PageInput = styled__default.default(index$1.TextField).withConfig({ displayName: "vui--PageInput", componentId: "vui--jjraff" }) `&[type='number']{width:5.5ch;}`;
+const PageLimitContainer = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--PageLimitContainer", componentId: "vui--11yg0z2" }) `width:${index.theme.sizes.lg};height:30px;background-color:${index.theme.colors.neutral.grey.light};border:1px solid ${index.theme.colors.neutral.grey.base};border-radius:${index.theme.sizes.xs};`;
+const PaginationButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--PaginationButton", componentId: "vui--1xoa6c5" }) `color:${index.theme.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`;
+const PageInput = styled__default.default(index$1.TextField).withConfig({ displayName: "vui--PageInput", componentId: "vui--vpfeol" }) `&[type='number']{width:5.5ch;}`;
 
 exports.PageInput = PageInput;
 exports.PageLimitContainer = PageLimitContainer;

package/dist/components/Pagination/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":[null],"names":["styled","Stack","theme","Button","TextField"],"mappings":";;;;;;;;;;;;AAMa,MAAA,kBAAkB,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACpCC,WAAK,CAAC,KAAK,CAAC,EAAE,iCAEHA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAE/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,kBACjCA,WAAK,CAAC,KAAK,CAAC,EAAE;AAGpB,MAAA,gBAAgB,GAAGF,uBAAM,CAACG,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACnCD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;MAU3B,SAAS,GAAGF,uBAAM,CAACI,iBAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8BAAA;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { Stack } from '../Stack';\nimport { Button } from '../Button';\nimport { TextField } from '../TextField';\n\nexport const PageLimitContainer = styled(Stack)`\n  width: ${theme.sizes.lg};\n  height: 30px;\n  background-color: ${theme.colors.neutral.grey.light};\n\n  border: 1px solid ${theme.colors.neutral.grey.base};\n  border-radius: ${theme.sizes.xs};\n`;\n\nexport const PaginationButton = styled(Button)`\n  color: ${theme.colors.neutral.ink.base};\n  width: 32px;\n  height: 32px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n`;\n\nexport const PageInput = styled(TextField)`\n  &[type='number'] {\n    width: 5.5ch;\n  }\n`;\n"],"names":["styled","Stack","theme","Button","TextField"],"mappings":";;;;;;;;;;;;AAMa,MAAA,kBAAkB,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACpCC,WAAK,CAAC,KAAK,CAAC,EAAE,iCAEHA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAE/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,kBACjCA,WAAK,CAAC,KAAK,CAAC,EAAE;AAGpB,MAAA,gBAAgB,GAAGF,uBAAM,CAACG,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACnCD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;MAU3B,SAAS,GAAGF,uBAAM,CAACI,iBAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8BAAA;;;;;;"}

package/dist/components/Pagination/styled.js

@@ -4,9 +4,9 @@ import { Stack } from '../Stack/Stack.js';
 import { Button } from '../Button/Button.js';
 import { TextField } from '../TextField/index.js';
 
-const PageLimitContainer = styled(Stack).withConfig({ displayName: "vui--PageLimitContainer", componentId: "vui--1psd9g8" }) `width:${theme.sizes.lg};height:30px;background-color:${theme.colors.neutral.grey.light};border:1px solid ${theme.colors.neutral.grey.base};border-radius:${theme.sizes.xs};`;
-const PaginationButton = styled(Button).withConfig({ displayName: "vui--PaginationButton", componentId: "vui--oolvks" }) `color:${theme.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`;
-const PageInput = styled(TextField).withConfig({ displayName: "vui--PageInput", componentId: "vui--jjraff" }) `&[type='number']{width:5.5ch;}`;
+const PageLimitContainer = styled(Stack).withConfig({ displayName: "vui--PageLimitContainer", componentId: "vui--11yg0z2" }) `width:${theme.sizes.lg};height:30px;background-color:${theme.colors.neutral.grey.light};border:1px solid ${theme.colors.neutral.grey.base};border-radius:${theme.sizes.xs};`;
+const PaginationButton = styled(Button).withConfig({ displayName: "vui--PaginationButton", componentId: "vui--1xoa6c5" }) `color:${theme.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`;
+const PageInput = styled(TextField).withConfig({ displayName: "vui--PageInput", componentId: "vui--vpfeol" }) `&[type='number']{width:5.5ch;}`;
 
 export { PageInput, PageLimitContainer, PaginationButton };
 //# sourceMappingURL=styled.js.map

package/dist/components/Pagination/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMa,MAAA,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACpC,KAAK,CAAC,KAAK,CAAC,EAAE,iCAEH,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAE/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,kBACjC,KAAK,CAAC,KAAK,CAAC,EAAE;AAGpB,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACnC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;MAU3B,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8BAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { Stack } from '../Stack';\nimport { Button } from '../Button';\nimport { TextField } from '../TextField';\n\nexport const PageLimitContainer = styled(Stack)`\n  width: ${theme.sizes.lg};\n  height: 30px;\n  background-color: ${theme.colors.neutral.grey.light};\n\n  border: 1px solid ${theme.colors.neutral.grey.base};\n  border-radius: ${theme.sizes.xs};\n`;\n\nexport const PaginationButton = styled(Button)`\n  color: ${theme.colors.neutral.ink.base};\n  width: 32px;\n  height: 32px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n`;\n\nexport const PageInput = styled(TextField)`\n  &[type='number'] {\n    width: 5.5ch;\n  }\n`;\n"],"names":[],"mappings":";;;;;;AAMa,MAAA,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACpC,KAAK,CAAC,KAAK,CAAC,EAAE,iCAEH,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAE/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,kBACjC,KAAK,CAAC,KAAK,CAAC,EAAE;AAGpB,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACnC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;MAU3B,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8BAAA;;;;"}

package/dist/components/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["theme","useState","usePopper","useMemo","generateId","useUpdateAriaAnchor","useHandleFocus","useEffect","ResizeObserver","React","Portal","Backdrop","PopoverDialog"],"mappings":";;;;;;;;;;;;;;;;;AAAA;MAaa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAGC,qBAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAGC,aAAO,CAAC,MAAM,QAAQ,IAAIC,qBAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvEC,uCAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAGC,6BAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACHC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;YAAE;AAC/B,QAAA,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACHD,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;QAEzC,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3D,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACEE,sBAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACdD,sBAAC,CAAA,aAAA,CAAAE,eAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAAF,sBAAA,CAAA,aAAA,CAACG,oBAAa,EACZ,EAAA,IAAI,EACJ,IAAA,EAAA,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}
+{"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\nimport React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n  id: passedId,\n  children,\n  zIndex = theme.layers.popup,\n  placement = 'bottom',\n  anchorElement,\n  rootElementRef,\n  onShouldClose,\n  style,\n  disableFocusLock,\n  removeBackdrop = false,\n  useAnchorWidth,\n  ignoreAriaWarnings,\n  ...dialogProps\n}: PopoverProps) => {\n  // Set up PopperJS\n  const [popperElement, setPopperElement] = useState<HTMLDialogElement | null>(null);\n  const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n  // Setup popover id to use passed, or generate its' own.\n  const id = useMemo(() => passedId || generateId('popover'), [passedId]);\n\n  // Check and update aria for anchor, only works once this has rendered for the first time though.\n  useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n  const onClose = () => {\n    anchorElement?.focus();\n    onShouldClose?.();\n  };\n\n  const { handleKeyDown } = useHandleFocus({\n    popperElement,\n    anchorElement,\n    onClose,\n    disableFocusLock,\n  });\n\n  /**\n   * When content size is changed, force popper update\n   */\n  useEffect(() => {\n    if (!update || !popperElement) return;\n    const resizeObserver = new ResizeObserver(update);\n    resizeObserver.observe(popperElement);\n\n    return () => resizeObserver.disconnect();\n  }, [update, popperElement]);\n\n  /**\n   * When window is resized, force popper update\n   */\n  useEffect(() => {\n    if (!update) return;\n    window.addEventListener('resize', update);\n\n    return () => window.removeEventListener('resize', update);\n  }, [update]);\n\n  return (\n    <Portal rootElementRef={rootElementRef}>\n      {!removeBackdrop && (\n        <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n      )}\n      <PopoverDialog\n        open\n        id={id}\n        zIndex={zIndex}\n        ref={setPopperElement}\n        style={{\n          ...styles.popper,\n          ...style,\n          ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n        }}\n        onKeyDown={handleKeyDown}\n        {...attributes.popper}\n        {...dialogProps}\n      >\n        {children}\n      </PopoverDialog>\n    </Portal>\n  );\n};\n"],"names":["theme","useState","usePopper","useMemo","generateId","useUpdateAriaAnchor","useHandleFocus","useEffect","ResizeObserver","React","Portal","Backdrop","PopoverDialog"],"mappings":";;;;;;;;;;;;;;;;;AAAA;MAaa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAGC,qBAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAGC,aAAO,CAAC,MAAM,QAAQ,IAAIC,qBAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvEC,uCAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAGC,6BAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACHC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;YAAE;AAC/B,QAAA,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACHD,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;QAEzC,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3D,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACEE,sBAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACdD,sBAAC,CAAA,aAAA,CAAAE,eAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAAF,sBAAA,CAAA,aAAA,CAACG,oBAAa,EACZ,EAAA,IAAI,EACJ,IAAA,EAAA,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;MAaa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvE,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;YAAE;AAC/B,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;QAEzC,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3D,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACd,KAAC,CAAA,aAAA,CAAA,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,IAAI,EACJ,IAAA,EAAA,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\nimport React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n  id: passedId,\n  children,\n  zIndex = theme.layers.popup,\n  placement = 'bottom',\n  anchorElement,\n  rootElementRef,\n  onShouldClose,\n  style,\n  disableFocusLock,\n  removeBackdrop = false,\n  useAnchorWidth,\n  ignoreAriaWarnings,\n  ...dialogProps\n}: PopoverProps) => {\n  // Set up PopperJS\n  const [popperElement, setPopperElement] = useState<HTMLDialogElement | null>(null);\n  const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n  // Setup popover id to use passed, or generate its' own.\n  const id = useMemo(() => passedId || generateId('popover'), [passedId]);\n\n  // Check and update aria for anchor, only works once this has rendered for the first time though.\n  useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n  const onClose = () => {\n    anchorElement?.focus();\n    onShouldClose?.();\n  };\n\n  const { handleKeyDown } = useHandleFocus({\n    popperElement,\n    anchorElement,\n    onClose,\n    disableFocusLock,\n  });\n\n  /**\n   * When content size is changed, force popper update\n   */\n  useEffect(() => {\n    if (!update || !popperElement) return;\n    const resizeObserver = new ResizeObserver(update);\n    resizeObserver.observe(popperElement);\n\n    return () => resizeObserver.disconnect();\n  }, [update, popperElement]);\n\n  /**\n   * When window is resized, force popper update\n   */\n  useEffect(() => {\n    if (!update) return;\n    window.addEventListener('resize', update);\n\n    return () => window.removeEventListener('resize', update);\n  }, [update]);\n\n  return (\n    <Portal rootElementRef={rootElementRef}>\n      {!removeBackdrop && (\n        <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n      )}\n      <PopoverDialog\n        open\n        id={id}\n        zIndex={zIndex}\n        ref={setPopperElement}\n        style={{\n          ...styles.popper,\n          ...style,\n          ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n        }}\n        onKeyDown={handleKeyDown}\n        {...attributes.popper}\n        {...dialogProps}\n      >\n        {children}\n      </PopoverDialog>\n    </Portal>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAAA;MAaa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvE,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;YAAE;AAC/B,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;QAEzC,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3D,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACd,KAAC,CAAA,aAAA,CAAA,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,IAAI,EACJ,IAAA,EAAA,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}

package/dist/components/Popover/hooks/useHandleFocus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHandleFocus.cjs","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":[null],"names":["useEffect"],"mappings":";;;;AAEA,MAAM,kBAAkB,GACtB,oMAAoM;AASzL,MAAA,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,gBAAgB,GAAG,KAAK,GACL,KAAI;AACvB;;AAEG;IACHA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,gBAAgB;YAAE;QACxC,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAE7E,QAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC;YAAE;QAElC,UAAU,CAAC,MAAK;AACb,YAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;SAC9C,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAErC;;;;;AAKG;IACHA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa;YAAE;AAEtC,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;YACjD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;;AAE7E,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,oBAAA,OAAO,EAAE;oBACT;AACD;AAEA,gBAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC7C,KAAK,CAAC,eAAe,EAAE;gBACvB,KAAK,CAAC,cAAc,EAAE;AACvB;AACH,SAAC;;QAGD,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC;;AAG7D,QAAA,OAAO,MAAM,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC;KAC9E,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;AAE3C;;;AAGG;AACH,IAAA,MAAM,eAAe,GAA6D,CAAC,KAAK,KAAI;QAC1F,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAC7E,QAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC;QACzC,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;;QAGnE,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE;YACrB,WAA2B,CAAC,KAAK,EAAE;;AAGrC;aAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,EAAE;YACpE,KAAK,CAAC,cAAc,EAAE;YACrB,YAA4B,CAAC,KAAK,EAAE;AACtC;AACH,KAAC;AAED,IAAA,MAAM,aAAa,GAA6D,CAAC,KAAK,KAAI;AACxF,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,YAAA,OAAO,EAAE;AACT,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;;AAGxB;aAAM,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACnD,eAAe,CAAC,KAAK,CAAC;AACvB;AACH,KAAC;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useHandleFocus.cjs","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":["import { KeyboardEventHandler, useEffect } from 'react';\n\nconst TABBABLE_SELECTORS =\n  'input:not([disabled]), summary:not([disabled]), a[href]:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\ntype UseHandleFocusArgs = {\n  popperElement: HTMLDialogElement | HTMLDivElement | null;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  disableFocusLock?: boolean;\n};\n\nexport const useHandleFocus = ({\n  popperElement,\n  anchorElement,\n  onClose,\n  disableFocusLock = false,\n}: UseHandleFocusArgs) => {\n  /**\n   * Focuses first element, when this gets rendered for the first time.\n   */\n  useEffect(() => {\n    if (!popperElement || disableFocusLock) return;\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n\n    if (focusableElements.length < 1) return;\n\n    setTimeout(() => {\n      (focusableElements[0] as HTMLElement).focus();\n    }, 0);\n  }, [popperElement, disableFocusLock]);\n\n  /**\n   * Sets up tabbing into the popover.\n   *\n   * When the popover is open (pre-requisite for this being ran), and the user clicks `TAB`\n   * then the tab should move **into** the popover, instead of the natural tab order.\n   */\n  useEffect(() => {\n    if (!popperElement || !popperElement) return;\n\n    const focusWithinPopper = (event: KeyboardEvent) => {\n      if (event.key === 'Tab' && !event.shiftKey) {\n        const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n        // When nothing is focusable within the popover, close popover and allow natural tab order.\n        if (focusableElements.length < 1) {\n          onClose();\n          return;\n        }\n\n        (focusableElements[0] as HTMLElement).focus();\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    };\n\n    // When tab occurs on ref focus, if focusable elements in popover focus first.\n    anchorElement?.addEventListener('keydown', focusWithinPopper);\n\n    // eslint-disable-next-line consistent-return\n    return () => anchorElement?.removeEventListener('keydown', focusWithinPopper);\n  }, [anchorElement, popperElement, onClose]);\n\n  /**\n   * Creates focus trap within the popover itself. Stopping users tabbing back to outside the\n   * popover, or forward past the last scrollable element within.\n   */\n  const handleFocusTrap: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // If shift tabbing (BACK) and on the first element, loop to last element.\n    if (event.shiftKey && document.activeElement === firstElement) {\n      event.preventDefault();\n      (lastElement as HTMLElement).focus();\n\n      // If tabbing (FORWARD) and on the last element, loop to first element.\n    } else if (!event.shiftKey && document.activeElement === lastElement) {\n      event.preventDefault();\n      (firstElement as HTMLElement).focus();\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    if (!popperElement) return;\n\n    // Handle escape\n    if (event.key === 'Escape') {\n      onClose();\n      event.stopPropagation(); // Should only close THIS dialog.\n      event.preventDefault(); // Shouldn't close any fullscreen dialogs (Modal) it's part of\n\n      // Check we should enforce focus trap.\n    } else if (!disableFocusLock && event.key === 'Tab') {\n      handleFocusTrap(event);\n    }\n  };\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":["useEffect"],"mappings":";;;;AAEA,MAAM,kBAAkB,GACtB,oMAAoM;AASzL,MAAA,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,gBAAgB,GAAG,KAAK,GACL,KAAI;AACvB;;AAEG;IACHA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,gBAAgB;YAAE;QACxC,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAE7E,QAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC;YAAE;QAElC,UAAU,CAAC,MAAK;AACb,YAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;SAC9C,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAErC;;;;;AAKG;IACHA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa;YAAE;AAEtC,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;YACjD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;;AAE7E,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,oBAAA,OAAO,EAAE;oBACT;AACD;AAEA,gBAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC7C,KAAK,CAAC,eAAe,EAAE;gBACvB,KAAK,CAAC,cAAc,EAAE;AACvB;AACH,SAAC;;QAGD,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC;;AAG7D,QAAA,OAAO,MAAM,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC;KAC9E,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;AAE3C;;;AAGG;AACH,IAAA,MAAM,eAAe,GAA6D,CAAC,KAAK,KAAI;QAC1F,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAC7E,QAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC;QACzC,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;;QAGnE,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE;YACrB,WAA2B,CAAC,KAAK,EAAE;;AAGrC;aAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,EAAE;YACpE,KAAK,CAAC,cAAc,EAAE;YACrB,YAA4B,CAAC,KAAK,EAAE;AACtC;AACH,KAAC;AAED,IAAA,MAAM,aAAa,GAA6D,CAAC,KAAK,KAAI;AACxF,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,YAAA,OAAO,EAAE;AACT,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;;AAGxB;aAAM,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACnD,eAAe,CAAC,KAAK,CAAC;AACvB;AACH,KAAC;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}

package/dist/components/Popover/hooks/useHandleFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHandleFocus.js","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,GACtB,oMAAoM;AASzL,MAAA,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,gBAAgB,GAAG,KAAK,GACL,KAAI;AACvB;;AAEG;IACH,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,gBAAgB;YAAE;QACxC,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAE7E,QAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC;YAAE;QAElC,UAAU,CAAC,MAAK;AACb,YAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;SAC9C,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAErC;;;;;AAKG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa;YAAE;AAEtC,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;YACjD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;;AAE7E,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,oBAAA,OAAO,EAAE;oBACT;AACD;AAEA,gBAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC7C,KAAK,CAAC,eAAe,EAAE;gBACvB,KAAK,CAAC,cAAc,EAAE;AACvB;AACH,SAAC;;QAGD,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC;;AAG7D,QAAA,OAAO,MAAM,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC;KAC9E,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;AAE3C;;;AAGG;AACH,IAAA,MAAM,eAAe,GAA6D,CAAC,KAAK,KAAI;QAC1F,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAC7E,QAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC;QACzC,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;;QAGnE,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE;YACrB,WAA2B,CAAC,KAAK,EAAE;;AAGrC;aAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,EAAE;YACpE,KAAK,CAAC,cAAc,EAAE;YACrB,YAA4B,CAAC,KAAK,EAAE;AACtC;AACH,KAAC;AAED,IAAA,MAAM,aAAa,GAA6D,CAAC,KAAK,KAAI;AACxF,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,YAAA,OAAO,EAAE;AACT,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;;AAGxB;aAAM,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACnD,eAAe,CAAC,KAAK,CAAC;AACvB;AACH,KAAC;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useHandleFocus.js","sources":["../../../../src/components/Popover/hooks/useHandleFocus.ts"],"sourcesContent":["import { KeyboardEventHandler, useEffect } from 'react';\n\nconst TABBABLE_SELECTORS =\n  'input:not([disabled]), summary:not([disabled]), a[href]:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\ntype UseHandleFocusArgs = {\n  popperElement: HTMLDialogElement | HTMLDivElement | null;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  disableFocusLock?: boolean;\n};\n\nexport const useHandleFocus = ({\n  popperElement,\n  anchorElement,\n  onClose,\n  disableFocusLock = false,\n}: UseHandleFocusArgs) => {\n  /**\n   * Focuses first element, when this gets rendered for the first time.\n   */\n  useEffect(() => {\n    if (!popperElement || disableFocusLock) return;\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n\n    if (focusableElements.length < 1) return;\n\n    setTimeout(() => {\n      (focusableElements[0] as HTMLElement).focus();\n    }, 0);\n  }, [popperElement, disableFocusLock]);\n\n  /**\n   * Sets up tabbing into the popover.\n   *\n   * When the popover is open (pre-requisite for this being ran), and the user clicks `TAB`\n   * then the tab should move **into** the popover, instead of the natural tab order.\n   */\n  useEffect(() => {\n    if (!popperElement || !popperElement) return;\n\n    const focusWithinPopper = (event: KeyboardEvent) => {\n      if (event.key === 'Tab' && !event.shiftKey) {\n        const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n        // When nothing is focusable within the popover, close popover and allow natural tab order.\n        if (focusableElements.length < 1) {\n          onClose();\n          return;\n        }\n\n        (focusableElements[0] as HTMLElement).focus();\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    };\n\n    // When tab occurs on ref focus, if focusable elements in popover focus first.\n    anchorElement?.addEventListener('keydown', focusWithinPopper);\n\n    // eslint-disable-next-line consistent-return\n    return () => anchorElement?.removeEventListener('keydown', focusWithinPopper);\n  }, [anchorElement, popperElement, onClose]);\n\n  /**\n   * Creates focus trap within the popover itself. Stopping users tabbing back to outside the\n   * popover, or forward past the last scrollable element within.\n   */\n  const handleFocusTrap: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    const focusableElements = popperElement!.querySelectorAll(TABBABLE_SELECTORS);\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // If shift tabbing (BACK) and on the first element, loop to last element.\n    if (event.shiftKey && document.activeElement === firstElement) {\n      event.preventDefault();\n      (lastElement as HTMLElement).focus();\n\n      // If tabbing (FORWARD) and on the last element, loop to first element.\n    } else if (!event.shiftKey && document.activeElement === lastElement) {\n      event.preventDefault();\n      (firstElement as HTMLElement).focus();\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDialogElement | HTMLDivElement> = (event) => {\n    if (!popperElement) return;\n\n    // Handle escape\n    if (event.key === 'Escape') {\n      onClose();\n      event.stopPropagation(); // Should only close THIS dialog.\n      event.preventDefault(); // Shouldn't close any fullscreen dialogs (Modal) it's part of\n\n      // Check we should enforce focus trap.\n    } else if (!disableFocusLock && event.key === 'Tab') {\n      handleFocusTrap(event);\n    }\n  };\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,GACtB,oMAAoM;AASzL,MAAA,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,gBAAgB,GAAG,KAAK,GACL,KAAI;AACvB;;AAEG;IACH,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,gBAAgB;YAAE;QACxC,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAE7E,QAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC;YAAE;QAElC,UAAU,CAAC,MAAK;AACb,YAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;SAC9C,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAErC;;;;;AAKG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa;YAAE;AAEtC,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;YACjD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;;AAE7E,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,oBAAA,OAAO,EAAE;oBACT;AACD;AAEA,gBAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC7C,KAAK,CAAC,eAAe,EAAE;gBACvB,KAAK,CAAC,cAAc,EAAE;AACvB;AACH,SAAC;;QAGD,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC;;AAG7D,QAAA,OAAO,MAAM,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC;KAC9E,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;AAE3C;;;AAGG;AACH,IAAA,MAAM,eAAe,GAA6D,CAAC,KAAK,KAAI;QAC1F,MAAM,iBAAiB,GAAG,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAC7E,QAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC;QACzC,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;;QAGnE,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE;YACrB,WAA2B,CAAC,KAAK,EAAE;;AAGrC;aAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,EAAE;YACpE,KAAK,CAAC,cAAc,EAAE;YACrB,YAA4B,CAAC,KAAK,EAAE;AACtC;AACH,KAAC;AAED,IAAA,MAAM,aAAa,GAA6D,CAAC,KAAK,KAAI;AACxF,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,YAAA,OAAO,EAAE;AACT,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;;AAGxB;aAAM,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACnD,eAAe,CAAC,KAAK,CAAC;AACvB;AACH,KAAC;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}

package/dist/components/Popover/hooks/useUpdateAriaAnchor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateAriaAnchor.cjs","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":[null],"names":["useEffect"],"mappings":";;;;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E;AACH,SAAC;KACF,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}
+{"version":3,"file":"useUpdateAriaAnchor.cjs","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":["/* eslint-disable no-console */\n/* eslint-disable consistent-return */\nimport { useEffect } from 'react';\n\ntype UseUpdateAriaAnchor = {\n  anchorElement: HTMLElement | null;\n  popoverId: string;\n  ignoreAriaWarnings?: boolean;\n};\n\n/**\n * Update the anchor element to sent the required attributes if they haven't already set them.\n *\n * This allows current, inaccesible usages to be improved.\n */\nexport const useUpdateAriaAnchor = ({\n  anchorElement,\n  popoverId,\n  ignoreAriaWarnings = false,\n}: UseUpdateAriaAnchor) => {\n  useEffect(() => {\n    if (!anchorElement || ignoreAriaWarnings) return;\n\n    // Try and set aria-expanded on the anchor.\n    try {\n      if (!anchorElement.hasAttribute('aria-expanded')) {\n        console.warn('Popover - aria-expanded not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-expanded', 'true');\n      }\n    } catch (_) {\n      console.warn(`Unable to update aria-expanded for popover anchor to: ${true}`);\n    }\n\n    // Try and set aria controls, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-controls')) {\n        console.warn('Popover - aria-controls not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-controls', popoverId);\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-controls for popover id: ${popoverId}`);\n    }\n\n    // Try and set aria-haspopup, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-haspopup')) {\n        console.warn('Popover - aria-haspopup not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-haspopup', 'dialog');\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-haspopup for popover id: ${popoverId}`);\n    }\n\n    // On unmount set aria-expanded to false\n    return () => {\n      try {\n        anchorElement.setAttribute('aria-expanded', 'false');\n      } catch (_) {\n        console.warn(`Unable to update aria-expanded for popover anchor to: ${false}`);\n      }\n    };\n  }, [anchorElement, popoverId, ignoreAriaWarnings]);\n};\n"],"names":["useEffect"],"mappings":";;;;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E;AACH,SAAC;KACF,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}

package/dist/components/Popover/hooks/useUpdateAriaAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateAriaAnchor.js","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E;AACH,SAAC;KACF,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}
+{"version":3,"file":"useUpdateAriaAnchor.js","sources":["../../../../src/components/Popover/hooks/useUpdateAriaAnchor.ts"],"sourcesContent":["/* eslint-disable no-console */\n/* eslint-disable consistent-return */\nimport { useEffect } from 'react';\n\ntype UseUpdateAriaAnchor = {\n  anchorElement: HTMLElement | null;\n  popoverId: string;\n  ignoreAriaWarnings?: boolean;\n};\n\n/**\n * Update the anchor element to sent the required attributes if they haven't already set them.\n *\n * This allows current, inaccesible usages to be improved.\n */\nexport const useUpdateAriaAnchor = ({\n  anchorElement,\n  popoverId,\n  ignoreAriaWarnings = false,\n}: UseUpdateAriaAnchor) => {\n  useEffect(() => {\n    if (!anchorElement || ignoreAriaWarnings) return;\n\n    // Try and set aria-expanded on the anchor.\n    try {\n      if (!anchorElement.hasAttribute('aria-expanded')) {\n        console.warn('Popover - aria-expanded not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-expanded', 'true');\n      }\n    } catch (_) {\n      console.warn(`Unable to update aria-expanded for popover anchor to: ${true}`);\n    }\n\n    // Try and set aria controls, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-controls')) {\n        console.warn('Popover - aria-controls not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-controls', popoverId);\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-controls for popover id: ${popoverId}`);\n    }\n\n    // Try and set aria-haspopup, unless it already exists.\n    try {\n      if (!anchorElement.hasAttribute('aria-haspopup')) {\n        console.warn('Popover - aria-haspopup not set on anchor element.', anchorElement);\n        anchorElement.setAttribute('aria-haspopup', 'dialog');\n      }\n    } catch (_) {\n      console.warn(`Unable to set aria-haspopup for popover id: ${popoverId}`);\n    }\n\n    // On unmount set aria-expanded to false\n    return () => {\n      try {\n        anchorElement.setAttribute('aria-expanded', 'false');\n      } catch (_) {\n        console.warn(`Unable to update aria-expanded for popover anchor to: ${false}`);\n      }\n    };\n  }, [anchorElement, popoverId, ignoreAriaWarnings]);\n};\n"],"names":[],"mappings":";;AAAA;AACA;AASA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,SAAS,EACT,kBAAkB,GAAG,KAAK,GACN,KAAI;IACxB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,aAAa,IAAI,kBAAkB;YAAE;;QAG1C,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,IAAI,CAAA,CAAE,CAAC;AAC9E;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;AACvD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;QAGD,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AAChD,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,EAAE,aAAa,CAAC;AACjF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;AACtD;AACF;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,SAAS,CAAA,CAAE,CAAC;AACzE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI;AACF,gBAAA,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACrD;AAAC,YAAA,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,KAAK,CAAA,CAAE,CAAC;AAC/E;AACH,SAAC;KACF,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AACpD;;;;"}

package/dist/components/Popover/styled.cjs

@@ -6,8 +6,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const PopoverDialog = styled__default.default.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--cg48a2" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
-const Backdrop = styled__default.default.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--49or9l" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
+const PopoverDialog = styled__default.default.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--kmoo2l" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
+const Backdrop = styled__default.default.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--9esryp" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
 
 exports.Backdrop = Backdrop;
 exports.PopoverDialog = PopoverDialog;

package/dist/components/Popover/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":["styled"],"mappings":";;;;;;;;AAGa,MAAA,aAAa,GAAGA,uBAAM,CAAC,MAAM,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAS1B,MAAA,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;AAGa,MAAA,aAAa,GAAGA,uBAAM,CAAC,MAAM,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAS1B,MAAA,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;;"}

package/dist/components/Popover/styled.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
-const PopoverDialog = styled.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--cg48a2" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
-const Backdrop = styled.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--49or9l" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
+const PopoverDialog = styled.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--kmoo2l" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
+const Backdrop = styled.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--9esryp" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
 
 export { Backdrop, PopoverDialog };
 //# sourceMappingURL=styled.js.map

package/dist/components/Popover/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAS1B,MAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAS1B,MAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;"}

package/dist/components/Portal/Portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.cjs","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":[null],"names":["PureComponent","generateId","createPortal"],"mappings":";;;;;;AAaA;;AAEG;AACG,MAAO,MAAO,SAAQA,mBAAuC,CAAA;AAKjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AALd,QAAA,IAAA,CAAA,EAAE,GAAGC,qBAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAInC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,EAAE,CAAA,CAAE,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;AAEtE,QAAA,IAAI,cAAc,EAAE;YAClB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAA,SAAA,GAAd,cAAc,CAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7C;AAAM,aAAA;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;QAED,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;AACrC,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5C;AAAM,iBAAA;gBACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAGC,qBAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}
+{"version":3,"file":"Portal.cjs","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { PureComponent, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { generateId } from '../../utils/generateId';\n\ntype PortalProps = {\n  children: ReactNode;\n  rootElementRef?: HTMLElement;\n};\n\ntype PortalState = {\n  isMounted: boolean;\n};\n\n/**\n * The portal component renders content on the document `body` unless `rootElementRef` is passed.\n */\nexport class Portal extends PureComponent<PortalProps, PortalState> {\n  id = generateId('portal');\n\n  portalNode: HTMLElement | null = null;\n\n  constructor(props: PortalProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n    };\n  }\n\n  componentDidMount() {\n    const { rootElementRef } = this.props;\n\n    this.portalNode = document.createElement('div');\n    this.portalNode.setAttribute('id', `portal-${this.id}`);\n    this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';\n\n    if (rootElementRef) {\n      rootElementRef?.appendChild(this.portalNode);\n    } else {\n      document.body.appendChild(this.portalNode);\n    }\n\n    this.setState({ isMounted: true });\n  }\n\n  componentWillUnmount() {\n    if (this.portalNode) {\n      const { rootElementRef } = this.props;\n      if (rootElementRef) {\n        rootElementRef.removeChild(this.portalNode);\n      } else {\n        document.body.removeChild(this.portalNode);\n      }\n    }\n  }\n\n  render(): React.ReactPortal | null {\n    const { children } = this.props;\n    const { isMounted } = this.state;\n\n    return this.portalNode && isMounted ? createPortal(children, this.portalNode) : null;\n  }\n}\n"],"names":["PureComponent","generateId","createPortal"],"mappings":";;;;;;AAaA;;AAEG;AACG,MAAO,MAAO,SAAQA,mBAAuC,CAAA;AAKjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AALd,QAAA,IAAA,CAAA,EAAE,GAAGC,qBAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAInC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,EAAE,CAAA,CAAE,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;AAEtE,QAAA,IAAI,cAAc,EAAE;YAClB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAA,SAAA,GAAd,cAAc,CAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7C;AAAM,aAAA;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;QAED,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;AACrC,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5C;AAAM,iBAAA;gBACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAGC,qBAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}

package/dist/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAaA;;AAEG;AACG,MAAO,MAAO,SAAQ,aAAuC,CAAA;AAKjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AALd,QAAA,IAAA,CAAA,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAInC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,EAAE,CAAA,CAAE,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;AAEtE,QAAA,IAAI,cAAc,EAAE;YAClB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAA,SAAA,GAAd,cAAc,CAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7C;AAAM,aAAA;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;QAED,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;AACrC,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5C;AAAM,iBAAA;gBACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}
+{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { PureComponent, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { generateId } from '../../utils/generateId';\n\ntype PortalProps = {\n  children: ReactNode;\n  rootElementRef?: HTMLElement;\n};\n\ntype PortalState = {\n  isMounted: boolean;\n};\n\n/**\n * The portal component renders content on the document `body` unless `rootElementRef` is passed.\n */\nexport class Portal extends PureComponent<PortalProps, PortalState> {\n  id = generateId('portal');\n\n  portalNode: HTMLElement | null = null;\n\n  constructor(props: PortalProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n    };\n  }\n\n  componentDidMount() {\n    const { rootElementRef } = this.props;\n\n    this.portalNode = document.createElement('div');\n    this.portalNode.setAttribute('id', `portal-${this.id}`);\n    this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';\n\n    if (rootElementRef) {\n      rootElementRef?.appendChild(this.portalNode);\n    } else {\n      document.body.appendChild(this.portalNode);\n    }\n\n    this.setState({ isMounted: true });\n  }\n\n  componentWillUnmount() {\n    if (this.portalNode) {\n      const { rootElementRef } = this.props;\n      if (rootElementRef) {\n        rootElementRef.removeChild(this.portalNode);\n      } else {\n        document.body.removeChild(this.portalNode);\n      }\n    }\n  }\n\n  render(): React.ReactPortal | null {\n    const { children } = this.props;\n    const { isMounted } = this.state;\n\n    return this.portalNode && isMounted ? createPortal(children, this.portalNode) : null;\n  }\n}\n"],"names":[],"mappings":";;;;AAaA;;AAEG;AACG,MAAO,MAAO,SAAQ,aAAuC,CAAA;AAKjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AALd,QAAA,IAAA,CAAA,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAInC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,EAAE,CAAA,CAAE,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;AAEtE,QAAA,IAAI,cAAc,EAAE;YAClB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAA,SAAA,GAAd,cAAc,CAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7C;AAAM,aAAA;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;QAED,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;AACrC,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5C;AAAM,iBAAA;gBACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}

package/dist/components/PriceInput/PriceInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":[null],"names":["withLabels","ComponentSize","React","PriceInputGroup","PrefixContainer","PrefixText","StyledTextField","Stepper"],"mappings":"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"}
+{"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ComponentSize } from '../types';\nimport { Stepper } from '../Stepper';\nimport type { TextFieldProps } from '../TextField/types';\n\nimport { PriceInputGroup, StyledTextField, PrefixContainer, PrefixText } from './styled';\n\nimport { CurrencyProps } from './types';\nimport { withLabels } from '../../hoc';\n\nconst fractionDigits = 2;\n\nfunction stringToFixed(price: string) {\n  const floatPrice = parseFloat(price.replace(',', '.'));\n  return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels(\n  ({\n    className = '',\n    hasError,\n    currency,\n    disabled = false,\n    onChange,\n    onPriceChange,\n    priceValue,\n    step = '0.1',\n    size = ComponentSize.base,\n    ...otherProps\n  }: CurrencyProps) => {\n    const handleChange = (value: string) =>\n      onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n    const handleBlur: TextFieldProps['onBlur'] = (e) => {\n      const target = e.target as HTMLInputElement;\n      const { value } = target;\n\n      if (!value) {\n        onPriceChange('');\n\n        return;\n      }\n\n      const roundedValue = stringToFixed(value);\n\n      onPriceChange(roundedValue);\n    };\n\n    const handleIncrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice + currentStep).toFixed(fractionDigits));\n    };\n    const handleDecrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice - currentStep).toFixed(fractionDigits));\n    };\n\n    const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      const isInForm = target.form;\n\n      if (!isInForm) {\n        if (key === 'Enter') target.blur();\n      }\n      if (key === 'ArrowUp') handleIncrement(onChange);\n      if (key === 'ArrowDown') handleDecrement(onChange);\n    };\n\n    return (\n      <PriceInputGroup className={className} hasError={hasError}>\n        <PrefixContainer disabled={disabled} size={size}>\n          <PrefixText variant=\"hintText\">{currency}</PrefixText>\n        </PrefixContainer>\n        <StyledTextField\n          placeholder=\"0.00\"\n          type=\"currency\"\n          value={priceValue}\n          step={step}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          size={size}\n          {...otherProps}\n        />\n        <Stepper\n          onIncrement={() => handleIncrement()}\n          onDecrement={() => handleDecrement()}\n          disabled={disabled}\n          size={size}\n        />\n      </PriceInputGroup>\n    );\n  },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["withLabels","ComponentSize","React","PriceInputGroup","PrefixContainer","PrefixText","StyledTextField","Stepper"],"mappings":";;;;;;;;;;;;AAWA,MAAM,cAAc,GAAG,CAAC;AAExB,SAAS,aAAa,CAAC,KAAa,EAAA;AAClC,IAAA,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACtD,IAAA,OAAO,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC;AAC3C;AAEa,MAAA,UAAU,GAAGA,qBAAU,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,aAAa,EACb,UAAU,EACV,IAAI,GAAG,KAAK,EACZ,IAAI,GAAGC,mBAAa,CAAC,IAAI,EACzB,GAAG,UAAU,EACC,KAAI;IAClB,MAAM,YAAY,GAAG,CAAC,KAAa,KACjC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAE5D,IAAA,MAAM,UAAU,GAA6B,CAAC,CAAC,KAAI;AACjD,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM;QAExB,IAAI,CAAC,KAAK,EAAE;YACV,aAAa,CAAC,EAAE,CAAC;YAEjB;AACD;AAED,QAAA,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC;QAEzC,aAAa,CAAC,YAAY,CAAC;AAC7B,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,aAAa,KAAI;QACnD,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC;AAEpC,QAAA,QAAQ,CAAC,CAAC,YAAY,GAAG,WAAW,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;AAChE,KAAC;AACD,IAAA,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,aAAa,KAAI;QACnD,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC;AAEpC,QAAA,QAAQ,CAAC,CAAC,YAAY,GAAG,WAAW,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;AAChE,KAAC;AAED,IAAA,MAAM,aAAa,GAAgC,CAAC,CAAC,KAAI;AACvD,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;AACjB,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI;QAE5B,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,GAAG,KAAK,OAAO;gBAAE,MAAM,CAAC,IAAI,EAAE;AACnC;QACD,IAAI,GAAG,KAAK,SAAS;YAAE,eAAe,CAAC,QAAQ,CAAC;QAChD,IAAI,GAAG,KAAK,WAAW;YAAE,eAAe,CAAC,QAAQ,CAAC;AACpD,KAAC;IAED,QACEC,sBAAC,CAAA,aAAA,CAAAC,sBAAe,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA;QACvDD,sBAAC,CAAA,aAAA,CAAAE,sBAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAA;YAC7CF,sBAAC,CAAA,aAAA,CAAAG,iBAAU,IAAC,OAAO,EAAC,UAAU,EAAE,EAAA,QAAQ,CAAc,CACtC;AAClB,QAAAH,sBAAA,CAAA,aAAA,CAACI,sBAAe,EACd,EAAA,WAAW,EAAC,MAAM,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EAAA,GACN,UAAU,EACd,CAAA;AACF,QAAAJ,sBAAA,CAAA,aAAA,CAACK,eAAO,EAAA,EACN,WAAW,EAAE,MAAM,eAAe,EAAE,EACpC,WAAW,EAAE,MAAM,eAAe,EAAE,EACpC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EAAA,CACV,CACc;AAEtB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/PriceInput/PriceInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ComponentSize } from '../types';\nimport { Stepper } from '../Stepper';\nimport type { TextFieldProps } from '../TextField/types';\n\nimport { PriceInputGroup, StyledTextField, PrefixContainer, PrefixText } from './styled';\n\nimport { CurrencyProps } from './types';\nimport { withLabels } from '../../hoc';\n\nconst fractionDigits = 2;\n\nfunction stringToFixed(price: string) {\n  const floatPrice = parseFloat(price.replace(',', '.'));\n  return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels(\n  ({\n    className = '',\n    hasError,\n    currency,\n    disabled = false,\n    onChange,\n    onPriceChange,\n    priceValue,\n    step = '0.1',\n    size = ComponentSize.base,\n    ...otherProps\n  }: CurrencyProps) => {\n    const handleChange = (value: string) =>\n      onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n    const handleBlur: TextFieldProps['onBlur'] = (e) => {\n      const target = e.target as HTMLInputElement;\n      const { value } = target;\n\n      if (!value) {\n        onPriceChange('');\n\n        return;\n      }\n\n      const roundedValue = stringToFixed(value);\n\n      onPriceChange(roundedValue);\n    };\n\n    const handleIncrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice + currentStep).toFixed(fractionDigits));\n    };\n    const handleDecrement = (callback = onPriceChange) => {\n      const currentPrice = parseFloat(priceValue) || 0;\n      const currentStep = parseFloat(step);\n\n      callback((currentPrice - currentStep).toFixed(fractionDigits));\n    };\n\n    const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      const isInForm = target.form;\n\n      if (!isInForm) {\n        if (key === 'Enter') target.blur();\n      }\n      if (key === 'ArrowUp') handleIncrement(onChange);\n      if (key === 'ArrowDown') handleDecrement(onChange);\n    };\n\n    return (\n      <PriceInputGroup className={className} hasError={hasError}>\n        <PrefixContainer disabled={disabled} size={size}>\n          <PrefixText variant=\"hintText\">{currency}</PrefixText>\n        </PrefixContainer>\n        <StyledTextField\n          placeholder=\"0.00\"\n          type=\"currency\"\n          value={priceValue}\n          step={step}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          size={size}\n          {...otherProps}\n        />\n        <Stepper\n          onIncrement={() => handleIncrement()}\n          onDecrement={() => handleDecrement()}\n          disabled={disabled}\n          size={size}\n        />\n      </PriceInputGroup>\n    );\n  },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":[],"mappings":"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"}