@kaizen/components 1.27.0 → 1.29.0

package/dist/cjs/BrandMoment/BrandMoment.cjs

@@ -4,12 +4,10 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var hostedAssets = require('@kaizen/hosted-assets');
-var responsive = require('@kaizen/responsive');
 var typography = require('@kaizen/typography');
 var Button = require('../Button/Button/Button.cjs');
 require('../Button/IconButton/IconButton.cjs');
-require('../Button/PaginationLink/PaginationLink.cjs');
-require('../Button/DirectionalLink/DirectionalLink.cjs');
+var useMediaQueries = require('../utils/useMediaQueries.cjs');
 var BrandMoment_module = require('./BrandMoment.module.scss.cjs');
 
 /**
@@ -27,7 +25,7 @@ const BrandMoment = /*#__PURE__*/function () {
       text = _a.text,
       classNameOverride = _a.classNameOverride,
       restProps = tslib.__rest(_a, ["mood", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
-    var queries = responsive.useMediaQueries().queries;
+    var queries = useMediaQueries.useMediaQueries().queries;
     return React.createElement("div", tslib.__assign({
       className: classnames(BrandMoment_module.body, BrandMoment_module[mood], classNameOverride)
     }, restProps), React.createElement("header", {

package/dist/cjs/BrandMoment/BrandMoment.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BrandMoment.cjs","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.cjs","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/cjs/Button/GenericButton/GenericButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericButton.cjs","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.cjs","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/cjs/Calendar/CalendarPopover/CalendarPopover.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactPopper = require('react-popper');
+var CalendarPopover_module = require('./CalendarPopover.module.scss.cjs');
+
+/**
+ * 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 = tslib.__rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
+    var _b = React.useState(null),
+      popperElement = _b[0],
+      setPopperElement = _b[1];
+    var _c = reactPopper.usePopper(referenceElement, popperElement, tslib.__assign({
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 15]
+          }
+        }],
+        placement: "bottom-start",
+        strategy: "fixed"
+      }, popperOptions)),
+      popperStyles = _c.styles,
+      popperAttributes = _c.attributes;
+    return React.createElement("div", tslib.__assign({
+      ref: setPopperElement,
+      style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
+    }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
+      className: classnames(CalendarPopover_module.calendarPopover, classNameOverride),
+      role: "dialog",
+      "aria-modal": "true"
+    }, restProps), children);
+  };
+  CalendarPopover.displayName = "CalendarPopover";
+  return CalendarPopover;
+}();
+exports.CalendarPopover = CalendarPopover;
+//# sourceMappingURL=CalendarPopover.cjs.map

package/dist/cjs/Calendar/CalendarPopover/CalendarPopover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPopover.cjs","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,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EALkB,sEAM/B,CADa;IAEN,IAAAO,EAAA,GAAoCC,KAAAA,CAAAA,QAAQ,CAChD,IAAI,CACL;MAFMC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAErC;IAEK,IAAAI,EAAA,GAAyDC,WAAAA,CAAAA,SAAS,CACtEV,gBAAgB,EAChBO,aAAa,EAAAI,KAAAA,CAAAA,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,OACEC;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,sBAAM,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/cjs/Calendar/CalendarPopover/CalendarPopover.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "calendarPopover": "CalendarPopover-module_calendarPopover__p2xp9"
+};
+module.exports = styles;
+//# sourceMappingURL=CalendarPopover.module.scss.cjs.map

package/dist/cjs/Calendar/CalendarPopover/CalendarPopover.module.scss.cjs.map

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

package/dist/cjs/Calendar/CalendarRange/CalendarRange.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var locale = require('date-fns/locale');
+var reactDayPicker = require('react-day-picker');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ArrowBackwardIcon = require('../../Icon/ArrowBackwardIcon.cjs');
+var ArrowForwardIcon = require('../../Icon/ArrowForwardIcon.cjs');
+var baseCalendarClassNames = require('../baseCalendarClassNames.cjs');
+var enums = require('../enums.cjs');
+require('date-fns');
+var isInvalidDate = require('../utils/isInvalidDate.cjs');
+var CalendarRange_module = require('./CalendarRange.module.scss.cjs');
+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$1 = _c === void 0 ? locale.enAU : _c,
+      restProps = tslib.__rest(_a, ["id", "onMount", "hasDivider", "classNameOverride", "selected", "defaultMonth", "locale"]);
+    var calendarRef = React.useRef(null);
+    React.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.isInvalidDate(monthToShow) ? undefined : monthToShow;
+    /* eslint-disable camelcase */
+    var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
+      month: hasDivider ? CalendarRange_module.monthWithDivider : CalendarRange_module.month,
+      caption_end: CalendarRange_module.captionEnd,
+      nav: CalendarRange_module.nav,
+      day_range_start: CalendarRange_module.dayRangeStart,
+      day_range_end: CalendarRange_module.dayRangeEnd,
+      day_range_middle: CalendarRange_module.dayRangeMiddle
+    });
+    /* eslint-enable camelcase */
+    return React.createElement("div", {
+      ref: calendarRef,
+      id: id,
+      className: classNameOverride
+    }, React.createElement(reactDayPicker.DayPicker, tslib.__assign({
+      mode: "range",
+      selected: selected,
+      defaultMonth: selectedMonth,
+      weekStartsOn: enums.DayOfWeek.Mon,
+      classNames: classNames,
+      components: {
+        IconRight: function () {
+          return React.createElement(ArrowForwardIcon.ArrowForwardIcon, {
+            role: "presentation"
+          });
+        },
+        IconLeft: function () {
+          return React.createElement(ArrowBackwardIcon.ArrowBackwardIcon, {
+            role: "presentation"
+          });
+        }
+      },
+      numberOfMonths: 2,
+      locale: locale$1
+    }, restProps)));
+  };
+  CalendarRange.displayName = "CalendarRange";
+  return CalendarRange;
+}();
+exports.CalendarRange = CalendarRange;
+//# sourceMappingURL=CalendarRange.cjs.map

package/dist/cjs/Calendar/CalendarRange/CalendarRange.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarRange.cjs","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,QAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,MAAI,CAAAA,IAAA,GAAAF,EAAA;MACVG,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAZ,EAAA,EARgB,0FAS7B,CADa;IAEZ,IAAMa,WAAW,GAAGC,YAAM,CAAuB,IAAI,CAAC;IAEtDC,KAAAA,CAAAA,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,aAAAA,CAAAA,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,KACd,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAC,sBAAsB,CAAAA,sBAAA;MACzBC,KAAK,EAAErB,UAAU,GAAGsB,oBAAM,CAACC,gBAAgB,GAAGD,oBAAM,CAACD,KAAK;MAC1DG,WAAW,EAAEF,oBAAM,CAACG,UAAU;MAC9BC,GAAG,EAAEJ,oBAAM,CAACI,GAAG;MACfC,eAAe,EAAEL,oBAAM,CAACM,aAAa;MACrCC,aAAa,EAAEP,oBAAM,CAACQ,WAAW;MACjCC,gBAAgB,EAAET,oBAAM,CAACU;IAAc,CAAA,CACI;;IAG7C,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAE1B,WAAW;MAAEZ,EAAE,EAAEA,EAAE;MAAEuC,SAAS,EAAEnC;IAAiB,CAAA,EACzDgC,KAAC,CAAAC,aAAA,CAAAG,wBAAS,EACRlB,KAAAA,CAAAA,QAAA,CAAA;MAAAmB,IAAI,EAAC,OAAO;MACZpC,QAAQ,EAAEA,QAAQ;MAClBC,YAAY,EAAEY,aAAa;MAC3BwB,YAAY,EAAEC,KAAS,CAAAA,SAAA,CAACC,GAAG;MAC3BvB,UAAU,EAAEA,UAAU;MACtBwB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,CAAAA,gBAAA,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,CAAAA,iBAAA,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/cjs/Calendar/CalendarRange/CalendarRange.module.scss.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+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"
+};
+module.exports = styles;
+//# sourceMappingURL=CalendarRange.module.scss.cjs.map

package/dist/cjs/Calendar/CalendarRange/CalendarRange.module.scss.cjs.map

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

package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var locale = require('date-fns/locale');
+var reactDayPicker = require('react-day-picker');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ArrowBackwardIcon = require('../../Icon/ArrowBackwardIcon.cjs');
+var ArrowForwardIcon = require('../../Icon/ArrowForwardIcon.cjs');
+var baseCalendarClassNames = require('../baseCalendarClassNames.cjs');
+var enums = require('../enums.cjs');
+require('date-fns');
+var isInvalidDate = require('../utils/isInvalidDate.cjs');
+var isValidWeekStartsOn = require('../utils/isValidWeekStartsOn.cjs');
+var CalendarSingle_module = require('./CalendarSingle.module.scss.cjs');
+const CalendarSingle = /*#__PURE__*/function () {
+  const CalendarSingle = function (_a) {
+    var id = _a.id,
+      onMount = _a.onMount,
+      classNameOverride = _a.classNameOverride,
+      selected = _a.selected,
+      defaultMonth = _a.defaultMonth,
+      _b = _a.weekStartsOn,
+      weekStartsOn = _b === void 0 ? enums.DayOfWeek.Mon : _b,
+      _c = _a.locale,
+      locale$1 = _c === void 0 ? locale.enAU : _c,
+      restProps = tslib.__rest(_a, ["id", "onMount", "classNameOverride", "selected", "defaultMonth", "weekStartsOn", "locale"]);
+    var calendarRef = React.useRef(null);
+    React.useEffect(function () {
+      if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
+    }, [calendarRef]);
+    var monthToShow = selected || defaultMonth;
+    var selectedMonth = monthToShow && isInvalidDate.isInvalidDate(monthToShow) ? undefined : monthToShow;
+    /* eslint-disable camelcase */
+    var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
+      nav: CalendarSingle_module.nav,
+      nav_button_next: CalendarSingle_module.navButtonNext
+    });
+    /* eslint-enable camelcase */
+    return React.createElement("div", {
+      ref: calendarRef,
+      id: id,
+      className: classNameOverride
+    }, React.createElement(reactDayPicker.DayPicker, tslib.__assign({
+      mode: "single",
+      selected: selected && isInvalidDate.isInvalidDate(selected) ? undefined : selected,
+      defaultMonth: selectedMonth,
+      weekStartsOn: isValidWeekStartsOn.isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
+      classNames: classNames,
+      components: {
+        IconRight: function () {
+          return React.createElement(ArrowForwardIcon.ArrowForwardIcon, {
+            role: "presentation"
+          });
+        },
+        IconLeft: function () {
+          return React.createElement(ArrowBackwardIcon.ArrowBackwardIcon, {
+            role: "presentation"
+          });
+        }
+      },
+      locale: locale$1
+    }, restProps)));
+  };
+  CalendarSingle.displayName = "CalendarSingle";
+  return CalendarSingle;
+}();
+exports.CalendarSingle = CalendarSingle;
+//# sourceMappingURL=CalendarSingle.cjs.map

