@neo4j-ndl/react 1.10.7 → 2.0.0-alpha-3f8358d

package/lib/types/{view-selector/ViewSelector.d.ts → segmented-control/SegmentedControl.d.ts}

@@ -20,32 +20,26 @@
  */
 import React from 'react';
 import { type ElementBase } from '../helpers';
-/**
- *
- *
- * Types
- *
- *
- */
-declare type ViewSelectorID = string | number;
-export interface ViewSelectorProps<T extends ViewSelectorID> extends ElementBase {
+type SegmentedControlID = string | number;
+export interface SegmentedControlProps<T extends SegmentedControlID> extends ElementBase {
     /** Size of the selector */
     size?: 'small' | 'large';
-    /** If selector items will include only icons */
-    icons?: boolean;
+    /** If selector items will include only icons (makes controls rectangular) */
+    hasOnlyIcons?: boolean;
     /**
      * onChange function is more generic to support union type of strings as input
-     * to help useState in components that uses Switch group with typesafety
+     * to help useState in components that uses Switch group with type-safety
      */
     onChange: (e: T) => void | ((e: React.SetStateAction<T>) => void);
     /** Currently selected option */
     selected: T;
     children: React.ReactNode | string;
 }
-export declare const ViewSelector: <T extends ViewSelectorID>(props: ViewSelectorProps<T> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export declare const ViewSelectorItem: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
-    as?: string | React.ComponentType<any> | undefined;
-} & {
-    value: string;
-} & React.RefAttributes<unknown>>;
-export {};
+declare const SegmentedControl: (<T extends SegmentedControlID>(props: SegmentedControlProps<T> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
+    Item: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
+        as?: string | React.ComponentType<any> | undefined;
+    } & {
+        value: string;
+    } & React.RefAttributes<unknown>>;
+};
+export { SegmentedControl };

package/lib/{esm/table-deprecated/hooks/hookCallbackTypes.js → types/segmented-control/index.d.ts}

@@ -18,5 +18,4 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export {};
-//# sourceMappingURL=hookCallbackTypes.js.map
+export * from './SegmentedControl';

package/lib/types/side-navigation/SideNavigation.d.ts

@@ -20,7 +20,7 @@
  */
 import React from 'react';
 import { type ElementBase } from '../helpers';
-declare type SideNavigationPosition = 'left' | 'right';
+type SideNavigationPosition = 'left' | 'right';
 export interface SideNavigationProps extends ElementBase<HTMLDivElement> {
     /** True if the menu is expanded. */
     expanded: boolean;
@@ -31,11 +31,7 @@ export interface SideNavigationProps extends ElementBase<HTMLDivElement> {
     /** Position. */
     position?: SideNavigationPosition;
 }
-export declare const SideNavigation: React.ForwardRefExoticComponent<SideNavigationProps & React.RefAttributes<HTMLDivElement>>;
-export declare type SideNavigationListProps = ElementBase<HTMLUListElement>;
-export declare const SideNavigationList: (props: Omit<React.HTMLProps<HTMLUListElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
-    as?: string | React.ComponentType<any> | undefined;
-} & React.RefAttributes<HTMLUListElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export type SideNavigationListProps = ElementBase<HTMLUListElement>;
 export interface SideNavigationItemProps extends ElementBase<HTMLAnchorElement> {
     icon?: React.ReactNode;
     children?: React.ReactNode;
@@ -43,9 +39,14 @@ export interface SideNavigationItemProps extends ElementBase<HTMLAnchorElement>
     /** Flag to indicate if the side navigation item can be selected or not */
     selectable?: boolean;
 }
-export declare const SideNavigationItem: (props: SideNavigationItemProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export declare type SideNavigationGroupHeaderProps = ElementBase<HTMLParagraphElement>;
-export declare const SideNavigationGroupHeader: (props: Omit<React.HTMLProps<HTMLParagraphElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
-    as?: string | React.ComponentType<any> | undefined;
-} & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export default SideNavigation;
+export type SideNavigationGroupHeaderProps = ElementBase<HTMLParagraphElement>;
+declare const SideNavigation: React.ForwardRefExoticComponent<SideNavigationProps & React.RefAttributes<HTMLDivElement>> & {
+    List: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLUListElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
+        as?: string | React.ComponentType<any> | undefined;
+    } & React.RefAttributes<HTMLUListElement>>;
+    GroupHeader: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLParagraphElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
+        as?: string | React.ComponentType<any> | undefined;
+    } & React.RefAttributes<HTMLParagraphElement>>;
+    Item: React.ForwardRefExoticComponent<SideNavigationItemProps & React.RefAttributes<any>>;
+};
+export { SideNavigation };

package/lib/types/table/Components.d.ts

@@ -31,33 +31,33 @@ export interface CommonInnerProps<T = HTMLDivElement> {
 export interface ResizingBarProps<T extends RowData> extends CommonInnerProps<HTMLButtonElement> {
     header: HeaderType<T, unknown>;
 }
-declare const ResizingBar: <T extends unknown>({ header, children, innerProps, }: ResizingBarProps<T>) => JSX.Element;
-declare const Scrollable: ({ children, innerProps }: CommonInnerProps) => JSX.Element;
-declare const Header: ({ children, innerProps }: CommonInnerProps<HTMLDivElement>) => JSX.Element;
+declare const ResizingBar: <T extends unknown>({ header, children, innerProps, }: ResizingBarProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Scrollable: ({ children, innerProps }: CommonInnerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ children, innerProps }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface SortingButtonProps {
     sortDirection: ReturnType<SortingColumn<any>['getIsSorted']>;
     children?: React.ReactNode;
     innerProps?: React.ComponentProps<'svg'>;
 }
-export declare const SortingButton: ({ sortDirection, children, innerProps, }: SortingButtonProps) => JSX.Element;
+export declare const SortingButton: ({ sortDirection, children, innerProps, }: SortingButtonProps) => import("react/jsx-runtime").JSX.Element;
 export interface ColumnControlsProps<T extends RowData> extends CommonInnerProps<HTMLDivElement> {
     cell: HeaderType<T, unknown>;
     controls: Array<React.ReactNode>;
 }
-export declare const ColumnControls: <T extends unknown>({ cell, controls, children, innerProps, }: ColumnControlsProps<T>) => JSX.Element;
+export declare const ColumnControls: <T extends unknown>({ cell, controls, children, innerProps, }: ColumnControlsProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface HeaderCellProps<T> extends CommonInnerProps<HTMLDivElement> {
     cell: HeaderType<T, unknown>;
 }
-declare const HeaderCell: <T extends unknown>({ cell, children, innerProps, }: HeaderCellProps<T>) => JSX.Element;
-declare const Body: ({ children, innerProps }: CommonInnerProps<HTMLDivElement>) => JSX.Element;
+declare const HeaderCell: <T extends unknown>({ cell, children, innerProps, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Body: ({ children, innerProps }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface BodyCellProps<T extends RowData> extends CommonInnerProps<HTMLDivElement> {
     cell: Cell<T, unknown>;
 }
-declare const BodyCell: <T extends unknown>({ cell, children, innerProps, }: BodyCellProps<T>) => JSX.Element;
+declare const BodyCell: <T extends unknown>({ cell, children, innerProps, }: BodyCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface BodyRowProps<T extends RowData> extends CommonInnerProps<HTMLDivElement> {
     row: Row<T>;
 }
-declare const BodyRow: <T extends unknown>({ row, children, innerProps, }: BodyRowProps<T>) => JSX.Element;
+declare const BodyRow: <T extends unknown>({ row, children, innerProps, }: BodyRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface TableResultProps extends CommonInnerProps<HTMLSpanElement> {
     manualPagination?: {
         from: number;
@@ -65,20 +65,20 @@ export interface TableResultProps extends CommonInnerProps<HTMLSpanElement> {
         totalRows: number;
     };
 }
-declare const TableResults: ({ children, innerProps, manualPagination, }: TableResultProps) => JSX.Element;
-declare const RowsPerPage: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => JSX.Element;
+declare const TableResults: ({ children, innerProps, manualPagination, }: TableResultProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowsPerPage: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface PaginationArrowButtonProps extends CommonInnerProps<HTMLButtonElement> {
     action: 'previous' | 'next';
 }
-declare const PaginationArrowButton: ({ action, children, innerProps, }: PaginationArrowButtonProps) => JSX.Element;
+declare const PaginationArrowButton: ({ action, children, innerProps, }: PaginationArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
 export interface PaginationNumericButtonProps extends CommonInnerProps<HTMLButtonElement> {
     currentIndex: number | string;
     isSelected: boolean;
 }
-declare const PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: PaginationNumericButtonProps) => JSX.Element;
-declare const PaginationNumericButtons: () => JSX.Element;
-declare const Pagination: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => JSX.Element;
-declare const Navigation: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => JSX.Element;
-declare const LoadingPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => JSX.Element;
-declare const NoDataPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => JSX.Element;
+declare const PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: PaginationNumericButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const PaginationNumericButtons: () => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const Navigation: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const LoadingPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const NoDataPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export { ResizingBar, Header, Body, BodyCell, BodyRow, HeaderCell, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, LoadingPlaceholder, Scrollable, };

package/lib/types/table/Table.d.ts

@@ -28,25 +28,29 @@ import { type TableComponentsInterface } from './TableContext';
  *
  */
 export declare const TableComponents: {
-    ResizingBar: <T extends unknown>({ header, children, innerProps, }: import("./Components").ResizingBarProps<T>) => JSX.Element;
-    Header: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    Body: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    BodyCell: <T_1 extends unknown>({ cell, children, innerProps, }: import("./Components").BodyCellProps<T_1>) => JSX.Element;
-    BodyRow: <T_2 extends unknown>({ row, children, innerProps, }: import("./Components").BodyRowProps<T_2>) => JSX.Element;
-    HeaderCell: <T_3 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderCellProps<T_3>) => JSX.Element;
-    ColumnControls: <T_4 extends unknown>({ cell, controls, children, innerProps, }: import("./Components").ColumnControlsProps<T_4>) => JSX.Element;
-    Navigation: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    TableResults: ({ children, innerProps, manualPagination, }: import("./Components").TableResultProps) => JSX.Element;
-    RowsPerPage: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    Pagination: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    PaginationNumericButtons: () => JSX.Element;
-    PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: import("./Components").PaginationNumericButtonProps) => JSX.Element;
-    PaginationArrowButton: ({ action, children, innerProps, }: import("./Components").PaginationArrowButtonProps) => JSX.Element;
-    LoadingPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    NoDataPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    SortingButton: ({ sortDirection, children, innerProps, }: import("./Components").SortingButtonProps) => JSX.Element;
-    Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
+    ResizingBar: <T extends unknown>({ header, children, innerProps, }: import("./Components").ResizingBarProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    BodyCell: <T_1 extends unknown>({ cell, children, innerProps, }: import("./Components").BodyCellProps<T_1>) => import("react/jsx-runtime").JSX.Element;
+    BodyRow: <T_2 extends unknown>({ row, children, innerProps, }: import("./Components").BodyRowProps<T_2>) => import("react/jsx-runtime").JSX.Element;
+    HeaderCell: <T_3 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderCellProps<T_3>) => import("react/jsx-runtime").JSX.Element;
+    ColumnControls: <T_4 extends unknown>({ cell, controls, children, innerProps, }: import("./Components").ColumnControlsProps<T_4>) => import("react/jsx-runtime").JSX.Element;
+    Navigation: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    TableResults: ({ children, innerProps, manualPagination, }: import("./Components").TableResultProps) => import("react/jsx-runtime").JSX.Element;
+    RowsPerPage: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Pagination: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    PaginationNumericButtons: () => import("react/jsx-runtime").JSX.Element;
+    PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: import("./Components").PaginationNumericButtonProps) => import("react/jsx-runtime").JSX.Element;
+    PaginationArrowButton: ({ action, children, innerProps, }: import("./Components").PaginationArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+    LoadingPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    NoDataPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    SortingButton: ({ sortDirection, children, innerProps, }: import("./Components").SortingButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 };
+/**
+ * @deprecated Use DataGrid component instead
+ * Will be removed in Needle v3.0
+ */
 declare const TableNameSpace: (<T extends unknown>(props: {
     resizable?: boolean | undefined;
     loading?: boolean | undefined;
@@ -54,6 +58,6 @@ declare const TableNameSpace: (<T extends unknown>(props: {
     tableProps: TableType<T>;
     components?: TableComponentsInterface<T> | undefined;
 } & Omit<ElementBase<HTMLDivElement>, "as" | "controls" | "data" | "headers" | "rows"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) & {
-    RowActions: (props: ElementBase<HTMLDivElement>) => JSX.Element;
+    RowActions: (props: ElementBase<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 };
 export default TableNameSpace;

package/lib/types/table/TableContext.d.ts

@@ -21,7 +21,7 @@
 /// <reference types="react" />
 import { type RowData, type Table as TableType } from '@tanstack/react-table';
 import { type Body, type BodyCell, type BodyRow, type TableResults, type ResizingBar, type Navigation, type Header, type Pagination, type NoDataPlaceholder, type LoadingPlaceholder, type PaginationNumericButtons, type PaginationNumericButton, type HeaderCell, type PaginationArrowButton, type RowsPerPage, type ColumnControls, type SortingButton, type Scrollable } from './Components';
-declare type Nullable<T> = T | null;
+type Nullable<T> = T | null;
 export interface TableComponentsInterface<T extends RowData> {
     ResizingBar?: Nullable<typeof ResizingBar<T>>;
     /**

package/lib/types/tabs/Tabs.d.ts

@@ -20,9 +20,9 @@
  */
 import React from 'react';
 import { type ElementBase } from '../helpers';
-declare type TabId = string | number;
-declare type Size = 'small' | 'large';
-declare type Fill = 'underline' | 'filled';
+type TabId = string | number;
+type Size = 'small' | 'large';
+type Fill = 'underline' | 'filled';
 export interface BaseTabsProps<T extends TabId> {
     /**
      * The currently active tabId
@@ -42,7 +42,6 @@ export interface BaseTabsProps<T extends TabId> {
      */
     as?: string | React.ComponentType<any>;
 }
-export declare const Tabs: <T extends TabId>(props: BaseTabsProps<T> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 interface TabProps<T extends TabId> extends ElementBase<HTMLButtonElement> {
     tabId: T;
     children: React.ReactNode | string;
@@ -53,7 +52,6 @@ interface TabProps<T extends TabId> extends ElementBase<HTMLButtonElement> {
      */
     as?: string | React.ComponentType<any>;
 }
-export declare const Tab: React.ForwardRefExoticComponent<TabProps<TabId> & React.RefAttributes<unknown>>;
 interface TabPanelProps {
     children: React.ReactNode | string;
     /**
@@ -68,5 +66,8 @@ interface TabPanelProps {
      */
     as?: string | React.ComponentType<any>;
 }
-export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<unknown>>;
-export {};
+declare const Tabs: (<T extends TabId>(props: BaseTabsProps<T> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
+    Tab: <T_1 extends TabId = TabId>(props: TabProps<T_1> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+    TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<unknown>>;
+};
+export { Tabs };

package/lib/types/tag/Tag.d.ts

@@ -42,7 +42,7 @@ export interface NonRemovableTagProps extends CommonTagProps {
     removeable?: false;
     onRemove?: never;
 }
-export declare type TagProps = RemoveableTagProps | NonRemovableTagProps;
+export type TagProps = RemoveableTagProps | NonRemovableTagProps;
 /**
  *
  *

package/lib/types/text-input/TextInput.d.ts

@@ -18,9 +18,9 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { type ReactElement, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode } from 'react';
 import { type CommonInputProps } from '../_common/input/types';
-import { type SmartTooltipProps } from '../tooltip/SmartTooltip';
+import { Tip } from '../tip';
 export interface TextInputProperties extends Omit<CommonInputProps, 'label'> {
     /** Label text */
     label?: ReactNode;
@@ -39,9 +39,9 @@ export interface TextInputProperties extends Omit<CommonInputProps, 'label'> {
     /** If the component is optional to fill in */
     isOptional?: boolean;
     /** Information to be displayed in the information tooltip */
-    informationIconText?: string;
-    /** Pass props to the underlying SmartTooltip component */
-    smartTooltipProps?: SmartTooltipProps;
+    informationIconText?: React.ReactNode;
+    /** Pass props to the underlying Tip component */
+    tooltipProps?: ComponentPropsWithoutRef<typeof Tip>;
 }
 /**
  *

package/lib/types/textarea/Textarea.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import { type SmartTooltipProps } from '../tooltip/SmartTooltip';
+import { Tip } from '../tip';
 /**
  *
  *
@@ -41,9 +41,9 @@ export interface TextareaProps extends Omit<Omit<ComponentPropsWithoutRef<'texta
     /** If the component is optional to fill in */
     isOptional?: boolean;
     /** Information to be displayed in the information tooltip */
-    informationIconText?: string;
-    /** Pass props to the underlaying SmartTooltip component */
-    smartTooltipProps?: SmartTooltipProps;
+    informationIconText?: React.ReactNode;
+    /** Pass props to the underlying Tip component */
+    tooltipProps?: ComponentPropsWithoutRef<typeof Tip>;
 }
 /**
  *

package/lib/types/theme/ThemeProvider.d.ts

@@ -0,0 +1,54 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
+type ThemeContextType = 'light' | 'dark';
+export declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+type NeedleThemeHook = () => {
+    theme: ThemeContextType;
+    /**
+     * A classname that can be used to scope
+     * elements that are portal-ed like
+     * Modals, Popovers, etc.
+     */
+    themeClassName: string;
+};
+/**
+ * Hook to access the current theme effortlessly
+ */
+export declare const useNeedleTheme: NeedleThemeHook;
+export interface NeedleThemeProviderProps extends PropsWithChildren {
+    theme?: 'dark' | 'light';
+    children: any;
+    /**
+     * Nested theme providers will receive a wrapping `span` tag
+     * in order to set correctly the default text `color` that all nested
+     * children will inherit by adding the respective class `ndl-theme-{theme}`.
+     *
+     * If an extra wrapper is not desired, pass `{ isWrappingChildren : false }`.
+     * This requires child components accept and consumer className prop.
+     *
+     */
+    wrapperProps?: HTMLAttributes<HTMLElement> & {
+        isWrappingChildren?: boolean;
+    };
+}
+export declare const NeedleThemeProvider: ({ theme, children, wrapperProps, }: NeedleThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/{view-selector → theme}/index.d.ts

@@ -18,4 +18,4 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export * from './ViewSelector';
+export * from './ThemeProvider';

package/lib/types/tip/Tip.d.ts

@@ -0,0 +1,166 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { FloatingPortal } from '@floating-ui/react';
+import { type Side } from '@floating-ui/core/src/types';
+import { type ElementBase } from '../helpers';
+import { Typography } from '../typography';
+import React, { type ComponentProps } from 'react';
+export interface TipProps {
+    /** Type of the tip */
+    type?: 'tooltip' | 'toggletip';
+    /** Allowed places of the tooltip */
+    allowedPlacements?: Side[];
+    /** Controlled open state */
+    isOpen?: boolean;
+    /** For controlled open state */
+    onOpenChange?: (isOpen: boolean, event?: Event) => void;
+}
+export declare function useTip({ allowedPlacements, isOpen: controlledOpen, onOpenChange: setControlledOpen, type, }?: TipProps): {
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/react").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: {
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | 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?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    open: boolean;
+    setOpen: (isOpen: boolean, event?: Event | undefined) => void;
+    type: "tooltip" | "toggletip";
+};
+export declare const useTipContext: () => {
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/react").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: {
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | 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?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    open: boolean;
+    setOpen: (isOpen: boolean, event?: Event) => void;
+    type: "tooltip" | "toggletip";
+};
+export declare function Tip({ children, ...options }: {
+    children: React.ReactNode;
+} & TipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tip {
+    var Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+    var Trigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
+        /** Wraps trigger element in an accessible `button` element */
+        hasButtonWrapper?: boolean | undefined;
+    }, "ref"> & React.RefAttributes<HTMLElement>>;
+    var Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;
+    var Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLDivElement>>;
+    var Actions: React.ForwardRefExoticComponent<ActionsProps & React.RefAttributes<HTMLDivElement>>;
+    var Action: (props: ActionProps) => import("react/jsx-runtime").JSX.Element | null;
+}
+/**
+ * Wrapping the trigger in a button by default
+ * Use `asChild` to pass any element as the trigger
+ */
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
+    /** Wraps trigger element in an accessible `button` element */
+    hasButtonWrapper?: boolean | undefined;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
+export interface ContentProps extends Omit<ElementBase<HTMLDivElement>, 'as'> {
+    /** Whether to portal the content */
+    isPortaled?: boolean;
+    /**
+     * Props to pass to the portal from @floating-ui/react FloatingPortal
+     * @see https://floating-ui.com/docs/floatingportal
+     */
+    portalProps?: ComponentProps<typeof FloatingPortal>;
+}
+export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface HeaderProps extends Omit<ElementBase<HTMLDivElement>, 'as'> {
+    /** Close button will be visible */
+    isCloseable?: boolean;
+}
+export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export type BodyProps = Omit<ElementBase<HTMLDivElement>, 'as'>;
+export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLDivElement>>;
+export type ActionsProps = Omit<ElementBase<HTMLDivElement>, 'as'>;
+export declare const Actions: React.ForwardRefExoticComponent<ActionsProps & React.RefAttributes<HTMLDivElement>>;
+export type ActionProps = Omit<ComponentProps<typeof Typography>, 'variant'>;
+export declare const Action: (props: ActionProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/types/{tooltip → tip}/Tooltip.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-declare type ArrowPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right';
+type ArrowPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right';
 export interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
     arrowPosition: ArrowPosition;
     children: React.ReactNode | string;

package/lib/types/tip/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as Tooltip } from './Tooltip';
+export * from './Tip';

package/lib/types/typography/Typography.d.ts

@@ -18,9 +18,8 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-/// <reference types="react" />
 import { type AsType, type ConditionalTypography } from './types';
 export declare const Typography: <TVar extends "label" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subheading-large" | "subheading-medium" | "subheading-small" | "body-large" | "body-medium" | "body-small", TAs extends AsType = undefined>(props: {
     as?: TAs | undefined;
     variant: TVar;
-} & ConditionalTypography<TAs, TVar>) => JSX.Element;
+} & ConditionalTypography<TAs, TVar>) => import("react/jsx-runtime").JSX.Element;