@shophost/react 0.1.3

package/components/ui/dialog.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import * as DialogPrimitives from '@radix-ui/react-dialog';
+declare const Dialog: {
+    (props: React.ComponentPropsWithoutRef<typeof DialogPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitives.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitives.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitives.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitives.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitives.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, };

package/components/ui/divider.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+interface DividerProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+export { Divider };

package/components/ui/drawer.d.ts

@@ -0,0 +1,18 @@
+import * as DrawerPrimitives from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare const Drawer: {
+    (props: React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<DrawerPrimitives.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<Omit<DrawerPrimitives.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<DrawerPrimitives.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DrawerPrimitives.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DrawerPrimitives.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, };

package/components/ui/dropdown.d.ts

@@ -0,0 +1,30 @@
+import * as DropdownMenuPrimitives from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitives.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitives.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitives.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubMenu: React.FC<DropdownMenuPrimitives.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitives.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    shortcut?: string;
+    hint?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    shortcut?: string;
+    hint?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    shortcut?: string;
+    hint?: string;
+    iconType?: "check" | "radio";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitives.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuIconWrapper: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuIconWrapper, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSubMenu, DropdownMenuSubMenuContent, DropdownMenuSubMenuTrigger, DropdownMenuTrigger, };

package/components/ui/form-generator.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { UseFormReturn } from 'react-hook-form';
+import { InputType } from './input';
+import { Option } from './input/select-input';
+export interface FieldConfig {
+    name: string;
+    label?: string;
+    description?: string;
+    type: InputType;
+    placeholder?: string;
+    localizable?: boolean;
+    colspan?: 1 | 2 | 3 | 4;
+    multiple?: boolean;
+    prefix?: string;
+    options?: Option[];
+    fields?: Omit<FieldConfig, "fields">[];
+}
+export interface FormGeneratorProps {
+    form: UseFormReturn<any>;
+    config: FieldConfig[];
+    columns?: 1 | 2 | 3 | 4;
+    onCancel?: () => void;
+    cancelText?: string;
+    okText?: string;
+    loading?: boolean;
+    onSubmit?: (formData: any) => void;
+}
+declare const FormGenerator: FC<FormGeneratorProps>;
+export { FormGenerator };

package/components/ui/header.d.ts

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

package/components/ui/icons/ArrowAnimated.d.ts

@@ -0,0 +1 @@
+export declare function ArrowAnimated({ className, ...props }: React.HTMLAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/ui/icons/spinner-icon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+interface SpinnerIconProps extends React.SVGProps<SVGSVGElement> {
+}
+declare const SpinnerIcon: React.FC<SpinnerIconProps>;
+export { SpinnerIcon };

package/components/ui/input/country-input.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface CountryInputProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+declare const CountryInput: React.FC<CountryInputProps>;
+export { CountryInput };

package/components/ui/input/email-input.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { InputProps } from './text-input';
+interface EmailInputProps extends Omit<InputProps, 'type'> {
+    id?: string;
+}
+declare const EmailInput: React.FC<EmailInputProps>;
+export { EmailInput };

package/components/ui/input/image-upload-input.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { UploadedFile } from '../../../../../client/src/index.ts';
+interface ImageUploadBaseProps {
+    pathPrefix?: string;
+    organizationId?: string;
+}
+interface SingleImageUploadProps extends ImageUploadBaseProps {
+    multiple?: false;
+    onChange: (file: UploadedFile | undefined) => void;
+    value?: UploadedFile;
+}
+interface MultipleImageUploadProps extends ImageUploadBaseProps {
+    multiple: true;
+    onChange: (files: UploadedFile[] | undefined) => void;
+    value?: UploadedFile[];
+}
+type ImageUploadProps = SingleImageUploadProps | MultipleImageUploadProps;
+declare const ImageUploadInput: React.FC<ImageUploadProps>;
+export { ImageUploadInput };

package/components/ui/input/phone-number-input.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface PhoneNumberInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onBlur?: () => void;
+}
+declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
+export { PhoneNumberInput };

package/components/ui/input/select-input.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface Option {
+    label: string;
+    value: string;
+}
+interface GenericInputProps {
+    options: Option[];
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    multiple?: boolean;
+    placeholder?: string;
+}
+declare const SelectInput: React.FC<GenericInputProps>;
+export { SelectInput };

package/components/ui/input/text-input.d.ts

@@ -0,0 +1,87 @@
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const inputStyles: import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], {
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], unknown, unknown, undefined>>;
+type InputType = React.HTMLInputTypeAttribute | "textarea";
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<typeof inputStyles> & {
+    inputClassName?: string;
+    type?: InputType;
+    /** Optional prefix element (e.g. a currency symbol) */
+    prefix?: React.ReactNode;
+    /** Optional suffix element (e.g. a currency code) */
+    suffix?: React.ReactNode;
+};
+declare const TextInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], {
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], unknown, unknown, undefined>>> & {
+    inputClassName?: string;
+    type?: InputType;
+    /** Optional prefix element (e.g. a currency symbol) */
+    prefix?: React.ReactNode;
+    /** Optional suffix element (e.g. a currency code) */
+    suffix?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export { TextInput, inputStyles, type InputProps };

package/components/ui/input-array-group.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { UseFormReturn } from 'react-hook-form';
+import { FieldConfig } from './form-generator';
+interface InputGroupProps {
+    form: UseFormReturn<any>;
+    columns?: 1 | 2 | 3 | 4;
+    config: FieldConfig;
+}
+declare const InputArrayGroup: React.FC<InputGroupProps>;
+export { InputArrayGroup };

package/components/ui/input-group.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { Locale } from '../../../../client/src/index.ts';
+import { InputType } from './input';
+import { Option } from './input/select-input';
+interface InputGroupProps {
+    name: string;
+    type?: InputType;
+    label?: string;
+    className?: string;
+    placeholder?: string;
+    localizable?: boolean;
+    locale?: Locale;
+    multiple?: boolean;
+    options?: Option[];
+    prefix?: string;
+}
+export declare const getFieldError: (obj: Record<string, any> | undefined, path: string) => any;
+declare const InputGroup: React.FC<InputGroupProps>;
+export { InputGroup };

package/components/ui/input-object-group.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { FieldConfig } from './form-generator';
+interface InputGroupProps {
+    columns?: 1 | 2 | 3 | 4;
+    config: FieldConfig;
+}
+declare const InputNestedGroup: React.FC<InputGroupProps>;
+export { InputNestedGroup };

package/components/ui/input.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Option } from './input/select-input';
+export type InputType = "text" | "email" | "file" | "number" | "phone-number" | "country" | "textarea" | "select" | "switch" | "array" | "object" | "time";
+interface InputProps {
+    name: string;
+    type: InputType;
+    prefix?: string;
+    placeholder?: string;
+    multiple?: boolean;
+    options?: Option[];
+}
+declare const Input: React.FC<InputProps>;
+export { Input };