package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarSingle.cjs","sources":["../../../../src/Calendar/CalendarSingle/CalendarSingle.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport { enAU } from \"date-fns/locale\"\nimport { DayPicker, DayPickerSingleProps } 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, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./CalendarSingle.module.scss\"\n\nexport type CalendarSingleElement = HTMLDivElement\n\nexport type CalendarSingleProps = {\n  id?: string\n  onMount?: (calendarElement: CalendarSingleElement) => void\n} & OverrideClassName<Omit<DayPickerSingleProps, \"mode\">>\n\nexport const CalendarSingle = ({\n  id,\n  onMount,\n  classNameOverride,\n  selected,\n  defaultMonth,\n  weekStartsOn = DayOfWeek.Mon,\n  locale = enAU,\n  ...restProps\n}: CalendarSingleProps): JSX.Element => {\n  const calendarRef = useRef<CalendarSingleElement>(null)\n\n  useEffect(() => {\n    if (calendarRef.current) onMount?.(calendarRef.current)\n  }, [calendarRef])\n\n  const monthToShow = selected || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    nav: styles.nav,\n    nav_button_next: styles.navButtonNext,\n  } satisfies DayPickerSingleProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div ref={calendarRef} id={id} className={classNameOverride}>\n      <DayPicker\n        mode=\"single\"\n        selected={selected && isInvalidDate(selected) ? undefined : selected}\n        defaultMonth={selectedMonth}\n        weekStartsOn={\n          isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n        }\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        locale={locale}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nCalendarSingle.displayName = \"CalendarSingle\"\n"],"names":["CalendarSingle","_a","id","onMount","classNameOverride","selected","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","_c","locale","enAU","restProps","__rest","calendarRef","useRef","useEffect","current","monthToShow","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","React","createElement","ref","className","DayPicker","mode","isValidWeekStartsOn","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;;;;;MAiBaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAST,EAAA;IARpB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,OAAO,aAAA;MACPC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;MACjBC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,YAAY,GAAAL,EAAA,CAAAK,YAAA;MACZC,EAA4B,GAAAN,EAAA,CAAAO,YAAA;MAA5BA,YAAY,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,KAAS,CAAAA,SAAA,CAACC,GAAG,GAAAH,EAAA;MAC5BI,EAAa,GAAAV,EAAA,CAAAW,MAAA;MAAbA,QAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,MAAAA,CAAAA,IAAI,GAAAF,EAAA;MACVG,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAd,EAAA,EARiB,4FAS9B,CADa;IAEZ,IAAMe,WAAW,GAAGC,YAAM,CAAwB,IAAI,CAAC;IAEvDC,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACR,IAAIF,WAAW,CAACG,OAAO,EAAEhB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAGa,WAAW,CAACG,OAAO,CAAC;IACzD,CAAC,EAAE,CAACH,WAAW,CAAC,CAAC;IAEjB,IAAMI,WAAW,GAAGf,QAAQ,IAAIC,YAAY;IAC5C,IAAMe,aAAa,GACjBD,WAAW,IAAIE,aAAAA,CAAAA,aAAa,CAACF,WAAW,CAAC,GAAGG,SAAS,GAAGH,WAAW;;IAGrE,IAAMI,UAAU,GAAGC,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACdC,sBAAsB,CAAAA,sBAAA,CAAA,EAAA;MACzBC,GAAG,EAAEC,qBAAM,CAACD,GAAG;MACfE,eAAe,EAAED,qBAAM,CAACE;MACoB;;IAG9C,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAEjB,WAAW;MAAEd,EAAE,EAAEA,EAAE;MAAEgC,SAAS,EAAE9B;IAAiB,CAAA,EACzD2B,KAAC,CAAAC,aAAA,CAAAG,wBAAS;MACRC,IAAI,EAAC,QAAQ;MACb/B,QAAQ,EAAEA,QAAQ,IAAIiB,aAAa,CAAAA,aAAA,CAACjB,QAAQ,CAAC,GAAGkB,SAAS,GAAGlB,QAAQ;MACpEC,YAAY,EAAEe,aAAa;MAC3Bb,YAAY,EACV6B,uCAAmB,CAAC7B,YAAY,CAAC,GAAGA,YAAY,GAAGe,SAAS;MAE9DC,UAAU,EAAEA,UAAU;MACtBc,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAR,KAAC,CAAAC,aAAA,CAAAQ,gBAAgB,CAAAA,gBAAA,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAX,KAAC,CAAAC,aAAA,CAAAW,iBAAiB,CAAAA,iBAAA,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACD7B,MAAM,EAAEA;IAAM,CAAA,EACVE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDd,cAAc,CAAC4C,WAAW,GAAG,gBAAgB;EAAA,OAjDhC5C,cAAc;AAAA;"}

