@kaizen/components 1.27.0 → 1.29.0

package/dist/cjs/utils/useMediaQueries.cjs

@@ -0,0 +1,172 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var subtractOnePixel = function (breakpoint) {
+  return "".concat(parseInt(breakpoint, 10) - 1, "px");
+};
+var useMediaQueries = function (propQueries) {
+  if (propQueries === void 0) {
+    propQueries = {};
+  }
+  if (typeof window === "undefined") {
+    return {
+      queries: {
+        isSmall: false,
+        isMedium: false,
+        isLarge: false,
+        isMediumOrSmaller: false,
+        isMediumOrLarger: true
+      },
+      components: {
+        SmallOnly: function () {
+          return React.createElement(React.Fragment, null);
+        },
+        MediumOnly: function () {
+          return React.createElement(React.Fragment, null);
+        },
+        LargeOnly: function () {
+          return React.createElement(React.Fragment, null);
+        },
+        MediumOrSmaller: function () {
+          return React.createElement(React.Fragment, null);
+        },
+        MediumOrLarger: function (props) {
+          return React.createElement(React.Fragment, null, props.children);
+        }
+      }
+    };
+  }
+  // Ensure these match the tokens in @kaizen/design-tokens
+  var breakpoints = {
+    medium: "768px",
+    large: "1080px"
+  };
+  // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),
+  // so we disable the functionality of updating after page load.
+  var isLegacyEdge = navigator.userAgent.match(/Edge/);
+  var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
+  // ---------------------------------------
+  // Create Kaizen breakpoint matches for initial state
+  // ---------------------------------------
+  var smallMatchMedia = React.useMemo(function () {
+    return window.matchMedia("(max-width: ".concat(subtractOnePixel(breakpoints.medium), ")"));
+  }, [breakpoints.medium]);
+  var mediumMatchMedia = React.useMemo(function () {
+    return window.matchMedia("(min-width: ".concat(breakpoints.medium, ") and (max-width: ").concat(subtractOnePixel(breakpoints.large), ")"));
+  }, [breakpoints.large]);
+  var largeMatchMedia = React.useMemo(function () {
+    return window.matchMedia("(min-width: ".concat(breakpoints.large, ")"));
+  }, [breakpoints.large]);
+  var isSmall = smallMatchMedia.matches || false;
+  var isMedium = mediumMatchMedia.matches || false;
+  var isLarge = largeMatchMedia.matches || false;
+  var _a = React.useState({
+      isSmall: isSmall,
+      isMedium: isMedium,
+      isLarge: isLarge,
+      isMediumOrSmaller: !isLarge,
+      isMediumOrLarger: !isSmall
+    }),
+    kaizenMatches = _a[0],
+    setKaizenMatches = _a[1];
+  // ---------------------------------------
+  // Create an event listener based on the medium breakpoint and update state whenever it changes
+  // ---------------------------------------
+  React.useEffect(function () {
+    if (isLegacyEdge || isUnsupportedSafari) {
+      return;
+    }
+    var updateMatches = function () {
+      var isSmallAfterUpdate = smallMatchMedia.matches || false;
+      var isMediumAfterUpdate = mediumMatchMedia.matches || false;
+      var isLargeAfterUpdate = largeMatchMedia.matches || false;
+      setKaizenMatches({
+        isSmall: isSmallAfterUpdate,
+        isMedium: isMediumAfterUpdate,
+        isLarge: isLargeAfterUpdate,
+        isMediumOrSmaller: !isLargeAfterUpdate,
+        isMediumOrLarger: !isSmallAfterUpdate
+      });
+    };
+    mediumMatchMedia.addEventListener("change", updateMatches, true);
+    return function () {
+      mediumMatchMedia.removeEventListener("change", updateMatches);
+    };
+  }, []);
+  // ---------------------------------------
+  // Create custom queries matches for initial state
+  // ---------------------------------------
+  var customQueryMatchMedias = new Map();
+  var customQueryMatches = {};
+  new Map(Object.entries(propQueries)).forEach(function (queryString, queryName) {
+    var matchMedia = window.matchMedia(queryString);
+    customQueryMatches[queryName] = matchMedia.matches || false;
+    // Store this matchMedia so that we can loop over it later and add event listeners
+    customQueryMatchMedias.set(queryName, matchMedia);
+  });
+  var _b = React.useState(customQueryMatches),
+    customMatches = _b[0],
+    setCustomMatches = _b[1];
+  // ---------------------------------------
+  // Create an event listener for each custom query
+  // ---------------------------------------
+  React.useEffect(function () {
+    if (isLegacyEdge || isUnsupportedSafari) {
+      return;
+    }
+    var updateCustomMatches = function (matchMedia, queryName) {
+      var _a;
+      return setCustomMatches(tslib.__assign(tslib.__assign({}, customQueryMatches), (_a = {}, _a[queryName] = matchMedia.matches || false, _a)));
+    };
+    var allEventListeners = new Map();
+    customQueryMatchMedias.forEach(function (matchMedia, queryName) {
+      // Store this method so that we can reference it in the cleanup function below
+      var updateCustomMatchesForQuery = function () {
+        updateCustomMatches(matchMedia, queryName);
+      };
+      allEventListeners.set(matchMedia, updateCustomMatchesForQuery);
+      // Add the event listener
+      matchMedia.addEventListener("change", updateCustomMatchesForQuery, true);
+    });
+    return function () {
+      allEventListeners.forEach(function (eventListener, matchMedia) {
+        matchMedia.removeEventListener("change", eventListener);
+      });
+    };
+  }, []);
+  var kaizenComponents = {
+    SmallOnly: function (props) {
+      return React.createElement(React.Fragment, null, kaizenMatches.isSmall && props.children);
+    },
+    MediumOnly: function (props) {
+      return React.createElement(React.Fragment, null, kaizenMatches.isMedium && props.children);
+    },
+    LargeOnly: function (props) {
+      return React.createElement(React.Fragment, null, kaizenMatches.isLarge && props.children);
+    },
+    MediumOrSmaller: function (props) {
+      return React.createElement(React.Fragment, null, kaizenMatches.isMediumOrSmaller && props.children);
+    },
+    MediumOrLarger: function (props) {
+      return React.createElement(React.Fragment, null, kaizenMatches.isMediumOrLarger && props.children);
+    }
+  };
+  // ---------------------------------------
+  // Create custom query helper components
+  // ---------------------------------------
+  var customComponents = {};
+  Object.keys(propQueries).map(function (key) {
+    var componentName = key.charAt(0).toUpperCase() + key.slice(1);
+    customComponents[componentName] = function (props) {
+      return React.createElement(React.Fragment, null, customMatches[key] && props.children);
+    };
+  });
+  return {
+    queries: tslib.__assign(tslib.__assign({}, kaizenMatches), customQueryMatches),
+    components: tslib.__assign(tslib.__assign({}, kaizenComponents), customComponents)
+  };
+};
+exports.subtractOnePixel = subtractOnePixel;
+exports.useMediaQueries = useMediaQueries;
+//# sourceMappingURL=useMediaQueries.cjs.map

