@coopdigital/react 1.31.1 → 1.32.0

package/dist/components/icons/TickIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/TickIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const TickIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/TickIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/TickIcon.tsx
+// src/components/icons/TickIcon.tsx
 const TickIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const TickIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M28.293 6.293a1 1 0 0 1 1.414 1.414l-18 18a1 1 0 0 1-1.414 0l-8-8a1 1 0 1 1 1.414-1.414L11 23.586z" })]
 	});
 };
-//#endregion
 export { TickIcon };

package/dist/components/icons/TruckIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/TruckIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const TruckIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/TruckIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/TruckIcon.tsx
+// src/components/icons/TruckIcon.tsx
 const TruckIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const TruckIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M20 6a2 2 0 0 1 2 2h4.29l.19.009a2 2 0 0 1 1.8 1.792l.5 5q.017.181.002.358A2 2 0 0 1 30 17v7a2 2 0 0 1-2 2h-1.258a4.5 4.5 0 0 1-8.484 0h-4.516a4.5 4.5 0 0 1-8.484 0H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM9.5 22a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m13 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m-4.483 2.89q0 .022.003.043a5 5 0 0 1-.014-.202zM4 24h1.028a4.5 4.5 0 0 1 8.944 0h4.056a4.5 4.5 0 0 1 8.944 0H28v-7h-6a2 2 0 0 1-.39-.04q-.038-.008-.077-.018-.05-.011-.1-.025-.042-.013-.083-.027a2 2 0 0 1-.266-.114l-.066-.035-.094-.057-.063-.04q-.038-.028-.075-.057a2 2 0 0 1-.374-.374q-.022-.028-.043-.056l-.027-.039q-.014-.022-.027-.043-.03-.045-.057-.094l-.035-.066a2 2 0 0 1-.114-.266q-.015-.04-.027-.083-.015-.054-.027-.109l-.017-.067a2 2 0 0 1-.027-.186L20 15V8H4zm18-9h4.79l-.5-5H22zm-8.021 9.933" })]
 	});
 };
-//#endregion
 export { TruckIcon };

package/dist/components/icons/UserWipeIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/UserWipeIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const UserWipeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/UserWipeIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/UserWipeIcon.tsx
+// src/components/icons/UserWipeIcon.tsx
 const UserWipeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const UserWipeIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M3.707 5.093a1 1 0 0 1 1.26-.126l22.2 22.2a1 1 0 0 1-1.54 1.26L24.398 27.2a14 14 0 0 1-4.497 2.248l-.03.01q-.447.127-.904.227l-.038.007q-.126.027-.251.051l-.099.02a14 14 0 0 1-.558.091l-.09.013a13 13 0 0 1-.559.067l-.203.017-.115.01q-.153.011-.306.02l-.033.001a14 14 0 0 1-1.43 0q-.018 0-.034-.002l-.306-.019-.115-.01q-.102-.007-.203-.017l-.225-.025-.087-.01-.245-.03-.093-.014-.236-.037-.1-.016a15 15 0 0 1-.57-.109l-.039-.008a14 14 0 0 1-.903-.227l-.032-.01C6.264 27.757 2 22.377 2 16c0-3.152 1.042-6.06 2.8-8.4L3.707 6.507a1 1 0 0 1 0-1.414M16.001 20a9.99 9.99 0 0 0-8.397 4.57A11.95 11.95 0 0 0 16 28c2.599 0 5-.83 6.964-2.235L17.28 20.08a10 10 0 0 0-1.28-.081M16 2c7.732 0 14 6.268 14 14 0 3.145-1.04 6.045-2.791 8.38l-1.434-1.433c.435-.61.817-1.26 1.132-1.947A11.95 11.95 0 0 0 28 16c0-6.627-5.373-12-12-12-2.592 0-4.99.823-6.952 2.22L7.615 4.787A13.94 13.94 0 0 1 16 2M6.232 9.032A11.94 11.94 0 0 0 4 16a11.95 11.95 0 0 0 2.256 6.997 12.03 12.03 0 0 1 5.92-4.374 5.99 5.99 0 0 1-2.074-5.72zm5.872 5.871a4 4 0 0 0 2.99 2.992zM16 8a6 6 0 0 1 4.636 9.808l-1.424-1.424a4 4 0 0 0-5.597-5.597l-1.424-1.424A5.98 5.98 0 0 1 16 8" })]
 	});
 };
