@kaizen/components 1.27.0 → 1.28.0

package/dist/cjs/Modal/util/console.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.cjs","sources":["../../../../src/Modal/util/console.ts"],"sourcesContent":["const yellow = \"\\u001b[33m \"\nconst reset = \"\\u001b[0m \"\n\n/**\n * @deprecated Do not use ever again\n */\nexport const warn = (message: string): void => {\n  // eslint-disable-next-line no-console\n  console.warn(\n    `${yellow}\\nCULTUREAMP UI WARNING:\\n${singleLine(message)}${reset}\\n`\n  )\n}\n\nexport const singleLine = (message: string): string =>\n  message.replace(/^ +/gm, \" \").replace(/\\n|\\r/gm, \"\").trim()\n"],"names":["yellow","reset","warn","message","console","concat","singleLine","replace","trim"],"mappings":";;AAAA,IAAMA,MAAM,GAAG,aAAa;AAC5B,IAAMC,KAAK,GAAG,YAAY;AAE1B;;AAEG;AACI,IAAMC,IAAI,GAAG,SAAAA,CAACC,OAAe,EAAA;;EAElCC,OAAO,CAACF,IAAI,CACV,EAAA,CAAAG,MAAA,CAAGL,MAAM,EAA6B,4BAAA,CAAA,CAAAK,MAAA,CAAAC,UAAU,CAACH,OAAO,CAAC,CAAA,CAAAE,MAAA,CAAGJ,KAAK,EAAA,IAAA,CAAI,CACtE;AACH,CAAC;AAEM,IAAMK,UAAU,GAAG,SAAAA,CAACH,OAAe,EAAA;EACxC,OAAAA,OAAO,CAACI,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAACA,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAACC,IAAI,EAAE;AAA3D,CAAA;;"}