package/dist/cjs/utils/useMediaQueries.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQueries.cjs","sources":["../../../src/utils/useMediaQueries.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode, useMemo } from \"react\"\n\ntype Props = { [key: string]: string }\ntype GenericChildrenType = { children?: ReactNode }\n\nexport const subtractOnePixel = (breakpoint: string): string =>\n  `${parseInt(breakpoint, 10) - 1}px`\n\nexport const useMediaQueries = (\n  propQueries: Props = {}\n): {\n  queries: {\n    [key: string]: boolean\n    isSmall: boolean\n    isMedium: boolean\n    isLarge: boolean\n    isMediumOrSmaller: boolean\n    isMediumOrLarger: boolean\n  }\n  components: {\n    [key: string]: (props: GenericChildrenType) => JSX.Element\n    SmallOnly: (props: GenericChildrenType) => JSX.Element\n    MediumOnly: (props: GenericChildrenType) => JSX.Element\n    LargeOnly: (props: GenericChildrenType) => JSX.Element\n    MediumOrSmaller: (props: GenericChildrenType) => JSX.Element\n    MediumOrLarger: (props: GenericChildrenType) => JSX.Element\n  }\n} => {\n  if (typeof window === \"undefined\") {\n    return {\n      queries: {\n        isSmall: false,\n        isMedium: false,\n        isLarge: false,\n        isMediumOrSmaller: false,\n        isMediumOrLarger: true,\n      },\n      components: {\n        SmallOnly: () => <></>,\n        MediumOnly: () => <></>,\n        LargeOnly: () => <></>,\n        MediumOrSmaller: () => <></>,\n        MediumOrLarger: (props: HelperComponentProps) => <>{props.children}</>,\n      },\n    }\n  }\n\n  // Ensure these match the tokens in @kaizen/design-tokens\n  const breakpoints = { medium: \"768px\", large: \"1080px\" }\n\n  // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),\n  // so we disable the functionality of updating after page load.\n  const isLegacyEdge = navigator.userAgent.match(/Edge/)\n  const isUnsupportedSafari =\n    window.matchMedia(\"\").addEventListener === undefined\n\n  // ---------------------------------------\n  // Create Kaizen breakpoint matches for initial state\n  // ---------------------------------------\n  const smallMatchMedia = useMemo(\n    () =>\n      window.matchMedia(`(max-width: ${subtractOnePixel(breakpoints.medium)})`),\n    [breakpoints.medium]\n  )\n\n  const mediumMatchMedia = useMemo(\n    () =>\n      window.matchMedia(\n        `(min-width: ${breakpoints.medium}) and (max-width: ${subtractOnePixel(\n          breakpoints.large\n        )})`\n      ),\n    [breakpoints.large]\n  )\n  const largeMatchMedia = useMemo(\n    () => window.matchMedia(`(min-width: ${breakpoints.large})`),\n    [breakpoints.large]\n  )\n\n  const isSmall = smallMatchMedia.matches || false\n  const isMedium = mediumMatchMedia.matches || false\n  const isLarge = largeMatchMedia.matches || false\n\n  const [kaizenMatches, setKaizenMatches] = useState<{\n    isSmall: boolean\n    isMedium: boolean\n    isLarge: boolean\n    isMediumOrSmaller: boolean\n    isMediumOrLarger: boolean\n  }>({\n    isSmall,\n    isMedium,\n    isLarge,\n    isMediumOrSmaller: !isLarge,\n    isMediumOrLarger: !isSmall,\n    // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints\n  })\n\n  // ---------------------------------------\n  // Create an event listener based on the medium breakpoint and update state whenever it changes\n  // ---------------------------------------\n  useEffect(() => {\n    if (isLegacyEdge || isUnsupportedSafari) {\n      return\n    }\n\n    const updateMatches = (): void => {\n      const isSmallAfterUpdate = smallMatchMedia.matches || false\n      const isMediumAfterUpdate = mediumMatchMedia.matches || false\n      const isLargeAfterUpdate = largeMatchMedia.matches || false\n\n      setKaizenMatches({\n        isSmall: isSmallAfterUpdate,\n        isMedium: isMediumAfterUpdate,\n        isLarge: isLargeAfterUpdate,\n        isMediumOrSmaller: !isLargeAfterUpdate,\n        isMediumOrLarger: !isSmallAfterUpdate,\n      })\n    }\n\n    mediumMatchMedia.addEventListener(\"change\", updateMatches, true)\n\n    return () => {\n      mediumMatchMedia.removeEventListener(\"change\", updateMatches)\n    }\n  }, [])\n\n  // ---------------------------------------\n  // Create custom queries matches for initial state\n  // ---------------------------------------\n  const customQueryMatchMedias = new Map()\n  const customQueryMatches: Record<string, boolean> = {}\n  new Map(Object.entries(propQueries)).forEach((queryString, queryName) => {\n    const matchMedia = window.matchMedia(queryString)\n    customQueryMatches[queryName] = matchMedia.matches || false\n\n    // Store this matchMedia so that we can loop over it later and add event listeners\n    customQueryMatchMedias.set(queryName, matchMedia)\n  })\n\n  const [customMatches, setCustomMatches] =\n    useState<Record<string, boolean>>(customQueryMatches)\n\n  // ---------------------------------------\n  // Create an event listener for each custom query\n  // ---------------------------------------\n  useEffect(() => {\n    if (isLegacyEdge || isUnsupportedSafari) {\n      return\n    }\n\n    const updateCustomMatches = (\n      matchMedia: MediaQueryList,\n      queryName: string\n    ): void =>\n      setCustomMatches({\n        ...customQueryMatches,\n        [queryName]: matchMedia.matches || false,\n      })\n\n    const allEventListeners = new Map()\n    customQueryMatchMedias.forEach((matchMedia, queryName) => {\n      // Store this method so that we can reference it in the cleanup function below\n      const updateCustomMatchesForQuery = (): void => {\n        updateCustomMatches(matchMedia, queryName)\n      }\n      allEventListeners.set(matchMedia, updateCustomMatchesForQuery)\n\n      // Add the event listener\n      matchMedia.addEventListener(\"change\", updateCustomMatchesForQuery, true)\n    })\n\n    return () => {\n      allEventListeners.forEach((eventListener, matchMedia) => {\n        matchMedia.removeEventListener(\"change\", eventListener)\n      })\n    }\n  }, [])\n\n  // ---------------------------------------\n  // Create Kaizen helper components\n  // ---------------------------------------\n  type HelperComponentProps = {\n    children?: ReactNode\n  }\n\n  const kaizenComponents = {\n    SmallOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isSmall && props.children}</>\n    ),\n    MediumOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMedium && props.children}</>\n    ),\n    LargeOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isLarge && props.children}</>\n    ),\n    MediumOrSmaller: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMediumOrSmaller && props.children}</>\n    ),\n    MediumOrLarger: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMediumOrLarger && props.children}</>\n    ),\n  }\n\n  // ---------------------------------------\n  // Create custom query helper components\n  // ---------------------------------------\n  const customComponents: Record<\n    string,\n    (props: GenericChildrenType) => JSX.Element\n  > = {}\n  Object.keys(propQueries).map(key => {\n    const componentName = key.charAt(0).toUpperCase() + key.slice(1)\n    customComponents[componentName] = (\n      props: HelperComponentProps\n    ): JSX.Element => <>{customMatches[key] && props.children}</>\n  })\n\n  return {\n    queries: { ...kaizenMatches, ...customQueryMatches },\n    components: { ...kaizenComponents, ...customComponents },\n  }\n}\n"],"names":["subtractOnePixel","breakpoint","concat","parseInt","useMediaQueries","propQueries","window","queries","isSmall","isMedium","isLarge","isMediumOrSmaller","isMediumOrLarger","components","SmallOnly","React","createElement","Fragment","MediumOnly","LargeOnly","MediumOrSmaller","MediumOrLarger","props","children","breakpoints","medium","large","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","matchMedia","addEventListener","undefined","smallMatchMedia","useMemo","mediumMatchMedia","largeMatchMedia","matches","_a","useState","kaizenMatches","setKaizenMatches","useEffect","updateMatches","isSmallAfterUpdate","isMediumAfterUpdate","isLargeAfterUpdate","removeEventListener","customQueryMatchMedias","Map","customQueryMatches","Object","entries","forEach","queryString","queryName","set","_b","customMatches","setCustomMatches","updateCustomMatches","__assign","allEventListeners","updateCustomMatchesForQuery","eventListener","kaizenComponents","customComponents","keys","map","key","componentName","charAt","toUpperCase","slice"],"mappings":"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"}

