@kaizen/components 1.5.0 → 1.6.3

package/dist/esm/dts/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import React, { HTMLAttributes } from "react";
+import { TooltipProps } from "@kaizen/draft-tooltip";
+import { OverrideClassName } from "../types/OverrideClassName";
+import { FilterButtonBaseProps } from "../FilterButton/_sub-components/FilterButtonBase";
+export interface ButtonGroupProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React.ReactElement<FilterButtonBaseProps | TooltipProps>>;
+}
+export declare const ButtonGroup: {
+    ({ children, classNameOverride, ...restProps }: ButtonGroupProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/ButtonGroup/index.d.ts

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

package/dist/esm/dts/Filter/Filter.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+import { FilterTriggerRef } from "./types";
+export interface FilterProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React.ReactNode;
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    renderTrigger: (triggerProps: {
+        onClick: () => void;
+        isOpen: boolean;
+    }) => JSX.Element & {
+        ref?: React.RefObject<FilterTriggerRef>;
+    };
+}
+export declare const Filter: {
+    ({ children, isOpen, setIsOpen, renderTrigger, classNameOverride, ...restProps }: FilterProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Filter/components/FilterContents/FilterContents.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export interface FilterContentsProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React.ReactNode;
+}
+export declare const FilterContents: {
+    ({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Filter/components/FilterContents/index.d.ts

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

package/dist/esm/dts/Filter/components/FilterPopover/FilterPopover.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from "react";
+import { Options } from "@popperjs/core";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export interface FilterPopoverProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React.ReactNode;
+    referenceElement: HTMLElement | null;
+    popperOptions?: Partial<Options>;
+}
+export declare const FilterPopover: {
+    ({ children, referenceElement, popperOptions, classNameOverride, ...restProps }: FilterPopoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Filter/components/FilterPopover/index.d.ts

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

package/dist/esm/dts/Filter/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Filter";
+export * from "./components/FilterContents";
+export * from "./types";

package/dist/esm/dts/Filter/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export type FilterTriggerRef = {
+    triggerRef?: React.RefObject<HTMLButtonElement>;
+};

package/dist/esm/dts/FilterButton/FilterButton/FilterButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FilterTriggerRef } from "../../Filter/types";
+import { FilterButtonBaseProps } from "../_sub-components/FilterButtonBase";
+export interface FilterButtonProps extends Omit<FilterButtonBaseProps, "children"> {
+    label: string;
+    selectedValue?: string | JSX.Element;
+    isOpen?: boolean;
+}
+export declare const FilterButton: React.ForwardRefExoticComponent<FilterButtonProps & React.RefAttributes<FilterTriggerRef>>;

package/dist/esm/dts/FilterButton/FilterButton/index.d.ts

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

package/dist/esm/dts/FilterButton/FilterButtonRemovable/FilterButtonRemovable.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { DataAttributes } from "../../types/DataAttributes";
+import { ButtonGroupProps } from "../../ButtonGroup";
+import { FilterTriggerRef } from "../../Filter";
+import { FilterButtonProps } from "../FilterButton";
+import { FilterButtonBaseProps } from "../_sub-components/FilterButtonBase";
+export interface FilterButtonRemovableProps extends Omit<ButtonGroupProps, "children"> {
+    triggerButtonProps: FilterButtonProps & DataAttributes;
+    removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
+        tooltipText?: string;
+    };
+}
+export type FilterButtonRemovableRefs = FilterTriggerRef & {
+    removeButtonRef?: React.RefObject<HTMLButtonElement>;
+};
+export declare const FilterButtonRemovable: React.ForwardRefExoticComponent<FilterButtonRemovableProps & React.RefAttributes<FilterButtonRemovableRefs>>;

package/dist/esm/dts/FilterButton/FilterButtonRemovable/index.d.ts

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

package/dist/esm/dts/FilterButton/_sub-components/FilterButtonBase/FilterButtonBase.d.ts

@@ -0,0 +1,6 @@
+import React, { ButtonHTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export interface FilterButtonBaseProps extends OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>> {
+    children: React.ReactNode;
+}
+export declare const FilterButtonBase: React.ForwardRefExoticComponent<FilterButtonBaseProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/dts/FilterButton/_sub-components/FilterButtonBase/index.d.ts

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

package/dist/esm/dts/FilterButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FilterButton";
+export * from "./FilterButtonRemovable";

package/dist/esm/dts/KaizenProvider/KaizenProvider.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ThemeManager } from "./ThemeProvider";
+export interface KaizenProviderProps {
+    children: React.ReactNode;
+    themeManager?: ThemeManager;
+}
+export declare const KaizenProvider: {
+    ({ children, themeManager, }: KaizenProviderProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/KaizenProvider/ThemeProvider/ThemeManager.d.ts

@@ -0,0 +1,25 @@
+import { Theme as BaseTheme } from "@kaizen/design-tokens";
+/**
+ * Use this class to set and apply themes, and to access or subscribe to the currently active one.
+ * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
+ * and the ability to update them in JavaScript - a framework agnostic method.
+ *
+ * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
+ */
+export declare class ThemeManager<Theme extends BaseTheme = BaseTheme> {
+    private themeChangeListeners;
+    private theme;
+    private rootElement;
+    private rootElementId;
+    constructor(theme: Theme, rootElementId?: string, apply?: boolean);
+    getRootElement: () => HTMLElement | null;
+    getRootElementId: () => string;
+    getCurrentTheme: () => Theme;
+    setRootElement: (element: HTMLElement) => void;
+    setRootElementId: (rootElementId: string) => string;
+    setAndApplyTheme: (theme: Theme, force?: boolean) => void;
+    addThemeChangeListener: (listener: (theme: Theme) => void) => void;
+    removeThemeChangeListener: (listener: (theme: Theme) => void) => void;
+    applyCurrentTheme: () => void;
+    private notifyThemeChangeListeners;
+}

package/dist/esm/dts/KaizenProvider/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import React, { Context } from "react";
+import { ThemeManager } from "./ThemeManager";
+import { Theme } from "./themes";
+export declare const ThemeContext: Context<Theme>;
+/**
+ * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
+ * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
+ */
+export declare const ThemeProvider: ({ themeManager, ...props }: {
+    themeManager?: ThemeManager<import("@kaizen/design-tokens").Theme> | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const useTheme: () => Theme;

package/dist/esm/dts/KaizenProvider/ThemeProvider/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ThemeProvider";
+export * from "./ThemeManager";
+export * from "./themes";

package/dist/esm/dts/KaizenProvider/ThemeProvider/themes/heart.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "./types";
+export declare const heartTheme: Theme;
+export default heartTheme;

package/dist/esm/dts/KaizenProvider/ThemeProvider/themes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./heart";
+export * from "./types";
+export declare const defaultTheme: import("./types").Theme;

package/dist/esm/dts/KaizenProvider/ThemeProvider/themes/types.d.ts

@@ -0,0 +1,229 @@
+import type { CSSProperties as ReactCSSProperties } from "react";
+/**
+ * Use a custom type for CSS properties becauase we should eventually write a more strongly typed version using template literal types.
+ * This could definitely be contributed back to the community too. An example starting point here https://github.com/ghoullier/awesome-template-literal-types#css-parser
+ * For example:
+ * ```ts
+ * type Font = {
+ *   fontSize: `${number}rem`,
+ *
+ *  }
+ * type HexDigit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F ;
+ * type Color = `rgba(${number}, ${number}, ${number}, ${number}) | #${HexDigit}${HexDigit}${HexDigit}` // You get the point
+ *
+ * ```
+ * */
+type KaizenCSSProperties = ReactCSSProperties;
+type Hex = string;
+export type TypographyFont = {
+    fontFamily: KaizenCSSProperties["fontFamily"];
+    fontWeight: KaizenCSSProperties["fontWeight"];
+    fontSize: KaizenCSSProperties["fontSize"];
+    lineHeight: KaizenCSSProperties["lineHeight"];
+    letterSpacing: KaizenCSSProperties["letterSpacing"];
+};
+export type ThemeKey = "heart" | "custom";
+export type Theme = {
+    themeKey: ThemeKey;
+    border: {
+        solid: {
+            borderWidth: KaizenCSSProperties["borderWidth"];
+            borderRadius: KaizenCSSProperties["borderRadius"];
+            borderStyle: KaizenCSSProperties["borderStyle"];
+            borderColor: KaizenCSSProperties["borderColor"];
+        };
+        dashed: {
+            borderWidth: KaizenCSSProperties["borderWidth"];
+            borderRadius: KaizenCSSProperties["borderRadius"];
+            borderStyle: KaizenCSSProperties["borderStyle"];
+        };
+        borderless: {
+            borderWidth: KaizenCSSProperties["borderWidth"];
+            borderRadius: KaizenCSSProperties["borderRadius"];
+            borderStyle: KaizenCSSProperties["borderStyle"];
+            borderColor: KaizenCSSProperties["borderColor"];
+        };
+        focusRing: {
+            borderWidth: KaizenCSSProperties["borderWidth"];
+            borderRadius: KaizenCSSProperties["borderRadius"];
+            borderStyle: KaizenCSSProperties["borderStyle"];
+        };
+    };
+    animation: {
+        easingFunction: {
+            easeInOut: string;
+            easeIn: string;
+            easeOut: string;
+            linear: string;
+            bounceIn: string;
+            bounceOut: string;
+            bounceInOut: string;
+        };
+        duration: {
+            instant: string;
+            immediate: string;
+            rapid: string;
+            fast: string;
+            slow: string;
+            deliberate: string;
+        };
+    };
+    color: {
+        purple: {
+            "100": Hex;
+            "200": Hex;
+            "300": Hex;
+            "400": Hex;
+            "500": Hex;
+            "600": Hex;
+            "700": Hex;
+            "800": Hex;
+        };
+        blue: {
+            "100": Hex;
+            "200": Hex;
+            "300": Hex;
+            "400": Hex;
+            "500": Hex;
+            "600": Hex;
+            "700": Hex;
+        };
+        green: {
+            "100": Hex;
+            "200": Hex;
+            "300": Hex;
+            "400": Hex;
+            "500": Hex;
+            "600": Hex;
+            "700": Hex;
+        };
+        yellow: {
+            "100": Hex;
+            "200": Hex;
+            "300": Hex;
+            "400": Hex;
+            "500": Hex;
+            "600": Hex;
+            "700": Hex;
+        };
+        red: {
+            "100": Hex;
+            "200": Hex;
+            "300": Hex;
+            "400": Hex;
+            "500": Hex;
+            "600": Hex;
+            "700": Hex;
+        };
+        orange: {
+            "100": Hex;
+            "200": Hex;
+            "300": Hex;
+            "400": Hex;
+            "500": Hex;
+            "600": Hex;
+            "700": Hex;
+        };
+        gray: {
+            "100": Hex;
+            "200": Hex;
+            "300": Hex;
+            "400": Hex;
+            "500": Hex;
+            "600": Hex;
+        };
+        white: Hex;
+    };
+    dataViz: {
+        favorable: Hex;
+        unfavorable: Hex;
+    };
+    layout: {
+        contentMaxWidth: string;
+        contentMaxWidthWithSidebar: string;
+        contentSideMargin: string;
+        mobileActionsDrawerHeight: string;
+        navigationBarHeight: string;
+        breakpoints: {
+            medium: string;
+            large: string;
+        };
+    };
+    shadow: {
+        small: {
+            boxShadow: string;
+        };
+        large: {
+            boxShadow: string;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        xxxl: string;
+        xxxxl: string;
+        xxxxxl: string;
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        112: string;
+        128: string;
+        160: string;
+        200: string;
+        240: string;
+        280: string;
+        320: string;
+    };
+    typography: {
+        dataLarge: TypographyFont;
+        dataLargeUnits: TypographyFont;
+        dataMedium: TypographyFont;
+        dataMediumUnits: TypographyFont;
+        dataSmall: TypographyFont;
+        dataSmallUnits: TypographyFont;
+        display0: TypographyFont;
+        heading1: TypographyFont;
+        heading2: TypographyFont;
+        heading3: TypographyFont;
+        heading4: TypographyFont;
+        heading5: TypographyFont;
+        heading6: TypographyFont;
+        paragraphIntroLede: TypographyFont;
+        paragraphBody: TypographyFont;
+        paragraphSmall: TypographyFont;
+        paragraphExtraSmall: TypographyFont;
+        paragraphBold: {
+            fontWeight: KaizenCSSProperties["fontWeight"];
+        };
+        buttonPrimary: TypographyFont;
+        buttonSecondary: TypographyFont;
+    };
+};
+export type DeepMapObjectLeafs<T, LeafType> = T extends string | number | bigint | boolean | symbol | null | undefined | ((...params: any[]) => any) ? LeafType : T extends Record<any, any> ? {
+    [Key in keyof T]: DeepMapObjectLeafs<T[Key], LeafType>;
+} : T;
+/**
+ * Apologies for the complex types.
+ * This type represents the Theme type but with every leaf value in the tree mapped strictly to a string, rather than a number or a more complex type such as a string union.
+ * The reason for this is to have a more accurate type for the generated hierarchy of design tokens which are represented as CSS custom properties, e.g. `var(--color-purple-800)`.
+ */
+export type CSSVariableTheme = DeepMapObjectLeafs<Theme, string>;
+export {};

package/dist/esm/dts/KaizenProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./KaizenProvider";
+export * from "./ThemeProvider";

package/dist/esm/dts/SVG/SVG.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, SVGAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+type RolesType = "img" | "presentation";
+export interface SVGProps extends OverrideClassName<SVGAttributes<SVGElement>> {
+    children: ReactNode;
+    inheritSize?: boolean;
+    role?: RolesType;
+    title?: string;
+    desc?: string;
+}
+/**
+ * {@link https://cultureamp.design/components/icon/ Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}
+ */
+export declare const SVG: {
+    ({ inheritSize, role, title, desc, viewBox, classNameOverride, children, ...props }: SVGProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/esm/dts/SVG/icons/ChevronDownIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SVGProps } from "..";
+export declare const ChevronDownIcon: (props: Omit<SVGProps, "children">) => JSX.Element;

package/dist/esm/dts/SVG/icons/ChevronUpIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SVGProps } from "..";
+export declare const ChevronUpIcon: (props: Omit<SVGProps, "children">) => JSX.Element;

package/dist/esm/dts/SVG/icons/ClearIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SVGProps } from "..";
+export declare const ClearIcon: (props: Omit<SVGProps, "children">) => JSX.Element;

package/dist/esm/dts/SVG/index.d.ts

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

package/dist/esm/dts/__future__/ExampleComponent/ExampleComponent.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export interface CommonProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children?: string;
+}
+export declare const ExampleComponent: {
+    ({ children, classNameOverride, ...restProps }: CommonProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/__future__/ExampleComponent/index.d.ts

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

package/dist/esm/dts/__future__/index.d.ts

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

package/dist/esm/dts/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./KaizenProvider";
+export * from "./Filter";
+export * from "./FilterButton";

package/dist/esm/dts/types/DataAttributes.d.ts

@@ -0,0 +1,3 @@
+export type DataAttributes = {
+    [key: `data-${string}`]: string | undefined;
+};

package/dist/esm/dts/types/OverrideClassName.d.ts

@@ -0,0 +1,3 @@
+export type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
+    classNameOverride?: string;
+};

package/dist/esm/dts/utils/console.d.ts

@@ -0,0 +1,3 @@
+export declare const error: (message: string) => Error;
+export declare const warn: (message: string) => void;
+export declare const singleLine: (message: string) => string;

package/dist/esm/dts/utils/isRefObject.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const isRefObject: (ref: React.ForwardedRef<any>) => ref is import("react").MutableRefObject<any>;

package/dist/esm/future.js

@@ -0,0 +1,18 @@
+import { _ as __rest, a as __assign, d as classNames } from './index-0edbf842.js';
+import React__default from 'react';
+
+var stylesSCSS = {"exampleComponent":"ExampleComponent-module_exampleComponent__GfCkW"};
+
+var ExampleComponent = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  return React__default.createElement(
+    "div",
+    __assign({ className: classNames(stylesSCSS.exampleComponent, "bg-green-300", classNameOverride) }, restProps),
+    "ExampleComponent FUTURE ",
+    children
+  );
+};
+ExampleComponent.displayName = "ExampleComponent";
+
+export { ExampleComponent };
+//# sourceMappingURL=future.js.map

package/dist/esm/future.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"future.js","sources":["../../src/__future__/ExampleComponent/ExampleComponent.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classNames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport stylesSCSS from \"./ExampleComponent.module.scss\"\n\nexport interface CommonProps\n  extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {\n  children?: string\n}\n\n// Placeholder for illustration DO NOT COPY\nexport const ExampleComponent = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: CommonProps): JSX.Element => (\n  <div\n    className={classNames(\n      stylesSCSS.exampleComponent,\n      \"bg-green-300\",\n      classNameOverride\n    )}\n    {...restProps}\n  >\n    ExampleComponent FUTURE {children}\n  </div>\n)\n\nExampleComponent.displayName = \"ExampleComponent\"\n"],"names":["React"],"mappings":";;;;;AAWa,IAAA,gBAAA,GAAmB,SAAC,EAInB,EAAA;AAHZ,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAH4B,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAIhC,CAAA,CAAA;AAA+B,EAAA,OAC9BA,cAAA,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,QAAA,CAAA,EACE,SAAA,EAAW,UACT,CAAA,UAAA,CAAW,kBACX,cACA,EAAA,iBAAiB,KAEf,SAAS,CAAA;AAAA;IAEY,QAAA;AAAA,GAAQ,CAAA;;AAIrC,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

package/dist/esm/index-0edbf842.js

@@ -0,0 +1,124 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+var classnamesExports = {};
+var classnames = {
+  get exports(){ return classnamesExports; },
+  set exports(v){ classnamesExports = v; },
+};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames));
+
+var classNames = classnamesExports;
+
+export { __rest as _, __assign as a, __spreadArray as b, __spreadArrays as c, classNames as d, classnamesExports as e };
+//# sourceMappingURL=index-0edbf842.js.map