-//#endregion
 export { UserWipeIcon };

package/dist/components/icons/VoucherFilledIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/VoucherFilledIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const VoucherFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/VoucherFilledIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/VoucherFilledIcon.tsx
+// src/components/icons/VoucherFilledIcon.tsx
 const VoucherFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const VoucherFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M28 6a2 2 0 0 1 2 2v3.05c0 .88-.62 1.619-1.291 2.188A3.61 3.61 0 0 0 27.429 16c0 1.106.497 2.096 1.28 2.76.67.57 1.291 1.308 1.291 2.188V24a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM7 17a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2zm0-4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z" })]
 	});
 };
-//#endregion
 export { VoucherFilledIcon };

package/dist/components/icons/VoucherIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/VoucherIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const VoucherIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/VoucherIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/VoucherIcon.tsx
+// src/components/icons/VoucherIcon.tsx
 const VoucherIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const VoucherIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M28.204 6.01A2 2 0 0 1 30 8v3.05c0 .88-.62 1.619-1.291 2.188l-.144.128A3.61 3.61 0 0 0 27.43 16c0 1.106.496 2.096 1.279 2.76.67.57 1.291 1.308 1.291 2.188V24l-.01.204a2 2 0 0 1-1.786 1.785L28 26H4a2 2 0 0 1-1.99-1.796L2 24V8a2 2 0 0 1 2-2h24zM4 24h24v-3.038a.6.6 0 0 0-.068-.13 2.8 2.8 0 0 0-.517-.546A5.61 5.61 0 0 1 25.43 16c0-1.719.774-3.258 1.984-4.286.255-.217.423-.402.518-.547.088-.135.068-.165.068-.116V8H4zm13-7a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2zm-4-4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2z" })]
 	});
 };
-//#endregion
 export { VoucherIcon };

package/dist/components/icons/WarningCircleFilledIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/WarningCircleFilledIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningCircleFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/WarningCircleFilledIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/WarningCircleFilledIcon.tsx
+// src/components/icons/WarningCircleFilledIcon.tsx
 const WarningCircleFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -27,5 +27,4 @@ const WarningCircleFilledIcon = ({ alt, className, fill, id, ref, ...props }) =>
 		})]
 	});
 };
-//#endregion
 export { WarningCircleFilledIcon };

package/dist/components/icons/WarningCircleIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/WarningCircleIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningCircleIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/WarningCircleIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/WarningCircleIcon.tsx
+// src/components/icons/WarningCircleIcon.tsx
 const WarningCircleIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -31,5 +31,4 @@ const WarningCircleIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		]
 	});
 };
-//#endregion
 export { WarningCircleIcon };

package/dist/components/icons/WarningFilledIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/WarningFilledIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/WarningFilledIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/WarningFilledIcon.tsx
+// src/components/icons/WarningFilledIcon.tsx
 const WarningFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const WarningFilledIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M14.239 5.27c.755-1.402 2.767-1.402 3.522 0l10.652 19.782C29.13 26.384 28.165 28 26.652 28H5.348c-1.513 0-2.478-1.616-1.76-2.948zM16 21a1 1 0 1 0 0 2 1 1 0 0 0 0-2M16 13a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5c0-.552-.448-1-1-1" })]
 	});
 };
-//#endregion
 export { WarningFilledIcon };

package/dist/components/icons/WarningIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/WarningIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/WarningIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/WarningIcon.tsx
+// src/components/icons/WarningIcon.tsx
 const WarningIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const WarningIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M14.239 5.27c.755-1.402 2.766-1.402 3.521 0l10.652 19.782c.717 1.332-.248 2.948-1.76 2.948H5.347l-.14-.005a2 2 0 0 1-1.683-2.817l.063-.126zM5.349 26H26.65L16 6.219zm10.65-5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-8a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1" })]
 	});
 };
-//#endregion
 export { WarningIcon };