package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "nav": "CalendarSingle-module_nav__wSVua",
+  "navButtonNext": "CalendarSingle-module_navButtonNext__-GrZx"
+};
+module.exports = styles;
+//# sourceMappingURL=CalendarSingle.module.scss.cjs.map

package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.module.scss.cjs.map

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

package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var reactDayPicker = require('react-day-picker');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ArrowBackwardIcon = require('../../Icon/ArrowBackwardIcon.cjs');
+var ArrowForwardIcon = require('../../Icon/ArrowForwardIcon.cjs');
+var baseCalendarClassNames = require('../baseCalendarClassNames.cjs');
+var enums = require('../enums.cjs');
+require('date-fns');
+var isInvalidDate = require('../utils/isInvalidDate.cjs');
+var isValidWeekStartsOn = require('../utils/isValidWeekStartsOn.cjs');
+var LegacyCalendarRange_module = require('./LegacyCalendarRange.module.scss.cjs');
+const LegacyCalendarRange = /*#__PURE__*/function () {
+  const LegacyCalendarRange = function (_a) {
+    var classNameOverride = _a.classNameOverride,
+      defaultMonth = _a.defaultMonth,
+      _b = _a.weekStartsOn,
+      weekStartsOn = _b === void 0 ? enums.DayOfWeek.Mon : _b,
+      disabledDays = _a.disabledDays,
+      selectedRange = _a.selectedRange,
+      locale = _a.locale,
+      onDayChange = _a.onDayChange;
+    var monthToShow = (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) || defaultMonth;
+    var selectedMonth = monthToShow && isInvalidDate.isInvalidDate(monthToShow) ? undefined : monthToShow;
+    /* eslint-disable camelcase */
+    var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
+      nav: LegacyCalendarRange_module.nav,
+      nav_button_next: LegacyCalendarRange_module.navButtonNext,
+      day_range_start: LegacyCalendarRange_module.dayRangeStart,
+      day_range_end: LegacyCalendarRange_module.dayRangeEnd,
+      day_range_middle: LegacyCalendarRange_module.dayRangeMiddle
+    });
+    /* eslint-enable camelcase */
+    return React.createElement("div", {
+      className: classNameOverride
+    }, React.createElement(reactDayPicker.DayPicker, {
+      mode: "range",
+      selected: selectedRange,
+      defaultMonth: selectedMonth,
+      weekStartsOn: isValidWeekStartsOn.isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
+      disabled: disabledDays,
+      onDayClick: onDayChange,
+      classNames: classNames,
+      components: {
+        IconRight: function () {
+          return React.createElement(ArrowForwardIcon.ArrowForwardIcon, {
+            role: "presentation"
+          });
+        },
+        IconLeft: function () {
+          return React.createElement(ArrowBackwardIcon.ArrowBackwardIcon, {
+            role: "presentation"
+          });
+        }
+      },
+      locale: locale
+    }));
+  };
+  LegacyCalendarRange.displayName = "LegacyCalendarRange";
+  return LegacyCalendarRange;
+}();
+exports.LegacyCalendarRange = LegacyCalendarRange;
+//# sourceMappingURL=LegacyCalendarRange.cjs.map

