@neo4j-ndl/react 4.0.0-alpha.0.c6243ce → 4.0.0

package/lib/types/box/Box.d.ts

@@ -0,0 +1,56 @@
+/**
+ *
+ *  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 type React from 'react';
+import { type PolymorphicCommonProps, type Radius, type Spacing } from '../_common/types';
+type BaseBoxProps = {
+    /**
+     * @default tokens.space['4']
+     */
+    padding?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingBlockStart?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingBlockEnd?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingInline?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingInlineStart?: Spacing;
+    /**
+     * @default undefined
+     */
+    paddingInlineEnd?: Spacing;
+    /**
+     * @default undefined
+     */
+    borderRadius?: Radius;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+};
+export declare const Box: <T extends React.ElementType = "div">({ as, padding, paddingInline, paddingInlineStart, paddingInlineEnd, paddingBlockEnd, paddingBlockStart, borderRadius, children, style, htmlAttributes, ref, }: PolymorphicCommonProps<T, BaseBoxProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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 * from './Box';

package/lib/types/box/stories/box-default.story.d.ts

@@ -0,0 +1,29 @@
+/**
+ *
+ *  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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Box } from '@neo4j-ndl/react';
+import type React from 'react';
+type BoxProps = React.ComponentProps<typeof Box>;
+declare const BoxDefault: {
+    (args: BoxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BoxDefault;

package/lib/types/box/stories/box.stories.d.ts

@@ -0,0 +1,45 @@
+/**
+ *
+ *  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 { type StoryObj } from '@storybook/react-vite';
+declare const componentMeta: {
+    component: <T extends React.ElementType = "div">({ as, padding, paddingInline, paddingInlineStart, paddingInlineEnd, paddingBlockEnd, paddingBlockStart, borderRadius, children, style, htmlAttributes, ref, }: import("../../_common/types").PolymorphicCommonProps<T, {
+        padding?: import("../../_common/types").Spacing;
+        paddingBlockStart?: import("../../_common/types").Spacing;
+        paddingBlockEnd?: import("../../_common/types").Spacing;
+        paddingInline?: import("../../_common/types").Spacing;
+        paddingInlineStart?: import("../../_common/types").Spacing;
+        paddingInlineEnd?: import("../../_common/types").Spacing;
+        borderRadius?: import("../../_common/types").Radius;
+        children?: React.ReactNode;
+        style?: React.CSSProperties;
+    }>) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+    tags: string[];
+    title: string;
+};
+export default componentMeta;
+type Story = StoryObj<typeof componentMeta>;
+export declare const Default: Story;

package/lib/types/box/stories/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 BoxDefault } from './box-default.story';
+export declare const BoxDefaultSrc: string;

package/lib/types/breadcrumbs/Breadcrumbs.d.ts

@@ -19,84 +19,77 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import type React from 'react';
-import { type HtmlAttributes, type PolymorphicCommonProps } from '../_common/types';
-import { type ContextMenuProps } from '../context-menu/context-menu-types';
-export interface BreadcrumbsBaseItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
+import { type CommonProps, type HtmlAttributes, type PolymorphicCommonProps } from '../_common/types';
+type BreadcrumbsProps = {
+    /** Content to be rendered. Should only be `Breadcrumbs.Item`. */
     children?: React.ReactNode;
-    className?: string;
-    href?: string;
-    isCurrentPage?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, href?: string) => void;
-}
-declare const BreadcrumbsBaseItem: <T extends React.ElementType = "a">({ as, children, className, href, isCurrentPage, onClick, htmlAttributes, ref, }: PolymorphicCommonProps<T, BreadcrumbsBaseItemProps>) => import("react/jsx-runtime").JSX.Element;
-export interface BreadcrumbsGroupItemProps {
-    children?: React.ReactNode;
-    className?: string;
-}
-declare const BreadcrumbsGroupItem: {
-    ({ as, children, className, style, htmlAttributes, }: PolymorphicCommonProps<"li", BreadcrumbsGroupItemProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+    /** Additional classnames. */
+    shouldWrap?: boolean;
 };
-export interface BreadcrumbsItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
-    as?: string | React.ComponentType<any>;
-    children: React.ReactNode;
-    className?: string;
-    hasSeparator?: boolean;
-    href?: string;
-    isCurrentPage?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, href?: string) => void;
-}
-declare const BreadcrumbsItem: {
-    <T extends React.ElementType = "a">({ as, children, className, hasSeparator, href, isCurrentPage, onClick, htmlAttributes, }: PolymorphicCommonProps<T, BreadcrumbsItemProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+type BreadcrumbsItemContextType = {
+    isInBreadcrumbsItem: boolean;
 };
-export interface BreadcrumbsItemMenuProps extends Omit<ContextMenuProps, 'isOpen' | 'onClick' | 'onClose'> {
-    children: React.ReactNode;
-    className?: string;
-    isOpen?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement> | undefined) => void;
-    onClose?: (event?: Event) => void;
-    /** HTML attributes */
-    htmlAttributes?: HtmlAttributes<'button'>;
-}
-declare const BreadcrumbsItemMenu: {
-    ({ children, className, isOpen, onClick, onClose, htmlAttributes, }: BreadcrumbsItemMenuProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export declare const useBreadcrumbsItemContext: () => BreadcrumbsItemContextType;
+type BreadcrumbsItemProps = {
+    /** Content to be rendered. Should be either `Breadcrumbs.Link`, `Breadcrumbs.Button` or `Breadcrumbs.SelectButton`. */
+    children?: React.ReactNode;
 };
-export interface BreadcrumbsEllipsisMenuProps extends Omit<ContextMenuProps, 'isOpen' | 'onClose'> {
-    isOpen?: boolean;
-    onClose?: (event?: Event) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-}
-declare const BreadcrumbsEllipsisMenu: <T extends React.ElementType = "span">({ as, children, className, isOpen, onClick, onClose, onKeyDown, ref, htmlAttributes, }: PolymorphicCommonProps<T, BreadcrumbsEllipsisMenuProps>) => import("react/jsx-runtime").JSX.Element;
-export interface BreadcrumbsMenuItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'onClick'> {
-    children: React.ReactNode;
-    className?: string;
-    href?: string;
-    isCurrentPage?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, href?: string) => void;
-}
-declare const BreadcrumbsMenuItem: {
-    <T extends React.ElementType = "span">({ as, children, className, href, isCurrentPage, onClick, htmlAttributes, }: PolymorphicCommonProps<T, BreadcrumbsMenuItemProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+type InteractiveBreadcrumbProps = {
+    /** Content to be rendered. */
+    children?: React.ReactNode;
+} & ({
+    as: 'button';
+    /**
+     * Event handler for when the button is clicked. Only applicable if `as` is `'button'`.
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+} | {
+    as: 'a';
+    /**
+     * The href of the link. Only applicable if `as` is `'a'`.
+     */
+    href: HtmlAttributes<'a'>['href'];
+    /**
+     * The target of the link. Only applicable if `as` is `'a'`.
+     */
+    target?: HtmlAttributes<'a'>['target'];
+} | {
+    /**
+     * What HTML element to render the root element as.
+     */
+    as?: React.ElementType;
+});
+type BreadcrumbsButtonProps = InteractiveBreadcrumbProps & {
+    /** Leading element to be rendered. */
+    leadingElement?: React.ReactNode;
+    /** Trailing element to be rendered. */
+    trailingElement?: React.ReactNode;
 };
-export interface BreadcrumbsProps {
+type BreadcrumbsSelectButtonProps = {
+    /** Event handler for when the button is clicked. Should be used to open a `Menu`. */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Aria label needed for accessibility. */
+    ariaLabel: string;
+    /** Content to be rendered. */
     children?: React.ReactNode;
+    /** Additional classnames. */
     className?: string;
-}
-declare const BreadcrumbsComponent: {
-    <T extends React.ElementType = "nav">({ as, children, className, htmlAttributes, ref, }: PolymorphicCommonProps<T, BreadcrumbsProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+    /** Additional css styling. */
+    style?: React.CSSProperties;
+    /** HTML attributes. */
+    htmlAttributes?: HtmlAttributes<'button'>;
+};
+type BreadcrumbsLinkProps = InteractiveBreadcrumbProps & {
+    /**
+     * Whether the link is the current item. Use `'page'` if it indicates the current page and `'step'` for steps (in a multi-step wizard for example).
+     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current
+     */
+    ariaCurrent?: React.AriaAttributes['aria-current'];
 };
-type BreadcrumbsComponentType = typeof BreadcrumbsComponent & {
-    BaseItem: typeof BreadcrumbsBaseItem;
-    GroupItem: typeof BreadcrumbsGroupItem;
-    Item: typeof BreadcrumbsItem;
-    ItemMenu: typeof BreadcrumbsItemMenu;
-    EllipsisMenu: typeof BreadcrumbsEllipsisMenu;
-    MenuItem: typeof BreadcrumbsMenuItem;
-    displayName?: string;
+declare const Breadcrumbs: (({ children, className, htmlAttributes, style, ref, shouldWrap, }: CommonProps<"nav", BreadcrumbsProps>) => import("react/jsx-runtime").JSX.Element) & {
+    Button: <T extends React.ElementType = "button">({ children, as, className, style, htmlAttributes, ref, leadingElement, trailingElement, ...restProps }: PolymorphicCommonProps<T, BreadcrumbsButtonProps>) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, className, style, htmlAttributes, ref, }: CommonProps<"li", BreadcrumbsItemProps>) => import("react/jsx-runtime").JSX.Element;
+    Link: <T extends React.ElementType = "a">({ children, as, className, style, htmlAttributes, ariaCurrent, ref, ...restProps }: PolymorphicCommonProps<T, BreadcrumbsLinkProps>) => import("react/jsx-runtime").JSX.Element;
+    SelectButton: ({ onClick, children, className, style, htmlAttributes, ariaLabel, ref, }: CommonProps<"button", BreadcrumbsSelectButtonProps>) => import("react/jsx-runtime").JSX.Element;
 };
-declare const Breadcrumbs: BreadcrumbsComponentType;
 export { Breadcrumbs };

package/lib/types/breadcrumbs/stories/breadcrumbs.stories.d.ts

@@ -0,0 +1,82 @@
+/**
+ *
+ *  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 { type StoryObj } from '@storybook/react-vite';
+declare const componentMeta: {
+    component: (({ children, className, htmlAttributes, style, ref, shouldWrap, }: import("../../_common/types").CommonProps<"nav", {
+        children?: React.ReactNode;
+        shouldWrap?: boolean;
+    }>) => import("react/jsx-runtime").JSX.Element) & {
+        Button: <T extends React.ElementType = "button">({ children, as, className, style, htmlAttributes, ref, leadingElement, trailingElement, ...restProps }: import("../../_common/types").PolymorphicCommonProps<T, ({
+            children?: React.ReactNode;
+        } & ({
+            as: "button";
+            onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        } | {
+            as: "a";
+            href: import("../../_common").HtmlAttributes<"a">["href"];
+            target?: import("../../_common").HtmlAttributes<"a">["target"];
+        } | {
+            as?: React.ElementType;
+        })) & {
+            leadingElement?: React.ReactNode;
+            trailingElement?: React.ReactNode;
+        }>) => import("react/jsx-runtime").JSX.Element;
+        Item: ({ children, className, style, htmlAttributes, ref, }: import("../../_common/types").CommonProps<"li", {
+            children?: React.ReactNode;
+        }>) => import("react/jsx-runtime").JSX.Element;
+        Link: <T extends React.ElementType = "a">({ children, as, className, style, htmlAttributes, ariaCurrent, ref, ...restProps }: import("../../_common/types").PolymorphicCommonProps<T, ({
+            children?: React.ReactNode;
+        } & ({
+            as: "button";
+            onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        } | {
+            as: "a";
+            href: import("../../_common").HtmlAttributes<"a">["href"];
+            target?: import("../../_common").HtmlAttributes<"a">["target"];
+        } | {
+            as?: React.ElementType;
+        })) & {
+            ariaCurrent?: React.AriaAttributes["aria-current"];
+        }>) => import("react/jsx-runtime").JSX.Element;
+        SelectButton: ({ onClick, children, className, style, htmlAttributes, ariaLabel, ref, }: import("../../_common/types").CommonProps<"button", {
+            onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+            ariaLabel: string;
+            children?: React.ReactNode;
+            className?: string;
+            style?: React.CSSProperties;
+            htmlAttributes?: import("../../_common").HtmlAttributes<"button">;
+        }>) => import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+    tags: string[];
+    title: string;
+    id: string;
+};
+export default componentMeta;
+type Story = StoryObj<typeof componentMeta>;
+export declare const HeaderNavigation: Story;
+export declare const PageNavigation: Story;
+export declare const MultiStepNavigation: Story;
+export declare const Ellipses: Story;

package/lib/types/button/ButtonBase.d.ts

@@ -18,6 +18,7 @@
  *  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 React from 'react';
 import { type HtmlAttributes, type PolymorphicCommonProps } from '../_common/types';
 /**
@@ -31,7 +32,7 @@ export type ButtonColors = 'primary' | 'danger' | 'neutral';
 export type CommonButtonProps = {
     children?: React.ReactNode;
     /** Icon to display before the button content */
-    leadingIcon?: React.ReactNode;
+    leadingVisual?: React.ReactNode;
     /** If the button is doing something Async, it will display a loading spinner   */
     isLoading?: boolean;
     /** If the button is in disabled state */
@@ -46,9 +47,17 @@ export type CommonButtonProps = {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /** onKeyDown callback */
     onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-} & ({
+} /**
+ * If `as="a"`, `href` is required and `target` is available.
+ * For all other elements, these props are not present.
+ */ & ({
     as: 'a';
-    href: HtmlAttributes<'a'>['href'];
+    /** The URL to link to. Only applies when `as="a"` */
+    href?: HtmlAttributes<'a'>['href'];
+    /**
+     * The target window for the link. Only applies when `as="a"`.
+     * Not present or required for other element types.
+     */
     target?: HtmlAttributes<'a'>['target'];
 } | {
     as?: React.ElementType;
@@ -61,5 +70,5 @@ type ButtonBaseProps = CommonButtonProps & {
     /** variant of the button */
     buttonVariant?: 'filled' | 'outlined' | 'text';
 };
-export declare const ButtonBase: <T extends React.ElementType = "button">({ as, buttonVariant, children, className, color, htmlAttributes, isDisabled, isFloating, isFluid, isLoading, leadingIcon, onClick, ref, size, style, type, ...restProps }: PolymorphicCommonProps<T, ButtonBaseProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonBase: <T extends React.ElementType = "button">({ as, buttonVariant, children, className, color, htmlAttributes, isDisabled, isFloating, isFluid, isLoading, leadingVisual, onClick, ref, size, style, type, ...restProps }: PolymorphicCommonProps<T, ButtonBaseProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/button/stories/button.stories.d.ts

@@ -24,7 +24,7 @@ declare const componentMeta: Meta<typeof ButtonBase>;
 export default componentMeta;
 type Story = StoryObj<typeof componentMeta>;
 export declare const Sizes: Story;
-export declare const WithLeadingIcon: Story;
+export declare const WithLeadingVisual: Story;
 export declare const Fluid: Story;
 export declare const Variants: Story;
 export declare const Loading: Story;

package/lib/types/checkbox/Checkbox.d.ts

@@ -18,23 +18,34 @@
  *  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 RadioAndCheckboxWrapper from '../_common/input/RadioAndCheckboxWrapper';
-/**
- *
- *
- * Helpers
- *
- *
- */
-/** Add any helper functions here. */
-/**
- *
- *
- * Checkbox Component
- *
- *
- */
-export declare const Checkbox: {
-    ({ ariaLabel, isChecked, hasLabelBefore, label, isDisabled, isReadOnly, isFluid, isIndeterminate, onClick, onChange, className, style, value, htmlAttributes, ref, }: Omit<React.ComponentProps<typeof RadioAndCheckboxWrapper>, "type">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import { type CommonProps, type HtmlAttributes } from '../_common/types';
+type CheckboxProps = {
+    /** Whether the checkbox is checked */
+    isChecked?: boolean;
+    /** Checks the input by default in uncontrolled mode */
+    isDefaultChecked?: boolean;
+    /** Whether the checkbox is indeterminate */
+    isIndeterminate?: boolean;
+    /** Whether the checkbox is disabled */
+    isDisabled?: boolean;
+    /** Whether the checkbox & label should take the full available width of its container */
+    isFluid?: boolean;
+    /** The value of the checkbox */
+    value?: HtmlAttributes<'input'>['value'];
+    /** Whether the label should be displayed before the checkbox */
+    hasLeadingLabel?: boolean;
+    /** The callback function triggered when the checkbox value changes */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** The callback function triggered when the checkbox is clicked */
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+} & ({
+    /** The aria label of the checkbox. Required if the label is not a string. */
+    ariaLabel: string;
+    /** The label of the checkbox. If not a string, supply an aria label for screen reader support. */
+    label?: undefined;
+} | {
+    ariaLabel?: string;
+    label: React.ReactNode;
+});
+export declare const Checkbox: ({ isChecked, isDefaultChecked, isIndeterminate, isFluid, isDisabled, hasLeadingLabel, ariaLabel, onChange, onClick, value, label, className, style, htmlAttributes, ref, ...restProps }: CommonProps<"input", CheckboxProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/checkbox/stories/checkbox.stories.d.ts

@@ -26,6 +26,7 @@ type Story = StoryObj<typeof componentMeta>;
 export declare const Default: Story;
 export declare const Indeterminate: Story;
 export declare const NoLabel: Story;
-export declare const HasLabelBefore: Story;
+export declare const HasLeadingLabel: Story;
 export declare const Disabled: Story;
 export declare const Full: Story;
+export declare const Controlled: Story;

package/lib/types/checkbox/stories/index.d.ts

@@ -24,9 +24,11 @@ export { default as CheckboxNoLabel } from './checkbox-no-label.story';
 export { default as CheckboxDisabled } from './checkbox-disabled.story';
 export { default as CheckboxHasLabelBefore } from './checkbox-has-label-before.story';
 export { default as CheckboxFull } from './checkbox-full.story';
+export { default as CheckboxControlled } from './checkbox-controlled.story';
 export declare const CheckboxDefaultSrc: string;
 export declare const CheckboxIndeterminateSrc: string;
 export declare const CheckboxNoLabelSrc: string;
 export declare const CheckboxDisabledSrc: string;
 export declare const CheckboxFullSrc: string;
 export declare const CheckboxHasLabelBeforeSrc: string;
+export declare const CheckboxControlledSrc: string;

package/lib/types/clean-icon-button/CleanIconButton.d.ts

@@ -22,5 +22,5 @@ import type React from 'react';
 import { type PolymorphicCommonProps } from '../_common/types';
 import { type IconButtonBaseProps } from '../icon-button-base';
 type CleanIconButtonButtonProps = Omit<IconButtonBaseProps, 'iconButtonVariant' | 'isFloating'>;
-export declare const CleanIconButton: <T extends React.ElementType = "button">({ children, as, isLoading, isDisabled, size, isActive, tone, tooltip, tooltipProps, className, style, htmlAttributes, onClick, ref, ...restProps }: PolymorphicCommonProps<T, CleanIconButtonButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const CleanIconButton: <T extends React.ElementType = "button">({ children, as, isLoading, isDisabled, size, isActive, variant, description, tooltipProps, className, style, htmlAttributes, onClick, ref, ...restProps }: PolymorphicCommonProps<T, CleanIconButtonButtonProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/clean-icon-button/stories/clean-icon-button.stories.d.ts

@@ -20,17 +20,16 @@
  */
 import { type StoryObj } from '@storybook/react-vite';
 declare const componentMeta: {
-    component: <T extends React.ElementType = "button">({ children, as, isLoading, isDisabled, size, isActive, tone, tooltip, tooltipProps, className, style, htmlAttributes, onClick, ref, ...restProps }: import("../../_common/types").PolymorphicCommonProps<T, {
-        children: React.ReactNode;
-        onKeyDown?: ((e: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
+    component: <T extends React.ElementType = "button">({ children, as, isLoading, isDisabled, size, isActive, variant, description, tooltipProps, className, style, htmlAttributes, onClick, ref, ...restProps }: import("../../_common/types").PolymorphicCommonProps<T, {
+        children?: import("react").ReactNode;
         onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
         size?: import("../../button").ButtonSizes | undefined;
-        tooltip: string | null;
+        variant?: "neutral" | "danger" | undefined;
         isDisabled?: boolean | undefined;
+        description: string | null;
         isLoading?: boolean | undefined;
         isActive?: boolean | undefined;
         tooltipProps?: import("../../_common/types").TooltipObjectProps | undefined;
-        tone?: "default" | "danger" | undefined;
     }>) => import("react/jsx-runtime").JSX.Element;
     id: string;
     parameters: {

package/lib/types/clipboard-button/ClipboardButton.d.ts

@@ -0,0 +1,34 @@
+/**
+ *
+ *  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 from 'react';
+import { type ButtonSizes } from '../button';
+import { Tooltip } from '../tooltip';
+interface ClipboardButtonProps {
+    /** The text that should be set to users clipboard */
+    textToCopy: string;
+    tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children'>;
+    isDisabled?: boolean;
+    size?: ButtonSizes;
+    htmlAttributes?: React.ComponentPropsWithoutRef<'button'>;
+    type?: 'outlined-button' | 'clean-icon-button' | 'icon-button';
+}
+export declare const ClipboardButton: ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, type, }: ClipboardButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/clipboard-button/stories/clipboard-button.stories.d.ts

@@ -0,0 +1,31 @@
+/**
+ *
+ *  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 { type Meta, type StoryObj } from '@storybook/react-vite';
+import { ClipboardButton } from '../../index';
+declare const componentMeta: Meta<typeof ClipboardButton>;
+export default componentMeta;
+type Story = StoryObj<typeof componentMeta>;
+export declare const Default: Story;
+export declare const AsOutlinedButton: Story;
+export declare const Sizes: Story;
+export declare const WithTooltipProps: Story;
+export declare const Disabled: Story;
+export declare const NotClean: Story;