package/dist/components/icons/WifiIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/WifiIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WifiIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/WifiIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/WifiIcon.tsx
+// src/components/icons/WifiIcon.tsx
 const WifiIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -23,5 +23,4 @@ const WifiIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		}) : null, /* @__PURE__ */ jsx("path", { d: "M16 22a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-7.987-4.836c4.419-4.418 11.583-4.418 16.001 0a1.5 1.5 0 0 1-2.12 2.121 8.316 8.316 0 0 0-11.76 0 1.5 1.5 0 1 1-2.12-2.12m-5.552-5.55c7.485-7.485 19.621-7.485 27.106 0a1.5 1.5 0 0 1-2.122 2.12c-6.314-6.313-16.55-6.313-22.863 0a1.5 1.5 0 0 1-2.121-2.12" })]
 	});
 };
-//#endregion
 export { WifiIcon };

package/dist/components/icons/WriteIcon.d.ts

@@ -1,8 +1,6 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/icons/WriteIcon.d.ts
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WriteIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
 export {};

package/dist/components/icons/WriteIcon.js

@@ -1,7 +1,7 @@
 import { useId } from "../../hooks/useId.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icons/WriteIcon.tsx
+// src/components/icons/WriteIcon.tsx
 const WriteIcon = ({ alt, className, fill, id, ref, ...props }) => {
 	const uid = useId(id);
 	const componentProps = {
@@ -27,5 +27,4 @@ const WriteIcon = ({ alt, className, fill, id, ref, ...props }) => {
 		})]
 	});
 };
-//#endregion
 export { WriteIcon };

package/dist/hooks/useDebounce.d.ts

@@ -1,3 +1 @@
-//#region src/hooks/useDebounce.d.ts
-export declare function useDebounce<T>(value: T, delay: number): T;
-//#endregion
+export declare function useDebounce<T>(value: T, delay: number): T;

package/dist/hooks/useDebounce.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-//#region src/hooks/useDebounce.ts
+// src/hooks/useDebounce.ts
 function useDebounce(value, delay) {
 	const [debouncedValue, setDebouncedValue] = useState(value);
 	useEffect(() => {
@@ -12,5 +12,4 @@ function useDebounce(value, delay) {
 	}, [value, delay]);
 	return debouncedValue;
 }
-//#endregion
 export { useDebounce };

package/dist/hooks/useFormReset.d.ts

@@ -1,6 +1,4 @@
 import { RefObject } from "react";
-//#region src/hooks/useFormReset.d.ts
 type FormControl = HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 export declare function useFormReset(ref: RefObject<FormControl | null>, onReset: () => void): void;
-//#endregion
 export {};

package/dist/hooks/useFormReset.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-//#region src/hooks/useFormReset.ts
+// src/hooks/useFormReset.ts
 function useFormReset(ref, onReset) {
 	const onResetRef = useRef(onReset);
 	useEffect(() => {
@@ -15,5 +15,4 @@ function useFormReset(ref, onReset) {
 		return () => form.removeEventListener("reset", handleReset);
 	}, [ref]);
 }
-//#endregion
 export { useFormReset };

package/dist/hooks/useId.d.ts

@@ -1,4 +1,2 @@
-//#region src/hooks/useId.d.ts
 export type UseId = (id?: string) => string;
-export declare const useId: UseId;
-//#endregion
+export declare const useId: UseId;

package/dist/hooks/useId.js

@@ -1,8 +1,7 @@
 import { useId } from "react";
-//#region src/hooks/useId.ts
+// src/hooks/useId.ts
 const useId$1 = (id) => {
 	const uniqueId = useId();
 	return id ?? uniqueId;
 };
-//#endregion
 export { useId$1 as useId };

package/dist/hooks/useSlots.d.ts

@@ -1,8 +1,6 @@
 import React from "react";
-//#region src/hooks/useSlots.d.ts
 type Slots<T> = Record<keyof T, React.ReactNode>;
 export declare function useSlots<T>(componentSlots: Slots<T>, children: React.ReactNode, options?: {
   collect?: string[];
 }): Slots<T>;
-//#endregion
 export {};

package/dist/hooks/useSlots.js

@@ -1,6 +1,6 @@
 import { getSlotName } from "../utils/slots.js";
 import React from "react";
-//#region src/hooks/useSlots.ts
+// src/hooks/useSlots.ts
 function isKey(x, k) {
 	return k in x;
 }
@@ -14,5 +14,4 @@ function useSlots(componentSlots, children, options) {
 		return slots;
 	}, { ...componentSlots });
 }
