@coopdigital/react 1.31.1 → 1.32.0

package/dist/components/AlertBanner/AlertBanner.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/AlertBanner/AlertBanner.d.ts
 export interface AlertBannerProps extends HTMLAttributes<HTMLDivElement> {
   /** Content inside the component.
    *
@@ -36,5 +35,4 @@ declare const AlertBannerHeading: {
     name: string;
   };
 };
-//#endregion
 export { AlertBanner, AlertBanner as default, AlertBannerHeading };

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/AlertBanner/AlertBanner.tsx
+// src/components/AlertBanner/AlertBanner.tsx
 const AlertBanner = ({ children, className, ref, variant = "default", ...props }) => {
 	const componentProps = {
 		className: clsx("coop-alert-banner", className),
@@ -22,5 +22,4 @@ const AlertBannerHeading = ({ children, className }) => {
 AlertBanner.slot = { name: "AlertBanner" };
 AlertBannerHeading.slot = { name: "AlertBannerHeading" };
 AlertBanner.Heading = AlertBannerHeading;
-//#endregion
 export { AlertBanner, AlertBanner as default, AlertBannerHeading };

package/dist/components/AlertBanner/index.js

@@ -1,5 +1,4 @@
 import { AlertBanner, AlertBannerHeading } from "./AlertBanner.js";
-//#region src/components/AlertBanner/index.ts
+// src/components/AlertBanner/index.ts
 var AlertBanner_default = AlertBanner;
-//#endregion
 export { AlertBanner, AlertBannerHeading, AlertBanner_default as default };

package/dist/components/Author/Author.d.ts

@@ -1,7 +1,6 @@
 import { ImageProps } from "../Image/Image.js";
 import "../Image/index.js";
 import { HTMLAttributes, JSX, Ref } from "react";
-//#region src/components/Author/Author.d.ts
 export interface AuthorProps extends HTMLAttributes<HTMLDivElement> {
   /** Content inside the component.
    *
@@ -38,5 +37,4 @@ declare const Author: {
 };
 declare const AuthorImage: ({ alt, src, ...props }: AuthorImageProps) => JSX.Element;
 declare const AuthorMeta: ({ date, datePrefix, name, ...props }: AuthorMetaProps) => JSX.Element;
-//#endregion
 export { Author, Author as default, AuthorImage, AuthorMeta };

package/dist/components/Author/Author.js

@@ -1,7 +1,7 @@
 import { Image } from "../Image/Image.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Author/Author.tsx
+// src/components/Author/Author.tsx
 const Author = ({ children, className, ref, size, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-author", className),
@@ -41,5 +41,4 @@ const AuthorMeta = ({ date, datePrefix, name = "Co-op team", ...props }) => {
 Author.Image = AuthorImage;
 Author.Meta = AuthorMeta;
 Author.slot = { name: "Author" };
-//#endregion
 export { Author, Author as default, AuthorImage, AuthorMeta };

package/dist/components/Author/index.js

@@ -1,5 +1,4 @@
 import { Author, AuthorImage, AuthorMeta } from "./Author.js";
-//#region src/components/Author/index.ts
+// src/components/Author/index.ts
 var Author_default = Author;
-//#endregion
 export { Author, AuthorImage, AuthorMeta, Author_default as default };

package/dist/components/Box/Box.d.ts

@@ -1,6 +1,5 @@
 import { StandardSizesWithNone } from "../../types/index.js";
 import React, { ForwardRefExoticComponent, HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/Box/Box.d.ts
 export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
   /** Specify a custom element for the component
    *
@@ -19,5 +18,4 @@ export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
   ref?: Ref<HTMLDivElement>;
 }
 export declare const Box: ({ as, children, className, padding, radius, ref, ...props }: BoxProps) => JSX.Element;
-//#endregion
 export { Box as default };

package/dist/components/Box/Box.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import React from "react";
-//#region src/components/Box/Box.tsx
+// src/components/Box/Box.tsx
 const Box = ({ as, children, className, padding, radius, ref, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-box", className),
@@ -14,5 +14,4 @@ const Box = ({ as, children, className, padding, radius, ref, ...props }) => {
 		ref
 	}, children);
 };
-//#endregion
 export { Box, Box as default };

package/dist/components/Box/index.js

@@ -1,5 +1,4 @@
 import { Box } from "./Box.js";
-//#region src/components/Box/index.ts
+// src/components/Box/index.ts
 var Box_default = Box;
-//#endregion
 export { Box, Box_default as default };

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,5 @@
 import { StandardSizes } from "../../types/index.js";
 import React, { ButtonHTMLAttributes, ForwardRefExoticComponent, JSX, Ref } from "react";
-//#region src/components/Button/Button.d.ts
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   /** Specify a custom element for the component.
    *
@@ -25,8 +24,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLElement>;
-  /** Specify the component size. */
-  size?: StandardSizes;
+  /** Specify the component size. Use `xs` only in compact places, such as the actions in a calendar. */
+  size?: "xs" | StandardSizes;
   /** Specify the component variant. */
   variant?: "solid" | "ghost" | "text";
 }
