@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/hooks/useTimeout/index.js

@@ -1,15 +1,12 @@
-import { useRef, useEffect } from 'react';
-
-const useTimeout = (callback, delay) => {
-  const savedCallback = useRef(callback);
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-  useEffect(() => {
-    const id = setTimeout(() => savedCallback.current(), delay);
-    return () => clearTimeout(id);
-  }, [delay]);
+import { useEffect, useRef } from 'react';
+export const useTimeout = (callback, delay) => {
+    const savedCallback = useRef(callback);
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        const id = setTimeout(() => savedCallback.current(), delay);
+        return () => clearTimeout(id);
+    }, [delay]);
 };
-
-export { useTimeout };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/useTimeout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useTimeout/index.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useTimeout = (callback: () => void, delay: number) => {\n  const savedCallback = useRef(callback)\n\n  useEffect(() => {\n    savedCallback.current = callback\n  }, [callback])\n\n  useEffect(() => {\n    const id = setTimeout(() => savedCallback.current(), delay)\n    return () => clearTimeout(id)\n  }, [delay])\n}\n"],"names":[],"mappings":";;AAEa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAsB,KAAkB,KAAA;AACjE,EAAM,MAAA,aAAA,GAAgB,OAAO,QAAQ,CAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,OAAU,GAAA,QAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,UAAW,CAAA,MAAM,aAAc,CAAA,OAAA,IAAW,KAAK,CAAA,CAAA;AAC1D,IAAO,OAAA,MAAM,aAAa,EAAE,CAAA,CAAA;AAAA,GAC9B,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AACZ;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useTimeout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAoB,EAAE,KAAa,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC,CAAA"}

package/dist/index.js

@@ -1,50 +1,44 @@
-export { Accordion } from './Accordion/Accordion.js';
-export { ActionDropdown } from './ActionDropdown/ActionDropdown.js';
-export { BannerContainer, BannerContext, useBannerContext } from './Banner/BannerContainer.js';
-export { useBanner } from './Banner/hooks.js';
-export { Box } from './Box/Box.js';
-export { BrandCard } from './BrandCard/BrandCard.js';
-export { Button } from './Button/Button.js';
-export { Card } from './Card/Card.js';
-export { CheckBox } from './CheckBox/CheckBox.js';
-export { CheckBoxGroup } from './CheckBoxGroup/CheckBoxGroup.js';
-export { Chip } from './Chip/Chip.js';
-export { Datepicker } from './Datepicker/Datepicker.js';
-export { Divider } from './Divider/Divider.js';
-export { Dropdown } from './Dropdown/Dropdown.js';
-export { Emoji } from './Emoji/Emoji.js';
-export { Icon } from './Icon/Icon.js';
-export { IconStrict } from './IconStrict/IconStrict.js';
-export { IconWrapper } from './IconWrapper/IconWrapper.js';
-export { LabelledText } from './LabelledText/LabelledText.js';
-export { Link, linkStyleOverride } from './Link/Link.js';
-export { Loader } from './Loader/Loader.js';
-export { Logo } from './Logo/Logo.js';
-export { Modal } from './Modal/Modal.js';
-export { NumberInput } from './NumberInput/NumberInput.js';
-export { CurrencyInput } from './CurrencyInput/CurrencyInput.js';
-export { Pagination } from './Pagination/Pagination.js';
-export { RadioGroup } from './RadioGroup/RadioGroup.js';
-export { Row } from './Row/Row.js';
-export { SearchInput } from './SearchInput/SearchInput.js';
-export { SnackbarContainer, SnackbarContext, useSnackbarContext } from './Snackbar/SnackbarContainer.js';
-export { useSnackbar } from './Snackbar/hooks.js';
-export { SupportMessage } from './SupportMessage/SupportMessage.js';
-export { Table } from './Table/Table.js';
-export { TableRow } from './Table/components/TableRow.js';
-export { Tag } from './Tag/Tag.js';
-export { Text } from './Text/Text.js';
-export { TextInput } from './TextInput/TextInput.js';
-export { Textarea } from './Textarea/Textarea.js';
-export { Toggle } from './Toggle/Toggle.js';
-export { Tooltip } from './Tooltip/Tooltip.js';
-export { Field } from './fields/Field/Field.js';
-export { Fieldset } from './fields/Fieldset/Fieldset.js';
-export { FontStyle } from './fontStyle.js';
-export { useEventListener } from './hooks/useEventListener/index.js';
-export { useOnClickOutside } from './hooks/useClickOutside/index.js';
-export { useScript } from './hooks/useScript/index.js';
-export { useTimeout } from './hooks/useTimeout/index.js';
-export { theme } from './theme.js';
-export { margin, padding, resolveSpacing } from './utils/space.js';
-//# sourceMappingURL=index.js.map
+export * from './Accordion';
+export * from './ActionDropdown';
+export * from './Banner';
+export * from './Box';
+export * from './BrandCard';
+export * from './Button';
+export * from './Card';
+export * from './CheckBox';
+export * from './CheckBoxGroup';
+export * from './Chip';
+export * from './Datepicker';
+export * from './Divider';
+export * from './Dropdown';
+export * from './Emoji';
+export * from './Icon';
+export * from './IconStrict';
+export * from './IconWrapper';
+export * from './LabelledText';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './Modal';
+export * from './NumberInput';
+export * from './CurrencyInput';
+export * from './Pagination';
+export * from './RadioGroup';
+export * from './Row';
+export * from './SearchInput';
+export * from './Snackbar';
+export * from './SupportMessage';
+export * from './Table';
+export * from './Tag';
+export * from './Text';
+export * from './TextInput';
+export * from './Textarea';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './fields/Field';
+export * from './fields/Fieldset';
+export * from './fontStyle';
+export * from './hooks';
+export * from './theme';
+export * from './utils/space';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA"}