package/dist/cjs/Radio/Radio/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","sources":["../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"checked\">\n> & {\n  /**\n   * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.\n   */\n  id: string\n  name: string\n  value: string\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["renderSelected","selectedStatus","reversed","React","createElement","className","classnames","styles","icon","Radio","_a","name","value","_b","_c","onChange","classNameOverride","restProps","__rest","__assign","type","checked","radioInput","readOnly","undefined","box","displayName"],"mappings":";;;;;;AAkBA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,cAAuB,EACvBC,QAAiB,EAAA;EAEjB,IAAID,cAAc,EAAE;IAClB,OACEE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACC,IAAI,EAAEN,QAAQ,IAAIK,YAAM,CAACL,QAAQ;IAAC,CAAA,CAAI;EAE3E;EACD;AACF,CAAC;AAAA,MAEYO,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPX,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAsB,GAAAH,EAAA,CAAAT,cAAA;MAAtBA,cAAc,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBC,EAAA,GAAAJ,EAAA,CAAAR,QAAgB;MAAhBA,QAAQ,GAAGY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAR,EAAA,EAPQ,gFAQrB,CADa;IACiB;;MAE7BP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAe,KAAA,CAAAA,QAAA,CAAA;QAAAC,IAAI,EAAC,OAAO;QACZT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZS,OAAO,EAAEpB,cAAc;QACvBI,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACe,UAAU,EACjBN,iBAAiB,EACjBd,QAAQ,IAAIK,YAAM,CAACL,QAAQ,CAC5B;QACDa,QAAQ,EAAEA,QAAQ;QAClBQ,QAAQ,EAAER,QAAQ,KAAKS;MAAS,CAAA,EAC5BP,SAAS,CACb,CAAA,EACFd,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACkB,GAAG,EAAEvB,QAAQ,IAAIK,YAAM,CAACL,QAAQ;OAAC,EACjEF,cAAc,CAACC,cAAc,EAAEC,QAAQ,CAAC,CACpC;IACF;GACR;EAEDO,KAAK,CAACiB,WAAW,GAAG,OAAO;EAAA,OA/BdjB,KAAK;AAAA;"}
+{"version":3,"file":"Radio.cjs","sources":["../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"id\" | \"name\" | \"value\" | \"checked\" | \"type\"\n  >\n> & {\n  /** Required to ensure the Radio always gets an ID to match a label when composed. */\n  id: string\n  /** Unique identifier for the group this Radio belongs to. Required for keyboard navigation of the group. See also [Defining a radio group](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#defining_a_radio_group) on MDN. E.g. the question ID for which this is one possible answer to. */\n  name: string\n  /** The value for this form field when this radio button is selected. */\n  value?: string | readonly string[] | number\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["renderSelected","selectedStatus","reversed","React","createElement","className","classnames","styles","icon","Radio","_a","name","value","_b","_c","onChange","classNameOverride","restProps","__rest","__assign","type","checked","radioInput","readOnly","undefined","box","displayName"],"mappings":";;;;;;AAqBA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,cAAuB,EACvBC,QAAiB,EAAA;EAEjB,IAAID,cAAc,EAAE;IAClB,OACEE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACC,IAAI,EAAEN,QAAQ,IAAIK,YAAM,CAACL,QAAQ;IAAC,CAAA,CAAI;EAE3E;EACD;AACF,CAAC;AAAA,MAEYO,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPX,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAsB,GAAAH,EAAA,CAAAT,cAAA;MAAtBA,cAAc,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBC,EAAA,GAAAJ,EAAA,CAAAR,QAAgB;MAAhBA,QAAQ,GAAGY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAR,EAAA,EAPQ,gFAQrB,CADa;IACiB;;MAE7BP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAe,KAAA,CAAAA,QAAA,CAAA;QAAAC,IAAI,EAAC,OAAO;QACZT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZS,OAAO,EAAEpB,cAAc;QACvBI,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACe,UAAU,EACjBN,iBAAiB,EACjBd,QAAQ,IAAIK,YAAM,CAACL,QAAQ,CAC5B;QACDa,QAAQ,EAAEA,QAAQ;QAClBQ,QAAQ,EAAER,QAAQ,KAAKS;MAAS,CAAA,EAC5BP,SAAS,CACb,CAAA,EACFd,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACkB,GAAG,EAAEvB,QAAQ,IAAIK,YAAM,CAACL,QAAQ;OAAC,EACjEF,cAAc,CAACC,cAAc,EAAEC,QAAQ,CAAC,CACpC;IACF;GACR;EAEDO,KAAK,CAACiB,WAAW,GAAG,OAAO;EAAA,OA/BdjB,KAAK;AAAA;"}

package/dist/cjs/dts/Calendar/CalendarPopover/CalendarPopover.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from "react";
+import { Options } from "@popperjs/core";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarPopoverProps = {
+    children: React.ReactNode;
+    referenceElement: HTMLElement | null;
+    popperOptions?: Partial<Options>;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * Only for use with Calendar components.
+ * @todo: Replace with Popover when we have a reusable one.
+ */
+export declare const CalendarPopover: {
+    ({ children, referenceElement, popperOptions, classNameOverride, ...restProps }: CalendarPopoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/CalendarPopover/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarPopover";

package/dist/cjs/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DayPickerRangeProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarRangeElement = HTMLDivElement;
+export type CalendarRangeProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarRangeElement) => void;
+    hasDivider?: boolean;
+} & OverrideClassName<Omit<DayPickerRangeProps, "mode">>;
+export declare const CalendarRange: {
+    ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, locale, ...restProps }: CalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/CalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarRange";

package/dist/cjs/dts/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DayPickerSingleProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarSingleElement = HTMLDivElement;
+export type CalendarSingleProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarSingleElement) => void;
+} & OverrideClassName<Omit<DayPickerSingleProps, "mode">>;
+export declare const CalendarSingle: {
+    ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, ...restProps }: CalendarSingleProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/CalendarSingle/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarSingle";

package/dist/cjs/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
+import { DayOfWeek } from "../enums";
+export type LegacyCalendarRangeElement = HTMLDivElement;
+export type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
+};
+export declare const LegacyCalendarRange: {
+    ({ classNameOverride, defaultMonth, weekStartsOn, disabledDays, selectedRange, locale, onDayChange, }: LegacyCalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Calendar/LegacyCalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./LegacyCalendarRange";

package/dist/cjs/dts/Calendar/_docs/controls/weekStartsOnControls.d.ts

@@ -0,0 +1,26 @@
+export declare const weekStartsOnControls: {
+    weekStartsOn: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                Sun: string;
+                Mon: string;
+                Tue: string;
+                Wed: string;
+                Thu: string;
+                Fri: string;
+                Sat: string;
+            };
+        };
+        mapping: {
+            Sun: 0;
+            Mon: 1;
+            Tue: 2;
+            Wed: 3;
+            Thu: 4;
+            Fri: 5;
+            Sat: 6;
+        };
+    };
+};

