@veritone-ce/design-system 2.8.14-next.2.0 → 2.8.14

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

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { type DialogOptions } from './state.js';
+import { type IconButtonProps } from '../IconButton/index.js';
+export type DialogProps = DialogOptions & {
+    portalEl?: HTMLElement | null | React.MutableRefObject<HTMLElement | null>;
+    lockScroll?: boolean;
+    disableAutoFocus?: boolean;
+    preventOutsideDismiss?: boolean;
+    preventEscapeDismiss?: boolean;
+    children: React.ReactNode;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    overlayStyle?: React.CSSProperties;
+    overlayClassName?: string;
+};
+declare const Dialog: React.ForwardRefExoticComponent<DialogOptions & {
+    portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
+    lockScroll?: boolean | undefined;
+    disableAutoFocus?: boolean | undefined;
+    preventOutsideDismiss?: boolean | undefined;
+    preventEscapeDismiss?: boolean | undefined;
+    children: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+    overlayStyle?: React.CSSProperties | undefined;
+    overlayClassName?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Dialog;
+export declare const DialogStart: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogEnd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogTypography: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DialogActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogCloseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: import("../Button/index.js").ButtonVariant | undefined;
+    palette?: import("../styles/palette.js").PaletteActionVariantsColors | import("../styles/css-vars.js").RecursiveStringObject<import("../styles/palette.js").PaletteActionVariantsColors> | undefined;
+    size?: import("../Button/index.js").ButtonSize | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    active?: boolean | undefined;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogCloseIconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/Dialog/factory.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PopoverPortalElProp } from '../popover/types.js';
+export type DialogFactoryOptions = {
+    portalEl?: PopoverPortalElProp;
+};
+export declare function createDialogComponent({ portalEl }: DialogFactoryOptions): React.ForwardRefExoticComponent<import("./state.js").DialogOptions & {
+    portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
+    lockScroll?: boolean | undefined;
+    disableAutoFocus?: boolean | undefined;
+    preventOutsideDismiss?: boolean | undefined;
+    preventEscapeDismiss?: boolean | undefined;
+    children: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+    overlayStyle?: React.CSSProperties | undefined;
+    overlayClassName?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components.js';
+export { default } from './components.js';
+export * from './factory.js';

package/dist/types/Dialog/state.d.ts

@@ -0,0 +1,121 @@
+import * as React from 'react';
+/**
+ * @property open - Whether the dialog is open.
+ * @property onDismiss - Function to call when the dialog is closed.
+ * @property preventOutsideDismiss - If true, clicking outside the dialog will not close it.
+ * @property preventEscapeDismiss - If true, pressing Escape will not close the dialog.
+ */
+export interface DialogOptions {
+    open: boolean;
+    onDismiss: () => void;
+    preventOutsideDismiss?: boolean;
+    preventEscapeDismiss?: boolean;
+}
+export declare function useDialog({ open, onDismiss: dismissDialog, preventOutsideDismiss, preventEscapeDismiss }: DialogOptions): {
+    labelId: string | undefined;
+    descriptionId: string | undefined;
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        update: () => void;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
+    open: boolean;
+    dismiss: () => void;
+};
+export type DialogContextType = (ReturnType<typeof useDialog> & {
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+}) | null;
+export declare const DialogContext: React.Context<DialogContextType>;
+export declare const useDialogContext: () => {
+    labelId: string | undefined;
+    descriptionId: string | undefined;
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        update: () => void;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
+    open: boolean;
+    dismiss: () => void;
+} & {
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+};

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

@@ -0,0 +1,112 @@
+import * as React from 'react';
+import { type DrawerOptions } from './state.js';
+import { type PaletteSurfaceColors, type ResolvablePaletteValue } from '../styles/index.js';
+import { type TypographyProps } from '../Typography/index.js';
+import { type IconButtonProps } from '../IconButton/index.js';
+export type DrawerStrategy = 'fixed' | 'absolute';
+export type DrawerPlacement = 'start' | 'end';
+export type DrawerProps = Omit<DrawerOptions, 'dismissEnabled'> & {
+    portalEl?: HTMLElement | null | React.MutableRefObject<HTMLElement | null>;
+    placement?: DrawerPlacement;
+    lockScroll?: boolean;
+    disableAutoFocus?: boolean;
+    strategy?: DrawerStrategy;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    overlay?: boolean;
+    overlayStyle?: React.CSSProperties;
+    overlayClassName?: string;
+    'data-testid'?: string;
+};
+declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerOptions, "dismissEnabled"> & {
+    portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
+    placement?: DrawerPlacement | undefined;
+    lockScroll?: boolean | undefined;
+    disableAutoFocus?: boolean | undefined;
+    strategy?: DrawerStrategy | undefined;
+    children: React.ReactNode;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+    overlay?: boolean | undefined;
+    overlayStyle?: React.CSSProperties | undefined;
+    overlayClassName?: string | undefined;
+    'data-testid'?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Drawer;
+export declare const DrawerStart: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerEnd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export type DrawerTitleContainerVariant = 'text' | 'bar';
+export type DrawerTitlePalette = ResolvablePaletteValue<PaletteSurfaceColors>;
+export type DrawerTitleProps = TypographyProps & {
+    palette?: DrawerTitlePalette;
+    actions?: React.ReactNode;
+    container?: DrawerTitleContainerVariant;
+};
+export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & {
+    palette?: PaletteSurfaceColors | import("../styles/css-vars.js").RecursiveStringObject<PaletteSurfaceColors> | undefined;
+    actions?: React.ReactNode;
+    container?: DrawerTitleContainerVariant | undefined;
+} & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DrawerTypography: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DrawerActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerCloseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: import("../Button/index.js").ButtonVariant | undefined;
+    palette?: import("../styles/palette.js").PaletteActionVariantsColors | import("../styles/css-vars.js").RecursiveStringObject<import("../styles/palette.js").PaletteActionVariantsColors> | undefined;
+    size?: import("../Button/index.js").ButtonSize | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    active?: boolean | undefined;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerCloseIconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/Drawer/factory.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type DrawerProps } from './components.js';
+export type DrawerFactoryOptions = Partial<DrawerProps>;
+export declare function createDrawerComponent(overrides: DrawerFactoryOptions): React.ForwardRefExoticComponent<Omit<import("./state.js").DrawerOptions, "dismissEnabled"> & {
+    portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
+    placement?: import("./components.js").DrawerPlacement | undefined;
+    lockScroll?: boolean | undefined;
+    disableAutoFocus?: boolean | undefined;
+    strategy?: import("./components.js").DrawerStrategy | undefined;
+    children: React.ReactNode;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+    overlay?: boolean | undefined;
+    overlayStyle?: React.CSSProperties | undefined;
+    overlayClassName?: string | undefined;
+    'data-testid'?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components.js';
+export { default } from './components.js';
+export * from './factory.js';

package/dist/types/Drawer/state.d.ts

@@ -0,0 +1,114 @@
+import * as React from 'react';
+export interface DrawerOptions {
+    open: boolean;
+    dismissEnabled: boolean;
+    onDismiss: () => void;
+}
+export declare function useDrawer({ open, dismissEnabled, onDismiss: dismissDrawer }: DrawerOptions): {
+    labelId: string | undefined;
+    descriptionId: string | undefined;
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        update: () => void;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
+    open: boolean;
+    dismiss: () => void;
+};
+export type DrawerContextType = (ReturnType<typeof useDrawer> & {
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+}) | null;
+export declare const DrawerContext: React.Context<DrawerContextType>;
+export declare const useDrawerContext: () => {
+    labelId: string | undefined;
+    descriptionId: string | undefined;
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        update: () => void;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
+    open: boolean;
+    dismiss: () => void;
+} & {
+    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
+};

package/dist/types/ErrorBoundary/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type ErrorBoundaryProps = {
+    fallback?: React.ReactNode;
+    children?: React.ReactNode;
+    message?: string;
+    error?: unknown;
+    style?: React.CSSProperties;
+    className?: string;
+};
+type ErrorBoundaryState = {
+    hasError: boolean;
+    error: unknown | null;
+    info: React.ErrorInfo | null;
+};
+export default class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: unknown): {
+        hasError: boolean;
+        error: unknown;
+    };
+    componentDidCatch(error: unknown, info: React.ErrorInfo): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};