package/dist/theme.js

@@ -1,93 +1,62 @@
 const colors = {
-  // Core Primary
-  lollipop: "#FF69B5",
-  // 120
-  marshmallowPink: "#FF88C8",
-  // 100
-  bubblegum: "#FFB3DA",
-  // 60
-  fairyFloss: "#FFCCE7",
-  // 40
-  // Core Secondary
-  boba: "#0E0E0C",
-  // 120
-  liquorice: "#292924",
-  // 100
-  sesame: "#636768",
-  // 60
-  chia: "#D2D2D2",
-  // 40
-  // Core Tertiary
-  custard: "#F1E9DC",
-  // 120
-  mascarpone: "#F8F2EA",
-  // 100
-  coconut: "#FBF8F5",
-  // 60
-  cream: "#FFFFFF",
-  // 0
-  // Brand Secondary
-  spearmint: "#294636",
-  // 1 100
-  feijoa: "#3B5848",
-  // 1 60
-  blueberry: "#89A2B6",
-  // 2 100
-  macaroon: "#BBCFDF",
-  // 2 60
-  pistachio: "#838E49",
-  // 3 100
-  matcha: "#DBE1B0",
-  // 3 60
-  caramel: "#C26B2A",
-  // 4 100
-  peanut: "#F8C699",
-  // 4 60
-  marzipan: "#A1957C",
-  // 5 100
-  oatmeal: "#DAD2C4",
-  // 5 60
-  // Traffic light
-  strawberry: "#DF2929",
-  // Error 100
-  watermelon: "#F5CFCC",
-  // Error 20
-  apple: "#008933",
-  // Success 100
-  mint: "#C9E2CE",
-  // Success 20
-  lemon: "#FFD23A",
-  // Warning 100
-  sherbert: "#FCF0D0",
-  // Warning 20
-  tangerine: "#FF9F2C",
-  // Agent Warning 100
-  // Third-party brand colours
-  compareTheMarket: "#004A8E",
-  confused: "#000A8C",
-  onfido: "#3640F5",
-  twitter: "#55ACEE",
-  premfina: "#F08422",
-  checkout: "#56AC88",
-  facebook: "#3B5998",
-  stripe: "#6772E5",
-  intercom: "#286EFA",
-  ravelin: "#2A4AFC",
-  rac: "#EA7D24",
-  hometree: "#17171C"
+    // Core Primary
+    lollipop: '#FF69B5', // 120
+    marshmallowPink: '#FF88C8', // 100
+    bubblegum: '#FFB3DA', // 60
+    fairyFloss: '#FFCCE7', // 40
+    // Core Secondary
+    boba: '#0E0E0C', // 120
+    liquorice: '#292924', // 100
+    sesame: '#636768', // 60
+    chia: '#D2D2D2', // 40
+    // Core Tertiary
+    custard: '#F1E9DC', // 120
+    mascarpone: '#F8F2EA', // 100
+    coconut: '#FBF8F5', // 60
+    cream: '#FFFFFF', // 0
+    // Brand Secondary
+    spearmint: '#294636', // 1 100
+    feijoa: '#3B5848', // 1 60
+    blueberry: '#89A2B6', // 2 100
+    macaroon: '#BBCFDF', // 2 60
+    pistachio: '#838E49', // 3 100
+    matcha: '#DBE1B0', // 3 60
+    caramel: '#C26B2A', // 4 100
+    peanut: '#F8C699', // 4 60
+    marzipan: '#A1957C', // 5 100
+    oatmeal: '#DAD2C4', // 5 60
+    // Traffic light
+    strawberry: '#DF2929', // Error 100
+    watermelon: '#F5CFCC', // Error 20
+    apple: '#008933', // Success 100
+    mint: '#C9E2CE', // Success 20
+    lemon: '#FFD23A', // Warning 100
+    sherbert: '#FCF0D0', // Warning 20
+    tangerine: '#FF9F2C', // Agent Warning 100
+    // Third-party brand colours
+    compareTheMarket: '#004A8E',
+    confused: '#000A8C',
+    onfido: '#3640F5',
+    twitter: '#55ACEE',
+    premfina: '#F08422',
+    checkout: '#56AC88',
+    facebook: '#3B5998',
+    stripe: '#6772E5',
+    intercom: '#286EFA',
+    ravelin: '#2A4AFC',
+    rac: '#EA7D24',
+    hometree: '#17171C',
 };
 const font = {
-  weight: {
-    normal: 400,
-    medium: 500,
-    bold: 700
-  },
-  system: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
+    weight: {
+        normal: 400,
+        medium: 500,
+        bold: 700,
+    },
+    system: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
 };
