@baseline-ui/core 0.58.0 → 0.60.0

package/dist/components/ColorInput/utils.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import type { ListBox } from "../ListBox";
+import type { ColorPreset } from "./ColorInput.types";
+import type { Color } from "@react-stately/color";
+export declare const COLOR_MODES: {
+    id: string;
+    label: string;
+}[];
+export declare const FALLBACK_COLOR: Color;
+export declare const HSLA_FORMAT = "hsla";
+export declare const HEXA_FORMAT = "hexa";
+/**
+ * Returns the parsed color in hsla format. If the color is not defined, it will
+ * return black.
+ */
+export declare function getParsedColor(color: string | Color | null | undefined): Color | null;
+/**
+ * This function is used to check if the current color matches the preset color.
+ * If the current color is transparent, it will return true if the preset color
+ * is also transparent.
+ */
+export declare function doesColorMatch(currentColor: Color, presetColor: Color | null): boolean;
+/** This function is used to get the label for the color input. */
+export declare function getLabelForColor(color: Color | null, selectedPreset?: {
+    id: string;
+    label?: string;
+}, transparentLabel?: string): string | undefined;
+export declare const NONE_ID = "NONE";
+/**
+ * This function is used to get the presets with the none option. The none
+ * option is used to remove the color. It also changes the id of the existing
+ * presets to hexa format as it is used to compare the color.
+ */
+export declare function getPresetsWithNone(noneLabel: string, presets?: ColorPreset[]): {
+    id: string;
+    label: string;
+}[];
+type RenderOption = Exclude<React.ComponentProps<typeof ListBox>["renderOption"], undefined>;
+export declare const renderOption: RenderOption;
+export declare const getTransparentStyle: (color: Color, size?: number) => {
+    backgroundImage: string;
+    backgroundSize: string;
+};
+export {};

package/dist/components/ColorSwatch/ColorSwatch.css.d.ts

@@ -0,0 +1,39 @@
+export declare const colorSwatchCn: ((options?: {
+    isFocusVisible?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    removeBlendMode?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    isHovered?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("isSelected" | "isHovered" | "isDisabled" | "isFocusVisible" | "removeBlendMode")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isFocusVisible: {
+            true: {};
+        };
+        isDisabled: {
+            true: {
+                pointerEvents: "none";
+            };
+        };
+        removeBlendMode: {
+            true: {
+                "::before": {
+                    mixBlendMode: "normal";
+                };
+            };
+        };
+        isSelected: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isHovered: {
+            true: {};
+        };
+    }>;
+};
+export declare const noneCn: string;
+export declare const indeterminateCn: string;

package/dist/components/ColorSwatch/ColorSwatch.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ColorSwatchProps } from "./ColorSwatch.types";
+export declare const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ColorSwatch/ColorSwatch.types.d.ts

@@ -0,0 +1,44 @@
+import type { StylingProps } from "../../utils";
+import type { IconProps } from "../Icon";
+import type { TooltipProps } from "../Tooltip";
+import type { AriaColorSwatchProps } from "@react-aria/color";
+import type { AriaLabelingProps, DOMProps } from "@react-types/shared";
+import type React from "react";
+export interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, StylingProps, DOMProps, AriaLabelingProps {
+    /** Whether the swatch is focused by keyboard. */
+    isFocusVisible?: boolean;
+    /** Whether the swatch is selected. */
+    isSelected?: boolean;
+    /**
+     * Whether the swatch is interactive. This is used to determine whether to
+     * show hover styles.
+     */
+    isInteractive?: boolean;
+    /**
+     * Whether the swatch is disabled. This is used to determine whether to show
+     * disabled styles.
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to show a tooltip. You can pass a boolean or a partial tooltip
+     * object that extends the default tooltip props.
+     *
+     * @default false
+     */
+    tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
+    /**
+     * Whether the swatch is indeterminate. When this is `true`, the color related
+     * props will be ignored and indeterminate styles will be applied. This change
+     * is only visual.
+     *
+     * @default false
+     */
+    isIndeterminate?: boolean;
+    /**
+     * The icon to display when the swatch is indeterminate. The icon should be a
+     * 16x16px icon to ensure consistency with the design system.
+     *
+     * @default HelpIcon
+     */
+    indeterminateIcon?: React.FC<IconProps> | null;
+}

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

@@ -0,0 +1,2 @@
+export { ColorSwatch } from "./ColorSwatch";
+export { type ColorSwatchProps } from "./ColorSwatch.types";

package/dist/components/ColorSwatchPicker/ColorSwatchPicker.css.d.ts

@@ -0,0 +1,2 @@
+export declare const colorSwatchCn: string;
+export declare const groupContainerCn: string;