package/dist/types/FileUploader/controlled.d.ts

@@ -0,0 +1,59 @@
+import React, { type HTMLProps } from 'react';
+import { Accept, type DropEvent, type FileRejection } from 'react-dropzone';
+export declare enum FILE_STATES {
+    PENDING = "pending",
+    ADDED = "added",
+    UPLOADING = "uploading",
+    CANCELLED = "cancelled",
+    FINISHED = "finished",
+    ERROR = "error",
+    ABORTED = "aborted"
+}
+export type FileState_ApolloStyleObject = {
+    error?: any;
+    loading: boolean;
+    called: boolean;
+};
+export type FileState_ReactQueryStyleStatus = 'idle' | 'pending' | 'success' | 'error';
+export type FileState = FILE_STATES | FileState_ApolloStyleObject | FileState_ReactQueryStyleStatus;
+export type UploadDropzoneOptions = {
+    accept: Accept;
+    multiple?: boolean;
+    disabled?: boolean;
+    mini?: boolean;
+};
+export type UploadDropzoneState = {
+    state?: FileState | FileState[];
+    onDrop<T extends File>(files: T[], fileRejections: FileRejection[], event: DropEvent): void;
+};
+export type UploadDropzoneProps = Omit<HTMLProps<HTMLDivElement>, 'accept' | 'onDrop'> & UploadDropzoneOptions & UploadDropzoneState;
+export declare function UploadDropzone({ accept, multiple, disabled, mini, state: propsState, onDrop, className, ...containerProps }: UploadDropzoneProps): import("react/jsx-runtime").JSX.Element;
+export type UploadListContainerProps = HTMLProps<HTMLDivElement>;
+export declare function UploadListContainer({ className, children, ...props }: UploadListContainerProps): import("react/jsx-runtime").JSX.Element;
+export type FileLike = {
+    name: string;
+    size: number;
+    type: string;
+    lastModified: number;
+};
+export type UploadListProps<F extends FileLike> = Omit<UploadListContainerProps, 'onAbort'> & {
+    items: UploadListItem<F>[];
+    onAbort?: (item: UploadListItem<F>, event: React.SyntheticEvent<HTMLButtonElement>) => void;
+};
+export declare function UploadList<F extends FileLike = FileLike>({ items, onAbort, ...containerProps }: UploadListProps<F>): import("react/jsx-runtime").JSX.Element;
+export type UploadListItemState = {
+    state: FileState;
+    /**
+     * The value of the progress indicator.
+     * Value between 0 and 100.
+     */
+    progress?: number;
+};
+export type UploadListItem<F extends FileLike> = UploadListItemState & {
+    file: F;
+};
+export type UploadListItemProps<F extends FileLike> = {
+    item: UploadListItem<F>;
+    onAbort?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
+};
+export declare function UploadListItem<T extends FileLike = FileLike>({ item, onAbort }: UploadListItemProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/FileUploader/index.d.ts

@@ -0,0 +1 @@
+export * from './controlled.js';

package/dist/types/FormControl/context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type FormControlContextType = {
+    error: boolean;
+    disabled: boolean;
+};
+export declare const FormControlContext: React.Context<FormControlContextType>;
+export declare function useFormControlContext(): FormControlContextType;

package/dist/types/FormControl/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type FormControlPlacement = 'block-start' | 'inline-start' | 'inline-end';
+export type FormControlProps = {
+    label?: React.ReactNode;
+    disabled?: boolean;
+    helpLabel?: React.ReactNode;
+    error?: React.ReactNode;
+    placement?: FormControlPlacement;
+    children?: React.ReactNode;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLSpanElement>>;
+export default FormControl;

package/dist/types/Icon/factory.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CommonIconProps, GenericIconComponent } from './shared.js';
+export type IconMap<ExtraProps extends object = {}> = {
+    [key: string]: GenericIconComponent<ExtraProps>;
+};
+export declare const DefaultIconFallback: GenericIconComponent;
+export type IconProps<ExtraProps extends object = {}> = CommonIconProps<ExtraProps> & {
+    name: string;
+};
+export type IconFactoryOptions<ExtraProps extends object = {}> = {
+    iconMap?: IconMap<ExtraProps>;
+    fallback?: GenericIconComponent<ExtraProps>;
+};
+export declare function createIconComponent<ExtraProps extends object = {}>({ iconMap, fallback }: IconFactoryOptions<ExtraProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<IconProps<ExtraProps>> & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './shared.js';
+export * from './wrappers.js';
+export * from './factory.js';

package/dist/types/Icon/internal.d.ts

@@ -0,0 +1,7 @@
+export declare const NavigateNextIcon: import("./shared.js").GenericIconComponent;
+export declare const NavigateBeforeIcon: import("./shared.js").GenericIconComponent;
+export declare const CloseIcon: import("./shared.js").GenericIconComponent;
+export declare const SuccessIcon: import("./shared.js").GenericIconComponent;
+export declare const InfoIcon: import("./shared.js").GenericIconComponent;
+export declare const WarningIcon: import("./shared.js").GenericIconComponent;
+export declare const ErrorIcon: import("./shared.js").GenericIconComponent;