@commercetools/nimbus 2.0.1-rc2 → 2.0.1-rc3

package/dist/select.d.ts

@@ -1,246 +0,0 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { ListBoxItemProps } from 'react-aria-components';
-import { ListBoxProps } from 'react-aria-components';
-import { ListBoxSectionProps } from 'react-aria-components';
-import { ReactNode } from 'react';
-import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
-import { SelectOptionProps as SelectOptionProps_2 } from './select.types';
-import { SelectOptionsProps as SelectOptionsProps_2 } from './select.types';
-import { SelectProps } from 'react-aria-components';
-import { SelectRootProps as SelectRootProps_2 } from './select.types';
-import { SlotRecipeProps } from '@chakra-ui/react';
-
-/**
- * Select
- * ============================================================
- * A versatile select component for choosing one or more options from a list.
- * Features full keyboard accessibility and WCAG 2.1 AA compliance.
- *
- * @example
- * ```tsx
- * <Select.Root>
- *   <Select.Options placeholder="Select an option">
- *     <Select.Option id="1">Option 1</Select.Option>
- *     <Select.Option id="2">Option 2</Select.Option>
- *     <Select.Option id="3">Option 3</Select.Option>
- *   </Select.Options>
- * </Select.Root>
- * ```
- *
- * @see https://nimbus-documentation.vercel.app/components/inputs/select
- */
-export declare const Select: {
-    /**
-     * # Select.Root
-     *
-     * The root component that provides context and state management for the select.
-     * This component must wrap all select parts (Options, Option, etc.) and provides
-     * the select state, variant styling context, and selection management.
-     *
-     * @example
-     * ```tsx
-     * <Select.Root>
-     *   <Select.Options placeholder="Choose...">
-     *     <Select.Option id="apple">Apple</Select.Option>
-     *     <Select.Option id="orange">Orange</Select.Option>
-     *   </Select.Options>
-     * </Select.Root>
-     * ```
-     */
-    Root: {
-        ({ ref: forwardedRef, children, leadingElement, isLoading, isDisabled, isClearable, ...props }: SelectRootProps_2): JSX.Element;
-        displayName: string;
-    };
-    /**
-     * # Select.Options
-     *
-     * The trigger button and dropdown container for select options.
-     * Displays the selected value and opens the options list when activated.
-     *
-     * This component handles the visual presentation of the select, including
-     * the trigger button, selected value display, dropdown icon, and the
-     * popover containing options.
-     *
-     * @example
-     * ```tsx
-     * <Select.Root>
-     *   <Select.Options
-     *     placeholder="Select fruit"
-     *     label="Favorite Fruit"
-     *   >
-     *     <Select.Option id="apple">Apple</Select.Option>
-     *     <Select.Option id="banana">Banana</Select.Option>
-     *   </Select.Options>
-     * </Select.Root>
-     * ```
-     */
-    Options: {
-        <T extends object>(props: SelectOptionsProps_2<T> & {
-            ref?: React.Ref<HTMLDivElement>;
-        }): JSX.Element;
-        displayName: string;
-    };
-    /**
-     * # Select.Option
-     *
-     * An individual selectable option within the select dropdown.
-     * Represents a single choice that can be selected by the user.
-     *
-     * Options automatically handle selection state, keyboard navigation,
-     * and visual feedback for hover and selection states.
-     *
-     * @example
-     * ```tsx
-     * <Select.Options>
-     *   <Select.Option id="red" textValue="Red">
-     *     🔴 Red
-     *   </Select.Option>
-     *   <Select.Option id="blue" textValue="Blue">
-     *     🔵 Blue
-     *   </Select.Option>
-     * </Select.Options>
-     * ```
-     */
-    Option: {
-        (props: SelectOptionProps_2): JSX.Element;
-        displayName: string;
-    };
-    /**
-     * # Select.OptionGroup
-     *
-     * A container for grouping related options with an optional label.
-     * Provides visual separation and semantic grouping of options.
-     *
-     * Option groups help organize large lists of options into logical
-     * categories with proper accessibility support.
-     *
-     * @example
-     * ```tsx
-     * <Select.Options>
-     *   <Select.OptionGroup label="Fruits">
-     *     <Select.Option id="apple">Apple</Select.Option>
-     *     <Select.Option id="banana">Banana</Select.Option>
-     *   </Select.OptionGroup>
-     *   <Select.OptionGroup label="Vegetables">
-     *     <Select.Option id="carrot">Carrot</Select.Option>
-     *     <Select.Option id="broccoli">Broccoli</Select.Option>
-     *   </Select.OptionGroup>
-     * </Select.Options>
-     * ```
-     */
-    OptionGroup: {
-        <T extends object>(props: SelectOptionGroupProps_2<T> & {
-            ref?: React.Ref<HTMLDivElement>;
-        }): JSX.Element;
-        displayName: string;
-    };
-};
-
-export declare const _SelectOption: {
-    (props: SelectOptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const _SelectOptionGroup: {
-    <T extends object>(props: SelectOptionGroupProps<T> & {
-        ref?: React.Ref<HTMLDivElement>;
-    }): JSX.Element;
-    displayName: string;
-};
-
-export declare type SelectOptionGroupProps<T> = ListBoxSectionProps<T> & Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> & {
-    /**
-     * Label text for the option group section
-     */
-    label: string;
-};
-
-export declare type SelectOptionGroupSlotProps = HTMLChakraProps<"div">;
-
-export declare type SelectOptionProps = Omit<ListBoxItemProps, "onClick" | "translate" | "onBlur" | "onFocus" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onMouseUp"> & Omit<SelectOptionSlotProps, keyof ListBoxItemProps> & {
-    /**
-     * Ref forwarding to the option element
-     */
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-export declare const _SelectOptions: {
-    <T extends object>(props: SelectOptionsProps<T> & {
-        ref?: React.Ref<HTMLDivElement>;
-    }): JSX.Element;
-    displayName: string;
-};
-
-export declare type SelectOptionSlotProps = HTMLChakraProps<"div">;
-
-export declare interface SelectOptionsProps<T> extends ListBoxProps<T>, Omit<SelectOptionsSlotProps, keyof ListBoxProps<T>> {
-}
-
-export declare type SelectOptionsSlotProps = HTMLChakraProps<"div">;
-
-declare type SelectRecipeProps = {
-    /**
-     * Size variant of the select
-     */
-    size?: SlotRecipeProps<"select">["size"];
-    /**
-     * Visual style variant of the select
-     */
-    variant?: SlotRecipeProps<"select">["variant"];
-};
-
-/**
- * # Select
- *
- * displays a collapsible list of options and allows a user to select one of them.
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/inputs/select}
- */
-export declare const _SelectRoot: {
-    ({ ref: forwardedRef, children, leadingElement, isLoading, isDisabled, isClearable, ...props }: SelectRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SelectRootProps = SelectRootSlotProps & SelectProps & {
-    /**
-     * Whether the select is in a loading state
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Children elements (must be ReactNode, no render props/functions allowed)
-     */
-    children: ReactNode;
-    /**
-     * Optional element to display at the start of the input field
-     * Respects text direction (left in LTR, right in RTL)
-     */
-    leadingElement?: ReactNode;
-    /**
-     * Whether to show a clear button when a value is selected
-     * @default false
-     */
-    isClearable?: boolean;
-    /**
-     * Ref forwarding to the root element
-     */
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-export declare type SelectRootSlotProps = HTMLChakraProps<"div", SelectRecipeProps & SelectProps<object>>;
-
-export declare type SelectTriggerLabelSlotProps = HTMLChakraProps<"span">;
-
-export declare type SelectTriggerSlotProps = HTMLChakraProps<"button">;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/separator.d.ts

@@ -1,49 +0,0 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
-
-/**
- * Separator
- * ============================================================
- * A visual separator that divides content sections
- *
- * Features:
- *
- * - allows forwarding refs to the underlying DOM element
- * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
- * - supports 'variants', 'orientation', etc. configured in the recipe
- * - allows overriding styles by using style-props
- * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
- * - built with React Aria for accessibility
- */
-export declare const Separator: {
-    ({ ref: forwardedRef, orientation, ...props }: SeparatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SeparatorProps = SeparatorRootSlotProps & {
-    /**
-     * Data attributes for testing or custom metadata
-     */
-    [key: `data-${string}`]: unknown;
-    /**
-     * Ref forwarding to the root element
-     */
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-declare type SeparatorRecipeProps = RecipeProps<"separator"> & UnstyledProp;
-
-export declare type SeparatorRootSlotProps = HTMLChakraProps<"div", SeparatorRecipeProps>;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/setup-jsdom-polyfills.d.ts

@@ -1,10 +0,0 @@
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/simple-grid.d.ts

@@ -1,35 +0,0 @@
-import { ForwardRefExoticComponent } from 'react';
-import { GridItemProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { RefAttributes } from 'react';
-import { SimpleGridProps as SimpleGridProps_2 } from '@chakra-ui/react/simple-grid';
-
-export declare const SimpleGrid: {
-    (props: SimpleGridProps): JSX.Element;
-    displayName: string;
-} & {
-    Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
-};
-
-/**
- * # SimpleGrid
- *
- * displays a simple grid / matrix
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/layout/simplegrid}
- */
-export declare type SimpleGridProps = SimpleGridProps_2 & {
-    children?: React.ReactNode;
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/spacer.d.ts

@@ -1,41 +0,0 @@
-import { BoxProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-
-/**
- * Spacer component that fills available space in flex layouts.
- *
- * @example
- * ```tsx
- * <Stack direction="row">
- *   <Button>Left</Button>
- *   <Spacer />
- *   <Button>Right</Button>
- * </Stack>
- * ```
- */
-export declare const Spacer: {
-    ({ ref, ...props }: SpacerProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Spacer component.
- * Extends Chakra UI Box props with flexGrow automatically set to 1.
- */
-export declare type SpacerProps = Omit<BoxProps, "flexGrow"> & {
-    /**
-     * Reference to the spacer element
-     */
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/split-button.d.ts

@@ -1,99 +0,0 @@
-import { AriaButtonProps } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { MenuProps } from 'react-aria-components';
-import { MenuTriggerProps } from 'react-aria-components';
-import { ReactNode } from 'react';
-import { RecipeProps } from '@chakra-ui/react';
-import { SlotRecipeProps } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
-
-declare type ButtonProps = Omit<ButtonRootSlotProps, keyof AriaButtonProps> & AriaButtonProps & {
-    /**
-     * Data attributes for testing or custom metadata
-     */
-    [key: `data-${string}`]: unknown;
-    /**
-     * Slot name for React Aria Components composition
-     */
-    slot?: string | null | undefined;
-    /**
-     * Ref forwarding to the button element
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-};
-
-declare type ButtonRecipeProps = {
-    /**
-     * Size variant of the button
-     * @default "md"
-     */
-    size?: RecipeProps<"button">["size"];
-    /**
-     * Visual style variant of the button
-     * @default "subtle"
-     */
-    variant?: RecipeProps<"button">["variant"];
-    /**
-     * Color tone palette for the button
-     */
-    tone?: RecipeProps<"button">["tone"];
-} & UnstyledProp;
-
-declare type ButtonRootSlotProps = Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> & {
-    slot?: string | null | undefined;
-};
-
-/**
- * # SplitButton
- *
- * A split-button component that combines a primary action button with a dropdown menu.
- *
- * Shows a primary action button + dropdown trigger. The primary button automatically
- * executes the first enabled Menu.Item action, while the dropdown trigger opens a menu
- * with all available options.
- *
- * Use with Menu.Item, Menu.Section, and Separator components for content.
- */
-export declare const SplitButton: {
-    (props: SplitButtonProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SplitButtonButtonGroupSlotProps = HTMLChakraProps<"div">;
-
-export declare type SplitButtonPrimaryButtonSlotProps = HTMLChakraProps<"button">;
-
-export declare type SplitButtonProps = SplitButtonRecipeProps & Pick<ButtonProps, "size" | "tone" | "variant" | "isDisabled"> & Omit<MenuTriggerProps, "trigger" | "children"> & Required<Pick<MenuProps<object>, "onAction">> & {
-    /**
-     * Accessibility label for the dropdown trigger
-     */
-    "aria-label": string;
-    /**
-     * Icon element to display in the primary button (automatically wrapped in Icon component)
-     */
-    icon?: ReactNode;
-    /**
-     * Children should contain Menu components: Menu.Item, Menu.Section, Menu.Separator
-     *
-     * The component automatically selects the first enabled Menu.Item as the primary action.
-     */
-    children: ReactNode;
-};
-
-declare type SplitButtonRecipeProps = SlotRecipeProps<"splitButton">;
-
-export declare type SplitButtonRootSlotProps = HTMLChakraProps<"div", SplitButtonRecipeProps>;
-
-export declare type SplitButtonTriggerSlotProps = HTMLChakraProps<"button">;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/stack.d.ts

@@ -1,30 +0,0 @@
-import { JSX } from 'react/jsx-runtime';
-import { StackProps as StackProps_2 } from '@chakra-ui/react/stack';
-
-/**
- * # Stack
- *
- * An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}
- */
-export declare const Stack: {
-    (props: StackProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type StackProps = StackProps_2 & {
-    children?: React.ReactNode;
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/switch.d.ts

@@ -1,44 +0,0 @@
-import { AriaCheckboxProps } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { SlotRecipeProps } from '@chakra-ui/react';
-
-declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
-
-/**
- * # Switch
- *
- * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}
- */
-export declare const Switch: {
-    ({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SwitchProps = Omit<SwitchRootSlotProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
-    /**
-     * The label content to display next to the switch
-     */
-    children?: React.ReactNode;
-    /**
-     * Ref forwarding to the input element
-     */
-    ref?: React.Ref<HTMLInputElement>;
-};
-
-declare type SwitchRecipeProps = SlotRecipeProps<"switch">;
-
-declare type SwitchRootSlotProps = HTMLChakraProps<"label", SwitchRecipeProps>;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/table.d.ts

@@ -1,14 +0,0 @@
-import { Table } from '@chakra-ui/react/table';
-
-export { Table }
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}