package/dist/cjs/utils/useResizeObserver.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var React = require('react');
+var ResizeObserver = require('resize-observer-polyfill');
+var defaultCallback = function (entry) {
+  return entry;
+};
+/**
+ * Hook for observing changes to a DOM element via ResizeObserver.
+ *
+ * @param {resolveEntryCallback} resolveEntry - Callback for resolving the
+ * desired value from each ResizeObserverEntry emitted by ResizeObserver
+ * @return {Array} An array containing a ref for binding to the observed DOM
+ * element, and the current value of the callback-resolved ResizeObserverEntry
+ * @callback resolveEntryCallback
+ */
+var useResizeObserver = function (resolveEntry) {
+  if (resolveEntry === void 0) {
+    resolveEntry = defaultCallback;
+  }
+  var destroyResizeObserverRef = React.useRef(undefined);
+  var _a = React.useState(undefined),
+    dimensions = _a[0],
+    setDimensions = _a[1];
+  var resolveEntryRef = React.useRef(resolveEntry);
+  var ref = React.useCallback(function (node) {
+    if (node) {
+      var resizeObserver_1 = new ResizeObserver(function (entries) {
+        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+          var entry = entries_1[_i];
+          var value = resolveEntryRef.current(entry);
+          if (value) {
+            setDimensions(value);
+          }
+        }
+      });
+      resizeObserver_1.observe(node);
+      destroyResizeObserverRef.current = function () {
+        resizeObserver_1.disconnect();
+      };
+    }
+  }, [destroyResizeObserverRef, setDimensions, resolveEntryRef]);
+  // Ensure the resolveEntryRef has the latest value
+  React.useEffect(function () {
+    resolveEntryRef.current = resolveEntry;
+  }, [resolveEntry]);
+  // Destroy the observer on unmount
+  React.useEffect(function () {
+    return function () {
+      if (destroyResizeObserverRef.current) {
+        destroyResizeObserverRef.current();
+      }
+    };
+  }, []);
+  return [ref, dimensions];
+};
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=useResizeObserver.cjs.map

package/dist/cjs/utils/useResizeObserver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.cjs","sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["import React, { Ref, useCallback, useEffect, useRef, useState } from \"react\"\nimport ResizeObserver from \"resize-observer-polyfill\"\n\nconst defaultCallback = (entry: ResizeObserverEntry): ResizeObserverEntry =>\n  entry\n\nexport interface DOMRectReadOnly {\n  readonly x: number\n  readonly y: number\n  readonly width: number\n  readonly height: number\n  readonly top: number\n  readonly right: number\n  readonly bottom: number\n  readonly left: number\n}\n\n/**\n * Hook for observing changes to a DOM element via ResizeObserver.\n *\n * @param {resolveEntryCallback} resolveEntry - Callback for resolving the\n * desired value from each ResizeObserverEntry emitted by ResizeObserver\n * @return {Array} An array containing a ref for binding to the observed DOM\n * element, and the current value of the callback-resolved ResizeObserverEntry\n * @callback resolveEntryCallback\n */\nexport const useResizeObserver = <T, E extends Element = HTMLElement>(\n  resolveEntry: (entry: ResizeObserverEntry) => any = defaultCallback\n): [Ref<E>, T | undefined] => {\n  const destroyResizeObserverRef: React.MutableRefObject<\n    undefined | (() => void)\n  > = useRef(undefined)\n  const [dimensions, setDimensions] = useState<T | undefined>(undefined)\n  const resolveEntryRef: React.MutableRefObject<\n    (entry: ResizeObserverEntry) => any\n  > = useRef(resolveEntry)\n\n  const ref: Ref<E> = useCallback(\n    (node: E) => {\n      if (node) {\n        const resizeObserver = new ResizeObserver(\n          (entries: ResizeObserverEntry[]) => {\n            for (const entry of entries) {\n              const value = resolveEntryRef.current(entry)\n              if (value) {\n                setDimensions(value)\n              }\n            }\n          }\n        )\n        resizeObserver.observe(node)\n        destroyResizeObserverRef.current = (): void => {\n          resizeObserver.disconnect()\n        }\n      }\n    },\n    [destroyResizeObserverRef, setDimensions, resolveEntryRef]\n  )\n\n  // Ensure the resolveEntryRef has the latest value\n  useEffect(() => {\n    resolveEntryRef.current = resolveEntry\n  }, [resolveEntry])\n\n  // Destroy the observer on unmount\n  useEffect(\n    () => () => {\n      if (destroyResizeObserverRef.current) {\n        destroyResizeObserverRef.current()\n      }\n    },\n    []\n  )\n  return [ref, dimensions]\n}\n"],"names":["defaultCallback","entry","useResizeObserver","resolveEntry","destroyResizeObserverRef","useRef","undefined","_a","useState","dimensions","setDimensions","resolveEntryRef","ref","useCallback","node","resizeObserver_1","ResizeObserver","entries","entries_1","_i","length","value","current","observe","disconnect","useEffect"],"mappings":";;;;AAGA,IAAMA,eAAe,GAAG,SAAAA,CAACC,KAA0B,EAAA;EACjD,OAAAA,KAAK;AAAL,CAAK;AAaP;;;;;;;;AAQG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAC/BC,YAAmE,EAAA;EAAnE,IAAAA,YAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,YAAmE,GAAAH,eAAA;EAAA;EAEnE,IAAMI,wBAAwB,GAE1BC,YAAM,CAACC,SAAS,CAAC;EACf,IAAAC,EAAA,GAA8BC,KAAAA,CAAAA,QAAQ,CAAgBF,SAAS,CAAC;IAA/DG,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAsC;EACtE,IAAMI,eAAe,GAEjBN,YAAM,CAACF,YAAY,CAAC;EAExB,IAAMS,GAAG,GAAWC,iBAAW,CAC7B,UAACC,IAAO,EAAA;IACN,IAAIA,IAAI,EAAE;MACR,IAAMC,gBAAc,GAAG,IAAIC,cAAc,CACvC,UAACC,OAA8B,EAAA;QAC7B,KAAoB,UAAO,EAAPC,SAAA,GAAAD,OAAO,EAAPE,EAAO,GAAAD,SAAA,CAAAE,MAAA,EAAPD,IAAO,EAAE;UAAxB,IAAMlB,KAAK,GAAAiB,SAAA,CAAAC,EAAA,CAAA;UACd,IAAME,KAAK,GAAGV,eAAe,CAACW,OAAO,CAACrB,KAAK,CAAC;UAC5C,IAAIoB,KAAK,EAAE;YACTX,aAAa,CAACW,KAAK,CAAC;UACrB;QACF;MACH,CAAC,CACF;MACDN,gBAAc,CAACQ,OAAO,CAACT,IAAI,CAAC;MAC5BV,wBAAwB,CAACkB,OAAO,GAAG,YAAA;QACjCP,gBAAc,CAACS,UAAU,CAAA,CAAE;MAC7B,CAAC;IACF;EACF,CAAA,EACD,CAACpB,wBAAwB,EAAEM,aAAa,EAAEC,eAAe,CAAC,CAC3D;;EAGDc,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACRd,eAAe,CAACW,OAAO,GAAGnB,YAAY;EACxC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;;EAGlBsB,KAAS,CAAAA,SAAA,CACP;IAAM,OAAA,YAAA;MACJ,IAAIrB,wBAAwB,CAACkB,OAAO,EAAE;QACpClB,wBAAwB,CAACkB,OAAO,CAAA,CAAE;MACnC;IACH,CAAC;EAJK,CAIL,EACD,EAAE,CACH;EACD,OAAO,CAACV,GAAG,EAAEH,UAAU,CAAC;AAC1B,CAAA;"}

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -2,12 +2,10 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { assetUrl } from '@kaizen/hosted-assets';
-import { useMediaQueries } from '@kaizen/responsive';
 import { Heading, Paragraph } from '@kaizen/typography';
 import { Button } from '../Button/Button/Button.mjs';
 import '../Button/IconButton/IconButton.mjs';
