@firecms/ui 3.2.0 → 3.3.0-canary.102f274

package/dist/components/Autocomplete.d.ts

@@ -12,7 +12,7 @@ export declare const useAutoComplete: ({ ref }: {
     autoCompleteOpen: boolean;
     setAutoCompleteOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export declare function Autocomplete({ children, open, setOpen, className }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+export declare function Autocomplete({ children, open, setOpen, className }: AutocompleteProps): React.JSX.Element;
 export type AutocompleteItemProps = {
     children: React.ReactNode;
     onClick?: () => void;

package/dist/components/BooleanSwitchWithLabel.d.ts

@@ -9,9 +9,10 @@ export type BooleanSwitchWithLabelProps = BooleanSwitchProps & {
     fullWidth?: boolean;
     className?: string;
     inputClassName?: string;
+    switchAdornment?: React.ReactNode;
 };
 /**
  * Simple boolean switch.
  *
  */
-export declare const BooleanSwitchWithLabel: ({ value, position, size, invisible, onValueChange, error, label, autoFocus, disabled, className, fullWidth, inputClassName, ...props }: BooleanSwitchWithLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BooleanSwitchWithLabel: ({ value, position, size, invisible, onValueChange, error, label, autoFocus, disabled, className, fullWidth, inputClassName, switchAdornment, ...props }: BooleanSwitchWithLabelProps) => React.JSX.Element;

package/dist/components/Checkbox.d.ts

@@ -9,4 +9,4 @@ export interface CheckboxProps {
     size?: "smallest" | "small" | "medium" | "large";
     color?: "primary" | "secondary";
 }
-export declare const Checkbox: React.MemoExoticComponent<({ id, checked, indeterminate, padding, disabled, size, onCheckedChange, color }: CheckboxProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Checkbox: React.MemoExoticComponent<({ id, checked, indeterminate, padding, disabled, size, onCheckedChange, color }: CheckboxProps) => React.JSX.Element>;

package/dist/components/Chip.d.ts

@@ -19,4 +19,4 @@ export interface ChipProps {
 /**
  * @group Preview components
  */
-export declare function Chip({ children, colorScheme, error, outlined, onClick, icon, size, className, style }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/CircularProgress.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 export type CircularProgressProps = {
     size?: "smallest" | "small" | "medium" | "large";
     className?: string;
 };
-export declare function CircularProgress({ size, className }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function CircularProgress({ size, className }: CircularProgressProps): React.JSX.Element;

package/dist/components/Collapse.d.ts

@@ -5,5 +5,5 @@ interface CollapseProps {
     in?: boolean;
     duration?: number;
 }
-export declare const Collapse: React.MemoExoticComponent<({ children, className, in: isOpen, duration }: CollapseProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Collapse: React.MemoExoticComponent<({ children, className, in: isOpen, duration }: CollapseProps) => React.JSX.Element>;
 export {};

package/dist/components/ColorPicker.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ChipColorKey } from "./Chip";
 export interface ColorPickerProps {
     /**
@@ -27,4 +28,4 @@ export interface ColorPickerProps {
  *
  * @group Form components
  */
-export declare function ColorPicker({ value, onChange, size, allowClear, disabled }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPicker({ value, onChange, size, allowClear, disabled }: ColorPickerProps): React.JSX.Element;

package/dist/components/DebouncedTextField.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { TextFieldProps } from "./index";
-export declare function DebouncedTextField<T extends string | number>(props: TextFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DebouncedTextField<T extends string | number>(props: TextFieldProps<T>): React.JSX.Element;

package/dist/components/Dialog.d.ts

@@ -35,5 +35,5 @@ declare const widthClasses: {
     "7xl": string;
     full: string;
 };
-export declare const Dialog: ({ open, onOpenChange, children, className, containerClassName, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, disableInitialFocus, portalContainer }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ open, onOpenChange, children, className, containerClassName, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, disableInitialFocus, portalContainer }: DialogProps) => React.JSX.Element;
 export {};

package/dist/components/DialogActions.d.ts

@@ -4,4 +4,4 @@ export declare function DialogActions({ children, position, translucent, classNa
     position?: "sticky" | "absolute";
     translucent?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/DialogContent.d.ts

@@ -4,4 +4,4 @@ export declare function DialogContent({ children, className, fullHeight, include
     includeMargin?: boolean;
     fullHeight?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/DialogTitle.d.ts

@@ -7,4 +7,4 @@ export type DialogContentProps = TypographyProps & {
     includeMargin?: boolean;
     variant?: TypographyVariant;
 };
-export declare function DialogTitle({ children, hidden, className, variant, gutterBottom, includeMargin, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogTitle({ children, hidden, className, variant, gutterBottom, includeMargin, ...props }: DialogContentProps): React.JSX.Element;

package/dist/components/ExpandablePanel.d.ts

@@ -9,4 +9,4 @@ export declare function ExpandablePanel({ title, children, invisible, expanded,
     asField?: boolean;
     className?: string;
     innerClassName?: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;

package/dist/components/FileUpload.d.ts

@@ -20,4 +20,4 @@ export type FileUploadProps = {
     preventDropOnDocument?: boolean;
     size?: "small" | "medium" | "large";
 };
-export declare function FileUpload({ accept, onFilesAdded, onFilesRejected, maxSize, disabled, maxFiles, title, uploadDescription, children, preventDropOnDocument, size }: React.PropsWithChildren<FileUploadProps>): import("react/jsx-runtime").JSX.Element;
+export declare function FileUpload({ accept, onFilesAdded, onFilesRejected, maxSize, disabled, maxFiles, title, uploadDescription, children, preventDropOnDocument, size }: React.PropsWithChildren<FileUploadProps>): React.JSX.Element;

package/dist/components/InfoLabel.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 export declare function InfoLabel({ children, mode }: {
     children: React.ReactNode;
     mode?: "info" | "warn";
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/LoadingButton.d.ts

@@ -4,4 +4,4 @@ export type LoadingButtonProps<P extends React.ElementType> = ButtonProps<P> & {
     startIcon?: React.ReactNode;
     loading?: boolean;
 };
-export declare function LoadingButton<P extends React.ElementType = "button">({ children, loading, disabled, onClick, startIcon, ...props }: LoadingButtonProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingButton<P extends React.ElementType = "button">({ children, loading, disabled, onClick, startIcon, ...props }: LoadingButtonProps<P>): React.JSX.Element;

package/dist/components/Menu.d.ts

@@ -20,4 +20,4 @@ export type MenuItemProps = {
     onClick?: (event: React.MouseEvent) => void;
     className?: string;
 };
-export declare const MenuItem: React.MemoExoticComponent<({ children, dense, disabled, onClick, className }: MenuItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MenuItem: React.MemoExoticComponent<({ children, dense, disabled, onClick, className }: MenuItemProps) => React.JSX.Element>;

package/dist/components/Menubar.d.ts

@@ -3,19 +3,19 @@ export declare function Menubar({ children, onSelect, className }: {
     children: React.ReactNode;
     onSelect?: (event: React.SyntheticEvent) => void;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarMenu({ children, }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarTrigger({ children, onSelect, className }: {
     children: React.ReactNode;
     onSelect?: (event: React.SyntheticEvent) => void;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarPortal({ children, portalContainer, }: {
     children: React.ReactNode;
     portalContainer?: HTMLElement | null;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarContent({ children, className, align, sideOffset, alignOffset, onSelect, ...rest }: {
     children: React.ReactNode;
     className?: string;
@@ -23,58 +23,58 @@ export declare function MenubarContent({ children, className, align, sideOffset,
     align?: "start" | "center" | "end";
     sideOffset?: number;
     alignOffset?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarItem({ children, leftPadding, className, disabled, onSelect, ...rest }: {
     children: React.ReactNode;
     onSelect?: (event: Event) => void;
     leftPadding?: boolean;
     className?: string;
     disabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarSeparator({ children, className, ...rest }: {
     children?: React.ReactNode;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarSub({ children, ...rest }: {
     children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarSubTrigger({ children, className, onSelect, ...rest }: {
     children?: React.ReactNode;
     onSelect?: (event: React.SyntheticEvent) => void;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarSubContent({ children, alignOffset, className, onSelect, ...rest }: {
     children?: React.ReactNode;
     onSelect?: (event: React.SyntheticEvent) => void;
     alignOffset?: number;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarCheckboxItem({ children, checked, onCheckedChange, className, onSelect, ...rest }: {
     children?: React.ReactNode;
     onSelect?: (event: Event) => void;
     checked?: boolean;
     onCheckedChange?: () => void;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarItemIndicator({ children, className, ...rest }: {
     children?: React.ReactNode;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarRadioGroup({ children, className, value, onValueChange, onSelect, ...rest }: {
     children?: React.ReactNode;
     onSelect?: (event: React.SyntheticEvent) => void;
     value?: string;
     onValueChange?: (value: string) => void;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarRadioItem({ children, className, value, onSelect, ...rest }: {
     children?: React.ReactNode;
     onSelect?: (event: Event) => void;
     value: string;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenubarShortcut({ children, className, ...rest }: {
     children?: React.ReactNode;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarSubTriggerIndicator(): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+export declare function MenubarSubTriggerIndicator(): React.JSX.Element;

package/dist/components/MultiSelect.d.ts

@@ -44,5 +44,5 @@ export interface MultiSelectItemProps<T extends MultiSelectValue = string> {
     children?: React.ReactNode;
     className?: string;
 }
-export declare const MultiSelectItem: React.MemoExoticComponent<(<T extends MultiSelectValue = string>({ children, value, className }: MultiSelectItemProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+export declare const MultiSelectItem: React.MemoExoticComponent<(<T extends MultiSelectValue = string>({ children, value, className }: MultiSelectItemProps<T>) => React.JSX.Element)>;
 export {};

package/dist/components/Paper.d.ts

@@ -3,4 +3,4 @@ export declare function Paper({ children, style, className, }: {
     children: React.ReactNode;
     style?: React.CSSProperties;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/Popover.d.ts

@@ -19,4 +19,4 @@ export interface PopoverProps {
     className?: string;
     portalContainer?: HTMLElement | null;
 }
-export declare function Popover({ trigger, children, open, onOpenChange, side, sideOffset, align, alignOffset, arrowPadding, sticky, hideWhenDetached, avoidCollisions, enabled, modal, portalContainer, className }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ trigger, children, open, onOpenChange, side, sideOffset, align, alignOffset, arrowPadding, sticky, hideWhenDetached, avoidCollisions, enabled, modal, portalContainer, className }: PopoverProps): React.JSX.Element;

package/dist/components/ResizablePanels.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export type ResizablePanelsProps = {
+    firstPanel: React.ReactNode;
+    secondPanel: React.ReactNode;
+    /** Whether the first panel is visible (e.g. Sidebar) */
+    showFirstPanel?: boolean;
+    /** Whether the second panel is visible (e.g. Results) */
+    showSecondPanel?: boolean;
+    /** 0-100 representing the width/height of the first panel */
+    panelSizePercent: number;
+    onPanelSizeChange: (sizePercent: number) => void;
+    minPanelSizePx?: number;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+};
+export declare function ResizablePanels({ firstPanel, secondPanel, showFirstPanel, showSecondPanel, panelSizePercent, onPanelSizeChange, minPanelSizePx, orientation, className }: ResizablePanelsProps): React.JSX.Element;

package/dist/components/SearchBar.d.ts

@@ -22,5 +22,5 @@ interface SearchBarProps {
     loading?: boolean;
     inputRef?: React.Ref<HTMLInputElement>;
 }
-export declare function SearchBar({ onClick, onTextSearch, placeholder, expandable, size, large, innerClassName, className, autoFocus, disabled, loading, inputRef }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBar({ onClick, onTextSearch, placeholder, expandable, size, large, innerClassName, className, autoFocus, disabled, loading, inputRef }: SearchBarProps): React.JSX.Element;
 export {};

package/dist/components/SearchableSelect.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+export interface SearchableSelectProps {
+    /** Currently selected value. Can be one of the items or a custom string. */
+    value?: string;
+    /** Callback when the value changes (from selection or custom input). */
+    onValueChange?: (value: string) => void;
+    /** Placeholder shown when no value is selected. */
+    placeholder?: string;
+    /** Label above the field. */
+    label?: React.ReactNode | string;
+    /** Size variant. */
+    size?: "smallest" | "small" | "medium" | "large";
+    /** Whether the field is disabled. */
+    disabled?: boolean;
+    /** Whether to show an error state. */
+    error?: boolean;
+    /** Whether to use the invisible (borderless) style. */
+    invisible?: boolean;
+    /** CSS class for the trigger button. */
+    className?: string;
+    /** CSS class for the trigger input area. */
+    inputClassName?: string;
+    /** Render the selected value in a custom way in the trigger. */
+    renderValue?: (value: string) => React.ReactNode;
+    /** Whether the popover should trap focus. */
+    modalPopover?: boolean;
+    /** If true, allow accepting the typed text as the value even if it doesn't match an item. */
+    allowCustomValues?: boolean;
+    /** Portal container element. */
+    portalContainer?: HTMLElement | null;
+    /** If true, auto-open the popover on mount so the user can start typing immediately. */
+    autoFocus?: boolean;
+    /** The option items — use SearchableSelectItem. */
+    children: React.ReactNode;
+}
+export interface SearchableSelectItemProps {
+    value: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const SearchableSelect: React.ForwardRefExoticComponent<SearchableSelectProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * A single option inside a SearchableSelect.
+ * The `value` prop is the string value that gets selected.
+ * The `children` is what's displayed in the dropdown.
+ * This component is not rendered directly — SearchableSelect reads its props.
+ */
+export declare function SearchableSelectItem(_props: SearchableSelectItemProps): null;

package/dist/components/Select.d.ts

@@ -34,7 +34,7 @@ export type SelectItemProps<T extends SelectValue = string> = {
     disabled?: boolean;
     className?: string;
 };
-export declare const SelectItem: React.MemoExoticComponent<(<T extends SelectValue = string>({ value, children, disabled, className }: SelectItemProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+export declare const SelectItem: React.MemoExoticComponent<(<T extends SelectValue = string>({ value, children, disabled, className }: SelectItemProps<T>) => React.JSX.Element)>;
 export type SelectGroupProps = {
     label: React.ReactNode;
     children: React.ReactNode;

package/dist/components/Separator.d.ts

@@ -2,4 +2,4 @@ export declare function Separator({ orientation, decorative, className }: {
     orientation: "horizontal" | "vertical";
     decorative?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/Skeleton.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 export type SkeletonProps = {
     width?: number;
     height?: number;
     className?: string;
 };
-export declare function Skeleton({ width, height, className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ width, height, className }: SkeletonProps): React.JSX.Element;

package/dist/components/Table.d.ts

@@ -4,24 +4,24 @@ export type TableProps = {
     className?: string;
     style?: React.CSSProperties;
 } & React.TableHTMLAttributes<HTMLTableElement>;
-export declare const Table: React.MemoExoticComponent<({ children, className, style, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ children, className, style, ...rest }: TableProps) => React.JSX.Element>;
 export type TableBodyProps = {
     children?: React.ReactNode;
     className?: string;
 } & React.HTMLAttributes<HTMLTableSectionElement>;
-export declare const TableBody: React.MemoExoticComponent<({ children, className, ...rest }: TableBodyProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableBody: React.MemoExoticComponent<({ children, className, ...rest }: TableBodyProps) => React.JSX.Element>;
 export type TableHeaderProps = {
     children?: React.ReactNode;
     className?: string;
 } & React.HTMLAttributes<HTMLTableSectionElement>;
-export declare const TableHeader: React.MemoExoticComponent<({ children, className, ...rest }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableHeader: React.MemoExoticComponent<({ children, className, ...rest }: TableHeaderProps) => React.JSX.Element>;
 export type TableRowProps = {
     children?: React.ReactNode;
     className?: string;
     onClick?: React.MouseEventHandler<any>;
     style?: React.CSSProperties;
 } & React.HTMLAttributes<HTMLTableRowElement>;
-export declare const TableRow: React.MemoExoticComponent<({ children, className, onClick, style, ...rest }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableRow: React.MemoExoticComponent<({ children, className, onClick, style, ...rest }: TableRowProps) => React.JSX.Element>;
 export type TableCellProps = {
     children?: React.ReactNode;
     header?: boolean;
@@ -31,4 +31,4 @@ export type TableCellProps = {
     align?: "left" | "center" | "right";
     colspan?: number;
 } & React.HTMLAttributes<HTMLTableCellElement>;
-export declare const TableCell: React.MemoExoticComponent<({ children, header, scope, align, className, style, colspan, ...rest }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableCell: React.MemoExoticComponent<({ children, header, scope, align, className, style, colspan, ...rest }: TableCellProps) => React.JSX.Element>;

package/dist/components/Tabs.d.ts

@@ -1,12 +1,18 @@
 import React from "react";
+type TabsMode = "primary" | "secondary";
 export type TabsProps = {
     value: string;
     children: React.ReactNode;
     innerClassName?: string;
     className?: string;
     onValueChange: (value: string) => void;
+    /**
+     * "primary" renders the default pill-style tabs.
+     * "secondary" renders underline-style tabs suitable for inner/nested panels.
+     */
+    mode?: TabsMode;
 };
-export declare function Tabs({ value, onValueChange, className, innerClassName, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ value, onValueChange, className, innerClassName, children, mode }: TabsProps): React.JSX.Element;
 export type TabProps = {
     value: string;
     className?: string;
@@ -14,4 +20,5 @@ export type TabProps = {
     children: React.ReactNode;
     disabled?: boolean;
 };
-export declare function Tab({ value, className, innerClassName, children, disabled }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ value, className, innerClassName, children, disabled }: TabProps): React.JSX.Element;
+export {};

package/dist/components/ToggleButtonGroup.d.ts

@@ -27,4 +27,4 @@ export type ToggleButtonGroupProps<T extends string = string> = {
  * A toggle button group component for selecting one option from a set.
  * Displays options as buttons in a horizontal row with active state styling.
  */
-export declare function ToggleButtonGroup<T extends string = string>({ value, onValueChange, options, className }: ToggleButtonGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleButtonGroup<T extends string = string>({ value, onValueChange, options, className }: ToggleButtonGroupProps<T>): React.JSX.Element;

package/dist/components/Tooltip.d.ts

@@ -15,5 +15,21 @@ export type TooltipProps = {
     className?: string;
     container?: HTMLElement;
     style?: React.CSSProperties;
-};
-export declare const Tooltip: ({ open, defaultOpen, side, delayDuration, sideOffset, align, onOpenChange, title, tooltipClassName, tooltipStyle, children, asChild, container, className, style }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "title">;
+export declare const Tooltip: React.ForwardRefExoticComponent<{
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    title?: string | React.ReactNode;
+    delayDuration?: number;
+    asChild?: boolean;
+    tooltipClassName?: string;
+    tooltipStyle?: React.CSSProperties;
+    children: React.ReactNode;
+    className?: string;
+    container?: HTMLElement;
+    style?: React.CSSProperties;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Typography.d.ts

@@ -32,5 +32,5 @@ declare const typographyVariants: {
     caption: string;
     button: string;
 };
-export declare function Typography<C extends React.ElementType = "span">({ align, color, children, className, component, gutterBottom, noWrap, paragraph, variant, variantMapping, style, onClick, ...other }: TypographyProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare function Typography<C extends React.ElementType = "span">({ align, color, children, className, component, gutterBottom, noWrap, paragraph, variant, variantMapping, style, onClick, ...other }: TypographyProps<C>): React.JSX.Element;
 export {};

package/dist/components/common/SelectInputLabel.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 export declare function SelectInputLabel({ children, error }: {
     children: React.ReactNode;
     error?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/index.d.ts

@@ -30,7 +30,9 @@ export * from "./Menubar";
 export * from "./MultiSelect";
 export * from "./Paper";
 export * from "./RadioGroup";
+export * from "./ResizablePanels";
 export * from "./SearchBar";
+export * from "./SearchableSelect";
 export * from "./Select";
 export * from "./Separator";
 export * from "./Slider";

package/dist/hooks/PortalContainerContext.d.ts

@@ -21,7 +21,7 @@ export interface PortalContainerProviderProps {
  * </div>
  * ```
  */
-export declare function PortalContainerProvider({ container, children }: PortalContainerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PortalContainerProvider({ container, children }: PortalContainerProviderProps): React.JSX.Element;
 /**
  * Hook to access the portal container from context.
  * Returns null if no provider is found in the tree.

package/dist/icons/FirestoreIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { IconProps } from "./Icon";
+/**
+ * Firebase Firestore flame icon (monochrome, uses currentColor).
+ * @group Icons
+ */
+export declare function FirestoreIcon(props: IconProps): React.JSX.Element;

package/dist/icons/GitHubIcon.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { IconProps } from "./Icon";
-export declare function GitHubIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitHubIcon(props: IconProps): React.JSX.Element;

package/dist/icons/HandleIcon.d.ts

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

package/dist/icons/components/DatabaseIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { IconProps } from "../Icon";
+/**
+ * @group Icons
+ */
+export declare const DatabaseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/icons/index.d.ts

@@ -3,6 +3,7 @@ export * from "./cool_icon_keys";
 export * from "./Icon";
 export * from "./GitHubIcon";
 export * from "./HandleIcon";
+export * from "./FirestoreIcon";
 export * from "./components/_10kIcon";
 export * from "./components/_10mpIcon";
 export * from "./components/_11mpIcon";
@@ -522,6 +523,7 @@ export * from "./components/DataThresholdingIcon";
 export * from "./components/DataUsageIcon";
 export * from "./components/DatasetIcon";
 export * from "./components/DatasetLinkedIcon";
+export * from "./components/DatabaseIcon";
 export * from "./components/DateRangeIcon";
 export * from "./components/DeblurIcon";
 export * from "./components/DeckIcon";