-//#endregion
 export { isKey, useSlots };

package/dist/index.d.ts

@@ -12,7 +12,8 @@ import { ComboboxItem, ComboboxOption } from "./components/Combobox/combobox-uti
 import { TextInput, TextInputProps } from "./components/TextInput/TextInput.js";
 import { Combobox, ComboboxButton, ComboboxButtonProps, ComboboxControls, ComboboxControlsProps, ComboboxInput, ComboboxInputProps, ComboboxOptions, ComboboxOptionsProps, ComboboxProps, ComboboxSelectEvent } from "./components/Combobox/Combobox.js";
 import "./components/Combobox/index.js";
-import { DATE_ERROR_MESSAGES, DATE_PARTS, DateErrorCode, DateErrorMessage, DateInputMode, DatePart, DateParts, DateValidation, DateValidationError, DateValidationOptions, DateValidationSuccess, getAutoComplete, validateDate, validateDateParts, validateDob } from "./components/DateInput/dateinput-utils.js";
+import { DATE_ERROR_MESSAGES, DATE_PARTS, DateErrorCode, DateErrorMessage, DatePart, DateParts, DateValidation, DateValidationError, DateValidationOptions, DateValidationSuccess, validateDate, validateDateParts, validateDob } from "./validations/date.js";
+import { DateInputMode, getAutoComplete } from "./components/DateInput/dateinput-utils.js";
 import { DateInput, DateInputChangeEvent, DateInputDay, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear } from "./components/DateInput/DateInput.js";
 import "./components/DateInput/index.js";
 import { DateType, DateTypeStr } from "./components/DatePicker/datepicker-utils.js";

package/dist/index.js

@@ -10,7 +10,7 @@ import { Checkbox } from "./components/Checkbox/Checkbox.js";
 import { TextInput } from "./components/TextInput/TextInput.js";
 import { Combobox, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions } from "./components/Combobox/Combobox.js";
 import { Field, FieldError, FieldHint, FieldLabel } from "./components/Field/Field.js";