package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyCalendarRange.cjs","sources":["../../../../src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  DayPicker,\n  DateRange,\n  DayClickEventHandler,\n  Matcher,\n  DayPickerRangeProps,\n} from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./LegacyCalendarRange.module.scss\"\n\nexport type LegacyCalendarRangeElement = HTMLDivElement\n\nexport type LegacyCalendarRangeProps = {\n  classNameOverride?: string\n  defaultMonth?: Date\n  weekStartsOn?: DayOfWeek\n  disabledDays?: Matcher[]\n  selectedRange?: DateRange\n  locale: Locale\n  onDayChange: DayClickEventHandler\n}\n\nexport const LegacyCalendarRange = ({\n  classNameOverride,\n  defaultMonth,\n  weekStartsOn = DayOfWeek.Mon,\n  disabledDays,\n  selectedRange,\n  locale,\n  onDayChange,\n}: LegacyCalendarRangeProps): JSX.Element => {\n  const monthToShow = selectedRange?.from || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    nav: styles.nav,\n    nav_button_next: styles.navButtonNext,\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 className={classNameOverride}>\n      <DayPicker\n        mode=\"range\"\n        selected={selectedRange}\n        defaultMonth={selectedMonth}\n        weekStartsOn={\n          isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n        }\n        disabled={disabledDays}\n        onDayClick={onDayChange}\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        locale={locale}\n      />\n    </div>\n  )\n}\n\nLegacyCalendarRange.displayName = \"LegacyCalendarRange\"\n"],"names":["LegacyCalendarRange","_a","classNameOverride","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","disabledDays","selectedRange","locale","onDayChange","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","className","DayPicker","mode","selected","isValidWeekStartsOn","disabled","onDayClick","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;;;;MA0BaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAQT,EAAA;QAPzBC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,oBAA4B;MAA5BC,YAAY,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,KAAAA,CAAAA,SAAS,CAACC,GAAG,KAAA;MAC5BC,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,aAAa,GAAAR,EAAA,CAAAQ,aAAA;MACbC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,WAAW,GAAAV,EAAA,CAAAU,WAAA;IAEX,IAAMC,WAAW,GAAG,CAAAH,aAAa,KAAb,IAAA,IAAAA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAAEI,IAAI,KAAIV,YAAY;IACvD,IAAMW,aAAa,GACjBF,WAAW,IAAIG,aAAAA,CAAAA,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,KAAAA,CAAAA,QACd,CAAAA,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAC,sBAAAA,CAAAA,sBAAsB;MACzBC,GAAG,EAAEC,0BAAM,CAACD,GAAG;MACfE,eAAe,EAAED,0BAAM,CAACE,aAAa;MACrCC,eAAe,EAAEH,0BAAM,CAACI,aAAa;MACrCC,aAAa,EAAEL,0BAAM,CAACM,WAAW;MACjCC,gBAAgB,EAAEP,0BAAM,CAACQ;IAAc,EACI;;IAG7C,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAE9B;IAAiB,CAAA,EAC/B4B,KAAA,CAAAC,aAAA,CAACE,cAAS,CAAAA,SAAA,EACR;MAAAC,IAAI,EAAC,OAAO;MACZC,QAAQ,EAAE1B,aAAa;MACvBN,YAAY,EAAEW,aAAa;MAC3BT,YAAY,EACV+B,uCAAmB,CAAC/B,YAAY,CAAC,GAAGA,YAAY,GAAGW,SAAS;MAE9DqB,QAAQ,EAAE7B,YAAY;MACtB8B,UAAU,EAAE3B,WAAW;MACvBM,UAAU,EAAEA,UAAU;MACtBsB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,CAAAA,gBAAA,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,CAAAA,iBAAA,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACDhC,MAAM,EAAEA;IACR,CAAA,CAAA,CACE;EAEV,CAAC;EAEDV,mBAAmB,CAAC6C,WAAW,GAAG,qBAAqB;EAAA,OA9C1C7C,mBAAmB;AAAA;"}