package/components/ui/label.d.ts

@@ -0,0 +1,7 @@
+import * as LabelPrimitives from "@radix-ui/react-label";
+import * as React from "react";
+interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitives.Root> {
+    disabled?: boolean;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/components/ui/line-chart.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { AvailableChartColorsKeys } from '../../lib/chartUtils';
+type BaseEventProps = {
+    eventType: 'dot' | 'category';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type LineChartEventProps = BaseEventProps | null | undefined;
+interface LineChartProps extends React.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    yAxisWidth?: number;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowDecimals?: boolean;
+    onValueChange?: (value: LineChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    tickGap?: number;
+    connectNulls?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+}
+declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
+export { LineChart, type LineChartEventProps };

package/components/ui/logo.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+interface LogoProps {
+}
+declare const Logo: React.FC<LogoProps>;
+export { Logo };

package/components/ui/multiple-select.d.ts

@@ -0,0 +1,73 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Command } from './command';
+import * as React from 'react';
+export interface Option {
+    value: string;
+    label: string;
+    disable?: boolean;
+    /** fixed option that can't be removed. */
+    fixed?: boolean;
+    /** Group the options by providing key. */
+    [key: string]: string | boolean | undefined;
+}
+interface MultipleSelectorProps {
+    value?: Option[];
+    defaultOptions?: Option[];
+    /** manually controlled options */
+    options?: Option[];
+    placeholder?: string;
+    /** Loading component. */
+    loadingIndicator?: React.ReactNode;
+    /** Empty component. */
+    emptyIndicator?: React.ReactNode;
+    /** Debounce time for async search. Only work with `onSearch`. */
+    delay?: number;
+    /**
+     * Only work with `onSearch` prop. Trigger search when `onFocus`.
+     * For example, when user click on the input, it will trigger the search to get initial options.
+     **/
+    triggerSearchOnFocus?: boolean;
+    /** async search */
+    onSearch?: (value: string) => Promise<Option[]>;
+    /**
+     * sync search. This search will not showing loadingIndicator.
+     * The rest props are the same as async search.
+     * i.e.: creatable, groupBy, delay.
+     **/
+    onSearchSync?: (value: string) => Option[];
+    onChange?: (options: Option[]) => void;
+    /** Limit the maximum number of selected options. */
+    maxSelected?: number;
+    /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */
+    onMaxSelected?: (maxLimit: number) => void;
+    /** Hide the placeholder when there are options selected. */
+    hidePlaceholderWhenSelected?: boolean;
+    disabled?: boolean;
+    /** Group the options base on provided key. */
+    groupBy?: string;
+    className?: string;
+    /**
+     * First item selected is a default behavior by cmdk. That is why the default is true.
+     * This is a workaround solution by add a dummy item.
+     *
+     * @reference: https://github.com/pacocoursey/cmdk/issues/171
+     */
+    selectFirstItem?: boolean;
+    /** Allow user to create option when there is no option matched. */
+    creatable?: boolean;
+    /** Props of `Command` */
+    commandProps?: React.ComponentPropsWithoutRef<typeof Command>;
+    /** Props of `CommandInput` */
+    inputProps?: Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, 'value' | 'placeholder' | 'disabled'>;
+    /** hide the clear all button. */
+    hideClearAllButton?: boolean;
+}
+export interface MultipleSelectorRef {
+    selectedValue: Option[];
+    input: HTMLInputElement;
+    focus: () => void;
+    reset: () => void;
+}
+export declare function useDebounce<T>(value: T, delay?: number): T;
+declare const MultipleSelector: React.ForwardRefExoticComponent<MultipleSelectorProps & React.RefAttributes<MultipleSelectorRef>>;
+export default MultipleSelector;

package/components/ui/navigation/DropdownUserProfile.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type DropdownUserProfileProps = {
+    children: React.ReactNode;
+    align?: "center" | "start" | "end";
+};
+export declare function DropdownUserProfile({ children, align, }: DropdownUserProfileProps): import("react/jsx-runtime").JSX.Element | null;

package/components/ui/navigation/MobileSidebar.d.ts

@@ -0,0 +1 @@
+export default function MobileSidebar(): import("react/jsx-runtime").JSX.Element | null;

package/components/ui/navigation/Sidebar.d.ts

@@ -0,0 +1 @@
+export declare function Sidebar(): import("react/jsx-runtime").JSX.Element;

package/components/ui/navigation/SidebarWorkspacesDropdown.d.ts

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

package/components/ui/navigation/UserProfile.d.ts

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

package/components/ui/overview/DashboardCategoryBarCard.d.ts

@@ -0,0 +1,13 @@
+import { KpiEntryExtended } from './dashboard-types';
+export type CardProps = {
+    title: string;
+    change: string;
+    value: string;
+    valueDescription: string;
+    subtitle: string;
+    ctaDescription: string;
+    ctaText: string;
+    ctaLink: string;
+    data: KpiEntryExtended[];
+};
+export declare function CategoryBarCard({ title, change, value, valueDescription, subtitle, ctaDescription, ctaText, ctaLink, data, }: CardProps): import("react/jsx-runtime").JSX.Element;

package/components/ui/overview/DashboardChartCard.d.ts

@@ -0,0 +1,12 @@
+import { DateRange } from 'react-day-picker';
+import { PeriodValue } from './dashboard-types';
+import { OverviewData } from '../../../data/schema';
+export type CardProps = {
+    title: keyof OverviewData;
+    type: "currency" | "unit";
+    selectedDates: DateRange | undefined;
+    selectedPeriod: PeriodValue;
+    isThumbnail?: boolean;
+};
+export declare const getBadgeType: (value: number) => "error" | "success" | "neutral" | "warning";
+export declare function ChartCard({ title, type, selectedDates, selectedPeriod, isThumbnail, }: CardProps): import("react/jsx-runtime").JSX.Element;

package/components/ui/overview/DashboardFilterbar.d.ts

@@ -0,0 +1,16 @@
+import { DateRange } from 'react-day-picker';
+import { PeriodValue } from './dashboard-types';
+export declare const getPeriod: (dateRange: DateRange | undefined, value: PeriodValue) => DateRange | undefined;
+type FilterbarProps = {
+    maxDate?: Date;
+    minDate?: Date;
+    selectedDates: DateRange | undefined;
+    onDatesChange: (dates: DateRange | undefined) => void;
+    selectedPeriod: PeriodValue;
+    onPeriodChange: (period: PeriodValue) => void;
+    categories: any[];
+    setSelectedCategories: any;
+    selectedCategories: any;
+};
+export declare function Filterbar({ maxDate, minDate, selectedDates, onDatesChange, selectedPeriod, onPeriodChange, categories, setSelectedCategories, selectedCategories, }: FilterbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/ui/overview/DashboardProgressBarCard.d.ts

@@ -0,0 +1,12 @@
+import { KpiEntry } from './dashboard-types';
+export type CardProps = {
+    title: string;
+    change: string;
+    value: string;
+    valueDescription: string;
+    ctaDescription: string;
+    ctaText: string;
+    ctaLink: string;
+    data: KpiEntry[];
+};
+export declare function ProgressBarCard({ title, change, value, valueDescription, ctaDescription, ctaText, ctaLink, data, }: CardProps): import("react/jsx-runtime").JSX.Element;

package/components/ui/overview/dashboard-types.d.ts

@@ -0,0 +1,12 @@
+export type PeriodValue = 'previous-period' | 'last-year' | 'no-comparison';
+export type KpiEntry = {
+    title: string;
+    percentage: number;
+    current: number;
+    allowed: number;
+    unit?: string;
+};
+export type KpiEntryExtended = Omit<KpiEntry, 'current' | 'allowed' | 'unit'> & {
+    value: string;
+    color: string;
+};

package/components/ui/popover.d.ts

@@ -0,0 +1,13 @@
+import * as PopoverPrimitives from '@radix-ui/react-popover';
+import * as React from 'react';
+declare const Popover: {
+    (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface ContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitives.Content> {
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };