@plexui/ui 0.2.0

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

@@ -0,0 +1,36 @@
+import { type ReactNode, type Ref } from "react";
+import { type SemanticColors, type Variants } from "../../types";
+export type AlertProps = {
+    /**
+     * Color for the button
+     * @default primary
+     */
+    color?: SemanticColors<"primary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning">;
+    /**
+     * Style variant for the Button
+     * @default fill
+     */
+    variant?: Variants<"solid" | "soft" | "outline">;
+    /** Title displayed in the alert. */
+    title?: ReactNode;
+    /** Description text displayed in the alert */
+    description?: ReactNode;
+    /** Actions associated with the Alert. */
+    actions?: ReactNode;
+    /** Sets the placement of `actions` always on the end or the bottom. Default behavior is automatic placement based on sizing. */
+    actionsPlacement?: "end" | "bottom";
+    /** Optional override for the default indicator of the alert. When `false`, no indicator is shown. */
+    indicator?: ReactNode | false;
+    /** Class applied to the alert container */
+    className?: string;
+    /** Class applied to the actions container */
+    actionsClassName?: string;
+    /** Callback when dismiss button is clicked. Shows dismiss button when provided. */
+    onDismiss?: () => void;
+    /** Ref applied to the alert container */
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const Alert: ({ color, variant, title, description, actions, actionsPlacement, indicator, className, actionsClassName, onDismiss, ref, ...restProps }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Indicator: ({ color }: {
+    color: AlertProps["color"];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1 @@
+export { Alert, type AlertProps } from "./Alert";

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

@@ -0,0 +1,31 @@
+import { type SemanticColors, type Variants } from "../../types";
+export type AvatarProps = {
+    /** Class name applied to the avatar */
+    className?: string;
+    /** Size of the avatar's width & height, in pixels. */
+    size?: number;
+    /** Display a formatted count of overflow objects. */
+    overflowCount?: number;
+    /** Name used to display initials from */
+    name?: string;
+    /**
+     * Color used for the avatar
+     * @default secondary
+     */
+    color?: SemanticColors<"primary" | "secondary" | "success" | "info" | "discovery" | "danger">;
+    /**
+     * Style variant of the avatar
+     * @default soft
+     */
+    variant?: Variants<"soft" | "solid">;
+    /** URL of the image to display as the avatar */
+    imageUrl?: string;
+    /** Icon to render in the avatar circle */
+    Icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    /** Optional click handler, which also enables semantic interactions */
+    onClick?: () => void;
+    /** Optional pointer handler, which also enables semantic interactions */
+    onPointerDown?: () => void;
+};
+export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarInner: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export type AvatarGroupProps = {
+    /** Class name passed to the group container */
+    className?: string;
+    /**
+     * Determines stacking layer order
+     * @default start
+     */
+    stack?: "start" | "end";
+    /** Size all avatars in the group, in pixels. */
+    size?: number;
+    children: ReactNode;
+};
+export declare const AvatarGroup: ({ className, stack, size, children }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar, type AvatarProps } from "./Avatar";
+export { AvatarGroup, type AvatarGroupProps } from "./AvatarGroup";

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+import { type SemanticColors, type Sizes, type Variants } from "../../types";
+export type BadgeProps = {
+    /** Content rendered inside the badge */
+    children: ReactNode;
+    /** Class applied to the badge */
+    className?: string;
+    /**
+     * Visual style of the badge
+     * @default soft
+     */
+    variant?: Variants<"solid" | "soft" | "outline">;
+    /**
+     * Size scale of the badge
+     *
+     * | sm      | md      | lg      |
+     * | ------- | ------- | ------- |
+     * | `20px`  | `22px`  | `24px`  |
+     * @default sm
+     */
+    size?: Sizes<"sm" | "md" | "lg">;
+    /**
+     * Determines if the badge should be a fully rounded pill shape
+     * @default false
+     */
+    pill?: boolean;
+    /**
+     * Color of the badge, related to its meaning or intent
+     * @default secondary
+     */
+    color?: SemanticColors<"secondary" | "success" | "danger" | "warning" | "info" | "discovery" | "caution">;
+};
+export declare const Badge: ({ children, className, variant, color, size, pill, ...restMaybeAsChildProps }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,110 @@
+import { type ButtonHTMLAttributes, type ComponentProps, type ComponentType, type ReactNode } from "react";
+import { type ControlSize, type SemanticColors, type Sizes, type Variants } from "../../types";
+type CommonProps = {
+    /**
+     * Color for the button
+     * @default secondary
+     */
+    color: SemanticColors<"primary" | "secondary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning">;
+    /**
+     * Style variant for the Button
+     * @default "solid"
+     */
+    variant?: Variants<"solid" | "soft" | "outline" | "ghost">;
+    /**
+     * Determines if the button should be a fully rounded pill shape
+     * @default false
+     */
+    pill?: boolean;
+    /**
+     * Disables the button visually and from interactions
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Controls the visual tone when the button is disabled. "relaxed" will use a default cursor instead of not-allowed.
+     */
+    disabledTone?: "relaxed";
+    /**
+     * Determines if the button should take up 100% of available width
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Applies a negative margin using the current gutter to optically align the button
+     * with surrounding content.
+     */
+    opticallyAlign?: "start" | "end";
+    /**
+     * Controls size of the button, specifically height, but also includes defaults for `gutterSize`, `iconSize`, `font-size`, etc.
+     *
+     * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |
+     * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |
+     * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |
+     * @default md
+     */
+    size?: ControlSize;
+    /**
+     * Controls the size of icons within the button, defaults to value from `size`.
+     *
+     * | xs     | sm     | md     | lg     | xl     | 2xl    |
+     * | ------ | ------ | ------ | ------ | ------ | ------ |
+     * | `14px` | `16px` | `18px` | `20px` | `22px` | `24px` |
+     */
+    iconSize?: Sizes<"sm" | "md" | "lg" | "xl" | "2xl">;
+    /**
+     * Controls gutter on the edges of the button, defaults to value from `size`.
+     *
+     * | 3xs    | 2xs    | xs     | sm     | md     | lg     | xl     |
+     * | ------ | ------ | ------ | ------ | ------ | ------ | ------ |
+     * | `4px`  | `6px`  | `8px`  | `10px` | `12px` | `14px` | `16px` |
+     */
+    gutterSize?: Sizes<"3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl">;
+    /** Custom class applied to the Button element */
+    className?: string;
+    /** Content rendered inside of the Button */
+    children: React.ReactNode;
+};
+export type ButtonProps = CommonProps & {
+    /**
+     * Determines if the button should have matching width and height, based on the `size`.
+     * @default false
+     */
+    uniform?: boolean;
+    /**
+     * Displays selected styles on the button, varying by `variant
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Displays loading indicator on top of button contents
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Determines whether the button should be made inert, without introducing visual change.
+     * @default false
+     */
+    inert?: boolean;
+    /** Ref for the button */
+    ref?: React.Ref<HTMLButtonElement | null>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+type ButtonLink = <T extends ComponentType<any> | "a" = PlexUI.LinkComponent>(props: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & CommonProps & {
+    /**
+     * Explicity specify that the link is an external link. This should be
+     * automatically detected based on the URL, but in some cases (e.g.
+     * my-app://foo) you may want to explicitly set this.
+     */
+    external?: boolean;
+    /**
+     * Override the default component used for the link. This is useful for
+     * using a routing library, or SSR rendering.
+     * purposes.
+     *
+     * @default 'a'
+     */
+    as?: T;
+} & ComponentProps<T>) => ReactNode;
+export declare const ButtonLink: ButtonLink;
+export {};

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

@@ -0,0 +1,9 @@
+import { type ClipboardContent } from "../../lib/copyToClipboard";
+import { type ButtonProps } from "./Button";
+export type CopyButtonProps = {
+    copyValue: string | ClipboardContent | (() => string) | (() => ClipboardContent);
+    children?: React.ReactNode | ((props: {
+        copied: boolean;
+    }) => React.ReactNode);
+} & Omit<ButtonProps, "children">;
+export declare const CopyButton: ({ children, copyValue, onClick, ...restProps }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Button, ButtonLink, type ButtonProps } from "./Button";
+export { CopyButton, type CopyButtonProps } from "./CopyButton";

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

@@ -0,0 +1,34 @@
+import { type FocusEventHandler, type ReactNode } from "react";
+export type CheckboxProps = {
+    /** The `id` of the checkbox. */
+    id?: string;
+    /** The state of the checkbox when it is initially rendered. Use when you do not need to control its state. */
+    defaultChecked?: boolean | "indeterminate";
+    /** The controlled state of the checkbox. Must be used in conjunction with `onCheckedChange`. */
+    checked?: boolean | "indeterminate";
+    /** Optional accessible label rendered to the right of the checkbox. */
+    label?: ReactNode;
+    /** Event handler called when the state of the checkbox changes. */
+    onCheckedChange?: (nextState: boolean) => void;
+    /** Event handler called when the checkbox looses focus. */
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+    /** Event handler called when the checkbox gains focus. */
+    onFocus?: FocusEventHandler<HTMLButtonElement>;
+    /** When `true`, prevents the user from interacting with the checkbox. */
+    disabled?: boolean;
+    /** When `true`, indicates that the user must check the checkbox before the owning form can be submitted. */
+    required?: boolean;
+    /** The name of the checkbox. Submitted with its owning form as part of a name/value pair. */
+    name?: string;
+    /** The value given as data when submitted with a `name`. */
+    value?: string;
+    /** CSS classes applied to wrapper node */
+    className?: string;
+    /**
+     * The orientation of the checkbox relative to the label.
+     *
+     * @default "left"
+     */
+    orientation?: "left" | "right";
+};
+export declare const Checkbox: ({ className, label, id: propsId, disabled, orientation, ...restProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { Checkbox, type CheckboxProps } from "./Checkbox";

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

@@ -0,0 +1,21 @@
+import { type ComponentProps } from "react";
+export declare function CodeBlock({ children, language, className, }: {
+    children: string;
+    language?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockBase({ className, children, ...restProps }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare namespace CodeBlockBase {
+    var CopyButton: ({ className, copyValue, loading, disabled, }: {
+        className?: string;
+        copyValue: string;
+        disabled?: boolean;
+        loading?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Code: ({ className, children, language, codeTagProps, }: {
+        className?: string;
+        children: string;
+        language?: string;
+        codeTagProps?: React.HTMLProps<HTMLElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+}

package/dist/types/components/CodeBlock/CollapsibleCodeBlock.d.ts

@@ -0,0 +1,17 @@
+export type CollapsibleCodeBlockProps = {
+    /** The code string to display */
+    children: string;
+    /** Syntax highlighting language */
+    language?: string;
+    /** Whether the code block starts expanded */
+    defaultExpanded?: boolean;
+    /** Height of the collapsed container in pixels */
+    collapsedHeight?: number;
+    /** Maximum height when expanded (enables scroll if exceeded) */
+    maxExpandedHeight?: number;
+    /** Whether to show the copy button when expanded */
+    copyable?: boolean;
+    /** Additional class name for the container */
+    className?: string;
+};
+export declare function CollapsibleCodeBlock({ children, language, defaultExpanded, collapsedHeight, maxExpandedHeight, copyable, className, }: CollapsibleCodeBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/CodeBlock/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeBlock, CodeBlockBase } from "./CodeBlock";
+export { CollapsibleCodeBlock, type CollapsibleCodeBlockProps } from "./CollapsibleCodeBlock";

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

@@ -0,0 +1 @@
+export declare const DateCalendar: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,103 @@
+import { DateTime } from "luxon";
+import { type PopoverContentProps } from "../Popover";
+import { type SelectControlProps } from "../SelectControl";
+export type DatePickerProps = {
+    /**
+     * Allow targeting the input for forms and accessibility.
+     */
+    id: string;
+    /**
+     * The selected date value.
+     */
+    value: DateTime | null;
+    /**
+     * Handler that is triggered when the date changes.
+     */
+    onChange: (nextValue: DateTime | null) => void;
+    /**
+     * Defines the earliest selectable date (inclusive).
+     */
+    min?: DateTime;
+    /**
+     * Defines the latest selectable date (inclusive).
+     */
+    max?: DateTime;
+    /**
+     * The preferred side of the trigger to render against when open. Will be reversed when collisions occur.
+     * @default bottom
+     */
+    side?: PopoverContentProps["side"];
+    /**
+     * The distance in pixels from the trigger.
+     * @default 8
+     */
+    sideOffset?: PopoverContentProps["sideOffset"];
+    /**
+     * The preferred alignment against the trigger. May change when collisions occur.
+     * @default center
+     */
+    align?: PopoverContentProps["align"];
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     * @default 0
+     */
+    alignOffset?: PopoverContentProps["alignOffset"];
+    /**
+     * Disables the select visually and from interactions
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Placeholder text for the select
+     * @default Select date...
+     */
+    placeholder?: string;
+    /**
+     * Style variant for the select trigger
+     * @default outline
+     */
+    variant?: SelectControlProps["variant"];
+    /**
+     * Determines if the select trigger should be a fully rounded pill shape
+     * @default false
+     */
+    pill?: boolean;
+    /**
+     * Determines size of the size and spacing of the control.
+     *
+     * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |
+     * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |
+     * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |
+     * @default md
+     */
+    size?: SelectControlProps["size"];
+    /**
+     * Icon displayed in the far right of the select trigger
+     * @default dropdown
+     */
+    dropdownIconType?: SelectControlProps["dropdownIconType"];
+    /**
+     * Custom class applied to the select trigger
+     */
+    triggerClassName?: string;
+    /**
+     * Display calendar icon at the start of the trigger
+     * @default true
+     */
+    triggerShowIcon?: boolean;
+    /**
+     * Format of dates displayed in the trigger
+     */
+    triggerDateFormat: string;
+    /**
+     * Display a clear action that allows the select to be unset.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * Extends select to 100% of available width.
+     * @default true
+     */
+    block?: boolean;
+};
+export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { DateTime } from "luxon";
+import type { SelectControlProps } from "../SelectControl";
+export type DateContextValue = {
+    value: DateTime | null;
+    min?: DateTime;
+    max?: DateTime;
+    triggerClassName?: string;
+    triggerShowIcon?: boolean;
+    triggerDateFormat: string;
+    disabled: boolean;
+    variant?: SelectControlProps["variant"];
+    pill: boolean;
+    block: boolean;
+    size?: SelectControlProps["size"];
+    dropdownIconType?: SelectControlProps["dropdownIconType"];
+    clearable: boolean;
+    placeholder: string;
+    onChangeRef: React.MutableRefObject<(nextValue: DateTime | null) => void>;
+};
+export declare const DateContext: import("react").Context<DateContextValue | null>;
+export declare const useDateContext: () => DateContextValue;

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

@@ -0,0 +1,2 @@
+export { DatePicker } from "./DatePicker";
+export type { DatePickerProps } from "./DatePicker";

package/dist/types/components/DateRangePicker/Calendar.d.ts

@@ -0,0 +1,5 @@
+import { type DateRangeShortcut } from "./types";
+export declare const DateRangeCalendar: () => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangeShortcuts: ({ shortcuts }: {
+    shortcuts?: DateRangeShortcut[];
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,115 @@
+import { DateTime } from "luxon";
+import { type PopoverContentProps } from "../Popover";
+import type { SelectControlProps } from "../SelectControl";
+import { type DateRange, type DateRangeShortcut } from "./types";
+export type DateRangePickerProps = {
+    /**
+     * The selected date range value.
+     */
+    value: DateRange | null;
+    /**
+     * Handler that is triggered when the date range changes.
+     */
+    onChange: (nextValue: DateRange | null, shortcut?: DateRangeShortcut) => void;
+    /**
+     * Defines the earliest selectable date (inclusive).
+     */
+    min?: DateTime;
+    /**
+     * Defines the latest selectable date (inclusive).
+     */
+    max?: DateTime;
+    /**
+     * Maximum length of the selectable range in days (inclusive).
+     * When set, the end date cannot be more than this many days after the start date.
+     */
+    maxRangeDays?: number;
+    /**
+     * List of date range shortcuts displayed for quick selection, shown to the left of the calendar.
+     */
+    shortcuts?: DateRangeShortcut[];
+    /**
+     * The preferred side of the trigger to render against when open. Will be reversed when collisions occur.
+     * @default bottom
+     */
+    side?: PopoverContentProps["side"];
+    /**
+     * The distance in pixels from the trigger.
+     * @default 8
+     */
+    sideOffset?: PopoverContentProps["sideOffset"];
+    /**
+     * The preferred alignment against the trigger. May change when collisions occur.
+     * @default center
+     */
+    align?: PopoverContentProps["align"];
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     * @default 0
+     */
+    alignOffset?: PopoverContentProps["alignOffset"];
+    /**
+     * Disables the select visually and from interactions
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Placeholder text for the select
+     * @default Select date range...
+     */
+    placeholder?: string;
+    /**
+     * Style variant for the select trigger
+     * @default outline
+     */
+    variant?: SelectControlProps["variant"];
+    /**
+     * Determines if the select trigger should be a fully rounded pill shape
+     * @default false
+     */
+    pill?: boolean;
+    /**
+     * Determines size of the size and spacing of the control.
+     *
+     * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |
+     * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |
+     * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |
+     * @default md
+     */
+    size?: SelectControlProps["size"];
+    /**
+     * Icon displayed in the far right of the select trigger
+     * @default dropdown
+     */
+    dropdownIconType?: SelectControlProps["dropdownIconType"];
+    /**
+     * Custom class applied to the select trigger
+     */
+    triggerClassName?: string;
+    /**
+     * Display calendar icon at the start of the trigger
+     * @default true
+     */
+    triggerShowIcon?: boolean;
+    /**
+     * Allows the trigger to display as a stepper when the selected date matches the unit.
+     * Currently 'month' is the only supported unit.
+     */
+    triggerStepperUnit?: "month";
+    /**
+     * Format of dates displayed in the trigger
+     * @default "MM/dd/yy"
+     */
+    triggerDateFormat?: string;
+    /**
+     * Display a clear action that allows the select to be unset.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * Extends select to 100% of available width.
+     * @default true
+     */
+    block?: boolean;
+};
+export declare const DateRangePicker: (props: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DateRangePicker/Trigger.d.ts

@@ -0,0 +1,2 @@
+import { type ComponentProps } from "react";
+export declare const DateRangeTrigger: (props: ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DateRangePicker/context.d.ts

@@ -0,0 +1,25 @@
+import { DateTime } from "luxon";
+import type { SelectControlProps } from "../SelectControl";
+import type { DateRange, DateRangeShortcut } from "./types";
+export type DateRangeContextValue = {
+    value: DateRange | null;
+    min?: DateTime;
+    max?: DateTime;
+    maxRangeDays?: number;
+    triggerStepperUnit?: "month";
+    triggerClassName?: string;
+    triggerShowIcon?: boolean;
+    triggerDateFormat: string;
+    disabled: boolean;
+    variant?: SelectControlProps["variant"];
+    pill: boolean;
+    block: boolean;
+    size?: SelectControlProps["size"];
+    dropdownIconType?: SelectControlProps["dropdownIconType"];
+    clearable: boolean;
+    placeholder: string;
+    shortcuts?: DateRangeShortcut[];
+    onChangeRef: React.MutableRefObject<(nextValue: DateRange | null, shortcut?: DateRangeShortcut) => void>;
+};
+export declare const DateRangeContext: import("react").Context<DateRangeContextValue | null>;
+export declare const useDateRangeContext: () => DateRangeContextValue;

package/dist/types/components/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangePicker, type DateRangePickerProps } from "./DateRangePicker";
+export { type DateRange, type DateRangeShortcut } from "./types";

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

@@ -0,0 +1,6 @@
+import { type DateTime } from "luxon";
+export type DateRange = [DateTime, DateTime];
+export type DateRangeShortcut = {
+    label: string;
+    getDateRange: () => DateRange;
+};