package/dist/components/ColorSwatchPicker/ColorSwatchPicker.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ColorSwatchPickerProps } from "./ColorSwatchPicker.types";
+export declare const ColorSwatchPicker: React.ForwardRefExoticComponent<ColorSwatchPickerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ColorSwatchPicker/ColorSwatchPicker.types.d.ts

@@ -0,0 +1,46 @@
+import type { StylingProps } from "../../utils";
+import type { ColorPreset } from "../ColorInput";
+import type { IconProps } from "../Icon";
+import type { ListBoxProps } from "../ListBox";
+import type { RadioGroupProps } from "../RadioGroup";
+import type { TooltipProps } from "../Tooltip";
+import type { AriaLabelingProps } from "@react-types/shared";
+import type React from "react";
+export interface ColorSwatchPickerProps extends StylingProps, Pick<RadioGroupProps, "optionsContainerClassName" | "labelPosition">, Pick<ListBoxProps, "optionClassName" | "optionStyle" | "shouldFocusWrap">, AriaLabelingProps {
+    /**
+     * The items to display in the picker. Each item should have a `color` and a
+     * `label`.
+     *
+     * ```js
+     * const items = [
+     *   { color: "#FF0000", label: "Red" },
+     *   { color: "#00FF00", label: "Green" },
+     *   { color: "#0000FF", label: "Blue" },
+     *   { color: "#FFFF00", label: "Yellow" },
+     * ];
+     * ```
+     */
+    items: ColorPreset[];
+    /** The icon visible at the start of the picker. */
+    icon?: React.FC<IconProps>;
+    /**
+     * The value of the selected item. This is useful if you want to control the
+     * value of the picker.
+     */
+    value?: string;
+    /** A function that is called when the selected item changes. */
+    onChange?: (value?: string) => void;
+    /** The default value of the picker. */
+    defaultValue?: string;
+    /** The label for the picker. */
+    label?: string;
+    /** Whether the picker is disabled. */
+    isDisabled?: boolean;
+    /**
+     * Whether to show a tooltip. You can pass a boolean or a partial tooltip
+     * object that extends the default tooltip props.
+     *
+     * @default true
+     */
+    tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
+}

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

@@ -0,0 +1,3 @@
+export { ColorSwatchPicker } from "./ColorSwatchPicker";
+export { type ColorSwatchPickerProps } from "./ColorSwatchPicker.types";
+export * from "./ColorSwatchPicker";

package/dist/components/ComboBox/ComboBox.css.d.ts