package/dist/cjs/dts/Calendar/baseCalendarClassNames.d.ts

@@ -0,0 +1,2 @@
+import { ClassNames } from "react-day-picker";
+export declare const baseCalendarClassNames: ClassNames;

package/dist/cjs/dts/Calendar/enums.d.ts

@@ -0,0 +1,15 @@
+export declare const DayOfWeek: {
+    readonly Sun: 0;
+    readonly Mon: 1;
+    readonly Tue: 2;
+    readonly Wed: 3;
+    readonly Thu: 4;
+    readonly Fri: 5;
+    readonly Sat: 6;
+};
+export type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];
+export declare const DateFormat: {
+    readonly Numeral: "P";
+    readonly Text: "PP";
+};
+export type DateFormat = (typeof DateFormat)[keyof typeof DateFormat];

package/dist/cjs/dts/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./CalendarSingle";
+export * from "./CalendarRange";
+export * from "./enums";
+export * from "./types";
+export * from "./utils";

package/dist/cjs/dts/Calendar/types.d.ts

@@ -0,0 +1,37 @@
+import { DateInterval, DateRange, DayPickerProps } from "react-day-picker";
+import { DayOfWeek } from "./enums";
+export type { DateInterval, DateRange };
+export type DisabledDays = DayPickerProps["disabled"];
+export type DisabledDayMatchers = {
+    /**
+     * Accepts an array of singluar dates and disables them.
+     * e.g. [new Date(2022, 1, 12), new Date(2022, 1, 25)]
+     */
+    disabledDates?: Date[];
+    /**
+     * Accepts an array of DayOfWeek values and disables those days throughout
+     * the calendar.
+     * e.g. [DayOfWeek.Mon, DayOfWeek.Tue]
+     */
+    disabledDaysOfWeek?: DayOfWeek[];
+    /**
+     * Accepts an object with a `from` and `to` date. Disables any date
+     * inside of that range, including the specified dates.
+     * { from: new Date(2022, 1, 12), to: new Date(2022, 1, 16) }
+     */
+    disabledRange?: DateRange;
+    /**
+     * Accepts an object with a `before` and `after` date. Disables any date
+     * inside of that range, excluding the specified dates.
+     * { after: new Date(2022, 1, 12), before: new Date(2022, 1, 16) }
+     */
+    disabledBeforeAfter?: DateInterval;
+    /**
+     * Accepts single date and disables all days before it.
+     * */
+    disabledBefore?: Date;
+    /**
+     * Accepts single date and disables all days after it.
+     */
+    disabledAfter?: Date;
+};

package/dist/cjs/dts/Calendar/utils/calculateDisabledDays.d.ts

@@ -0,0 +1,3 @@
+import { Matcher } from "react-day-picker";
+import { DisabledDayMatchers } from "../types";
+export declare const calculateDisabledDays: ({ disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, }: DisabledDayMatchers) => Matcher[];

package/dist/cjs/dts/Calendar/utils/formatDateAsNumeral.d.ts

@@ -0,0 +1 @@
+export declare const formatDateAsNumeral: (date: Date, locale: Locale) => string;

package/dist/cjs/dts/Calendar/utils/formatDateAsText.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const formatDateAsText: (date: Date, disabledDays: DisabledDays, locale: Locale) => string;