-const theme = {
-  colors,
-  font
+export const theme = {
+    colors,
+    font,
 };
-
-export { theme };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../src/theme.ts"],"sourcesContent":["const colors = {\n  // Core Primary\n  lollipop: '#FF69B5', // 120\n  marshmallowPink: '#FF88C8', // 100\n  bubblegum: '#FFB3DA', // 60\n  fairyFloss: '#FFCCE7', // 40\n\n  // Core Secondary\n  boba: '#0E0E0C', // 120\n  liquorice: '#292924', // 100\n  sesame: '#636768', // 60\n  chia: '#D2D2D2', // 40\n\n  // Core Tertiary\n  custard: '#F1E9DC', // 120\n  mascarpone: '#F8F2EA', // 100\n  coconut: '#FBF8F5', // 60\n  cream: '#FFFFFF', // 0\n\n  // Brand Secondary\n  spearmint: '#294636', // 1 100\n  feijoa: '#3B5848', // 1 60\n  blueberry: '#89A2B6', // 2 100\n  macaroon: '#BBCFDF', // 2 60\n  pistachio: '#838E49', // 3 100\n  matcha: '#DBE1B0', // 3 60\n  caramel: '#C26B2A', // 4 100\n  peanut: '#F8C699', // 4 60\n  marzipan: '#A1957C', // 5 100\n  oatmeal: '#DAD2C4', // 5 60\n\n  // Traffic light\n  strawberry: '#DF2929', // Error 100\n  watermelon: '#F5CFCC', // Error 20\n  apple: '#008933', // Success 100\n  mint: '#C9E2CE', // Success 20\n  lemon: '#FFD23A', // Warning 100\n  sherbert: '#FCF0D0', // Warning 20\n  tangerine: '#FF9F2C', // Agent Warning 100\n\n  // Third-party brand colours\n  compareTheMarket: '#004A8E',\n  confused: '#000A8C',\n  onfido: '#3640F5',\n  twitter: '#55ACEE',\n  premfina: '#F08422',\n  checkout: '#56AC88',\n  facebook: '#3B5998',\n  stripe: '#6772E5',\n  intercom: '#286EFA',\n  ravelin: '#2A4AFC',\n  rac: '#EA7D24',\n  hometree: '#17171C',\n}\n\nexport type Color = keyof typeof colors\n\nconst font = {\n  weight: {\n    normal: 400,\n    medium: 500,\n    bold: 700,\n  },\n  system:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\n}\n\nexport const theme = {\n  colors,\n  font,\n}\n"],"names":[],"mappings":"AAAA,MAAM,MAAS,GAAA;AAAA;AAAA,EAEb,QAAU,EAAA,SAAA;AAAA;AAAA,EACV,eAAiB,EAAA,SAAA;AAAA;AAAA,EACjB,SAAW,EAAA,SAAA;AAAA;AAAA,EACX,UAAY,EAAA,SAAA;AAAA;AAAA;AAAA,EAGZ,IAAM,EAAA,SAAA;AAAA;AAAA,EACN,SAAW,EAAA,SAAA;AAAA;AAAA,EACX,MAAQ,EAAA,SAAA;AAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA;AAAA;AAAA,EAGN,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,UAAY,EAAA,SAAA;AAAA;AAAA,EACZ,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,KAAO,EAAA,SAAA;AAAA;AAAA;AAAA,EAGP,SAAW,EAAA,SAAA;AAAA;AAAA,EACX,MAAQ,EAAA,SAAA;AAAA;AAAA,EACR,SAAW,EAAA,SAAA;AAAA;AAAA,EACX,QAAU,EAAA,SAAA;AAAA;AAAA,EACV,SAAW,EAAA,SAAA;AAAA;AAAA,EACX,MAAQ,EAAA,SAAA;AAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,MAAQ,EAAA,SAAA;AAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA;AAAA;AAAA,EAGT,UAAY,EAAA,SAAA;AAAA;AAAA,EACZ,UAAY,EAAA,SAAA;AAAA;AAAA,EACZ,KAAO,EAAA,SAAA;AAAA;AAAA,EACP,IAAM,EAAA,SAAA;AAAA;AAAA,EACN,KAAO,EAAA,SAAA;AAAA;AAAA,EACP,QAAU,EAAA,SAAA;AAAA;AAAA,EACV,SAAW,EAAA,SAAA;AAAA;AAAA;AAAA,EAGX,gBAAkB,EAAA,SAAA;AAAA,EAClB,QAAU,EAAA,SAAA;AAAA,EACV,MAAQ,EAAA,SAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA,EACT,GAAK,EAAA,SAAA;AAAA,EACL,QAAU,EAAA,SAAA;AACZ,CAAA,CAAA;AAIA,MAAM,IAAO,GAAA;AAAA,EACX,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,GAAA;AAAA,IACR,MAAQ,EAAA,GAAA;AAAA,IACR,IAAM,EAAA,GAAA;AAAA,GACR;AAAA,EACA,MACE,EAAA,+IAAA;AACJ,CAAA,CAAA;AAEO,MAAM,KAAQ,GAAA;AAAA,EACnB,MAAA;AAAA,EACA,IAAA;AACF;;;;"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,eAAe;IACf,QAAQ,EAAE,SAAS,EAAE,MAAM;IAC3B,eAAe,EAAE,SAAS,EAAE,MAAM;IAClC,SAAS,EAAE,SAAS,EAAE,KAAK;IAC3B,UAAU,EAAE,SAAS,EAAE,KAAK;IAE5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,MAAM;IACvB,SAAS,EAAE,SAAS,EAAE,MAAM;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,IAAI,EAAE,SAAS,EAAE,KAAK;IAEtB,gBAAgB;IAChB,OAAO,EAAE,SAAS,EAAE,MAAM;IAC1B,UAAU,EAAE,SAAS,EAAE,MAAM;IAC7B,OAAO,EAAE,SAAS,EAAE,KAAK;IACzB,KAAK,EAAE,SAAS,EAAE,IAAI;IAEtB,kBAAkB;IAClB,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,QAAQ,EAAE,SAAS,EAAE,OAAO;IAC5B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ;IAC5B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAC7B,OAAO,EAAE,SAAS,EAAE,OAAO;IAE3B,gBAAgB;IAChB,UAAU,EAAE,SAAS,EAAE,YAAY;IACnC,UAAU,EAAE,SAAS,EAAE,WAAW;IAClC,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,IAAI,EAAE,SAAS,EAAE,aAAa;IAC9B,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,QAAQ,EAAE,SAAS,EAAE,aAAa;IAClC,SAAS,EAAE,SAAS,EAAE,oBAAoB;IAE1C,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;CACpB,CAAA;AAID,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}

package/dist/tokenTest.spec.js

@@ -0,0 +1,8 @@
+describe('Token expiry', () => {
+    it('should fail after November 27th', () => {
+        const currentDate = new Date();
+        const failAfterDate = new Date(2024, 10, 27);
+        expect(currentDate.getTime()).toBeLessThanOrEqual(failAfterDate.getTime());
+    });
+});
+//# sourceMappingURL=tokenTest.spec.js.map

package/dist/tokenTest.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenTest.spec.js","sourceRoot":"","sources":["../src/tokenTest.spec.ts"],"names":[],"mappings":"AAAA,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;QAC9B,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAE5C,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;IAC5E,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/utils/date.js

@@ -1,11 +1,9 @@
-const ukTimeFormat = new Intl.DateTimeFormat("en-GB", {
-  timeZone: "Europe/London"
+const ukTimeFormat = new Intl.DateTimeFormat('en-GB', {
+    timeZone: 'Europe/London',
 });
-const convertToUkDate = (date) => {
-  const dateString = ukTimeFormat.format(date);
-  const [day, month, year] = dateString.split("/");
-  return new Date(Number(year), Number(month) - 1, Number(day));
+export const convertToUkDate = (date) => {
+    const dateString = ukTimeFormat.format(date);
+    const [day, month, year] = dateString.split('/');
+    return new Date(Number(year), Number(month) - 1, Number(day));
 };
-
-export { convertToUkDate };
-//# sourceMappingURL=date.js.map
+//# sourceMappingURL=date.js.map

package/dist/utils/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","sources":["../../src/utils/date.ts"],"sourcesContent":["const ukTimeFormat = new Intl.DateTimeFormat('en-GB', {\n  timeZone: 'Europe/London',\n})\n\nexport const convertToUkDate = (date: Date): Date => {\n  const dateString = ukTimeFormat.format(date)\n  const [day, month, year] = dateString.split('/')\n\n  return new Date(Number(year), Number(month) - 1, Number(day))\n}\n"],"names":[],"mappings":"AAAA,MAAM,YAAe,GAAA,IAAI,IAAK,CAAA,cAAA,CAAe,OAAS,EAAA;AAAA,EACpD,QAAU,EAAA,eAAA;AACZ,CAAC,CAAA,CAAA;AAEY,MAAA,eAAA,GAAkB,CAAC,IAAqB,KAAA;AACnD,EAAM,MAAA,UAAA,GAAa,YAAa,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAC3C,EAAA,MAAM,CAAC,GAAK,EAAA,KAAA,EAAO,IAAI,CAAI,GAAA,UAAA,CAAW,MAAM,GAAG,CAAA,CAAA;AAE/C,EAAO,OAAA,IAAI,IAAK,CAAA,MAAA,CAAO,IAAI,CAAA,EAAG,MAAO,CAAA,KAAK,CAAI,GAAA,CAAA,EAAG,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAC9D;;;;"}
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;IACpD,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAU,EAAQ,EAAE;IAClD,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AAC/D,CAAC,CAAA"}

package/dist/utils/debounce.js

@@ -1,15 +1,19 @@
-const debounce = (fn, delay) => {
-  let timeout;
-  return (...args) => {
-    if (timeout) {
-      clearTimeout(timeout);
-    }
-    timeout = setTimeout(() => {
-      fn(...args);
-      timeout = void 0;
-    }, delay);
-  };
+/**
+ * Debounces a method.
+ * @param fn - The function to be debounced.
+ * @param delay - The debouncing delay.
+ * @returns A debounced version of the function.
+ */
+export const debounce = (fn, delay) => {
+    let timeout;
+    return (...args) => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(() => {
+            fn(...args);
+            timeout = undefined;
+        }, delay);
+    };
 };
-
-export { debounce };
-//# sourceMappingURL=debounce.js.map
+//# sourceMappingURL=debounce.js.map

package/dist/utils/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sources":["../../src/utils/debounce.ts"],"sourcesContent":["/**\n * Debounces a method.\n * @param fn - The function to be debounced.\n * @param delay - The debouncing delay.\n * @returns A debounced version of the function.\n */\nexport const debounce = <Args extends unknown[], R>(\n  fn: (...args: Args) => R,\n  delay: number,\n): ((...args: Args) => void) => {\n  let timeout: NodeJS.Timeout | undefined\n\n  return (...args: Args): void => {\n    if (timeout) {\n      clearTimeout(timeout)\n    }\n\n    timeout = setTimeout(() => {\n      fn(...args)\n      timeout = undefined\n    }, delay)\n  }\n}\n"],"names":[],"mappings":"AAMa,MAAA,QAAA,GAAW,CACtB,EAAA,EACA,KAC8B,KAAA;AAC9B,EAAI,IAAA,OAAA,CAAA;AAEJ,EAAA,OAAO,IAAI,IAAqB,KAAA;AAC9B,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AAAA,KACtB;AAEA,IAAA,OAAA,GAAU,WAAW,MAAM;AACzB,MAAA,EAAA,CAAG,GAAG,IAAI,CAAA,CAAA;AACV,MAAU,OAAA,GAAA,KAAA,CAAA,CAAA;AAAA,OACT,KAAK,CAAA,CAAA;AAAA,GACV,CAAA;AACF;;;;"}
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,EAAwB,EACxB,KAAa,EACc,EAAE;IAC7B,IAAI,OAAmC,CAAA;IAEvC,OAAO,CAAC,GAAG,IAAU,EAAQ,EAAE;QAC7B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,OAAO,CAAC,CAAA;QACvB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,EAAE,CAAC,GAAG,IAAI,CAAC,CAAA;YACX,OAAO,GAAG,SAAS,CAAA;QACrB,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,CAAA;AACH,CAAC,CAAA"}

package/dist/utils/deprecated.js

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+const env = process.env.REACT_APP_NODE_ENV || process.env.ENV;
+export const isLocal = env === 'local';
+const stripUndefinedProps = (props) => {
+    const propKeys = Object.keys(props);
+    return propKeys.reduce((acc, key) => {
+        if (props[key] !== undefined) {
+            acc[key] = props[key];
+        }
+        return acc;
+    }, {});
+};
+export const useDeprecatedWarning = ({ enabled = true, title, message, componentProps, }) => {
+    useEffect(() => {
+        if (isLocal && enabled) {
+            const logs = [
+                `%c[Deprecated] ${title}`,
+                'font-weight:bold;',
+                '\n',
+                '\n',
+                message,
+            ];
+            if (componentProps) {
+                logs.push('\n', '\n', 'Component props:', stripUndefinedProps(componentProps));
+            }
+            console.warn(...logs);
+        }
+    }, [enabled]);
+};
+//# sourceMappingURL=deprecated.js.map

package/dist/utils/deprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated.js","sourceRoot":"","sources":["../../src/utils/deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,IAAI,OAAO,CAAC,GAAG,CAAC,GAAG,CAAA;AAE7D,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,KAAK,OAAO,CAAA;AAEtC,MAAM,mBAAmB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC7D,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAEnC,OAAO,QAAQ,CAAC,MAAM,CAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAC3D,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;YAC7B,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;QACvB,CAAC;QACD,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA;AASD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,OAAO,GAAG,IAAI,EACd,KAAK,EACL,OAAO,EACP,cAAc,GACa,EAAQ,EAAE;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;YACvB,MAAM,IAAI,GAAU;gBAClB,kBAAkB,KAAK,EAAE;gBACzB,mBAAmB;gBACnB,IAAI;gBACJ,IAAI;gBACJ,OAAO;aACR,CAAA;YAED,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,CACP,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,mBAAmB,CAAC,cAAc,CAAC,CACpC,CAAA;YACH,CAAC;YAED,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC,CAAA"}

package/dist/utils/flex.js

@@ -1,50 +1,32 @@
-import { resolveResponsiveProp } from './responsiveProp.js';
-import { resolveSpacing } from './space.js';
-
-const flex = (props) => {
-  const {
-    flex: flex2,
-    direction,
-    wrap,
-    flow,
-    justifyContent,
-    alignItems,
-    alignContent,
-    gap,
-    columnGap,
-    rowGap
-  } = props;
-  return `
-    ${flex2 ? `display: flex;` : ""}
-    ${direction ? resolveResponsiveProp(
-    direction,
-    (value) => `flex-direction: ${value};`
-  ) : ""}
-    ${wrap ? `flex-wrap: ${wrap};` : ""}
-    ${flow ? `flex-flow: ${flow};` : ""}
-    ${justifyContent ? resolveResponsiveProp(
-    justifyContent,
-    (value) => `justify-content: ${value};`
-  ) : ""}
-    ${alignItems ? resolveResponsiveProp(alignItems, (value) => `align-items: ${value};`) : ""}
-    ${alignContent ? resolveResponsiveProp(
-    alignContent,
-    (value) => `align-content: ${value};`
-  ) : ""}
-    ${gap ? resolveResponsiveProp(
-    gap,
-    (value) => `gap: ${resolveSpacing(value)};`
-  ) : ""}
-    ${columnGap ? resolveResponsiveProp(
-    columnGap,
-    (value) => `column-gap: ${resolveSpacing(value)};`
-  ) : ""}
-    ${rowGap ? resolveResponsiveProp(
-    rowGap,
-    (value) => `row-gap: ${resolveSpacing(value)};`
-  ) : ""}
+import { resolveResponsiveProp } from './responsiveProp';
+import { resolveSpacing } from './space';
+export const flex = (props) => {
+    const { flex, direction, wrap, flow, justifyContent, alignItems, alignContent, gap, columnGap, rowGap, } = props;
+    return `
+    ${flex ? `display: flex;` : ''}
+    ${direction
+        ? resolveResponsiveProp(direction, (value) => `flex-direction: ${value};`)
+        : ''}
+    ${wrap ? `flex-wrap: ${wrap};` : ''}
+    ${flow ? `flex-flow: ${flow};` : ''}
+    ${justifyContent
+        ? resolveResponsiveProp(justifyContent, (value) => `justify-content: ${value};`)
+        : ''}
+    ${alignItems
+        ? resolveResponsiveProp(alignItems, (value) => `align-items: ${value};`)
+        : ''}
+    ${alignContent
+        ? resolveResponsiveProp(alignContent, (value) => `align-content: ${value};`)
+        : ''}
+    ${gap
+        ? resolveResponsiveProp(gap, (value) => `gap: ${resolveSpacing(value)};`)
+        : ''}
+    ${columnGap
+        ? resolveResponsiveProp(columnGap, (value) => `column-gap: ${resolveSpacing(value)};`)
+        : ''}
+    ${rowGap
+        ? resolveResponsiveProp(rowGap, (value) => `row-gap: ${resolveSpacing(value)};`)
+        : ''}
   `;
 };
-
-export { flex };
-//# sourceMappingURL=flex.js.map
+//# sourceMappingURL=flex.js.map

package/dist/utils/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","sources":["../../src/utils/flex.tsx"],"sourcesContent":["import { resolveResponsiveProp, ResponsiveProp } from './responsiveProp'\nimport { resolveSpacing, SpacingProp } from './space'\n\ntype FlexFN = (arg: FlexProps) => string\n\nexport interface FlexProps {\n  direction?: ResponsiveProp<\n    'column' | 'column-reverse' | 'row' | 'row-reverse'\n  >\n  wrap?: 'nowrap' | 'wrap' | 'wrap-reverse'\n  flex?: boolean\n  flow?: string\n  justifyContent?: ResponsiveProp<\n    | 'center'\n    | 'flex-end'\n    | 'flex-start'\n    | 'space-around'\n    | 'space-between'\n    | 'space-evenly'\n  >\n\n  alignItems?: ResponsiveProp<\n    'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'\n  >\n  alignContent?: ResponsiveProp<\n    | 'center'\n    | 'flex-end'\n    | 'flex-start'\n    | 'space-around'\n    | 'space-between'\n    | 'stretch'\n  >\n  gap?: ResponsiveProp<SpacingProp>\n  rowGap?: ResponsiveProp<SpacingProp>\n  columnGap?: ResponsiveProp<SpacingProp>\n}\n\nexport const flex: FlexFN = (props: FlexProps) => {\n  const {\n    flex,\n    direction,\n    wrap,\n    flow,\n    justifyContent,\n    alignItems,\n    alignContent,\n    gap,\n    columnGap,\n    rowGap,\n  } = props\n\n  return `\n    ${flex ? `display: flex;` : ''}\n    ${\n      direction\n        ? resolveResponsiveProp(\n            direction,\n            (value) => `flex-direction: ${value};`,\n          )\n        : ''\n    }\n    ${wrap ? `flex-wrap: ${wrap};` : ''}\n    ${flow ? `flex-flow: ${flow};` : ''}\n    ${\n      justifyContent\n        ? resolveResponsiveProp(\n            justifyContent,\n            (value) => `justify-content: ${value};`,\n          )\n        : ''\n    }\n    ${\n      alignItems\n        ? resolveResponsiveProp(alignItems, (value) => `align-items: ${value};`)\n        : ''\n    }\n    ${\n      alignContent\n        ? resolveResponsiveProp(\n            alignContent,\n            (value) => `align-content: ${value};`,\n          )\n        : ''\n    }\n    ${\n      gap\n        ? resolveResponsiveProp(\n            gap,\n            (value) => `gap: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      columnGap\n        ? resolveResponsiveProp(\n            columnGap,\n            (value) => `column-gap: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      rowGap\n        ? resolveResponsiveProp(\n            rowGap,\n            (value) => `row-gap: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n  `\n}\n"],"names":["flex"],"mappings":";;;AAqCa,MAAA,IAAA,GAAe,CAAC,KAAqB,KAAA;AAChD,EAAM,MAAA;AAAA,IACJ,IAAAA,EAAAA,KAAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAO,OAAA,CAAA;AAAA,IACHA,EAAAA,KAAAA,GAAO,mBAAmB,EAAE,CAAA;AAAA,IAAA,EAE5B,SACI,GAAA,qBAAA;AAAA,IACE,SAAA;AAAA,IACA,CAAC,KAAU,KAAA,CAAA,gBAAA,EAAmB,KAAK,CAAA,CAAA,CAAA;AAAA,MAErC,EACN,CAAA;AAAA,IAAA,EACE,IAAO,GAAA,CAAA,WAAA,EAAc,IAAI,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,IAAA,EACjC,IAAO,GAAA,CAAA,WAAA,EAAc,IAAI,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,IAAA,EAEjC,cACI,GAAA,qBAAA;AAAA,IACE,cAAA;AAAA,IACA,CAAC,KAAU,KAAA,CAAA,iBAAA,EAAoB,KAAK,CAAA,CAAA,CAAA;AAAA,MAEtC,EACN,CAAA;AAAA,IAEE,EAAA,UAAA,GACI,sBAAsB,UAAY,EAAA,CAAC,UAAU,CAAgB,aAAA,EAAA,KAAK,CAAG,CAAA,CAAA,CAAA,GACrE,EACN,CAAA;AAAA,IAAA,EAEE,YACI,GAAA,qBAAA;AAAA,IACE,YAAA;AAAA,IACA,CAAC,KAAU,KAAA,CAAA,eAAA,EAAkB,KAAK,CAAA,CAAA,CAAA;AAAA,MAEpC,EACN,CAAA;AAAA,IAAA,EAEE,GACI,GAAA,qBAAA;AAAA,IACE,GAAA;AAAA,IACA,CAAC,KAAA,KAAU,CAAQ,KAAA,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,MAE1C,EACN,CAAA;AAAA,IAAA,EAEE,SACI,GAAA,qBAAA;AAAA,IACE,SAAA;AAAA,IACA,CAAC,KAAA,KAAU,CAAe,YAAA,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,MAEjD,EACN,CAAA;AAAA,IAAA,EAEE,MACI,GAAA,qBAAA;AAAA,IACE,MAAA;AAAA,IACA,CAAC,KAAA,KAAU,CAAY,SAAA,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,MAE9C,EACN,CAAA;AAAA,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/utils/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAkB,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAA;AAoCrD,MAAM,CAAC,MAAM,IAAI,GAAW,CAAC,KAAgB,EAAE,EAAE;IAC/C,MAAM,EACJ,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,SAAS,EACT,MAAM,GACP,GAAG,KAAK,CAAA;IAET,OAAO;MACH,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;MAE5B,SAAS;QACP,CAAC,CAAC,qBAAqB,CACnB,SAAS,EACT,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,KAAK,GAAG,CACvC;QACH,CAAC,CAAC,EACN;MACE,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;MAEjC,cAAc;QACZ,CAAC,CAAC,qBAAqB,CACnB,cAAc,EACd,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAoB,KAAK,GAAG,CACxC;QACH,CAAC,CAAC,EACN;MAEE,UAAU;QACR,CAAC,CAAC,qBAAqB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,KAAK,GAAG,CAAC;QACxE,CAAC,CAAC,EACN;MAEE,YAAY;QACV,CAAC,CAAC,qBAAqB,CACnB,YAAY,EACZ,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,GAAG,CACtC;QACH,CAAC,CAAC,EACN;MAEE,GAAG;QACD,CAAC,CAAC,qBAAqB,CACnB,GAAG,EACH,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,cAAc,CAAC,KAAK,CAAC,GAAG,CAC5C;QACH,CAAC,CAAC,EACN;MAEE,SAAS;QACP,CAAC,CAAC,qBAAqB,CACnB,SAAS,EACT,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,cAAc,CAAC,KAAK,CAAC,GAAG,CACnD;QACH,CAAC,CAAC,EACN;MAEE,MAAM;QACJ,CAAC,CAAC,qBAAqB,CACnB,MAAM,EACN,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,cAAc,CAAC,KAAK,CAAC,GAAG,CAChD;QACH,CAAC,CAAC,EACN;GACD,CAAA;AACH,CAAC,CAAA"}

package/dist/utils/focusOutline.js

@@ -1,9 +1,6 @@
 import { css } from 'styled-components';
-import { theme } from '../theme.js';
-
-const focusOutline = ({
-  selector = "&:focus-visible"
-} = {}) => css`
+import { theme } from '../theme';
+export const focusOutline = ({ selector = '&:focus-visible', } = {}) => css `
   outline: 0;
 
   ${selector} {
@@ -11,12 +8,10 @@ const focusOutline = ({
     outline-offset: 2px;
   }
 `;
-const focusOutlineStyle = css`
+export const focusOutlineStyle = css `
   &:focus-visible {
     outline: 2px solid ${theme.colors.liquorice};
     outline-offset: 2px;
   }
 `;
-
-export { focusOutline, focusOutlineStyle };
-//# sourceMappingURL=focusOutline.js.map
+//# sourceMappingURL=focusOutline.js.map

package/dist/utils/focusOutline.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusOutline.js","sources":["../../src/utils/focusOutline.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport { theme } from '../theme'\n\nexport const focusOutline = ({\n  selector = '&:focus-visible',\n}: { selector?: string } = {}) => css`\n  outline: 0;\n\n  ${selector} {\n    outline: 2px solid ${theme.colors.liquorice};\n    outline-offset: 2px;\n  }\n`\n\nexport const focusOutlineStyle = css`\n  &:focus-visible {\n    outline: 2px solid ${theme.colors.liquorice};\n    outline-offset: 2px;\n  }\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAW,GAAA,iBAAA;AACb,CAAA,GAA2B,EAAO,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA,EAAA,EAG9B,QAAQ,CAAA;AAAA,uBACa,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,EAAA;AAKxC,MAAM,iBAAoB,GAAA,GAAA,CAAA;AAAA;AAAA,uBAER,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"focusOutline.js","sourceRoot":"","sources":["../../src/utils/focusOutline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,GAAG,iBAAiB,MACH,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;IAGjC,QAAQ;yBACa,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAG9C,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;yBAEX,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAG9C,CAAA"}

package/dist/utils/id.js

@@ -1,16 +1,13 @@
 import { useMemo } from 'react';
-
 let idCount = 0;
-const smoresIdPrefix = "MM_SMORES";
+export const smoresIdPrefix = 'MM_SMORES';
 const createId = () => {
-  const id = `${smoresIdPrefix}_${idCount}`;
-  idCount += 1;
-  return id;
+    const id = `${smoresIdPrefix}_${idCount}`;
+    idCount += 1;
+    return id;
 };
-const useUniqueId = (id) => {
-  const returnedId = useMemo(() => id || createId(), [id]);
-  return returnedId;
+export const useUniqueId = (id) => {
+    const returnedId = useMemo(() => id || createId(), [id]);
+    return returnedId;
 };
-
-export { smoresIdPrefix, useUniqueId };
-//# sourceMappingURL=id.js.map
+//# sourceMappingURL=id.js.map