@sqrzro/ui 4.0.0-alpha.7 → 4.0.0-alpha.70

package/dist/navigation/components/AppNavigationItem/index.js

@@ -1,9 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Link from '../../../components/utility/Link';
-import { getClassNames } from '../../../styles/config';
-import tw from '../../../styles/tw';
-function AppNavigationItem({ classNameProps, classNames, href, isActive, label, }) {
-    const componentClassNames = classNames || getClassNames('appNavigation')?.(classNameProps);
-    return (_jsx("li", { className: tw(componentClassNames?.item?.default, isActive ? componentClassNames?.item?.highlighted : null), children: _jsx(Link, { className: tw(componentClassNames?.link?.default, isActive ? componentClassNames?.link?.highlighted : null), href: href, children: label }) }));
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from '../../../components/elements/Link';
+import MenuItem from '../../../components/elements/MenuItem';
+import Action from '../../../components/utility/Action';
+import Popover from '../../../components/utility/Popover';
+import usePopover from '../../../hooks/usePopover';
+import { useClassNames, useIcon } from '../../../styles/context';
+function AppNavigationItem({ children, classNameKey, classNameProps, classNames, href, isActive, label, }) {
+    const Icon = useIcon('appNavigation.menu');
+    const { controlProps, isOpen, ref, targetProps } = usePopover();
+    const componentClassNames = useClassNames(classNameKey ?? 'appNavigation', { props: classNameProps, states: { isHighlighted: isActive ?? false, isSelected: isOpen } }, classNames);
+    if (children?.length) {
+        return (_jsxs("li", { className: componentClassNames?.item, ref: ref, children: [_jsxs("button", { className: componentClassNames?.link, type: "button", ...controlProps, children: [label, Icon ? (_jsx("div", { className: componentClassNames?.icon, children: _jsx(Icon, {}) })) : null] }), _jsx("div", { className: "relative -mt-3", children: _jsx(Popover, { align: "left", vAlign: "bottom", ...targetProps, children: _jsx("ul", { children: children.map((item, index) => (_jsx("li", { children: _jsx(Action, { ...item, render: MenuItem }) }, index))) }) }) })] }));
+    }
+    return (_jsx("li", { className: componentClassNames?.item, children: _jsx(Link, { className: componentClassNames?.link, href: href, children: label }) }));
 }
 export default AppNavigationItem;

package/dist/navigation/components/Tabs/index.js

@@ -1,9 +1,6 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getClassNames } from '../../../styles/config';
 import AppNavigation from '../AppNavigation';
 function Tabs({ classNameProps, classNames, ...props }) {
-    const componentClassNames = classNames || getClassNames('tabs')?.(classNameProps);
-    return _jsx(AppNavigation, { classNames: componentClassNames ?? {}, ...props });
+    return _jsx(AppNavigation, { classNameKey: "tabs", ...props });
 }
 export default Tabs;

package/dist/navigation/hooks/useNavigation.d.ts

@@ -1,7 +1,7 @@
-import type { Action } from '../../utility/interfaces';
+import type { SimpleActionObject } from '../../utility/interfaces';
 import type { NavigationObject } from '../interfaces';