@@ -0,0 +1,203 @@
+export declare const comboBoxCn: ((options?: {
+    labelPosition?: "top" | "start" | undefined;
+} | undefined) => string) & {
+    variants: () => "labelPosition"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        labelPosition: {
+            top: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            start: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const comboBoxLabelCn: ((options?: {
+    isDisabled?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => "isDisabled"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isDisabled: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const comboBoxToggleCn: ((options?: {
+    isFocusVisible?: boolean | undefined;
+    isHovered?: boolean | undefined;
+    isOpen?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("isHovered" | "isFocusVisible" | "isOpen")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isFocusVisible: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isHovered: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isOpen: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const comboBoxLabelContainerCn: ((options?: {
+    labelPosition?: "top" | "start" | undefined;
+    hasMessage?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("labelPosition" | "hasMessage")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        labelPosition: {
+            top: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            start: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        hasMessage: {
+            true: {};
+        };
+    }>;
+};
+export declare const comboBoxInputWrapperCn: ((options?: {
+    validationState?: "warning" | "error" | "valid" | undefined;
+    isHovered?: boolean | undefined;
+    isFocused?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    variant?: "primary" | "ghost" | undefined;
+    isReadOnly?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("isFocused" | "isHovered" | "isDisabled" | "variant" | "validationState" | "isReadOnly")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        validationState: {
+            valid: {};
+            error: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            warning: {};
+        };
+        isHovered: {
+            true: {};
+        };
+        isFocused: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isDisabled: {
+            true: {
+                cursor: "not-allowed";
+            };
+        };
+        variant: {
+            primary: {};
+            ghost: {};
+        };
+        isReadOnly: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const comboBoxInputCn: ((options?: {
+    isDisabled?: boolean | undefined;
+    labelPosition?: "top" | "start" | undefined;
+} | undefined) => string) & {
+    variants: () => ("isDisabled" | "labelPosition")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isDisabled: {
+            true: ({
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            } | {
+                cursor: "inherit";
+                "::placeholder": {
+                    color: `var(--${string})`;
+                };
+            })[];
+        };
+        labelPosition: {
+            top: {};
+            start: {
+                textAlign: "right";
+            };
+        };
+    }>;
+};
+export declare const comboBoxInputIconCn: ((options?: {
+    validationState?: "warning" | "error" | "valid" | undefined;
+    isReadOnly?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("validationState" | "isReadOnly")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        validationState: {
+            valid: {};
+            error: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            warning: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isReadOnly: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const comboBoxListBoxCn: string;

package/dist/components/ComboBox/ComboBox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ComboBoxProps } from "./ComboBox.types";
+export declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ComboBox/ComboBox.types.d.ts

@@ -0,0 +1,96 @@
+import type { StylingProps } from "../../utils";
+import type { ActionIconButtonProps } from "../ActionIconButton";
+import type { ColorInputProps } from "../ColorInput";
+import type { ListItem } from "../shared/types/List";
+import type { InputMessage } from "../TextInput/TextInput.types";
+import type { UNSAFE_ListBoxProps as ListBoxProps } from "../UNSAFE_ListBox";
+import type { AriaValidationProps } from "@react-types/shared";
+import type React from "react";
+import type { AriaComboBoxOptions, AriaComboBoxProps } from "react-aria";
+import type { ComboBoxStateOptions } from "react-stately";
+export interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | "dragAndDropHooks" | "orientation" | "layout" | "renderSectionHeader" | "showSectionHeader" | "withSectionHeaderPadding" | "listBoxHandle" | "sectionClassName" | "sectionStyle">, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage, Pick<ActionIconButtonProps, "tooltip">, Pick<ColorInputProps, "onTriggerPress"> {
+    /** ID of the initially selected item */
+    defaultSelectedKey?: string;
+    /**
+     * The state of the combobox input.
+     *
+     * @default valid
+     */
+    validationState?: "valid" | "error" | "warning";
+    /**
+     * The variant of the text input.
+     *
+     * @default primary
+     */
+    variant?: "primary" | "ghost";
+    /**
+     * The position of the label relative to the input.
+     *
+     * @default top
+     */
+    labelPosition?: "top" | "start";
+    /** Whether the input is read only. */
+    readOnly?: boolean;
+    /** The style object to apply to the input element */
+    inputStyle?: React.CSSProperties;
+    /** The class name to apply to the input element */
+    inputClassName?: string;
+    /** Optional label for the toggle button */
+    toggleLabel?: string;
+    filterItems?: boolean;
+    onInputChange?: (value: string) => void;
+    showIcon?: boolean;
+    /**
+     * The items to render in the listbox. Items have the following shape:
+     *
+     * ```ts
+     * export type ListOption = {
+     *   id: string;
+     *   label: string;
+     *   description?: string;
+     *   icon?: React.FC<IconProps>;
+     * };
+     *
+     * export type ListSection = {
+     *   id: string;
+     *   title?: string;
+     *   type: "section";
+     *   children: ListOption[];
+     * };
+     *
+     * type ListItem = ListOption | ListSection;
+     * ```
+     */
+    items: ListItem[];
+    /**
+     * Specify which interaction should trigger the dropdown to open
+     *
+     * @default input
+     */
+    menuTrigger?: "manual" | "input" | "focus";
+    /** Custom filter function to use when filtering items. */
+    filter?: ComboBoxStateOptions<ListItem>["defaultFilter"];
+    /**
+     * The type of the input field
+     *
+     * @default text
+     */
+    inputType?: "text" | "number";
+    /**
+     * The minimum value for the input field. This is only valid when `inputType`
+     * is set to `number`.
+     */
+    minValue?: number;
+    /**
+     * The maximum value for the input field. This is only valid when `inputType`
+     * is set to `number`.
+     */
+    maxValue?: number;
+    /** Listener to call when the input value is submitted */
+    onInputSubmit?: (value: string) => void;
+    /** Listener to call when the selected value changes */
+    onValueChange?: (option: {
+        value?: string;
+        key?: string | null;
+    }) => void;
+}

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

@@ -0,0 +1,3 @@
+export { ComboBox } from "./ComboBox";
+export { type ComboBoxProps } from "./ComboBox.types";
+export * from "./ComboBox";

package/dist/components/ComboBox/useOnValueChange.d.ts

@@ -0,0 +1,6 @@
+import type { ComboBoxProps } from "./ComboBox.types";
+import type React from "react";
+import type { useComboBoxState } from "react-stately";
+export declare function useOnValueChange({ allowsCustomValue, onValueChange, inputValue, }: Pick<ComboBoxProps, "allowsCustomValue" | "onValueChange" | "inputValue">, state: ReturnType<typeof useComboBoxState>, ref: React.RefObject<HTMLElement>, inputRef: React.RefObject<HTMLInputElement>, popoverRef: React.RefObject<HTMLElement>): {
+    inputProps: React.ComponentProps<"input">;
+};

package/dist/components/DateField/DateField.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { DateValue } from "react-aria";
+import type { DateFieldStateOptions } from "react-stately";
+export declare const DateField: React.ForwardRefExoticComponent<import("../..").StylingProps & Omit<Omit<DateFieldStateOptions<DateValue>, "locale"> & import("react-aria").AriaDateFieldProps<DateValue>, "validationState" | "isRequired" | "validate" | "isInvalid" | "createCalendar"> & Pick<import("../shared/components/SharedInput/SharedInput.types").SharedInputProps, "label" | "variant" | "labelPosition" | "validationState"> & import("../TextInput/TextInput.types").InputMessage & {
+    pickerType?: import("./DateField.types").DateFieldPickerType;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DateField/DateField.types.d.ts

@@ -0,0 +1,17 @@
+import type { StylingProps } from "../../utils";
+import type { SharedInputProps } from "../shared/components/SharedInput/SharedInput.types";
+import type { InputMessage } from "../TextInput/TextInput.types";
+import type { AriaDateFieldProps, DateValue } from "react-aria";
+import type { DateFieldStateOptions } from "react-stately";
+export type DateFieldPickerType = "none" | "presentation" | "calendar";
+export type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage & {
+    /**
+     * Controls the calendar picker integration.
+     * - `"none"`: No calendar icon or picker (default).
+     * - `"presentation"`: Trailing calendar icon, non-interactive.
+     * - `"calendar"`: Trailing calendar icon button that opens a Calendar popover.
+     *
+     * @default "none"
+     */
+    pickerType?: DateFieldPickerType;
+};

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

@@ -0,0 +1,3 @@
+export { DateField } from "./DateField";
+export { type DateFieldProps, type DateFieldPickerType, } from "./DateField.types";
+export * from "./DateField";

package/dist/components/DateField/intl/index.d.ts

@@ -0,0 +1,102 @@
+declare const _default: {
+    ar: {
+        "bui.dateField.openCalendar": string;
+    };
+    cs: {
+        "bui.dateField.openCalendar": string;
+    };
+    cy: {
+        "bui.dateField.openCalendar": string;
+    };
+    da: {
+        "bui.dateField.openCalendar": string;
+    };
+    de: {
+        "bui.dateField.openCalendar": string;
+    };
+    el: {
+        "bui.dateField.openCalendar": string;
+    };
+    en_GB: {
+        "bui.dateField.openCalendar": string;
+    };
+    en: {
+        "bui.dateField.openCalendar": string;
+    };
+    es: {
+        "bui.dateField.openCalendar": string;
+    };
+    fi: {
+        "bui.dateField.openCalendar": string;
+    };
+    fr_CA: {
+        "bui.dateField.openCalendar": string;
+    };
+    fr: {
+        "bui.dateField.openCalendar": string;
+    };
+    he: {
+        "bui.dateField.openCalendar": string;
+    };
+    hr: {
+        "bui.dateField.openCalendar": string;
+    };
+    id: {
+        "bui.dateField.openCalendar": string;
+    };
+    it: {
+        "bui.dateField.openCalendar": string;
+    };
+    ja: {
+        "bui.dateField.openCalendar": string;
+    };
+    ko: {
+        "bui.dateField.openCalendar": string;
+    };
+    ms: {
+        "bui.dateField.openCalendar": string;
+    };
+    nb_NO: {
+        "bui.dateField.openCalendar": string;
+    };
+    nl: {
+        "bui.dateField.openCalendar": string;
+    };
+    pl: {
+        "bui.dateField.openCalendar": string;
+    };
+    pt_PT: {
+        "bui.dateField.openCalendar": string;
+    };
+    pt: {
+        "bui.dateField.openCalendar": string;
+    };
+    ru: {
+        "bui.dateField.openCalendar": string;
+    };
+    sk: {
+        "bui.dateField.openCalendar": string;
+    };
+    sl: {
+        "bui.dateField.openCalendar": string;
+    };
+    sv: {
+        "bui.dateField.openCalendar": string;
+    };
+    th: {
+        "bui.dateField.openCalendar": string;
+    };
+    tr: {
+        "bui.dateField.openCalendar": string;
+    };
+    uk: {
+        "bui.dateField.openCalendar": string;
+    };
+    zh_Hans: {
+        "bui.dateField.openCalendar": string;
+    };
+    zh_Hant: {
+        "bui.dateField.openCalendar": string;
+    };
+};
+export default _default;

package/dist/components/DateFormat/DateFormat.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { DateFormatProps } from "./DateFormat.types";
+export declare const DateFormat: React.FC<DateFormatProps>;

package/dist/components/DateFormat/DateFormat.types.d.ts

@@ -0,0 +1,5 @@
+import type { useDateFormatter } from "react-aria";
+export type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
+    /** The date to format. */
+    date: Date;
+};

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

@@ -0,0 +1,2 @@
+export { DateFormat } from "./DateFormat";
+export { type DateFormatProps } from "./DateFormat.types";