@commercetools/nimbus 0.0.5-rc5-experimental → 0.0.5-rc7

package/dist/index.d.ts

@@ -63,6 +63,15 @@ 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 { TagGroupTagListComponent as TagGroupTagListComponent_2 } from './tag-group.types';
+import { TagList } from 'react-aria-components';
+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;
 };
 
@@ -1247,6 +1256,78 @@ export declare const TableRow: (props: TableRowProps) => JSX_2.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: TagGroupTagListComponent_2<object>;
+    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 = ForwardRefExoticComponent<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: {
+maxH: "3600";
+paddingX: "200";
+fontSize: "350";
+lineHeight: "400";
+};
+};
+md: {
+tag: {
+maxH: "3800";
+paddingX: "200";
+paddingY: "100";
+};
+};
+lg: {
+tag: {
+maxH: "4000";
+padding: "200";
+};
+};
+};
+}>;
+
+/** Type signature for the `TagGroup.Tag` sub-component (using `forwardRef`). */
+export declare type TagGroupTagComponent = ForwardRefExoticComponent<TagGroupTagProps & RefAttributes<typeof Tag>>;
+
+/** Type signature for the `TagGroup.TagList` sub-component (using `forwardRef`). */
+export declare type TagGroupTagListComponent<T extends object> = ForwardRefExoticComponent<TagGroupTagListProps<T> & RefAttributes<typeof TagList>>;
+
+/** 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
  *
@@ -1429,6 +1510,8 @@ export declare function useColorMode(): {
 
 export declare function useColorModeValue<T>(light: T, dark: T): T;
 
+export declare function useColorScheme(): string;
+
 export { useCopyToClipboard }
 
 export { useHotkeys }