@commercetools/nimbus 2.0.1-rc2 → 2.0.1-rc4

package/dist/form-field.d.ts

@@ -1,118 +0,0 @@
-import { FormFieldDescriptionSlotProps as FormFieldDescriptionSlotProps_2 } from './form-field.types';
-import { FormFieldErrorSlotProps as FormFieldErrorSlotProps_2 } from './form-field.types';
-import { FormFieldInputSlotProps as FormFieldInputSlotProps_2 } from './form-field.types';
-import { FormFieldLabelSlotProps as FormFieldLabelSlotProps_2 } from './form-field.types';
-import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { SlotRecipeProps } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
-
-export declare const FormField: {
-    Root: ({ ref: forwardedRef, id, isInvalid, isRequired, isDisabled, isReadOnly, children, ...props }: FormFieldProps_2) => JSX.Element;
-    Label: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
-    Input: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
-    Description: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
-    Error: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
-    InfoBox: ({ children }: {
-        children: ReactNode;
-    }) => null;
-};
-
-export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps) => null;
-
-export declare type FormFieldDescriptionSlotProps = HTMLChakraProps<"div">;
-
-export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps) => null;
-
-export declare type FormFieldErrorSlotProps = HTMLChakraProps<"div">;
-
-export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
-
-declare type FormFieldInfoBoxProps = {
-    /**
-     * The content to display in the InfoBox
-     */
-    children: ReactNode;
-};
-
-export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps) => null;
-
-export declare type FormFieldInputSlotProps = HTMLChakraProps<"div">;
-
-export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps) => null;
-
-export declare type FormFieldLabelSlotProps = HTMLChakraProps<"div">;
-
-export declare type FormFieldPopoverSlotProps = HTMLChakraProps<"div">;
-
-export declare type FormFieldProps = FormFieldRootSlotProps & {
-    /**
-     * Form field content (label, input, description, error)
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether the field is required for form submission
-     * @default false
-     */
-    isRequired?: boolean;
-    /**
-     * Whether the field has a validation error
-     * @default false
-     */
-    isInvalid?: boolean;
-    /**
-     * Whether the field is disabled
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the field is read-only
-     * @default false
-     */
-    isReadOnly?: boolean;
-    /**
-     * Unique identifier for the input element
-     */
-    id?: string;
-    /**
-     * Ref forwarding to the root element
-     */
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-declare type FormFieldRecipeProps = {
-    /**
-     * Size variant of the form field
-     * @default "md"
-     */
-    size?: SlotRecipeProps<"formField">["size"];
-    /**
-     * Layout direction for label and input positioning
-     * @default "column"
-     */
-    direction?: SlotRecipeProps<"formField">["direction"];
-};
-
-/**
- * # FormField
- *
- * displays miscellaneous inputs in a FormField context
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}
- */
-export declare const _FormFieldRoot: ({ ref: forwardedRef, id, isInvalid, isRequired, isDisabled, isReadOnly, children, ...props }: FormFieldProps) => JSX.Element;
-
-export declare type FormFieldRootSlotProps = HTMLChakraProps<"div", FormFieldRecipeProps & UnstyledProp>;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/grid.d.ts

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

package/dist/group.d.ts

@@ -1,38 +0,0 @@
-import { FC } from 'react';
-import { Group as Group_2 } from 'react-aria-components';
-import { GroupProps as GroupProps_2 } from 'react-aria-components';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { RecipeProps } from '@chakra-ui/react';
-import { Ref } from 'react';
-import { UnstyledProp } from '@chakra-ui/react';
-
-declare type DefaultExcludedProps = "css" | "asChild" | "as" | "colorScheme";
-
-export declare const Group: GroupComponent;
-
-/**
- * Type signature for the main Group component.
- */
-export declare type GroupComponent = FC<GroupProps>;
-
-export declare interface GroupProps extends Omit<GroupRootSlotProps, DefaultExcludedProps>, Pick<GroupProps_2, "isDisabled" | "isInvalid" | "onHoverChange" | "onHoverStart" | "onHoverEnd"> {
-    /**
-     * Ref forwarding to the root element
-     */
-    ref?: Ref<typeof Group_2>;
-}
-
-declare type GroupRecipeProps = RecipeProps<"group"> & UnstyledProp;
-
-export declare type GroupRootSlotProps = HTMLChakraProps<"div", GroupRecipeProps>;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/icon-button.d.ts

@@ -1,75 +0,0 @@
-import { AriaButtonProps } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } 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;
-};
-
-/**
- * # IconButton
- *
- * displays a button with an icon only as child
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}
- */
-export declare const IconButton: {
-    (props: IconButtonProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type IconButtonProps = ButtonProps & {
-    /**
-     * Required accessible label explaining the intended action
-     */
-    "aria-label": string;
-    /**
-     * Ref forwarding to the button element
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/icon-toggle-button.d.ts

@@ -1,67 +0,0 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { ToggleButtonProps as ToggleButtonProps_2 } from 'react-aria-components';
-
-declare type ExcludedProps = "css" | "colorScheme" | "recipe" | "as" | "asChild";
-
-/**
- * # IconToggleButton
- * ============================================================
- * A toggle button with only an icon as child. It is based
- * on the regular `ToggleButton` component, but with a few adjustments.
- *
- */
-export declare const IconToggleButton: {
-    ({ "aria-label": ariaLabel, children, ref, ...props }: IconToggleButtonProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type IconToggleButtonProps = Omit<ToggleButtonProps, "aria-label"> & {
-    /**
-     * Required accessible label for the icon button
-     */
-    "aria-label": string;
-    /**
-     * Ref forwarding to the button element
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-};
-
-declare type ToggleButtonProps = Omit<ToggleButtonRootSlotProps, keyof ToggleButtonProps_2 | ExcludedProps> & ToggleButtonProps_2 & {
-    /**
-     * Ref forwarding to the button element
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-};
-
-declare type ToggleButtonRecipeProps = {
-    /**
-     * Size variant of the toggle button
-     * @default "md"
-     */
-    size?: RecipeProps<"toggleButton">["size"];
-    /**
-     * Visual style variant of the toggle button
-     * @default "outline"
-     */
-    variant?: RecipeProps<"toggleButton">["variant"];
-    /**
-     * Color tone palette for the toggle button
-     * @default "primary"
-     */
-    tone?: RecipeProps<"toggleButton">["tone"];
-};
-
-declare type ToggleButtonRootSlotProps = HTMLChakraProps<"button", ToggleButtonRecipeProps>;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/icon.d.ts

@@ -1,58 +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';
-
-/**
- * # Icon
- *
- * displays icon components
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/media/icon}
- */
-export declare const Icon: {
-    (props: IconProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type IconProps = IconVariantProps & {
-    /**
-     * Accepts only a single child - an icon-component or SVG html-element.
-     * Alternatively, as shorthand, use the `as` property.
-     */
-    children?: React.ReactNode;
-    /**
-     * Colors the icon, accepts a color token from the theme or a custom value
-     */
-    color?: IconRootSlotProps["color"];
-    /**
-     * Accepts a React component to be rendered as the icon .
-     */
-    as?: IconRootSlotProps["as"];
-    /**
-     * Ref to the icon element
-     */
-    ref?: React.Ref<SVGSVGElement>;
-    /**
-     * The slot to render the icon in.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/slot
-     */
-    slot?: string | null | undefined;
-};
-
-declare type IconRecipeProps = RecipeProps<"icon"> & UnstyledProp;
-
-export declare type IconRootSlotProps = HTMLChakraProps<"svg", IconRecipeProps>;
-
-declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe">;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/image.d.ts

@@ -1,28 +0,0 @@
-import { ImageProps as ImageProps_2 } from '@chakra-ui/react/image';
-import { JSX } from 'react/jsx-runtime';
-
-/**
- * # Image
- *
- * A component to display images with support for fallback.
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/media/image}
- */
-declare const Image_2: {
-    (props: ImageProps): JSX.Element;
-    displayName: string;
-};
-export { Image_2 as Image }
-
-export declare type ImageProps = ImageProps_2;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/inline-svg.d.ts

@@ -1,81 +0,0 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { Ref } from 'react';
-import { UnstyledProp } from '@chakra-ui/react';
-
-declare type IconProps = IconVariantProps & {
-    /**
-     * Accepts only a single child - an icon-component or SVG html-element.
-     * Alternatively, as shorthand, use the `as` property.
-     */
-    children?: React.ReactNode;
-    /**
-     * Colors the icon, accepts a color token from the theme or a custom value
-     */
-    color?: IconRootSlotProps["color"];
-    /**
-     * Accepts a React component to be rendered as the icon .
-     */
-    as?: IconRootSlotProps["as"];
-    /**
-     * Ref to the icon element
-     */
-    ref?: React.Ref<SVGSVGElement>;
-    /**
-     * The slot to render the icon in.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/slot
-     */
-    slot?: string | null | undefined;
-};
-
-declare type IconRecipeProps = RecipeProps<"icon"> & UnstyledProp;
-
-declare type IconRootSlotProps = HTMLChakraProps<"svg", IconRecipeProps>;
-
-declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe">;
-
-/**
- * # InlineSvg
- *
- * Renders arbitrary SVG markup as an icon with built-in XSS protection.
- * The component sanitizes the provided SVG string to remove potentially
- * dangerous elements and attributes before rendering.
- *
- * @example
- * ```tsx
- * <InlineSvg
- *   data='<svg viewBox="0 0 24 24"><path d="M12 2L2 7v10c0 5.55 3.84 10.74 9 12..."/></svg>'
- *   size="md"
- *   color="primary.9"
- * />
- * ```
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/media/inline-svg}
- */
-export declare const InlineSvg: {
-    (props: InlineSvgProps): JSX.Element | null;
-    displayName: string;
-};
-
-export declare type InlineSvgProps = Omit<IconProps, "children" | "as" | "asChild"> & {
-    /**
-     * SVG content as a string to be rendered inline
-     */
-    data: string;
-    /**
-     * Ref forwarding to the SVG element
-     */
-    ref?: Ref<SVGSVGElement>;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/kbd.d.ts

@@ -1,29 +0,0 @@
-import { default as default_2 } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { KbdProps as KbdProps_2 } from '@chakra-ui/react/kbd';
-
-/**
- * # Kbd
- *
- * Renders a keyboard shortcut or key combination, styled for visual clarity.
- * Typically used to visually represent keyboard keys.
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}
- */
-export declare const Kbd: ({ ref: forwardedRef, slot, ...props }: KbdProps) => JSX.Element;
-
-export declare type KbdProps = Omit<KbdProps_2, "slot"> & {
-    ref?: default_2.Ref<HTMLElement>;
-    slot?: string | null | undefined;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/link.d.ts

@@ -1,56 +0,0 @@
-import { AriaLinkOptions } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
-
-/**
- * # Link
- *
- * To allow a user to navigate to a different page or resource
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}
- */
-export declare const Link: {
-    (props: LinkProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type LinkProps = LinkVariantProps & {
-    /**
-     * Content to display inside the link
-     */
-    children?: React.ReactNode;
-    /**
-     * Ref forwarding to the anchor element
-     */
-    ref?: React.Ref<HTMLAnchorElement>;
-};
-
-declare type LinkRecipeProps = {
-    /**
-     * Size variant of the link
-     */
-    size?: RecipeProps<"link">["size"];
-    /**
-     * Font color variant of the link
-     */
-    fontColor?: RecipeProps<"link">["fontColor"];
-} & UnstyledProp;
-
-export declare type LinkRootSlotProps = HTMLChakraProps<"a", LinkRecipeProps>;
-
-declare type LinkVariantProps = Omit<LinkRootSlotProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & {
-    [key: `data-${string}`]: string;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/list.d.ts

@@ -1,35 +0,0 @@
-import { ForwardRefExoticComponent } from 'react';
-import { List as List_2 } from '@chakra-ui/react/list';
-import { ListIndicatorProps } from '@chakra-ui/react';
-import { RefAttributes } from 'react';
-
-/**
- * # List
- *
- * displays a list
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/typography/list}
- * @experimental This component is experimental and may change or be removed in future versions.
- */
-export declare const List: {
-    Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
-    Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
-    Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
-};
-
-export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
-
-export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
-
-export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}

package/dist/loading-spinner.d.ts

@@ -1,53 +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';
-
-/**
- * # LoadingSpinner
- *
- * Indicates ongoing processes or loading states
- *
- * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}
- */
-export declare const LoadingSpinner: {
-    (props: LoadingSpinnerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
-    /**
-     * Ref forwarding to the root element
-     */
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-declare type LoadingSpinnerRecipeProps = {
-    /**
-     * Size variant of the loading spinner
-     * @default "sm"
-     */
-    size?: RecipeProps<"loadingSpinner">["size"];
-    /**
-     * Color tone palette for the loading spinner
-     * @default "primary"
-     */
-    tone?: RecipeProps<"loadingSpinner">["tone"];
-} & UnstyledProp;
-
-export declare type LoadingSpinnerRootSlotProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
-
-declare type LoadingSpinnerVariantProps = LoadingSpinnerRootSlotProps & {
-    [key: `data-${string}`]: string;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}