package/dist/cjs/dts/Calendar/utils/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./calculateDisabledDays";
+export * from "./formatDateAsNumeral";
+export * from "./formatDateAsText";
+export * from "./isDisabledDate";
+export * from "./isInvalidDate";
+export * from "./isValidWeekStartsOn";
+export * from "./isSelectingDayInCalendar";
+export * from "./parseDateAsTextOrNumeral";
+export * from "./parseDateFromNumeralFormatValue";
+export * from "./parseDateFromTextFormatValue";
+export * from "./setFocusInCalendar";

package/dist/cjs/dts/Calendar/utils/isDisabledDate.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const isDisabledDate: (date: Date, disabledDays: DisabledDays) => boolean;

package/dist/cjs/dts/Calendar/utils/isInvalidDate.d.ts

@@ -0,0 +1 @@
+export declare const isInvalidDate: (parsedDate: Date) => boolean;

package/dist/cjs/dts/Calendar/utils/isSelectingDayInCalendar.d.ts

@@ -0,0 +1 @@
+export declare const isSelectingDayInCalendar: (target: (EventTarget & Element) | null) => boolean;

package/dist/cjs/dts/Calendar/utils/isValidWeekStartsOn.d.ts

@@ -0,0 +1,2 @@
+import { DayOfWeek } from "../enums";
+export declare const isValidWeekStartsOn: (day: DayOfWeek | undefined) => day is 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;

package/dist/cjs/dts/Calendar/utils/parseDateAsTextOrNumeral.d.ts

@@ -0,0 +1 @@
+export declare const parseDateAsTextOrNumeral: (value: string, locale: Locale) => Date;

package/dist/cjs/dts/Calendar/utils/parseDateFromNumeralFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromNumeralFormatValue: (value: string, locale: Locale) => Date;

package/dist/cjs/dts/Calendar/utils/parseDateFromTextFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromTextFormatValue: (value: string, locale: Locale) => Date;

package/dist/cjs/dts/Calendar/utils/setFocusInCalendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarRangeElement } from "../CalendarRange";
+import { CalendarSingleElement } from "../CalendarSingle";
+export declare const setFocusInCalendar: (calendarElement: CalendarSingleElement | CalendarRangeElement, selectedDay: Date | undefined) => void;

package/dist/cjs/dts/DateInput/DateInput/DateInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { InputProps } from "../../Input";
+type OmittedInputProps = "reversed" | "type" | "inputRef";
+export type DateInputProps = {
+    labelText: React.ReactNode;
+    isReversed?: boolean;
+} & Omit<InputProps, OmittedInputProps>;
+export declare const DateInput: React.ForwardRefExoticComponent<{
+    labelText: React.ReactNode;
+    isReversed?: boolean | undefined;
+} & Omit<InputProps, OmittedInputProps> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/cjs/dts/DateInput/DateInput/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInput";