-import '../Button/PaginationLink/PaginationLink.mjs';
-import '../Button/DirectionalLink/DirectionalLink.mjs';
+import { useMediaQueries } from '../utils/useMediaQueries.mjs';
 import styles from './BrandMoment.module.scss.mjs';
 
 /**

package/dist/esm/BrandMoment/BrandMoment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { SceneProps } from \"@kaizen/draft-illustration\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { useMediaQueries } from \"@kaizen/responsive\"\nimport { Heading, Paragraph } from \"@kaizen/typography\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n  mood: \"informative\" | \"positive\" | \"negative\"\n  illustration: ReactElement<SceneProps>\n  header: ReactNode\n  body?: ReactNode\n  primaryAction?: ButtonProps\n  secondaryAction?: ButtonProps\n  text: {\n    title: ReactNode\n    subtitle?: ReactNode\n    body?: ReactNode\n    footer?: ReactNode\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n  mood,\n  illustration,\n  header,\n  body,\n  primaryAction,\n  secondaryAction,\n  text,\n  classNameOverride,\n  ...restProps\n}: BrandMomentProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <div\n      className={classnames(styles.body, styles[mood], classNameOverride)}\n      {...restProps}\n    >\n      <header className={styles.header}>{header}</header>\n      <main className={styles.main}>\n        <div className={styles.container}>\n          <div className={styles.mainInner}>\n            <div className={styles.left}>\n              <div className={styles.leftInner}>{illustration}</div>\n            </div>\n            <div className={styles.right}>\n              <div className={styles.rightInner}>\n                {text.subtitle && (\n                  <Heading\n                    variant=\"heading-3\"\n                    tag=\"h1\"\n                    classNameOverride={styles.subtitle}\n                  >\n                    {text.subtitle}\n                  </Heading>\n                )}\n                <Heading\n                  variant=\"display-0\"\n                  tag={text.subtitle ? \"h2\" : \"h1\"}\n                  classNameOverride={styles.title}\n                >\n                  {text.title}\n                </Heading>\n                {text.body && (\n                  <Paragraph\n                    variant=\"intro-lede\"\n                    classNameOverride={styles.textBody}\n                  >\n                    {text.body}\n                  </Paragraph>\n                )}\n                {body && <div className={styles.textBody}>{body}</div>}\n                <div className={styles.actions}>\n                  {primaryAction && (\n                    <Button\n                      primary\n                      fullWidth={queries.isSmall}\n                      {...primaryAction}\n                    />\n                  )}\n                  {secondaryAction && (\n                    <div className={styles.secondaryAction}>\n                      <Button\n                        secondary\n                        fullWidth={queries.isSmall}\n                        {...secondaryAction}\n                      />\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </main>\n      {text.footer && (\n        <footer className={styles.footer}>\n          <div className={styles.container}>\n            <div className={styles.footerInner}>\n              <div className={styles.poweredByContainer}>\n                <Paragraph variant=\"extra-small\" color=\"dark-reduced-opacity\">\n                  Powered by\n                </Paragraph>\n                <a\n                  href=\"https://www.cultureamp.com\"\n                  className={styles.poweredByLogo}\n                >\n                  <img\n                    src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n                    alt=\"Culture Amp\"\n                  />\n                </a>\n              </div>\n              <div className={styles.footerTextContainer}>\n                <Paragraph variant=\"extra-small\">{text.footer}</Paragraph>\n              </div>\n            </div>\n          </div>\n        </footer>\n      )}\n    </div>\n  )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Paragraph","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":"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"}
+{"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { SceneProps } from \"@kaizen/draft-illustration\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { Heading, Paragraph } from \"@kaizen/typography\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n  mood: \"informative\" | \"positive\" | \"negative\"\n  illustration: ReactElement<SceneProps>\n  header: ReactNode\n  body?: ReactNode\n  primaryAction?: ButtonProps\n  secondaryAction?: ButtonProps\n  text: {\n    title: ReactNode\n    subtitle?: ReactNode\n    body?: ReactNode\n    footer?: ReactNode\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n  mood,\n  illustration,\n  header,\n  body,\n  primaryAction,\n  secondaryAction,\n  text,\n  classNameOverride,\n  ...restProps\n}: BrandMomentProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <div\n      className={classnames(styles.body, styles[mood], classNameOverride)}\n      {...restProps}\n    >\n      <header className={styles.header}>{header}</header>\n      <main className={styles.main}>\n        <div className={styles.container}>\n          <div className={styles.mainInner}>\n            <div className={styles.left}>\n              <div className={styles.leftInner}>{illustration}</div>\n            </div>\n            <div className={styles.right}>\n              <div className={styles.rightInner}>\n                {text.subtitle && (\n                  <Heading\n                    variant=\"heading-3\"\n                    tag=\"h1\"\n                    classNameOverride={styles.subtitle}\n                  >\n                    {text.subtitle}\n                  </Heading>\n                )}\n                <Heading\n                  variant=\"display-0\"\n                  tag={text.subtitle ? \"h2\" : \"h1\"}\n                  classNameOverride={styles.title}\n                >\n                  {text.title}\n                </Heading>\n                {text.body && (\n                  <Paragraph\n                    variant=\"intro-lede\"\n                    classNameOverride={styles.textBody}\n                  >\n                    {text.body}\n                  </Paragraph>\n                )}\n                {body && <div className={styles.textBody}>{body}</div>}\n                <div className={styles.actions}>\n                  {primaryAction && (\n                    <Button\n                      primary\n                      fullWidth={queries.isSmall}\n                      {...primaryAction}\n                    />\n                  )}\n                  {secondaryAction && (\n                    <div className={styles.secondaryAction}>\n                      <Button\n                        secondary\n                        fullWidth={queries.isSmall}\n                        {...secondaryAction}\n                      />\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </main>\n      {text.footer && (\n        <footer className={styles.footer}>\n          <div className={styles.container}>\n            <div className={styles.footerInner}>\n              <div className={styles.poweredByContainer}>\n                <Paragraph variant=\"extra-small\" color=\"dark-reduced-opacity\">\n                  Powered by\n                </Paragraph>\n                <a\n                  href=\"https://www.cultureamp.com\"\n                  className={styles.poweredByLogo}\n                >\n                  <img\n                    src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n                    alt=\"Culture Amp\"\n                  />\n                </a>\n              </div>\n              <div className={styles.footerTextContainer}>\n                <Paragraph variant=\"extra-small\">{text.footer}</Paragraph>\n              </div>\n            </div>\n          </div>\n        </footer>\n      )}\n    </div>\n  )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Paragraph","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":"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"}

package/dist/esm/Button/GenericButton/GenericButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  Ref,\n  useImperativeHandle,\n  useRef,\n  MouseEvent,\n  FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"@kaizen/draft-badge\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n  id?: string\n  className: string\n  href?: string\n  disabled?: boolean\n  onClick?: (e: MouseEvent<any>) => void\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  children?: React.ReactNode\n}\n\nexport type ButtonFormAttributes = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"form\"\n  | \"formAction\"\n  | \"formMethod\"\n  | \"formEncType\"\n  | \"formTarget\"\n  | \"formNoValidate\"\n>\n\nexport type GenericProps = {\n  id?: string\n  reversed?: boolean\n  onClick?: (e: MouseEvent) => void\n  onMouseDown?: (e: MouseEvent) => void\n  href?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n  disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  component?: ComponentType<CustomButtonProps>\n  classNameOverride?: string\n}\n\nexport type WorkingProps = {\n  working: true\n  workingLabel: string\n  workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n  working?: false\n}\n\nexport type ButtonBadgeProps = {\n  text: string\n  animateChange?: boolean\n  variant?: \"default\" | \"dark\" | \"active\"\n  reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n  additionalContent?: React.ReactNode\n  iconButton?: boolean\n  directionalLink?: boolean\n  paginationLink?: boolean\n  isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    iconPosition?: \"start\" | \"end\"\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria-* or data-*\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n  const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n  return keys.reduce<Record<string, any>>((acc, val) => {\n    acc[val] = props[val]\n    return acc\n  }, {})\n}\n\nexport const GenericButton = forwardRef(\n  (props: RenderProps, ref: Ref<ButtonRef | undefined>) => {\n    const buttonRef = useRef<HTMLButtonElement | HTMLAnchorElement>()\n    useImperativeHandle(ref, () => ({\n      focus: (): void => {\n        buttonRef.current?.focus()\n      },\n    }))\n\n    const determineButtonRenderer = (): JSX.Element => {\n      if (props.component) {\n        return renderCustomComponent(props.component, props)\n      }\n\n      if (props.href && !props.disabled && !props.working) {\n        return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n      }\n\n      return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n    }\n\n    return (\n      <span\n        className={classnames(\n          styles.container,\n          props.fullWidth && styles.fullWidth\n        )}\n        aria-live=\"polite\"\n      >\n        {determineButtonRenderer()}\n      </span>\n    )\n  }\n)\n\nGenericButton.defaultProps = {\n  iconPosition: \"start\",\n  iconButton: false,\n  primary: false,\n  secondary: false,\n  newTabAndIUnderstandTheAccessibilityImplications: false,\n  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n  type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n  CustomComponent: ComponentType<CustomButtonProps>,\n  props: RenderProps\n): JSX.Element => {\n  const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n  const customProps = getCustomProps(rest)\n  return (\n    <CustomComponent\n      id={id}\n      className={buttonClass(props)}\n      disabled={disabled}\n      href={href}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </CustomComponent>\n  )\n}\n\nconst renderButton = (\n  props: RenderProps,\n  ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n  const {\n    id,\n    disabled,\n    onClick,\n    onMouseDown,\n    type,\n    disableTabFocusAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    form,\n    formAction,\n    formMethod,\n    formEncType,\n    formTarget,\n    formNoValidate,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      id={id}\n      disabled={disabled}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n      aria-label={generateAriaLabel(props)}\n      aria-disabled={disabled || props.working ? true : undefined}\n      form={form}\n      formAction={formAction}\n      formMethod={formMethod}\n      formEncType={formEncType}\n      formTarget={formTarget}\n      formNoValidate={formNoValidate}\n      tabIndex={\n        disableTabFocusAndIUnderstandTheAccessibilityImplications\n          ? -1\n          : undefined\n      }\n      ref={ref}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </button>\n  )\n}\n\nconst renderLink = (\n  props: RenderProps,\n  ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n  const {\n    id,\n    href,\n    onClick,\n    newTabAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  const target = newTabAndIUnderstandTheAccessibilityImplications\n    ? \"_blank\"\n    : \"_self\"\n\n  return (\n    <a\n      id={id}\n      href={href}\n      target={target}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={ref}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </a>\n  )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n  const isDefault = !props.primary && !props.destructive && !props.secondary\n  return classnames(\n    styles.button,\n    isDefault && styles.default,\n    props.primary && styles.primary,\n    props.destructive && styles.destructive,\n    props.secondary && styles.secondary,\n    props.size && styles[props.size],\n    props.reversed && styles.reversed,\n    props.iconButton && styles.iconButton,\n    props.working && styles.working,\n    (props.directionalLink || props.paginationLink) && styles.circleButton,\n    props.directionalLink && styles.directionalLink,\n    props.paginationLink && styles.paginationLink,\n    props.isActive && styles.isPaginationLinkActive,\n    props.classNameOverride\n  )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n  <div className={styles.loadingSpinner}>\n    <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n  </div>\n)\n\nconst renderWorkingContent = (\n  props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n  if (props.workingLabelHidden) {\n    return (\n      <>\n        {/* This is to ensure the button stays at the correct width */}\n        <span className={styles.hidden} aria-hidden=\"true\">\n          {renderDefaultContent(props)}\n        </span>\n        <span className={styles.centeredLoadingSpinner}>\n          {renderLoadingSpinner()}\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n      <span className={styles.label}>{props.workingLabel}</span>\n      {props.additionalContent && (\n        <span className={styles.additionalContentWrapper}>\n          {props.additionalContent}\n        </span>\n      )}\n      {props.iconPosition === \"end\" && renderLoadingSpinner()}\n    </>\n  )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n  <>\n    {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n    {(!props.icon || !props.iconButton) && (\n      <span className={styles.label}>{props.label}</span>\n    )}\n    {props.additionalContent && (\n      <span className={styles.additionalContentWrapper}>\n        {props.additionalContent}\n      </span>\n    )}\n    {renderBadge(props)}\n    {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n  </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element | null => {\n  if (!props.badge) return null\n\n  const { text, animateChange, reversed, variant } = props.badge\n\n  if (animateChange) {\n    return (\n      <BadgeAnimated variant={variant} reversed={reversed}>\n        {text}\n      </BadgeAnimated>\n    )\n  }\n  return (\n    <Badge variant={variant} reversed={reversed}>\n      {text}\n    </Badge>\n  )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n  <span className={styles.content}>\n    {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n  </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n  <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string | undefined => {\n  if (props.working && props.workingLabelHidden) {\n    return props.workingLabel\n  }\n\n  if (props.iconButton) {\n    return props.label\n  }\n\n  return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}
+{"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  Ref,\n  useImperativeHandle,\n  useRef,\n  MouseEvent,\n  FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"@kaizen/draft-badge\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n  id?: string\n  className: string\n  href?: string\n  disabled?: boolean\n  onClick?: (e: MouseEvent<any>) => void\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  children?: React.ReactNode\n  \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"form\"\n  | \"formAction\"\n  | \"formMethod\"\n  | \"formEncType\"\n  | \"formTarget\"\n  | \"formNoValidate\"\n>\n\nexport type GenericProps = {\n  id?: string\n  reversed?: boolean\n  onClick?: (e: MouseEvent) => void\n  onMouseDown?: (e: MouseEvent) => void\n  href?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n  disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  component?: ComponentType<CustomButtonProps>\n  classNameOverride?: string\n}\n\nexport type WorkingProps = {\n  working: true\n  workingLabel: string\n  workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n  working?: false\n}\n\nexport type ButtonBadgeProps = {\n  text: string\n  animateChange?: boolean\n  variant?: \"default\" | \"dark\" | \"active\"\n  reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n  additionalContent?: React.ReactNode\n  iconButton?: boolean\n  directionalLink?: boolean\n  paginationLink?: boolean\n  isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    iconPosition?: \"start\" | \"end\"\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria-* or data-*\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n  const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n  return keys.reduce<Record<string, any>>((acc, val) => {\n    acc[val] = props[val]\n    return acc\n  }, {})\n}\n\nexport const GenericButton = forwardRef(\n  (props: RenderProps, ref: Ref<ButtonRef | undefined>) => {\n    const buttonRef = useRef<HTMLButtonElement | HTMLAnchorElement>()\n    useImperativeHandle(ref, () => ({\n      focus: (): void => {\n        buttonRef.current?.focus()\n      },\n    }))\n\n    const determineButtonRenderer = (): JSX.Element => {\n      if (props.component) {\n        return renderCustomComponent(props.component, props)\n      }\n\n      if (props.href && !props.disabled && !props.working) {\n        return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n      }\n\n      return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n    }\n\n    return (\n      <span\n        className={classnames(\n          styles.container,\n          props.fullWidth && styles.fullWidth\n        )}\n        aria-live=\"polite\"\n      >\n        {determineButtonRenderer()}\n      </span>\n    )\n  }\n)\n\nGenericButton.defaultProps = {\n  iconPosition: \"start\",\n  iconButton: false,\n  primary: false,\n  secondary: false,\n  newTabAndIUnderstandTheAccessibilityImplications: false,\n  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n  type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n  CustomComponent: ComponentType<CustomButtonProps>,\n  props: RenderProps\n): JSX.Element => {\n  const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n  const customProps = getCustomProps(rest)\n  return (\n    <CustomComponent\n      id={id}\n      className={buttonClass(props)}\n      disabled={disabled}\n      href={href}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </CustomComponent>\n  )\n}\n\nconst renderButton = (\n  props: RenderProps,\n  ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n  const {\n    id,\n    disabled,\n    onClick,\n    onMouseDown,\n    type,\n    disableTabFocusAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    form,\n    formAction,\n    formMethod,\n    formEncType,\n    formTarget,\n    formNoValidate,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      id={id}\n      disabled={disabled}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n      aria-label={generateAriaLabel(props)}\n      aria-disabled={disabled || props.working ? true : undefined}\n      form={form}\n      formAction={formAction}\n      formMethod={formMethod}\n      formEncType={formEncType}\n      formTarget={formTarget}\n      formNoValidate={formNoValidate}\n      tabIndex={\n        disableTabFocusAndIUnderstandTheAccessibilityImplications\n          ? -1\n          : undefined\n      }\n      ref={ref}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </button>\n  )\n}\n\nconst renderLink = (\n  props: RenderProps,\n  ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n  const {\n    id,\n    href,\n    onClick,\n    newTabAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  const target = newTabAndIUnderstandTheAccessibilityImplications\n    ? \"_blank\"\n    : \"_self\"\n\n  return (\n    <a\n      id={id}\n      href={href}\n      target={target}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={ref}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </a>\n  )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n  const isDefault = !props.primary && !props.destructive && !props.secondary\n  return classnames(\n    styles.button,\n    isDefault && styles.default,\n    props.primary && styles.primary,\n    props.destructive && styles.destructive,\n    props.secondary && styles.secondary,\n    props.size && styles[props.size],\n    props.reversed && styles.reversed,\n    props.iconButton && styles.iconButton,\n    props.working && styles.working,\n    (props.directionalLink || props.paginationLink) && styles.circleButton,\n    props.directionalLink && styles.directionalLink,\n    props.paginationLink && styles.paginationLink,\n    props.isActive && styles.isPaginationLinkActive,\n    props.classNameOverride\n  )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n  <div className={styles.loadingSpinner}>\n    <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n  </div>\n)\n\nconst renderWorkingContent = (\n  props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n  if (props.workingLabelHidden) {\n    return (\n      <>\n        {/* This is to ensure the button stays at the correct width */}\n        <span className={styles.hidden} aria-hidden=\"true\">\n          {renderDefaultContent(props)}\n        </span>\n        <span className={styles.centeredLoadingSpinner}>\n          {renderLoadingSpinner()}\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n      <span className={styles.label}>{props.workingLabel}</span>\n      {props.additionalContent && (\n        <span className={styles.additionalContentWrapper}>\n          {props.additionalContent}\n        </span>\n      )}\n      {props.iconPosition === \"end\" && renderLoadingSpinner()}\n    </>\n  )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n  <>\n    {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n    {(!props.icon || !props.iconButton) && (\n      <span className={styles.label}>{props.label}</span>\n    )}\n    {props.additionalContent && (\n      <span className={styles.additionalContentWrapper}>\n        {props.additionalContent}\n      </span>\n    )}\n    {renderBadge(props)}\n    {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n  </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element | null => {\n  if (!props.badge) return null\n\n  const { text, animateChange, reversed, variant } = props.badge\n\n  if (animateChange) {\n    return (\n      <BadgeAnimated variant={variant} reversed={reversed}>\n        {text}\n      </BadgeAnimated>\n    )\n  }\n  return (\n    <Badge variant={variant} reversed={reversed}>\n      {text}\n    </Badge>\n  )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n  <span className={styles.content}>\n    {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n  </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n  <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string | undefined => {\n  if (props.working && props.workingLabelHidden) {\n    return props.workingLabel\n  }\n\n  if (props.iconButton) {\n    return props.label\n  }\n\n  return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.mjs

@@ -0,0 +1,46 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { usePopper } from 'react-popper';
+import styles from './CalendarPopover.module.scss.mjs';
+
+/**
+ * Only for use with Calendar components.
+ * @todo: Replace with Popover when we have a reusable one.
+ */
+const CalendarPopover = /*#__PURE__*/function () {
+  const CalendarPopover = function (_a) {
+    var children = _a.children,
+      referenceElement = _a.referenceElement,
+      popperOptions = _a.popperOptions,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
+    var _b = useState(null),
+      popperElement = _b[0],
+      setPopperElement = _b[1];
+    var _c = usePopper(referenceElement, popperElement, __assign({
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 15]
+          }
+        }],
+        placement: "bottom-start",
+        strategy: "fixed"
+      }, popperOptions)),
+      popperStyles = _c.styles,
+      popperAttributes = _c.attributes;
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: setPopperElement,
+      style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
+    }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
+      className: classnames(styles.calendarPopover, classNameOverride),
+      role: "dialog",
+      "aria-modal": "true"
+    }, restProps), children);
+  };
+  CalendarPopover.displayName = "CalendarPopover";
+  return CalendarPopover;
+}();
+export { CalendarPopover };
+//# sourceMappingURL=CalendarPopover.mjs.map

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPopover.mjs","sources":["../../../../src/Calendar/CalendarPopover/CalendarPopover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport { Options } from \"@popperjs/core\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./CalendarPopover.module.scss\"\n\nexport type CalendarPopoverProps = {\n  children: React.ReactNode\n  referenceElement: HTMLElement | null\n  popperOptions?: Partial<Options>\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Only for use with Calendar components.\n * @todo: Replace with Popover when we have a reusable one.\n */\nexport const CalendarPopover = ({\n  children,\n  referenceElement,\n  popperOptions,\n  classNameOverride,\n  ...restProps\n}: CalendarPopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n\n  const { styles: popperStyles, attributes: popperAttributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 15],\n          },\n        },\n      ],\n      placement: \"bottom-start\",\n      strategy: \"fixed\",\n      ...popperOptions,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles?.popper}\n      {...popperAttributes?.popper}\n      className={classnames(styles.calendarPopover, classNameOverride)}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      {...restProps}\n    >\n      {children}\n    </div>\n  )\n}\n\nCalendarPopover.displayName = \"CalendarPopover\"\n"],"names":["CalendarPopover","_a","children","referenceElement","popperOptions","classNameOverride","restProps","__rest","_b","useState","popperElement","setPopperElement","_c","usePopper","__assign","modifiers","name","options","offset","placement","strategy","popperStyles","styles","popperAttributes","React","ref","style","popper","className","classnames","calendarPopover","role","displayName"],"mappings":";;;;;;AAaA;;;AAGG;AAHH,MAIaA,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAMT,EAAA;IALrB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,gBAAgB,sBAAA;MAChBC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAN,EAAA,EALkB,sEAM/B,CADa;IAEN,IAAAO,EAAA,GAAoCC,QAAQ,CAChD,IAAI,CACL;MAFMC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAErC;IAEK,IAAAI,EAAA,GAAyDC,SAAS,CACtEV,gBAAgB,EAChBO,aAAa,EAAAI,QAAA,CAAA;QAEXC,SAAS,EAAE,CACT;UACEC,IAAI,EAAE,QAAQ;UACdC,OAAO,EAAE;YACPC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;UACf;QACF,CAAA,CACF;QACDC,SAAS,EAAE,cAAc;QACzBC,QAAQ,EAAE;MAAO,CAAA,EACdhB,aAAa,CAAA,CAEnB;MAhBeiB,YAAY,GAAAT,EAAA,CAAAU,MAAA;MAAcC,gBAAgB,gBAgBzD;IAED,oBACEC;MACEC,GAAG,EAAEd,gBAAgB;MACrBe,KAAK,EAAEL,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEM;IAAM,CAAA,EACvBJ,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,KAAhB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,gBAAgB,CAAEI,MAAM;MAC5BC,SAAS,EAAEC,UAAU,CAACP,MAAM,CAACQ,eAAe,EAAEzB,iBAAiB,CAAC;MAChE0B,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbzB,SAAS,CAEZ,EAAAJ,QAAQ,CACL;EAEV,CAAC;EAEDF,eAAe,CAACgC,WAAW,GAAG,iBAAiB;EAAA,OA5ClChC,eAAe;AAAA;"}

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "calendarPopover": "CalendarPopover-module_calendarPopover__p2xp9"
+};
+export { styles as default };
+//# sourceMappingURL=CalendarPopover.module.scss.mjs.map

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPopover.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/Calendar/CalendarRange/CalendarRange.mjs