-interface NavigationAction extends Action {
-    children?: Action[];
+interface NavigationAction extends SimpleActionObject {
+    children?: SimpleActionObject[];
 }
 interface UseNavigationOptions {
     basePath?: string;

package/dist/navigation/hooks/useNavigation.js

@@ -1,4 +1,4 @@
-import { joinUrl } from '@sqrzro/utility';
+import { joinURL } from '@sqrzro/utility';
 import { usePathname, useSelectedLayoutSegments } from 'next/navigation';
 function getActivePath(pathname, hrefs) {
     return (hrefs
@@ -18,7 +18,7 @@ function getBasePath(pathname, segments) {
 function transformChildren(children, basePath) {
     return children.map(({ details, href, label }) => ({
         details,
-        href: joinUrl(basePath, href),
+        href: joinURL(basePath, href),
         label,
     }));
 }
@@ -26,13 +26,13 @@ function useNavigation(data, options) {
     const pathname = usePathname();
     const segments = useSelectedLayoutSegments();
     const basePath = getBasePath(pathname, segments);
-    const hrefs = data.map(({ href }) => joinUrl(basePath, href));
+    const hrefs = data.map(({ href }) => joinURL(basePath, href));
     const activePath = getActivePath(pathname, hrefs);
     return data.map((item) => ({
         ...item,
         children: transformChildren(item.children || [], item.href),
-        href: joinUrl(basePath, item.href),
-        isActive: joinUrl(basePath, item.href) === activePath,
+        href: joinURL(basePath, item.href),
+        isActive: joinURL(basePath, item.href) === activePath,
     }));
 }
 export default useNavigation;

package/dist/styles/classnames/config.d.ts

@@ -0,0 +1,93 @@
+import type { ButtonClassNames } from '../../components/buttons/Button';
+import type { TextButtonClassNames } from '../../components/buttons/TextButton';
+import type { DataTableClassNames } from '../../components/collections/DataTable';
+import type { DefinitionListClassNames } from '../../components/collections/DefinitionList';
+import type { EmptyMessageClassNames } from '../../components/collections/EmptyMessage';
+import type { ListClassNames } from '../../components/collections/List';
+import type { ListItemClassNames } from '../../components/collections/ListItem';
+import type { ListItemMetaClassNames } from '../../components/collections/ListItemMeta';
+import type { PaginationClassNames } from '../../components/collections/Pagination';
+import type { TableClassNames } from '../../components/collections/Table';
+import type { BadgeClassNames } from '../../components/elements/Badge';
+import type { InfoPanelClassNames } from '../../components/elements/InfoPanel';
+import type { LinkClassNames } from '../../components/elements/Link';
+import type { MenuClassNames } from '../../components/elements/Menu';
+import type { ReferenceClassNames } from '../../components/elements/Reference';
+import type { SummaryClassNames } from '../../components/elements/Summary';
+import type { AppErrorClassNames } from '../../components/errors/AppError';
+import type { ModalClassNames } from '../../components/modals/Modal';
+import type { ActionListClassNames } from '../../components/utility/ActionList';
+import type { CalendarClassNames } from '../../components/utility/Calendar';
+import type { ContainerClassNames } from '../../components/utility/Container';
+import type { LoaderClassNames } from '../../components/utility/Loader';
+import type { PopoverClassNames } from '../../components/utility/Popover';
+import type { ToastClassNames } from '../../components/utility/Toast';
+import type { FilterBarClassNames } from '../../filters/components/FilterBar';
+import type { FilterClearButtonClassNames } from '../../filters/components/FilterClearButton';
+import type { FilterItemClassNames } from '../../filters/components/FilterItem';
+import type { FilterPanelClassNames } from '../../filters/components/FilterPanel';
+import type { SearchFilterClassNames } from '../../filters/filters/SearchFilter';
+import type { ColorInputClassNames } from '../../forms/components/ColorInput';
+import type { CSVInputClassNames } from '../../forms/components/CSVInput';
+import type { DropdownClassNames } from '../../forms/components/Dropdown';
+import type { EditableFormClassNames } from '../../forms/components/EditableForm';
+import type { EditableFormFieldClassNames } from '../../forms/components/EditableFormField';
+import type { FormClassNames } from '../../forms/components/Form';
+import type { FormFieldClassNames } from '../../forms/components/FormField';
+import type { ImageInputClassNames } from '../../forms/components/ImageInput';
+import type { PasswordComplexityClassNames } from '../../forms/components/PasswordComplexity';
+import type { PasswordInputClassNames } from '../../forms/components/PasswordInput';
+import type { StaticTextInputClassNames } from '../../forms/components/StaticTextInput';
+import type { SwitchClassNames } from '../../forms/components/Switch';
+import type { TextInputClassNames } from '../../forms/components/TextInput';
+import type { TextAreaClassNames } from '../../forms/components/TextArea';
+import type { AppNavigationClassNames } from '../../navigation/components/AppNavigation';
+import type { TabsClassNames } from '../../navigation/components/Tabs';
+import type { ComponentClassNames } from './interfaces';
+export interface UIClassNames {
+    actionList?: ComponentClassNames<ActionListClassNames>;
+    appError?: ComponentClassNames<AppErrorClassNames>;
+    appNavigation?: ComponentClassNames<AppNavigationClassNames>;
+    badge?: ComponentClassNames<BadgeClassNames>;
+    button?: ComponentClassNames<ButtonClassNames>;
+    calendar?: ComponentClassNames<CalendarClassNames>;
+    colorInput?: ComponentClassNames<ColorInputClassNames>;
+    container?: ComponentClassNames<ContainerClassNames>;
+    csvInput?: ComponentClassNames<CSVInputClassNames>;
+    dataTable?: ComponentClassNames<DataTableClassNames>;
+    definitionList?: ComponentClassNames<DefinitionListClassNames>;
+    dropdown?: ComponentClassNames<DropdownClassNames>;
+    editableForm?: ComponentClassNames<EditableFormClassNames>;
+    editableFormField?: ComponentClassNames<EditableFormFieldClassNames>;
+    emptyMessage?: ComponentClassNames<EmptyMessageClassNames>;
+    filterBar?: ComponentClassNames<FilterBarClassNames>;
+    filterClear?: ComponentClassNames<FilterClearButtonClassNames>;
+    filterItem?: ComponentClassNames<FilterItemClassNames>;
+    filterPanel?: ComponentClassNames<FilterPanelClassNames>;
+    filterSearch?: ComponentClassNames<SearchFilterClassNames>;
+    form?: ComponentClassNames<FormClassNames>;
+    formField?: ComponentClassNames<FormFieldClassNames>;
+    imageInput?: ComponentClassNames<ImageInputClassNames>;
+    infoPanel?: ComponentClassNames<InfoPanelClassNames>;
+    link?: ComponentClassNames<LinkClassNames>;
+    list?: ComponentClassNames<ListClassNames>;
+    listItem?: ComponentClassNames<ListItemClassNames>;
+    listItemMeta?: ComponentClassNames<ListItemMetaClassNames>;
+    loader?: ComponentClassNames<LoaderClassNames>;
+    menu?: ComponentClassNames<MenuClassNames>;
+    modal?: ComponentClassNames<ModalClassNames>;
+    pagination?: ComponentClassNames<PaginationClassNames>;
+    passwordComplexity?: ComponentClassNames<PasswordComplexityClassNames>;
+    passwordInput?: ComponentClassNames<PasswordInputClassNames>;
+    popover?: ComponentClassNames<PopoverClassNames>;
+    reference?: ComponentClassNames<ReferenceClassNames>;
+    staticTextInput?: ComponentClassNames<StaticTextInputClassNames>;
+    summary?: ComponentClassNames<SummaryClassNames>;
+    switch?: ComponentClassNames<SwitchClassNames>;
+    table?: ComponentClassNames<TableClassNames>;
+    tabs?: ComponentClassNames<TabsClassNames>;
+    textArea?: ComponentClassNames<TextAreaClassNames>;
+    textButton?: ComponentClassNames<TextButtonClassNames>;
+    textInput?: ComponentClassNames<TextInputClassNames>;
+    toast?: ComponentClassNames<ToastClassNames>;
+}

package/dist/styles/classnames/config.js

@@ -0,0 +1 @@
+export {};

package/dist/styles/classnames/interfaces.d.ts

@@ -0,0 +1,56 @@
+type ComponentClassNamesValue<T> = T extends string ? string | StatefulClassName : T extends StatefulClassName<infer U> ? StatefulClassName<U> : never;
+export type ComponentClassNames<T> = {
+    [K in keyof T]?: ComponentClassNamesValue<T[K]>;
+};
+export type ExtractClassNames<T> = {
+    [K in keyof T]?: string;
+};
+export interface ClassNameObject {
+    default: string;
+    props?: Record<string, string>;
+    states?: Record<string, string>;
+}
+export interface ClassNameProps<T> {
+    classNames?: Partial<T>;
+    classNameProps?: Record<string, boolean>;
+}
+interface StatefulClassName<T = null> {
+    default: string;
+    props?: Record<string, string>;
+    states?: T;
+}
+export type CheckableClassName = string | StatefulClassName<{
+    isChecked?: string;
+}>;
+export type ErrorableClassName = string | StatefulClassName<{
+    isError?: string;
+}>;
+export type FocusableClassName = string | StatefulClassName<{
+    isFocused?: string;
+}>;
+export type HighlightableClassName = string | StatefulClassName<{
+    isHighlighted?: string;
+}>;
+export type LoadableClassName = string | StatefulClassName<{
+    isLoading?: string;
+}>;
+export type SelectableClassName = string | StatefulClassName<{
+    isSelected?: string;
+}>;
+export type SizableClassName = string | StatefulClassName<{
+    isLarge?: string;
+    isMedium?: string;
+    isSmall?: string;
+}>;
+export type StylableClassName = string | StatefulClassName<{
+    isBordered?: string;
+    isDanger?: string;
+    isError?: string;
+    isInfo?: string;
+    isPrimary?: string;
+    isSecondary?: string;
+    isSuccess?: string;
+    isTertiary?: string;
+    isWarning?: string;
+}>;
+export {};

package/dist/styles/classnames/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/styles/classnames/utility/apply-sizes.d.ts

@@ -0,0 +1,3 @@
+import type { SizeVariant } from '../../../utility/interfaces';
+declare function applySizes(sizes?: SizeVariant[] | SizeVariant | null): Record<string, boolean>;
+export default applySizes;

package/dist/styles/classnames/utility/apply-sizes.js

@@ -0,0 +1,21 @@
+const keyMap = {
+    extraSmall: 'isExtraSmall',
+    small: 'isSmall',
+    medium: 'isMedium',
+    large: 'isLarge',
+    extraLarge: 'isExtraLarge',
+};
+function applySizes(sizes) {
+    if (!sizes) {
+        return {};
+    }
+    const sizeArray = Array.isArray(sizes) ? sizes : [sizes];
+    return sizeArray.reduce((acc, size) => {
+        const key = keyMap[size];
+        if (key) {
+            acc[key] = true;
+        }
+        return acc;
+    }, {});
+}
+export default applySizes;

package/dist/styles/classnames/utility/apply-variants.d.ts

@@ -0,0 +1,3 @@
+import type { StyleVariant } from '../../../utility/interfaces';
+declare function applyVariants(variants?: StyleVariant[] | StyleVariant | null): Record<string, boolean>;
+export default applyVariants;

package/dist/styles/classnames/utility/apply-variants.js

@@ -0,0 +1,26 @@
+const keyMap = {
+    bordered: 'isBordered',
+    danger: 'isDanger',
+    error: 'isError',
+    hollow: 'isHollow',
+    info: 'isInfo',
+    primary: 'isPrimary',
+    secondary: 'isSecondary',
+    success: 'isSuccess',
+    tertiary: 'isTertiary',
+    warning: 'isWarning',
+};
+function applyVariants(variants) {
+    if (!variants) {
+        return {};
+    }
+    const variantArray = Array.isArray(variants) ? variants : [variants];
+    return variantArray.reduce((acc, variant) => {
+        const key = keyMap[variant];
+        if (key) {
+            acc[key] = true;
+        }
+        return acc;
+    }, {});
+}
+export default applyVariants;

package/dist/styles/classnames/utility/is-classname-object.d.ts

@@ -0,0 +1,3 @@
+import type { ClassNameObject } from '../interfaces';
+declare function isClassNameObject(value: unknown): value is ClassNameObject;
+export default isClassNameObject;

package/dist/styles/classnames/utility/is-classname-object.js

@@ -0,0 +1,7 @@
+function isClassNameObject(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        'default' in value &&
+        typeof value.default === 'string');
+}
+export default isClassNameObject;

package/dist/styles/classnames/utility/parse-classnames.d.ts

@@ -0,0 +1,6 @@
+import type { ExtractClassNames } from '../interfaces';
+declare function parseClassNames<T>(classNames: T, config?: {
+    props?: Record<string, boolean>;
+    states?: Record<string, boolean>;
+}, overrides?: T): ExtractClassNames<T>;
+export default parseClassNames;

package/dist/styles/classnames/utility/parse-classnames.js

@@ -0,0 +1,33 @@
+import { getEntries } from '@sqrzro/utility';
+import tw from '../utility/tw';
+import isClassNameObject from './is-classname-object';
+function parseClassNames(classNames, config, overrides) {
+    if (!classNames) {
+        return {};
+    }
+    const overridden = { ...classNames, ...overrides };
+    return getEntries(overridden).reduce((acc, [key, value]) => {
+        if (typeof value === 'string') {
+            return { ...acc, [key]: value };
+        }
+        if (isClassNameObject(value)) {
+            const { default: defaultClassName, props, states } = value;
+            const propClassNames = props
+                ? Object.keys(props)
+                    .filter((key) => config?.props?.[key])
+                    .map((key) => props[key])
+                : [];
+            const stateClassNames = states
+                ? Object.keys(states)
+                    .filter((key) => config?.states?.[key])
+                    .map((key) => states[key])
+                : [];
+            return {
+                ...acc,
+                [key]: tw(defaultClassName, ...propClassNames, ...stateClassNames),
+            };
+        }
+        return acc;
+    }, {});
+}
+export default parseClassNames;

package/dist/styles/context.d.ts

@@ -0,0 +1,28 @@
+import { UIClassNames } from './classnames/config';
+import { UIIcons } from './icons/config';
+import type { ExtractClassNames } from './classnames/interfaces';
+declare function createUIContext<TClassNames extends object, TIcons extends object>(): {
+    UIProvider: ({ data, children }: {
+        data: {
+            classNames: TClassNames;
+            icons: TIcons;
+        };
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    useClassNames: <K extends keyof TClassNames>(component: K, config?: {
+        props?: Record<string, boolean>;
+        states?: Record<string, boolean>;
+    }, overrides?: TClassNames[K]) => ExtractClassNames<TClassNames[K]>;
+    useIcon: <K extends keyof TIcons>(component: K) => TIcons[K];
+};
+export declare const UIProvider: ({ data, children }: {
+    data: {
+        classNames: UIClassNames;
+        icons: UIIcons;
+    };
+    children: React.ReactNode;
+}) => import("react").JSX.Element, useClassNames: <K extends keyof UIClassNames>(component: K, config?: {
+    props?: Record<string, boolean>;
+    states?: Record<string, boolean>;
+} | undefined, overrides?: UIClassNames[K] | undefined) => ExtractClassNames<UIClassNames[K]>, useIcon: <K extends keyof UIIcons>(component: K) => UIIcons[K];
+export default createUIContext;

package/dist/styles/context.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import parseClassNames from './classnames/utility/parse-classnames';
+function createUIContext() {
+    const UIContext = createContext({});
+    const UIProvider = ({ data, children }) => (_jsx(UIContext.Provider, { value: data, children: children }));
+    function useClassNames(component, config, overrides) {
+        const ctx = useContext(UIContext);
+        return parseClassNames(ctx.classNames[component], config, overrides);
+    }
+    function useIcon(component) {
+        const ctx = useContext(UIContext);
+        return ctx.icons[component];
+    }
+    return { UIProvider, useClassNames, useIcon };
+}
+export const { UIProvider, useClassNames, useIcon } = createUIContext();
+export default createUIContext;

package/dist/styles/icons/config.d.ts

@@ -0,0 +1,28 @@
+import type { IconComponent } from './interfaces';
+export interface UIIcons {
+    'appNavigation.menu'?: IconComponent;
+    'calendar.previous'?: IconComponent;
+    'calendar.next'?: IconComponent;
+    'csvInput.upload'?: IconComponent;
+    'csvInput.success'?: IconComponent;
+    'collection.empty'?: IconComponent;
+    'colorInput.clear'?: IconComponent;
+    'dropdown.control'?: IconComponent;
+    'filter.clear'?: IconComponent;
+    'filter.panel'?: IconComponent;
+    'filter.search'?: IconComponent;
+    'formField.error'?: IconComponent;
+    'imageInput.error'?: IconComponent;
+    'imageInput.upload'?: IconComponent;
+    'infoPanel.error'?: IconComponent;
+    'infoPanel.info'?: IconComponent;
+    'infoPanel.success'?: IconComponent;
+    'infoPanel.warning'?: IconComponent;
+    'passwordComplexity.invalid'?: IconComponent;
+    'passwordComplexity.valid'?: IconComponent;
+    'passwordInput.hidden'?: IconComponent;
+    'passwordInput.visible'?: IconComponent;
+    'staticTextInput.clear'?: IconComponent;
+    'utility.success'?: IconComponent;
+    'utility.error'?: IconComponent;
+}

package/dist/styles/icons/config.js

@@ -0,0 +1 @@
+export {};

package/dist/styles/icons/interfaces.d.ts

@@ -0,0 +1,4 @@
+export type IconComponent = React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & {
+    title?: string;
+    titleId?: string;
+} & React.RefAttributes<SVGSVGElement>>;

package/dist/styles/icons/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/styles/index.d.ts

@@ -1,2 +1,6 @@
-export type { RegisteredClassNames } from './config';
-export { default as tw, twx } from './tw';
+export type { UIClassNames } from './classnames/config';
+export type * from './classnames/interfaces';
+export { default as tw, twx } from './classnames/utility/tw';
+export type { UIIcons } from './icons/config';
+export type * from './icons/interfaces';
+export { default as createUIContext, UIProvider, useClassNames, useIcon } from './context';

package/dist/styles/index.js

@@ -1 +1,2 @@
-export { default as tw, twx } from './tw';
+export { default as tw, twx } from './classnames/utility/tw';
+export { default as createUIContext, UIProvider, useClassNames, useIcon } from './context';

package/dist/styles/styles.css

@@ -0,0 +1,60 @@
+@theme {
+    /* These are defaults that will (probably) be overwritten by the consuming application */
+    --color-primary: var(--color-teal-600);
+    --color-primary-dark: var(--color-teal-700);
+    --color-on-primary: var(--color-white);
+    /* End defaults */
+
+    --color-button-bg: var(--color-primary);
+    --color-button-bg-hover: var(--color-primary-dark);
+    --color-button-text: var(--color-on-primary);
+    --color-link: var(--color-primary);
+    --color-panel: var(--color-white);
+
+    --color-error: var(--color-red-600);
+}
+
+@layer base {
+    button {
+        @apply cursor-pointer;
+    }
+    
+    hr {
+        @apply border-slate-200;
+    }
+
+    input::-webkit-inner-spin-button {
+        @apply appearance-none m-0;
+    }
+
+    input[type=number] {
+        -moz-appearance: textfield;
+        appearance: textfield;
+    }
+
+    small {
+        @apply text-xs;
+    }
+
+    strong {
+        @apply font-semibold;
+    }
+}
+
+@layer utilities {
+    .fade {
+        @apply transition-discrete transition-all duration-100 invisible opacity-0 ease-in-out;
+    }
+
+    .fade-open {
+        @apply starting:opacity-0 visible opacity-100;
+    }
+
+    .show {
+        @apply transition-discrete transition-all duration-100 invisible opacity-0 ease-in-out scale-90;
+    }
+
+    .show-open {
+        @apply starting:opacity-0 starting:scale-90 visible opacity-100 scale-100;
+    }
+}

package/dist/utility/compare-dates.d.ts

@@ -0,0 +1,2 @@
+declare function compareDates(first: Date, second: Date): -1 | 0 | 1;
+export default compareDates;

package/dist/utility/compare-dates.js

@@ -0,0 +1,13 @@
+function compareDates(first, second) {
+    if (first.getFullYear() !== second.getFullYear()) {
+        return first.getFullYear() < second.getFullYear() ? -1 : 1;
+    }
+    if (first.getMonth() !== second.getMonth()) {
+        return first.getMonth() < second.getMonth() ? -1 : 1;
+    }
+    if (first.getDate() !== second.getDate()) {
+        return first.getDate() < second.getDate() ? -1 : 1;
+    }
+    return 0;
+}
+export default compareDates;

package/dist/utility/get-date-state.d.ts

@@ -0,0 +1,8 @@
+export interface DateState {
+    isEnd: boolean;
+    isInRange: boolean;
+    isSelected: boolean;
+    isStart: boolean;
+}
+declare function getDateState(date: Date | null, pendingValue?: Date | null, value?: Date | [Date, Date] | null): DateState;
+export default getDateState;

package/dist/utility/get-date-state.js

@@ -0,0 +1,63 @@
+import compareDates from './compare-dates';
+function getDateState(date, pendingValue, value) {
+    const defaultState = {
+        isEnd: false,
+        isInRange: false,
+        isSelected: false,
+        isStart: false,
+    };
+    // If there is no date, pending value, or value, return null
+    if (!date || (!pendingValue && !value)) {
+        return defaultState;
+    }
+    // For single date, check that the date is selected
+    if (date &&
+        !pendingValue &&
+        !Array.isArray(value) &&
+        value &&
+        compareDates(date, value) === 0) {
+        return { ...defaultState, isSelected: true };
+    }
+    // For range, check that the date is selected, and is the only one selected
+    if (date && pendingValue && compareDates(date, pendingValue) === 0) {
+        return { ...defaultState, isSelected: true };
+    }
+    // For range, check that both dates are the same
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[0] &&
+        value[1] &&
+        compareDates(value[0], value[1]) === 0 &&
+        compareDates(date, value[0]) === 0) {
+        return { ...defaultState, isSelected: true };
+    }
+    // For range, check that the date is selected, and is the first of two selected
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[0] &&
+        compareDates(date, value[0]) === 0) {
+        return { ...defaultState, isStart: true };
+    }
+    // For range, check that the date is selected, and is the second of two selected
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[1] &&
+        compareDates(date, value[1]) === 0) {
+        return { ...defaultState, isEnd: true };
+    }
+    // For range, check that the date is in between two selected dates
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[0] &&
+        value[1] &&
+        compareDates(date, value[0]) > 0 &&
+        compareDates(date, value[1]) < 0) {
+        return { ...defaultState, isInRange: true };
+    }
+    return defaultState;
+}
+export default getDateState;

package/dist/utility/get-days.d.ts

@@ -0,0 +1,2 @@
+declare function getDays(): string[];
+export default getDays;

package/dist/utility/get-days.js

@@ -0,0 +1,5 @@
+const DAYS = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+function getDays() {
+    return DAYS;
+}
+export default getDays;

package/dist/utility/get-weeks.d.ts

@@ -0,0 +1,2 @@
+declare function getWeeks(date: Date): (Date | null)[][];
+export default getWeeks;