package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "nav": "LegacyCalendarRange-module_nav__DsZpy",
+  "navButtonNext": "LegacyCalendarRange-module_navButtonNext__hwYN9",
+  "dayRangeStart": "LegacyCalendarRange-module_dayRangeStart__vRr5P",
+  "dayRangeEnd": "LegacyCalendarRange-module_dayRangeEnd__PfuWy",
+  "dayRangeMiddle": "LegacyCalendarRange-module_dayRangeMiddle__M27gR"
+};
+module.exports = styles;
+//# sourceMappingURL=LegacyCalendarRange.module.scss.cjs.map

package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.module.scss.cjs.map

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

package/dist/cjs/Calendar/baseCalendarClassNames.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var baseCalendarClassNames_module = require('./baseCalendarClassNames.module.scss.cjs');
+var baseCalendarClassNames = {
+  vhidden: baseCalendarClassNames_module.vHidden,
+  root: baseCalendarClassNames_module.root,
+  months: baseCalendarClassNames_module.months,
+  button_reset: baseCalendarClassNames_module.buttonReset,
+  button: baseCalendarClassNames_module.button,
+  caption: baseCalendarClassNames_module.caption,
+  caption_label: baseCalendarClassNames_module.captionLabel,
+  nav_button: baseCalendarClassNames_module.navButton,
+  table: baseCalendarClassNames_module.table,
+  head_cell: baseCalendarClassNames_module.weekday,
+  cell: baseCalendarClassNames_module.cell,
+  day: baseCalendarClassNames_module.day,
+  tbody: baseCalendarClassNames_module.tbody,
+  day_selected: baseCalendarClassNames_module.daySelected,
+  day_today: baseCalendarClassNames_module.dayToday,
+  day_disabled: baseCalendarClassNames_module.dayDisabled
+};
+exports.baseCalendarClassNames = baseCalendarClassNames;
+//# sourceMappingURL=baseCalendarClassNames.cjs.map