@@ -0,0 +1,72 @@
+import { __rest, __assign } from 'tslib';
+import React, { useRef, useEffect } from 'react';
+import { enAU } from 'date-fns/locale';
+import { DayPicker } from 'react-day-picker';
+import 'uuid';
+import '../../Icon/subcomponents/SVG/SVG.mjs';
+import { ArrowBackwardIcon } from '../../Icon/ArrowBackwardIcon.mjs';
+import { ArrowForwardIcon } from '../../Icon/ArrowForwardIcon.mjs';
+import { baseCalendarClassNames } from '../baseCalendarClassNames.mjs';
+import { DayOfWeek } from '../enums.mjs';
+import 'date-fns';
+import { isInvalidDate } from '../utils/isInvalidDate.mjs';
+import styles from './CalendarRange.module.scss.mjs';
+const CalendarRange = /*#__PURE__*/function () {
+  const CalendarRange = function (_a) {
+    var id = _a.id,
+      onMount = _a.onMount,
+      _b = _a.hasDivider,
+      hasDivider = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      selected = _a.selected,
+      defaultMonth = _a.defaultMonth,
+      _c = _a.locale,
+      locale = _c === void 0 ? enAU : _c,
+      restProps = __rest(_a, ["id", "onMount", "hasDivider", "classNameOverride", "selected", "defaultMonth", "locale"]);
+    var calendarRef = useRef(null);
+    useEffect(function () {
+      if (calendarRef.current) onMount && onMount(calendarRef.current);
+    }, [calendarRef]);
+    var monthToShow = (selected === null || selected === void 0 ? void 0 : selected.from) || defaultMonth;
+    var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
+    /* eslint-disable camelcase */
+    var classNames = __assign(__assign({}, baseCalendarClassNames), {
+      month: hasDivider ? styles.monthWithDivider : styles.month,
+      caption_end: styles.captionEnd,
+      nav: styles.nav,
+      day_range_start: styles.dayRangeStart,
+      day_range_end: styles.dayRangeEnd,
+      day_range_middle: styles.dayRangeMiddle
+    });
+    /* eslint-enable camelcase */
+    return /*#__PURE__*/React.createElement("div", {
+      ref: calendarRef,
+      id: id,
+      className: classNameOverride
+    }, /*#__PURE__*/React.createElement(DayPicker, __assign({
+      mode: "range",
+      selected: selected,
+      defaultMonth: selectedMonth,
+      weekStartsOn: DayOfWeek.Mon,
+      classNames: classNames,
+      components: {
+        IconRight: function () {
+          return /*#__PURE__*/React.createElement(ArrowForwardIcon, {
+            role: "presentation"
+          });
+        },
+        IconLeft: function () {
+          return /*#__PURE__*/React.createElement(ArrowBackwardIcon, {
+            role: "presentation"
+          });
+        }
+      },
+      numberOfMonths: 2,
+      locale: locale
+    }, restProps)));
+  };
+  CalendarRange.displayName = "CalendarRange";
+  return CalendarRange;
+}();
+export { CalendarRange };
+//# sourceMappingURL=CalendarRange.mjs.map