package/dist/cjs/dts/DateInput/DateInputWithIconButton/DateInputWithIconButton.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { DateInputProps } from "../DateInput";
+export type DateInputWithIconButtonProps = {
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
+export type DateInputWithIconButtonRefs = {
+    inputRef?: React.RefObject<HTMLInputElement>;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+};
+export declare const DateInputWithIconButton: React.ForwardRefExoticComponent<{
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/cjs/dts/DateInput/DateInputWithIconButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInputWithIconButton";

package/dist/cjs/dts/DateInput/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DateInput";
+export * from "./DateInputDescription";
+export * from "./DateInputWithIconButton";

package/dist/cjs/dts/DatePicker/DatePicker.d.ts

@@ -0,0 +1,55 @@
+import { RefObject } from "react";
+import { CalendarSingleProps, DisabledDayMatchers } from "../Calendar";
+import { DateInputFieldProps } from "./subcomponents/DateInputField";
+import { ValidationResponse } from "./types";
+import { DatePickerSupportedLocales } from "./utils/getLocale";
+type OmittedDateInputFieldProps = "onClick" | "onFocus" | "onChange" | "onBlur" | "onButtonClick" | "value" | "locale" | "id";
+export type DatePickerProps = {
+    id?: string;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    onInputClick?: DateInputFieldProps["onClick"];
+    onInputFocus?: DateInputFieldProps["onFocus"];
+    onInputChange?: DateInputFieldProps["onChange"];
+    onInputBlur?: DateInputFieldProps["onBlur"];
+    onButtonClick?: DateInputFieldProps["onButtonClick"];
+    locale?: DatePickerSupportedLocales;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: CalendarSingleProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: CalendarSingleProps["defaultMonth"];
+    /**
+     *  The date passed in from the consumer that renders in the input and calendar.
+     */
+    selectedDay: Date | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and bluring.
+     * Date will return as undefined if invalid or disabled.
+     */
+    onDayChange: (date: Date | undefined) => void;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: (validationResponse: ValidationResponse) => void;
+    /**
+     * Updates the styling of the validation FieldMessage.
+     */
+    status?: DateInputFieldProps["status"] | undefined;
+    /**
+     * A descriptive message for the 'status' states.
+     */
+    validationMessage?: DateInputFieldProps["validationMessage"] | undefined;
+} & DisabledDayMatchers & Omit<DateInputFieldProps, OmittedDateInputFieldProps>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
+ */
+export declare const DatePicker: {
+    ({ id: propsId, buttonRef: propsButtonRef, locale: propsLocale, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDay, status, validationMessage, onInputClick, onInputFocus, onInputChange, onInputBlur, onButtonClick, onDayChange, onValidate, ...restDateInputFieldProps }: DatePickerProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/DatePicker/_docs/controls/datePickerLocaleControls.d.ts

@@ -0,0 +1,8 @@
+export declare const datePickerLocaleControls: {
+    locale: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+};

package/dist/cjs/dts/DatePicker/_docs/controls/disabledDayMatchersControls.d.ts

@@ -0,0 +1,96 @@
+export declare const disabledDayMatchersControls: {
+    disabledDates: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Today: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Today: Date[];
+            May2022: Date[];
+        };
+    };
+    disabledRange: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                from: Date;
+                to: Date;
+            };
+        };
+    };
+    disabledBeforeAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                before: Date;
+                after: Date;
+            };
+        };
+    };
+    disabledBefore: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledDaysOfWeek: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Fridays: string;
+                Weekends: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Fridays: 5[];
+            Weekends: (0 | 6)[];
+        };
+    };
+};

package/dist/cjs/dts/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+export * from "./types";

package/dist/cjs/dts/DatePicker/subcomponents/DateInputField/DateInputField.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { DateInputDescriptionProps, DateInputWithIconButtonProps, DateInputWithIconButtonRefs } from "../../../DateInput";
+import { FieldMessageStatus } from "../../../FieldMessage";
+export type DateInputFieldProps = {
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React.ReactNode;
+    locale?: Locale;
+} & DateInputWithIconButtonProps;
+export declare const DateInputField: React.ForwardRefExoticComponent<{
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus | undefined;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React.ReactNode;
+    locale?: Locale | undefined;
+} & {
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<import("../../../DateInput").DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/cjs/dts/DatePicker/subcomponents/DateInputField/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInputField";

package/dist/cjs/dts/DatePicker/types.d.ts

@@ -0,0 +1,11 @@
+import { FieldMessageStatus } from "../FieldMessage";
+export type ValidationResponse = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    status: FieldMessageStatus | undefined;
+    validationMessage: string | undefined;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isEmpty: boolean;
+    isValidDate: boolean;
+};

package/dist/cjs/dts/DatePicker/utils/getLocale.d.ts

@@ -0,0 +1,3 @@
+import { StringSuggestions } from "../../types/StringSuggestions";
+export type DatePickerSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
+export declare const getLocale: (locale: DatePickerSupportedLocales) => Locale;

package/dist/cjs/dts/DatePicker/utils/validateDate.d.ts

@@ -0,0 +1,12 @@
+import { DisabledDays } from "../../Calendar";
+import { ValidationResponse } from "../types";
+export type ValidateDateArgs = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    disabledDays?: DisabledDays;
+};
+export type ValidateDateResponse = {
+    validationResponse: ValidationResponse;
+    newDate: Date | undefined;
+};
+export declare const validateDate: ({ date, inputValue, disabledDays, }: ValidateDateArgs) => ValidateDateResponse;