package/dist/cjs/Calendar/baseCalendarClassNames.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseCalendarClassNames.cjs","sources":["../../../src/Calendar/baseCalendarClassNames.ts"],"sourcesContent":["/* eslint-disable camelcase */\nimport { ClassNames } from \"react-day-picker\"\nimport styles from \"./baseCalendarClassNames.module.scss\"\n\nexport const baseCalendarClassNames: ClassNames = {\n  vhidden: styles.vHidden,\n  root: styles.root,\n  months: styles.months,\n  button_reset: styles.buttonReset,\n  button: styles.button,\n  caption: styles.caption,\n  caption_label: styles.captionLabel,\n  nav_button: styles.navButton,\n  table: styles.table,\n  head_cell: styles.weekday,\n  cell: styles.cell,\n  day: styles.day,\n  tbody: styles.tbody,\n  day_selected: styles.daySelected,\n  day_today: styles.dayToday,\n  day_disabled: styles.dayDisabled,\n}\n"],"names":["baseCalendarClassNames","vhidden","styles","vHidden","root","months","button_reset","buttonReset","button","caption","caption_label","captionLabel","nav_button","navButton","table","head_cell","weekday","cell","day","tbody","day_selected","daySelected","day_today","dayToday","day_disabled","dayDisabled"],"mappings":";;;AAIa,IAAAA,sBAAsB,GAAe;EAChDC,OAAO,EAAEC,6BAAM,CAACC,OAAO;EACvBC,IAAI,EAAEF,6BAAM,CAACE,IAAI;EACjBC,MAAM,EAAEH,6BAAM,CAACG,MAAM;EACrBC,YAAY,EAAEJ,6BAAM,CAACK,WAAW;EAChCC,MAAM,EAAEN,6BAAM,CAACM,MAAM;EACrBC,OAAO,EAAEP,6BAAM,CAACO,OAAO;EACvBC,aAAa,EAAER,6BAAM,CAACS,YAAY;EAClCC,UAAU,EAAEV,6BAAM,CAACW,SAAS;EAC5BC,KAAK,EAAEZ,6BAAM,CAACY,KAAK;EACnBC,SAAS,EAAEb,6BAAM,CAACc,OAAO;EACzBC,IAAI,EAAEf,6BAAM,CAACe,IAAI;EACjBC,GAAG,EAAEhB,6BAAM,CAACgB,GAAG;EACfC,KAAK,EAAEjB,6BAAM,CAACiB,KAAK;EACnBC,YAAY,EAAElB,6BAAM,CAACmB,WAAW;EAChCC,SAAS,EAAEpB,6BAAM,CAACqB,QAAQ;EAC1BC,YAAY,EAAEtB,6BAAM,CAACuB;;"}