@@ -36,5 +35,4 @@ declare const Button: {
     name: string;
   };
 };
-//#endregion
 export { Button, Button as default };

package/dist/components/Button/Button.js

@@ -4,7 +4,7 @@ import { hasUserBg } from "../../utils/classes.js";
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState } from "react";
-//#region src/components/Button/Button.tsx
+// src/components/Button/Button.tsx
 const Button = ({ as, children, className, href, isDisabled = false, isFullWidth = false, isLoading = false, loadingText = "Loading", onClick, ref, size, variant = "solid", ...props }) => {
 	const element = as ?? (href ? "a" : "button");
 	const [isPending, setIsPending] = useState(false);
@@ -35,5 +35,4 @@ const Button = ({ as, children, className, href, isDisabled = false, isFullWidth
 	}, finalChildren);
 };
 Button.slot = { name: "Button" };
-//#endregion
 export { Button, Button as default };

package/dist/components/Button/index.js

@@ -1,5 +1,4 @@
 import { Button } from "./Button.js";
-//#region src/components/Button/index.ts
+// src/components/Button/index.ts
 var Button_default = Button;
-//#endregion
 export { Button, Button_default as default };

package/dist/components/Card/Card.d.ts

@@ -4,7 +4,6 @@ import { StandardSizes } from "../../types/index.js";
 import { PictureProps } from "../Picture/Picture.js";
 import "../Picture/index.js";
 import React, { AnchorHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
-//#region src/components/Card/Card.d.ts
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
   /** Specify how the Card behaves across screen sizes.
    *
@@ -187,5 +186,4 @@ declare const CardLink: {
     name: string;
   };
 };
-//#endregion
 export { Card, Card as default, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture };

package/dist/components/Card/Card.js

@@ -5,7 +5,7 @@ import { useSlots } from "../../hooks/useSlots.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-//#region src/components/Card/Card.tsx
+// src/components/Card/Card.tsx
 const componentSlots = {
 	CardBadge: null,
 	Children: null
@@ -103,5 +103,4 @@ Card.Content = CardContent;
 Card.Icon = CardIcon;
 Card.Image = CardImage;
 Card.Picture = CardPicture;
-//#endregion
 export { Card, Card as default, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture };

package/dist/components/Card/index.js

@@ -1,5 +1,4 @@
 import { Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture } from "./Card.js";
-//#region src/components/Card/index.ts
+// src/components/Card/index.ts
 var Card_default = Card;
-//#endregion
 export { Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, Card_default as default };

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,5 @@
 import { StandardSizes } from "../../types/index.js";
 import { InputHTMLAttributes, JSX, Ref } from "react";
-//#region src/components/Checkbox/Checkbox.d.ts
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
   /** Specify additional CSS classes. */
   className?: string;
@@ -25,5 +24,4 @@ declare const Checkbox: {
     name: string;
   };
 };
-//#endregion
 export { Checkbox, Checkbox as default };