package/dist/cjs/dts/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,44 @@
+import { RefObject } from "react";
+import { DateRange } from "react-day-picker";
+import { DisabledDayMatchers } from "../Calendar";
+import { LegacyCalendarRangeProps } from "../Calendar/LegacyCalendarRange";
+export type DateRangePickerProps = {
+    id?: string;
+    classNameOverride?: string;
+    labelText: string;
+    isDisabled?: boolean;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    description?: string;
+    /**
+     * Selected date range which is being updated in handleDayClick and checked
+     * if within range/not disabled and then passed back to the client to update
+     * the state.
+     */
+    selectedDateRange?: DateRange;
+    /**
+     * String that is formatted by the client with our helper formatDateRangeValue
+     * and then passed into the button to display the readable range.
+     */
+    value?: string;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: LegacyCalendarRangeProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: LegacyCalendarRangeProps["defaultMonth"];
+    /**
+     * Event passed from consumer to handle the date on change.
+     */
+    onChange: (dateRange: DateRange) => void;
+} & DisabledDayMatchers;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
+ */
+export declare const DateRangePicker: {
+    ({ id: propsId, buttonRef, description: _description, labelText, isDisabled, classNameOverride, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDateRange, value, onChange, ...inputProps }: DateRangePickerProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DateRangePicker";
+export * from "./utils/formatDateRangeValue";

package/dist/cjs/dts/DateRangePicker/utils/formatDateRangeValue.d.ts

@@ -0,0 +1,2 @@
+import { DateRange } from "../../Calendar";
+export declare const formatDateRangeValue: (dateRange: DateRange) => string;

package/dist/cjs/dts/FilterDatePicker/hooks/useDateInputHandlers.d.ts

@@ -1,5 +1,5 @@
-import { DateInputProps } from "@kaizen/date-picker";
-import { DisabledDays } from "../../types/DatePicker";
+import { DisabledDays } from "../../Calendar";
+import { DateInputProps } from "../../DateInput";
 type UseDateInputHandlersArgs = {
     locale: Locale;
     disabledDays?: DisabledDays;

package/dist/cjs/dts/FilterDatePicker/hooks/useDateValidation.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DisabledDays } from "../../types/DatePicker";
+import { DisabledDays } from "../../Calendar";
 import { ValidationMessage, DateValidationResponse } from "../types";
 import { validateDate } from "../utils/validateDate";
 export type UseDateValidationArgs = {

package/dist/cjs/dts/FilterDatePicker/subcomponents/DateInputField/DateInputField.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import { DateInputProps } from "@kaizen/date-picker";
-import { DateInputDescriptionProps } from "../../../FilterDateRangePicker/subcomponents/DateInputDescription";
+import { DateInputProps, DateInputDescriptionProps } from "../../../DateInput";
 import { ValidationMessage } from "../../types";
 export type DateInputFieldProps = {
     id: string;

package/dist/cjs/dts/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.d.ts

@@ -1,16 +1,16 @@
 import { HTMLAttributes } from "react";
-import { CalendarSingleProps } from "@kaizen/date-picker";
+import { CalendarSingleProps, DisabledDays } from "../../../Calendar";
+import { DateInputDescriptionProps } from "../../../DateInput";
+import { DatePickerSupportedLocales } from "../../../DatePicker/utils/getLocale";
 import { FilterProps } from "../../../Filter";
-import { DateInputDescriptionProps } from "../../../FilterDateRangePicker/subcomponents/DateInputDescription";
 import { DataAttributes } from "../../../types/DataAttributes";
-import { DisabledDays, FilterDateSupportedLocales } from "../../../types/DatePicker";
 import { OverrideClassName } from "../../../types/OverrideClassName";
 import { DateValidationResponse, ValidationMessage } from "../../types";
 import { DateInputFieldProps } from "../DateInputField";
 type FilterInputProps<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
 export type FilterDatePickerFieldProps = {
     id?: string;
-    locale: FilterDateSupportedLocales;
+    locale: DatePickerSupportedLocales;
     /**
      * Sets first displayed month to month of provided date if there isn't a date set.
      */