@commercetools/nimbus 0.0.7-rc9-experimental → 0.0.7-rc9

package/dist/index.d.ts

@@ -33,6 +33,7 @@ import { Heading } from '@chakra-ui/react';
 import { Highlight as Highlight_2 } from '@chakra-ui/react';
 import { HTMLAttributes } from 'react';
 import { HTMLChakraProps } from '@chakra-ui/react';
+import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
 import { JsxStyleProps } from '@chakra-ui/react';
@@ -63,6 +64,14 @@ import { SlotRecipeDefinition } from '@chakra-ui/react';
 import { StackProps as StackProps_2 } from '@chakra-ui/react';
 import { SystemContext } from '@chakra-ui/react';
 import { Table } from '@chakra-ui/react';
+import { Tag } from 'react-aria-components';
+import { TagGroup as TagGroup_2 } from 'react-aria-components';
+import { TagGroupProps as TagGroupProps_2 } from 'react-aria-components';
+import { TagGroupRootComponent as TagGroupRootComponent_2 } from './tag-group.types';
+import { TagGroupTagComponent as TagGroupTagComponent_2 } from './tag-group.types';
+import { TagGroupTagListProps as TagGroupTagListProps_2 } from './tag-group.types';
+import { TagListProps } from 'react-aria-components';
+import { TagProps } from 'react-aria-components';
 import { TextFieldProps } from 'react-aria-components';
 import { TextProps as TextProps_2 } from '@chakra-ui/react';
 import { ThemeProviderProps } from 'next-themes';
@@ -850,7 +859,7 @@ declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVa
 declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
 
 /** combine chakra-button props with aria-button props */
-declare type FunctionalButtonProps = ButtonRootProps & AriaButtonProps & {
+declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps> & {
     [key: `data-${string}`]: unknown;
 };
 
@@ -875,6 +884,12 @@ export { Heading }
 
 export { Highlight_2 as Highlight }
 
+/**
+ * Icon
+ * displays icon components
+ */
+export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+
 /**
  * IconButton
  * ============================================================
@@ -891,6 +906,90 @@ export declare interface IconButtonProps extends ButtonProps {
     "aria-label": string;
 }
 
+/**
+ * Main props interface for the Icon component.
+ * Extends IconVariantProps to include both root props and variant props,
+ * while adding support for React children.
+ */
+export declare interface IconProps extends 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?: BoxProps["color"];
+    /**
+     * Accepts a React component to be rendered as the icon .
+     */
+    as?: BoxProps["as"];
+}
+
+/**
+ * Recipe configuration for the Icon component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const iconRecipe: RecipeDefinition<    {
+/**
+* allows applying a predefined size to the icon
+*/
+size: {
+"2xs": {
+boxSize: "600";
+};
+xs: {
+boxSize: "800";
+};
+sm: {
+boxSize: "900";
+};
+md: {
+boxSize: "1000";
+};
+lg: {
+boxSize: "1200";
+};
+xl: {
+boxSize: "1400";
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the svg element.
+ */
+declare interface IconRecipeProps extends RecipeProps<"svg">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface IconRootSlotProps extends HTMLChakraProps<"svg", IconRecipeProps> {
+}
+
+/**
+ * Combines the root props with Chakra UI's recipe variant props.
+ * This allows the component to accept both structural props from Root
+ * and styling variants from the recipe.
+ */
+declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe"> & RecipeVariantProps<typeof iconRecipe>;
+
+/**
+ * Image
+ *
+ * Use this component to display an image.
+ */
+declare const Image_2: ForwardRefExoticComponent<ImageProps & RefAttributes<HTMLImageElement>>;
+export { Image_2 as Image }
+
+export declare interface ImageProps extends ImageProps_2 {
+}
+
 export { Kbd }
 
 /**
@@ -1247,6 +1346,81 @@ export declare const TableRow: (props: TableRowProps) => JSX.Element;
 
 export declare type TableRowProps = React.ComponentProps<typeof Table.Row>;
 
+/**
+ * TagGroup
+ * ============================================================
+ * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
+ *
+ */
+export declare const TagGroup: {
+    Root: TagGroupRootComponent_2;
+    TagList: {
+        <T extends object>({ children, ref, ...rest }: TagGroupTagListProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    Tag: TagGroupTagComponent_2;
+};
+
+/** Final external props for the `<TagGroup>` component, including `children`. */
+export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps>;
+
+/** Type signature for the main `TagGroup` component (using `forwardRef`). */
+export declare type TagGroupRootComponent = FC<TagGroupRootProps & RefAttributes<typeof TagGroup_2>>;
+
+/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
+declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type TagGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/**
+ * Recipe configuration for the TagGroup component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const tagGroupSlotRecipe: SlotRecipeDefinition<"root" | "tagList" | "tag", {
+size: {
+sm: {
+tag: {
+minH: "600";
+paddingX: "200";
+fontSize: "350";
+lineHeight: "400";
+};
+};
+md: {
+tag: {
+minH: "800";
+paddingX: "200";
+paddingY: "100";
+};
+};
+lg: {
+tag: {
+minH: "1000";
+padding: "200";
+};
+};
+};
+}>;
+
+/** Type signature for the `TagGroup.Tag` sub-component (using `forwardRef`). */
+export declare type TagGroupTagComponent = FC<TagGroupTagProps & RefAttributes<typeof Tag>>;
+
+/** Type signature for the `TagGroup.TagList` sub-component (using `forwardRef`). */
+export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T> & RefAttributes<HTMLDivElement>>;
+
+/** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
+export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>>;
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
+export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps>;
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
 /**
  * Render Text
  *
@@ -1261,7 +1435,7 @@ export { Text_2 as Text }
 /**
  * TextInput
  * ============================================================
- * An input component that takes in a text as input
+ * An input component that takes in text as input
  *
  * Features:
  *
@@ -1272,7 +1446,7 @@ export { Text_2 as Text }
  */
 export declare const TextInput: ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>>;
 
-export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootProps, keyof TextFieldProps | "as" | "asChild"> {
+export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
 }
 
 /**
@@ -1312,7 +1486,7 @@ backgroundColor: "primary.2";
 declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
 }
 
-declare type TextInputRootProps = HTMLChakraProps<"input", TextInputRecipeProps>;
+declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
 
 export declare interface TextProps extends TextProps_2 {
 }