package/dist/components/Checkbox/Checkbox.js

@@ -2,7 +2,7 @@
 import { getDescribedBy, getFieldError, useField } from "../Field/Field.context.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Checkbox/Checkbox.tsx
+// src/components/Checkbox/Checkbox.tsx
 const Checkbox = ({ "aria-describedby": ariaDescribedBy, className, disabled, error, id, name, ref, size, ...props }) => {
 	const field = useField();
 	const hasError = getFieldError(error, field);
@@ -27,5 +27,4 @@ Checkbox.slot = {
 	inline: true,
 	name: "Checkbox"
 };
-//#endregion
 export { Checkbox, Checkbox as default };

package/dist/components/Checkbox/index.js

@@ -1,5 +1,4 @@
 import { Checkbox } from "./Checkbox.js";
-//#region src/components/Checkbox/index.ts
+// src/components/Checkbox/index.ts
 var Checkbox_default = Checkbox;
-//#endregion
 export { Checkbox, Checkbox_default as default };

package/dist/components/Combobox/Combobox.context.js

@@ -1,11 +1,10 @@
 "use client";
 import { createContext, useContext } from "react";
-//#region src/components/Combobox/Combobox.context.ts
+// src/components/Combobox/Combobox.context.ts
 const ComboboxContext = createContext(null);
 const useComboboxContext = () => {
 	const context = useContext(ComboboxContext);
 	if (!context) throw new Error("Combobox components must be used inside <Combobox>");
 	return context;
 };
-//#endregion
 export { ComboboxContext, useComboboxContext };

package/dist/components/Combobox/Combobox.d.ts

@@ -4,7 +4,6 @@ import { TextInputProps } from "../TextInput/TextInput.js";
 import "../TextInput/index.js";
 import { ButtonHTMLAttributes, HTMLAttributes, JSX, ReactNode, Ref } from "react";
 import { UseComboboxHighlightedIndexChange, UseComboboxInputValueChange, UseComboboxIsOpenChange, UseComboboxStateChange } from "downshift";
-//#region src/components/Combobox/Combobox.d.ts
 export interface ComboboxSelectEvent {
   /** Whether the selection is a custom value, entered by users when `allowCustom` is set,
    * rather than one of the options.
@@ -180,5 +179,4 @@ declare const ComboboxOptions: {
     name: string;
   };
 };
-//#endregion
 export { Combobox, Combobox as default, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions };

package/dist/components/Combobox/Combobox.js

@@ -14,7 +14,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useCombobox } from "downshift";
 import mergeRefs from "merge-refs";
-//#region src/components/Combobox/Combobox.tsx
+// src/components/Combobox/Combobox.tsx
 const DEFAULT_MAX_RESULTS = 50;
 const ANNOUNCEMENT_DELAY = 750;
 const componentSlots = {
@@ -279,5 +279,4 @@ Combobox.Controls = ComboboxControls;
 Combobox.Input = ComboboxInput;
 Combobox.Button = ComboboxButton;
 Combobox.Options = ComboboxOptions;
-//#endregion
 export { Combobox, Combobox as default, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions };

package/dist/components/Combobox/combobox-internal.js

@@ -1,5 +1,5 @@
 import { matchSorter } from "match-sorter";
-//#region src/components/Combobox/combobox-internal.ts
+// src/components/Combobox/combobox-internal.ts
 const defaultFilter = (items, inputValue) => inputValue !== "" ? matchSorter(items, inputValue, { keys: [(item) => [item.label ?? item.value]] }) : items;
 const defaultIsItemDisabled = (item) => item.disabled ?? false;
 const defaultItemToString = (item) => item?.label ?? item?.value ?? "";
@@ -13,5 +13,4 @@ const resolveOption = (option, items) => {
 	return items.find(({ value }) => value === item.value) ?? item;
 };
 const shouldShowSelectionText = (previous, current, inputValue) => current.value === previous.value && current.text !== previous.text && inputValue === previous.text;
-//#endregion
 export { defaultFilter, defaultIsItemDisabled, defaultItemToString, defaultMaxResultsText, isMatchingText, normalizeOptions, resolveOption, shouldShowSelectionText };

package/dist/components/Combobox/combobox-utils.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/Combobox/combobox-utils.d.ts
 export interface ComboboxItem extends HTMLAttributes<HTMLLIElement> {
   /** Specify the disabled state.
    *
@@ -16,5 +15,4 @@ export interface ComboboxItem extends HTMLAttributes<HTMLLIElement> {
   /** Specify the option value. */
   value: string;
 }
-export type ComboboxOption = ComboboxItem | string;
-//#endregion
+export type ComboboxOption = ComboboxItem | string;

package/dist/components/Combobox/index.js

@@ -1,5 +1,4 @@
 import { Combobox, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions } from "./Combobox.js";
-//#region src/components/Combobox/index.ts
+// src/components/Combobox/index.ts
 var Combobox_default = Combobox;
-//#endregion
 export { Combobox, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions, Combobox_default as default };

package/dist/components/DateInput/DateInput.context.js

@@ -1,7 +1,6 @@
 "use client";
 import { createContext, useContext } from "react";
-//#region src/components/DateInput/DateInput.context.ts
+// src/components/DateInput/DateInput.context.ts
 const DateInputContext = createContext(null);
 const useDateInput = () => useContext(DateInputContext);
-//#endregion
 export { DateInputContext, useDateInput };

package/dist/components/DateInput/DateInput.d.ts

@@ -1,9 +1,9 @@
 import { StandardSizes } from "../../types/index.js";
 import { TextInputProps } from "../TextInput/TextInput.js";
 import "../TextInput/index.js";
-import { DateInputMode, DateParts } from "./dateinput-utils.js";
+import { DateParts } from "../../validations/date.js";
+import { DateInputMode } from "./dateinput-utils.js";
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/DateInput/DateInput.d.ts
 export interface DateInputChangeEvent {
   /** The parts as typed. */
   parts: DateParts;
@@ -100,5 +100,4 @@ declare const DateInputYear: {
     name: string;
   };
 };
-//#endregion
 export { DateInput, DateInput as default, DateInputDay, DateInputMonth, DateInputYear };

package/dist/components/DateInput/DateInput.js

@@ -4,14 +4,14 @@ import { forEachSlot } from "../../utils/slots.js";
 import { TextInput } from "../TextInput/TextInput.js";
 import { useFormReset } from "../../hooks/useFormReset.js";
 import { Field } from "../Field/Field.js";
-import { formatDateValue, toDateParts, toDateValue } from "./dateinput-internal.js";
+import { formatDateValue, toDateParts, toDateValue } from "../../validations/date-internal.js";
 import { getAutoComplete } from "./dateinput-utils.js";
 import { DateInputContext, useDateInput } from "./DateInput.context.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
 import mergeRefs from "merge-refs";
-//#region src/components/DateInput/DateInput.tsx
+// src/components/DateInput/DateInput.tsx
 const PART_SLOTS = {
 	DateInputDay: "day",
 	DateInputMonth: "month",
@@ -124,5 +124,4 @@ DateInputYear.slot = { name: "DateInputYear" };
 DateInput.Day = DateInputDay;
 DateInput.Month = DateInputMonth;
 DateInput.Year = DateInputYear;
-//#endregion
 export { DateInput, DateInput as default, DateInputDay, DateInputMonth, DateInputYear };

package/dist/components/DateInput/dateinput-utils.d.ts

@@ -1,66 +1,3 @@
-import { Limits } from "./dateinput-internal.js";
-//#region src/components/DateInput/dateinput-utils.d.ts
-export type DatePart = "day" | "month" | "year";
-export interface DateParts {
-  day?: string;
-  month?: string;
-  year?: string;
-}
+import { DatePart } from "../../validations/date.js";
 export type DateInputMode = "dob" | undefined;
-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 label. */
-export type DateErrorMessage = string | ((label?: string) => string);
-export interface DateValidationOptions {
-  /** The name of the date, as it would start a sentence, such as "Date
-   * of birth".
-   *
-   * Default: `Date`. */
-  label?: string;
-  /** The latest date allowed, as a `Date` or an ISO date such as `2026-12-31`.
-   *
-   * Only the parts used are compared, such as the month and year. */
-  max?: Date | string;
-  /** Messages to use instead of the defaults. */
-  messages?: Partial<Record<DateErrorCode, DateErrorMessage>>;
-  /** The earliest date allowed, as a `Date` or an ISO date such as `2020-01-01`.
-   *
-   * Only the parts used are compared, such as the month and year. */
-  min?: Date | string;
-  /** The parts used, in the order they are entered.
-   *
-   * Default: `day`, `month`, `year`. */
-  parts?: DatePart[];
-}
-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 {
-  /** The code for the first problem, in the order the parts are entered. */
-  error: DateErrorCode;
-  /** The parts with an error. Every part is invalid when the date is
-   * empty, impossible, has no ISO format or is outside `min` and `max`. */
-  invalid: DatePart[];
-  /** The message for the error. */
-  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 | ((label?: string, limits?: Limits) => string)>;
-export declare const validateDateParts: (date: DateParts, { label, max, messages, min, parts }?: DateValidationOptions) => DateValidation;
-/** Check a value, such as the DateInput value or the value a form
- * submits, the same way as `validateDateParts`. Use the same `parts` as
- * the DateInput. */
-export declare const validateDate: (value: string, options?: DateValidationOptions) => DateValidation;
-/** As this is a more specific function for a birth of date validation, we can make some assumptions.
- * Such as, date needs to be today or in the past and error message should reflect date of birth.
- * Check a value, such as the DateInput value or the value a form
- * submits, the same way as `validateDateParts`. Use the same `parts` as
- * the DateInput. */
-export declare const validateDob: (value: string, options?: DateValidationOptions) => DateValidation;
-export declare const getAutoComplete: (mode: DateInputMode, part: DatePart) => string | undefined;
-//#endregion
+export declare const getAutoComplete: (mode: DateInputMode, part: DatePart) => string | undefined;

package/dist/components/DateInput/dateinput-utils.js

@@ -1,84 +1,4 @@
-import { formatLimit, getDateErrors, getInvalidParts, getMessage, getRangeError, parseDateValue, toISODate, toLimit, trimParts } from "./dateinput-internal.js";
-//#region src/components/DateInput/dateinput-utils.ts
-const DATE_PARTS = [
-	"day",
-	"month",
-	"year"
-];
-const realDate = (label = "Date") => `${label} must be a real date`;
-const DATE_ERROR_MESSAGES = {
-	"after-max": (label = "Date", limits) => `${label} must be on or before ${limits?.max}`,
-	"before-min": (label = "Date", limits) => `${label} must be on or after ${limits?.min}`,
-	"impossible-date": realDate,
-	"invalid-day": realDate,
-	"invalid-month": realDate,
-	"invalid-year": "Year must include 4 numbers",
-	"missing-date": "Enter a date",
-	"missing-day": (label = "Date") => `${label} must include a day`,
-	"missing-month": (label = "Date") => `${label} must include a month`,
-	"missing-year": (label = "Date") => `${label} must include a year`,
-	"unsupported-parts": realDate
-};
-const validateDateParts = (date, { label, max, messages = {}, min, parts = DATE_PARTS } = {}) => {
-	const minDate = min === void 0 ? void 0 : toLimit(min, "min");
-	const maxDate = max === void 0 ? void 0 : toLimit(max, "max");
-	const values = trimParts(date);
-	const errors = getDateErrors(values, parts);
-	let value = "";
-	if (errors.length === 0) {
-		value = toISODate(values, parts);
-		const rangeError = value ? getRangeError(value, minDate, maxDate) : "unsupported-parts";
-		if (!rangeError) return {
-			valid: true,
-			value
-		};
-		errors.push(rangeError);
-	}
-	const [error] = errors;
-	const limits = {
-		max: maxDate && value ? formatLimit(maxDate, value.length) : void 0,
-		min: minDate && value ? formatLimit(minDate, value.length) : void 0
-	};
-	return {
-		error,
-		invalid: getInvalidParts(errors, parts),
-		message: getMessage(error, label, messages, limits, DATE_ERROR_MESSAGES),
-		valid: false
-	};
-};
-/** Check a value, such as the DateInput value or the value a form
-* submits, the same way as `validateDateParts`. Use the same `parts` as
-* the DateInput. */
-const validateDate = (value, options = {}) => {
-	const date = parseDateValue(value, options.parts);
-	if (date) return validateDateParts(date, options);
-	const { label, messages, parts = DATE_PARTS } = options;
-	return {
-		error: "impossible-date",
-		invalid: parts,
-		message: getMessage("impossible-date", label, messages, {}, DATE_ERROR_MESSAGES),
-		valid: false
-	};
-};
-/** As this is a more specific function for a birth of date validation, we can make some assumptions.
-* Such as, date needs to be today or in the past and error message should reflect date of birth.
-* Check a value, such as the DateInput value or the value a form
-* submits, the same way as `validateDateParts`. Use the same `parts` as
-* the DateInput. */
-const validateDob = (value, options = {}) => {
-	const { messages, ...rest } = options;
-	return validateDate(value, {
-		label: "Date of birth",
-		max: /* @__PURE__ */ new Date(),
-		messages: {
-			"after-max": "Date of birth must be today or in the past",
-			"missing-date": "Enter your date of birth",
-			...messages
-		},
-		parts: DATE_PARTS,
-		...rest
-	});
-};
+// src/components/DateInput/dateinput-utils.ts
 const getAutoComplete = (mode, part) => {
 	if (!mode) return void 0;
 	if (mode === "dob") {
@@ -87,5 +7,4 @@ const getAutoComplete = (mode, part) => {
 		if (part === "year") return "bday-year";
 	}
 };
-//#endregion
-export { DATE_ERROR_MESSAGES, DATE_PARTS, getAutoComplete, validateDate, validateDateParts, validateDob };
+export { getAutoComplete };

package/dist/components/DateInput/index.d.ts

@@ -1,3 +1,3 @@
-import { DATE_ERROR_MESSAGES, DATE_PARTS, DateErrorCode, DateErrorMessage, DateInputMode, DatePart, DateParts, DateValidation, DateValidationError, DateValidationOptions, DateValidationSuccess, getAutoComplete, validateDate, validateDateParts, validateDob } from "./dateinput-utils.js";
+import { DateInputMode, getAutoComplete } from "./dateinput-utils.js";
 import { DateInput, DateInputChangeEvent, DateInputDay, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear } from "./DateInput.js";
-export { DATE_ERROR_MESSAGES, DATE_PARTS, DateErrorCode, DateErrorMessage, DateInput, DateInput as default, DateInputChangeEvent, DateInputDay, DateInputMode, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear, DatePart, DateParts, DateValidation, DateValidationError, DateValidationOptions, DateValidationSuccess, getAutoComplete, validateDate, validateDateParts, validateDob };
+export { DateInput, DateInput as default, DateInputChangeEvent, DateInputDay, DateInputMode, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear, getAutoComplete };

package/dist/components/DateInput/index.js

@@ -1,6 +1,5 @@
-import { DATE_ERROR_MESSAGES, DATE_PARTS, getAutoComplete, validateDate, validateDateParts, validateDob } from "./dateinput-utils.js";
+import { getAutoComplete } from "./dateinput-utils.js";
 import { DateInput, DateInputDay, DateInputMonth, DateInputYear } from "./DateInput.js";
-//#region src/components/DateInput/index.ts
+// src/components/DateInput/index.ts
 var DateInput_default = DateInput;
-//#endregion
-export { DATE_ERROR_MESSAGES, DATE_PARTS, DateInput, DateInputDay, DateInputMonth, DateInputYear, DateInput_default as default, getAutoComplete, validateDate, validateDateParts, validateDob };
+export { DateInput, DateInputDay, DateInputMonth, DateInputYear, DateInput_default as default, getAutoComplete };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -2,7 +2,6 @@ import { StandardSizes } from "../../types/index.js";
 import { DateRange, DateType, DateTypeStr } from "./datepicker-utils.js";
 import { InputHTMLAttributes, JSX, Ref } from "react";
 import { DayPickerProps, Mode } from "react-day-picker";
-//#region src/components/DatePicker/DatePicker.d.ts
 type OnDateSelectHandler = (selected: DateTypeStr) => void;
 export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect" | "onChange" | "onChangeCapture" | "size" | "type"> {
   /** Specify additional CSS classes. */
@@ -61,5 +60,4 @@ declare const DatePicker: {
     suffix: string;
   };
 };
-//#endregion
 export { DatePicker, DatePicker as default, type DateType, type DateTypeStr };

package/dist/components/DatePicker/DatePicker.js

@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useReducer } from "react";
 import { DayPicker } from "react-day-picker";
-//#region src/components/DatePicker/DatePicker.tsx
+// src/components/DatePicker/DatePicker.tsx
 const now = /* @__PURE__ */ new Date();
 const baseValueProps = {
 	readOnly: true,
@@ -250,5 +250,4 @@ DatePicker.slot = {
 	name: "DatePicker",
 	suffix: "_display"
 };
-//#endregion
 export { DatePicker, DatePicker as default };

package/dist/components/DatePicker/datepicker-utils.d.ts

@@ -1,5 +1,4 @@
 import { Mode } from "react-day-picker";
-//#region src/components/DatePicker/datepicker-utils.d.ts
 export interface DateRangeStr {
   from?: string;
   to?: string;
@@ -9,5 +8,4 @@ export interface DateRange {
   to?: Date | undefined;
 }
 export type DateType = Date | Date[] | DateRange | string | undefined;
-export type DateTypeStr = string | string[] | DateRangeStr | undefined;
-//#endregion
+export type DateTypeStr = string | string[] | DateRangeStr | undefined;

package/dist/components/DatePicker/datepicker-utils.js

@@ -1,5 +1,5 @@
 import { addYears, format, isBefore, isValid, parse } from "date-fns";
-//#region src/components/DatePicker/datepicker-utils.ts
+// src/components/DatePicker/datepicker-utils.ts
 function isValidDate(date) {
 	return !!date && typeof date !== "string" && typeof date !== "number" && isValid(date);
 }
@@ -198,5 +198,4 @@ const shouldClose = (mode, value, closeOnSelect) => {
 const isSingle = (m, d) => m === "single";
 const isMultiple = (m, d) => m === "multiple";
 const isRange = (m, d) => m === "range";
-//#endregion
 export { getDateValues, getDefaultMonth, getEndDate, getISODateString, getInitialDate, getMultipleDate, getRangeDate, getRangeFromString, getSingleDate, getStartDate, isMultiple, isRange, isSingle, isValidDate, isValidRangeFrom, isValidRangeTo, shouldClose, shouldSkipParsing };

package/dist/components/DatePicker/index.js

@@ -1,5 +1,4 @@
 import { DatePicker } from "./DatePicker.js";
-//#region src/components/DatePicker/index.ts
+// src/components/DatePicker/index.ts
 var DatePicker_default = DatePicker;
-//#endregion
 export { DatePicker, DatePicker_default as default };

package/dist/components/Dialog/Dialog.d.ts

@@ -1,5 +1,4 @@
 import React, { DialogHTMLAttributes, HTMLAttributes, JSX, ReactEventHandler, ReactNode, Ref } from "react";
-//#region src/components/Dialog/Dialog.d.ts
 export interface DialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, "closedby"> {
   /** Content inside the component.
    *
@@ -91,5 +90,4 @@ declare const DialogBody: {
     name: string;
   };
 };
-//#endregion
 export { Dialog, Dialog as default, DialogBody, DialogHeader };