package/dist/cjs/Calendar/baseCalendarClassNames.module.scss.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var calendarStyles = {
+  "day": "baseCalendarClassNames-module_day__4INGw",
+  "navButton": "baseCalendarClassNames-module_navButton__Socf8",
+  "root": "baseCalendarClassNames-module_root__ZBdgM",
+  "months": "baseCalendarClassNames-module_months__ofItC",
+  "buttonReset": "baseCalendarClassNames-module_buttonReset__uR5sc",
+  "button": "baseCalendarClassNames-module_button__Jb8RM",
+  "caption": "baseCalendarClassNames-module_caption__tzko5",
+  "captionLabel": "baseCalendarClassNames-module_captionLabel__rmlel",
+  "table": "baseCalendarClassNames-module_table__4LTvb",
+  "tbody": "baseCalendarClassNames-module_tbody__cT6rM",
+  "weekday": "baseCalendarClassNames-module_weekday__uuAjO",
+  "cell": "baseCalendarClassNames-module_cell__FvWK0",
+  "dayToday": "baseCalendarClassNames-module_dayToday__-TPUa",
+  "daySelected": "baseCalendarClassNames-module_daySelected__R3ujV",
+  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-",
+  "vHidden": "baseCalendarClassNames-module_vHidden__egm49"
+};
+module.exports = calendarStyles;
+//# sourceMappingURL=baseCalendarClassNames.module.scss.cjs.map

package/dist/cjs/Calendar/baseCalendarClassNames.module.scss.cjs.map

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