-import { DATE_ERROR_MESSAGES, DATE_PARTS, getAutoComplete, validateDate, validateDateParts, validateDob } from "./components/DateInput/dateinput-utils.js";
+import { getAutoComplete } from "./components/DateInput/dateinput-utils.js";
 import { DateInput, DateInputDay, DateInputMonth, DateInputYear } from "./components/DateInput/DateInput.js";
 import { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from "./components/Popover/Popover.js";
 import { DatePicker } from "./components/DatePicker/DatePicker.js";
@@ -34,4 +34,5 @@ import { Tag } from "./components/Tag/Tag.js";
 import { Textarea } from "./components/Textarea/Textarea.js";
 import { ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt } from "./components/ValidationSummary/ValidationSummary.js";
 import { Wrapper } from "./components/Wrapper/Wrapper.js";
+import { DATE_ERROR_MESSAGES, DATE_PARTS, validateDate, validateDateParts, validateDob } from "./validations/date.js";
 export { AlertBanner, AlertBannerHeading, Author, AuthorImage, AuthorMeta, Box, Button, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, Checkbox, Combobox, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions, DATE_ERROR_MESSAGES, DATE_PARTS, DateInput, DateInputDay, DateInputMonth, DateInputYear, DatePicker, Dialog, DialogBody, DialogHeader, Expandable, ExpandableContent, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, Flourish, Form, Image, LoadingSpinner, Logo, PasswordInput, Picture, Pill, PillBadge, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Radio, RootSVG, Searchbox, SearchboxButton, SearchboxInput, Section, Select, SelectOption, SelectOptionGroup, Signpost, SkipNav, Squircle, SquircleSvg, SquircleText, Tag, TextInput, Textarea, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, Wrapper, getAutoComplete, validateDate, validateDateParts, validateDob };

package/dist/types/colors.d.ts

@@ -1,9 +1,7 @@
-//#region src/types/colors.d.ts
 export type Darks = "dark-blue" | "dark-yellow" | "dark-green" | "dark-lilac" | "dark-orange" | "dark-pink" | "dark-purple" | "dark-red";
 export type Tints = "tint-blue" | "tint-brown" | "tint-yellow" | "tint-green" | "tint-grey" | "tint-lilac" | "tint-orange" | "tint-pink" | "tint-purple" | "tint-red";
 export type Lights = "light-blue" | "light-yellow" | "light-green" | "light-lilac" | "light-orange" | "light-pink" | "light-purple" | "light-red";
 export type White = "white";
 export type Black = "black";
 export type BrandBlue = "brand-blue";
-export type OfferRed = "offer";
-//#endregion
+export type OfferRed = "offer";

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-//#region src/types/index.d.ts
 export type StandardSizes = "sm" | "md" | "lg";
 export type StandardSizesWithNone = "none" | "sm" | "md" | "lg";
 export interface SlotConfig {
@@ -15,5 +14,4 @@ export interface LazyComponent<T extends React.ComponentType<any>> {
   _payload: Promise<LazyPayload<T>> | LazyPayload<T>;
   $$typeof: typeof REACT_LAZY_TYPE;
 }
-export declare const REACT_LAZY_TYPE: any;
-//#endregion
+export declare const REACT_LAZY_TYPE: any;

package/dist/types/index.js

@@ -1,4 +1,3 @@
-//#region src/types/index.ts
+// src/types/index.ts
 const REACT_LAZY_TYPE = Symbol.for("react.lazy");
-//#endregion
 export { REACT_LAZY_TYPE };

package/dist/utils/classes.d.ts

@@ -1,6 +1,4 @@
-//#region src/utils/classes.d.ts
 export declare const bgPropToClass: (color: string, userClasses?: string) => string;
 export declare const hasUserBg: (userClasses?: string) => boolean;
 export declare const hasUserBorder: (userClasses?: string) => boolean;
-export declare const bgClassToColor: (userClasses: string) => string | null;
-//#endregion
+export declare const bgClassToColor: (userClasses: string) => string | null;

package/dist/utils/classes.js

@@ -1,4 +1,4 @@
-//#region src/utils/classes.ts
+// src/utils/classes.ts
 const bgPropToClass = (color, userClasses) => userClasses?.includes("bg-") ? "" : `bg-${color}`;
 const hasUserBg = (userClasses) => {
 	return typeof userClasses === "string" && userClasses?.includes("bg-") ? true : false;
@@ -9,5 +9,4 @@ const hasUserBorder = (userClasses) => {
 const bgClassToColor = (userClasses) => {
 	return /bg-([^\s]+)/.exec(userClasses)?.[1] ?? null;
 };
-//#endregion
 export { bgClassToColor, bgPropToClass, hasUserBg, hasUserBorder };

package/dist/utils/slots.d.ts

@@ -1,9 +1,7 @@
 import { LazyComponent, SlotConfig } from "../types/index.js";
 import React, { ReactElement, ReactNode } from "react";
-//#region src/utils/slots.d.ts
 export declare function getSlotProp<R = unknown>(slot: React.ReactNode, prop: string): R | undefined;
 export declare function isLazy<T extends React.ComponentType<any>>(type: unknown): type is LazyComponent<T>;
 export declare const forEachSlot: (children: ReactNode, fn: (slot: SlotConfig, child: ReactElement) => void) => void;
 export declare function resolveComponentName(child: React.ReactNode): string | null;
-export declare function getSlotName(node: React.ReactNode): string | false;
-//#endregion
+export declare function getSlotName(node: React.ReactNode): string | false;

package/dist/utils/slots.js

@@ -1,6 +1,6 @@
 import { REACT_LAZY_TYPE } from "../types/index.js";
 import { isValidElement } from "react";
-//#region src/utils/slots.ts
+// src/utils/slots.ts
 function getSlotProp(slot, prop) {
 	if (isValidElement(slot) && prop in slot.props) return slot.props[prop];
 }
@@ -41,5 +41,4 @@ function getSlotName(node) {
 	if (slotName) return slotName.replaceAll(".", "");
 	return false;
 }
-//#endregion
 export { forEachSlot, getSlotName, getSlotProp, isLazy, resolveComponentName };

package/dist/validations/date-internal.d.ts

@@ -0,0 +1,4 @@
+export interface Limits {
+  max?: string;
+  min?: string;
+}

package/dist/{components/DateInput/dateinput-internal.js → validations/date-internal.js}

@@ -1,5 +1,5 @@
 import { format, formatISO, isExists, isValid, parseISO } from "date-fns";
-//#region src/components/DateInput/dateinput-internal.ts
+// src/validations/date-internal.ts
 const VALUE_ORDER = [
 	"year",
 	"month",
@@ -72,11 +72,10 @@ const getRangeError = (value, min, max) => {
 	if (min && value < cut(min)) return "before-min";
 	if (max && value > cut(max)) return "after-max";
 };
-const getMessage = (code, label, messages = {}, limits, defaults) => {
+const getMessage = (code, subject, messages = {}, limits, defaults) => {
 	const custom = messages[code];
-	if (custom !== void 0) return typeof custom === "function" ? custom(label) : custom;
+	if (custom !== void 0) return typeof custom === "function" ? custom(subject) : custom;
 	const fallback = defaults[code];
-	return typeof fallback === "function" ? fallback(label, limits) : fallback;
+	return typeof fallback === "function" ? fallback(subject, limits) : fallback;
 };
-//#endregion
 export { WHOLE_DATE_ERRORS, formatDateValue, formatLimit, getDateErrors, getInvalidParts, getMessage, getRangeError, isValidPart, pad, parseDateValue, toDateParts, toDateValue, toISODate, toLimit, toNumber, trimParts };

package/dist/validations/date.d.ts

@@ -0,0 +1,58 @@
+import { Limits } from "./date-internal.js";
+export type DatePart = "day" | "month" | "year";
+export interface DateParts {
+  day?: string;
+  month?: string;
+  year?: string;
+}
+export type DateErrorCode = "missing-date" | "missing-day" | "missing-month" | "missing-year" | "invalid-day" | "invalid-month" | "invalid-year" | "impossible-date" | "unsupported-parts" | "before-min" | "after-max";
+/** A message, or a function that builds one from the subject. */
+export type DateErrorMessage = string | ((subject?: string) => string);
+export interface DateValidationOptions {
+  /** Upper bound, as a `Date` or ISO string.
+   *
+   * Only the parts used are compared. */
+  max?: Date | string;
+  /** Messages to use instead of defaults. */
+  messages?: Partial<Record<DateErrorCode, DateErrorMessage>>;
+  /** Lower bound, as a `Date` or ISO string.
+   *
+   * Only the parts used are compared. */
+  min?: Date | string;
+  /** The parts used, in the order they are entered.
+   *
+   * Default: `day`, `month`, `year`. */
+  parts?: DatePart[];
+  /** Date as it would start a sentence, such as "Date of birth".
+   *
+   * Default: `Date`. */
+  subject?: string;
+}
+export interface DateValidationSuccess {
+  /** Whether the date is valid. */
+  valid: true;
+  /** The date as an ISO 8601 string, such as 1990-08-21. */
+  value: string;
+}
+export interface DateValidationError {
+  /** Error code for the first problem. */
+  error: DateErrorCode;
+  /** Parts with an error. Every part is invalid when the date is empty,
+   * impossible, has no ISO format or is outside min/max. */
+  invalid: DatePart[];
+  /** Error message. */
+  message: string;
+  /** Whether the date is valid. */
+  valid: false;
+}
+export type DateValidation = DateValidationSuccess | DateValidationError;
+export declare const DATE_PARTS: DatePart[];
+export declare const DATE_ERROR_MESSAGES: Record<DateErrorCode, string | ((subject?: string, limits?: Limits) => string)>;
+export declare const validateDateParts: (date: DateParts, { max, messages, min, parts, subject }?: DateValidationOptions) => DateValidation;
+/** Validate a date.
+ *
+ * If you are only validating a partial date (eg month-year), provide
+ * the `parts` option. */
+export declare const validateDate: (value: string, options?: DateValidationOptions) => DateValidation;
+/** Validate a date of birth. */
+export declare const validateDob: (value: string, options?: DateValidationOptions) => DateValidation;