package/dist/esm/Calendar/CalendarRange/CalendarRange.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarRange.mjs","sources":["../../../../src/Calendar/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport { enAU } from \"date-fns/locale\"\nimport { DayPicker, DayPickerRangeProps } from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate } from \"../utils\"\nimport styles from \"./CalendarRange.module.scss\"\n\nexport type CalendarRangeElement = HTMLDivElement\n\nexport type CalendarRangeProps = {\n  id?: string\n  onMount?: (calendarElement: CalendarRangeElement) => void\n  hasDivider?: boolean\n} & OverrideClassName<Omit<DayPickerRangeProps, \"mode\">>\n\nexport const CalendarRange = ({\n  id,\n  onMount,\n  hasDivider = false,\n  classNameOverride,\n  selected,\n  defaultMonth,\n  locale = enAU,\n  ...restProps\n}: CalendarRangeProps): JSX.Element => {\n  const calendarRef = useRef<CalendarRangeElement>(null)\n\n  useEffect(() => {\n    if (calendarRef.current) onMount && onMount(calendarRef.current)\n  }, [calendarRef])\n\n  const monthToShow = selected?.from || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    month: hasDivider ? styles.monthWithDivider : styles.month,\n    caption_end: styles.captionEnd,\n    nav: styles.nav,\n    day_range_start: styles.dayRangeStart,\n    day_range_end: styles.dayRangeEnd,\n    day_range_middle: styles.dayRangeMiddle,\n  } satisfies DayPickerRangeProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div ref={calendarRef} id={id} className={classNameOverride}>\n      <DayPicker\n        mode=\"range\"\n        selected={selected}\n        defaultMonth={selectedMonth}\n        weekStartsOn={DayOfWeek.Mon}\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        numberOfMonths={2}\n        locale={locale}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nCalendarRange.displayName = \"CalendarRange\"\n"],"names":["CalendarRange","_a","id","onMount","_b","hasDivider","classNameOverride","selected","defaultMonth","_c","locale","enAU","restProps","__rest","calendarRef","useRef","useEffect","current","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","month","styles","monthWithDivider","caption_end","captionEnd","nav","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","ref","className","DayPicker","mode","weekStartsOn","DayOfWeek","Mon","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","numberOfMonths","displayName"],"mappings":";;;;;;;;;;;;;MAkBaA,aAAa;EAAA,MAAbA,aAAa,GAAG,SAAAA,CAACC,EAST,EAAA;IARnB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,OAAO,aAAA;MACPC,EAAA,GAAAH,EAAA,CAAAI,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACjBC,QAAQ,GAAAN,EAAA,CAAAM,QAAA;MACRC,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,cAAa;MAAbC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,GAAAF,EAAA;MACVG,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EARgB,0FAS7B,CADa;IAEZ,IAAMa,WAAW,GAAGC,MAAM,CAAuB,IAAI,CAAC;IAEtDC,SAAS,CAAC,YAAA;MACR,IAAIF,WAAW,CAACG,OAAO,EAAEd,OAAO,IAAIA,OAAO,CAACW,WAAW,CAACG,OAAO,CAAC;IAClE,CAAC,EAAE,CAACH,WAAW,CAAC,CAAC;IAEjB,IAAMI,WAAW,GAAG,CAAAX,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,CAAEY,IAAI,KAAIX,YAAY;IAClD,IAAMY,aAAa,GACjBF,WAAW,IAAIG,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,QACd,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAC,sBAAsB;MACzBC,KAAK,EAAErB,UAAU,GAAGsB,MAAM,CAACC,gBAAgB,GAAGD,MAAM,CAACD,KAAK;MAC1DG,WAAW,EAAEF,MAAM,CAACG,UAAU;MAC9BC,GAAG,EAAEJ,MAAM,CAACI,GAAG;MACfC,eAAe,EAAEL,MAAM,CAACM,aAAa;MACrCC,aAAa,EAAEP,MAAM,CAACQ,WAAW;MACjCC,gBAAgB,EAAET,MAAM,CAACU;IAAc,CAAA,CACI;;IAG7C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAE1B,WAAW;MAAEZ,EAAE,EAAEA,EAAE;MAAEuC,SAAS,EAAEnC;IAAiB,CAAA,eACzDgC,KAAC,CAAAC,aAAA,CAAAG,SAAS,EACRlB,QAAA,CAAA;MAAAmB,IAAI,EAAC,OAAO;MACZpC,QAAQ,EAAEA,QAAQ;MAClBC,YAAY,EAAEY,aAAa;MAC3BwB,YAAY,EAAEC,SAAS,CAACC,GAAG;MAC3BvB,UAAU,EAAEA,UAAU;MACtBwB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACDG,cAAc,EAAE,CAAC;MACjB3C,MAAM,EAAEA;IAAM,CAAA,EACVE,SAAS,CAAA,CACb,CACE;EAEV,CAAC;EAEDZ,aAAa,CAACsD,WAAW,GAAG,eAAe;EAAA,OApD9BtD,aAAa;AAAA;"}

package/dist/esm/Calendar/CalendarRange/CalendarRange.module.scss.mjs

@@ -0,0 +1,11 @@
+var styles = {
+  "month": "CalendarRange-module_month__un61w",
+  "monthWithDivider": "CalendarRange-module_monthWithDivider__JY-56",
+  "nav": "CalendarRange-module_nav__OtaVb",
+  "captionEnd": "CalendarRange-module_captionEnd__GSLQO",
+  "dayRangeStart": "CalendarRange-module_dayRangeStart__TwdDT",
+  "dayRangeEnd": "CalendarRange-module_dayRangeEnd__y6dEB",
+  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY"
+};
+export { styles as default };
+//# sourceMappingURL=CalendarRange.module.scss.mjs.map

package/dist/esm/Calendar/CalendarRange/CalendarRange.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarRange.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}