@commercetools/nimbus 0.0.0-canary-20251031122555 → 0.0.0-canary-20251031185705

package/dist/components/combobox/combobox.types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, Ref, RefObject, default as React } from 'react';
 import { HTMLChakraProps, RecipeProps, SlotRecipeProps } from '@chakra-ui/react';
 import { ComboBoxProps as RaComboBoxProps, AutocompleteProps as RaAutoCompleteProps, ListBoxProps as RaListBoxProps, ListBoxItemProps as RaListBoxItemProps, ListBoxSectionProps as RaListBoxSectionProps } from 'react-aria-components';
+import { OmitInternalProps } from '../../type-utils/omit-props';
 type ComboBoxRecipeVariantProps = {
     /**
      * Size variant of the combobox
@@ -25,8 +26,8 @@ export type ComboBoxButtonGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"b
 export type ComboBoxPopoverSlotProps = HTMLChakraProps<"div", RecipeProps<"popover">>;
 export type ComboBoxMultiSelectInputSlotProps = HTMLChakraProps<"input", RecipeProps<"multiSelectInput">>;
 export type ComboBoxOptionsSlotProps = HTMLChakraProps<"div", RecipeProps<"options">>;
-type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
-type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+export type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+export type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 export type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
 export type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
 /**
@@ -84,7 +85,7 @@ export type ComboBoxMultiSelectRootProps<T extends object> = Omit<ComboBoxMultiS
 /**
  * Root element can either be single or multi select.
  */
-export type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
+export type ComboBoxRootProps<T extends object> = OmitInternalProps<ComboBoxSingleSelectRootProps<T>> | OmitInternalProps<ComboBoxMultiSelectRootProps<T>>;
 /**
  * Props for the internal ComboBox value display component (multi-select).
  */
@@ -140,13 +141,13 @@ export type ComboBoxOptionsProps<T extends object> = RaListBoxProps<T> & Omit<Co
 /**
  * Props for the ComboBox.OptionGroup component.
  */
-export type ComboBoxOptionGroupProps<T extends object> = RaListBoxSectionProps<T> & Omit<ComboBoxOptionGroupSlotProps, keyof RaListBoxSectionProps<T>> & {
+export type ComboBoxOptionGroupProps<T extends object> = RaListBoxSectionProps<T> & OmitInternalProps<ComboBoxOptionGroupSlotProps, keyof RaListBoxSectionProps<T>> & {
     label?: ReactNode;
 };
 /**
  * Props for the ComboBox.Option component.
  */
-export type ComboBoxOptionProps<T extends object> = RaListBoxItemProps<T> & Omit<ComboBoxOptionSlotProps, keyof RaListBoxItemProps<T>> & {
+export type ComboBoxOptionProps<T extends object> = RaListBoxItemProps<T> & OmitInternalProps<ComboBoxOptionSlotProps, keyof RaListBoxItemProps<T>> & {
     ref?: Ref<HTMLDivElement>;
 };
 export {};

package/dist/components/combobox/components/combobox.leading-element.d.ts

@@ -5,6 +5,8 @@
  *
  * the css variable is then used in the recipe to update the left-padding of the
  * input.
+ *
+ * @supportsStyleProps
  */
 export declare const ComboBoxLeadingElement: ({ children, }: {
     children: React.ReactNode;

package/dist/components/combobox/components/combobox.multi-select-button-group.d.ts

@@ -1,2 +1,7 @@
 import { ComboBoxButtonGroupProps } from '../combobox.types';
+/**
+ * Internal button group for multi-select ComboBox (clear and toggle buttons)
+ *
+ * @supportsStyleProps
+ */
 export declare const ComboBoxButtonGroup: ({ selectedKeys, onSelectionChange, onInputChange, containerRef, isDisabled, isReadOnly, isLoading, }: ComboBoxButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/components/combobox.multi-select-root.d.ts

@@ -1,2 +1,7 @@
 import { ComboBoxMultiSelect } from '../combobox.types';
+/**
+ * Internal multi-select root implementation for ComboBox
+ *
+ * @supportsStyleProps
+ */
 export declare const MultiSelectRoot: <T extends object>({ children, defaultFilter, inputValue: inputValueProp, defaultInputValue, onInputChange: onInputChangeProp, defaultSelectedKeys, selectedKeys: selectedKeysProp, onSelectionChange: onSelectionChangeProp, onOpenChange: onOpenChangeProp, disabledKeys, items: itemsProp, defaultItems, itemId, itemValue, isLoading, isDisabled, isReadOnly, isRequired, isInvalid, className, placeholder, size, allowsCustomValue, onSubmitCustomValue, renderEmptyState, ref, leadingElement, ...props }: ComboBoxMultiSelect<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/components/combobox.multi-select-tag-group.d.ts

@@ -1,2 +1,7 @@
 import { ComboBoxMultiSelectValueProps } from '../combobox.types';
+/**
+ * Internal tag group component for multi-select ComboBox
+ *
+ * @supportsStyleProps
+ */
 export declare const MultiSelectTagGroup: <T extends Record<string, any>>({ selectedKeys, items, itemId, itemValue, placeholder, onSelectionChange, isDisabled, isReadOnly, size, containerRef, ref, }: ComboBoxMultiSelectValueProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/components/combobox.option-group.d.ts

@@ -1,5 +1,10 @@
 import { RefAttributes } from 'react';
 import { ComboBoxOptionGroupProps } from '../combobox.types';
+/**
+ * ComboBox.OptionGroup - Groups related options with an optional label
+ *
+ * @supportsStyleProps
+ */
 export declare const ComboBoxOptionGroup: {
     <T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/combobox/components/combobox.option.d.ts

@@ -1,4 +1,9 @@
 import { ComboBoxOptionProps } from '../combobox.types';
+/**
+ * ComboBox.Option - An individual selectable option within the combobox
+ *
+ * @supportsStyleProps
+ */
 export declare const ComboBoxOption: {
     <T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/combobox/components/combobox.options.d.ts

@@ -1,4 +1,9 @@
 import { ComboBoxOptionsProps } from '../combobox.types';
+/**
+ * ComboBox.Options - Container for the list of selectable options
+ *
+ * @supportsStyleProps
+ */
 export declare const ComboBoxOptions: {
     <T extends object>({ children, ref, ...props }: ComboBoxOptionsProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/combobox/components/combobox.root.d.ts

@@ -4,7 +4,7 @@ import { ComboBoxRootProps } from '../combobox.types';
  *
  * A combo box combines a text input with a dropdown list, allowing users to filter a list of options to items matching a query.
  *
- * @see {@link https://nimbus-documentation.vercel.app/components/inputs/combobox}
+ * @supportsStyleProps
  */
 export declare const ComboBoxRoot: {
     <T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/components/combobox.single-select-button-group.d.ts

@@ -1,2 +1,7 @@
 import { ComboBoxButtonGroupProps } from '../combobox.types';
+/**
+ * Internal button group for single-select ComboBox (clear and toggle buttons)
+ *
+ * @supportsStyleProps
+ */
 export declare const ComboBoxSingleSelectButtonGroup: ({ isDisabled, isReadOnly, isLoading, }: ComboBoxButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/components/combobox.single-select-input.d.ts

@@ -1,2 +1,7 @@
 import { SingleSelectInputProps } from '../combobox.types';
+/**
+ * Internal single-select input component for ComboBox
+ *
+ * @supportsStyleProps
+ */
 export declare const SingleSelectInput: (props: SingleSelectInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/components/combobox.single-select-root.d.ts

@@ -1,2 +1,7 @@
 import { ComboBoxSingleSelectRootProps } from '../combobox.types';
+/**
+ * Internal single-select root implementation for ComboBox
+ *
+ * @supportsStyleProps
+ */
 export declare const SingleSelectRoot: <T extends object>({ children, inputValue, onInputChange, placeholder, allowsCustomValue, onSubmitCustomValue, renderEmptyState, shouldFocusWrap, isLoading, leadingElement, ref, ...rest }: ComboBoxSingleSelectRootProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/components/index.d.ts

@@ -0,0 +1,11 @@
+export { ComboBoxRoot } from './combobox.root';
+export { ComboBoxOptionGroup } from './combobox.option-group';
+export { ComboBoxOption } from './combobox.option';
+export { ComboBoxLeadingElement } from './combobox.leading-element';
+export { ComboBoxOptions } from './combobox.options';
+export { SingleSelectRoot } from './combobox.single-select-root';
+export { SingleSelectInput } from './combobox.single-select-input';
+export { ComboBoxSingleSelectButtonGroup } from './combobox.single-select-button-group';
+export { MultiSelectRoot } from './combobox.multi-select-root';
+export { ComboBoxButtonGroup } from './combobox.multi-select-button-group';
+export { MultiSelectTagGroup } from './combobox.multi-select-tag-group';

package/dist/components/combobox.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("../chunks/combobox-Bm_d6SaB.cjs.js");exports.ComboBox=o.ComboBox;exports._ComboBoxOption=o.ComboBoxOption;exports._ComboBoxOptionGroup=o.ComboBoxOptionGroup;exports._ComboBoxRoot=o.ComboBoxRoot;
+"use strict";const o=require("../chunks/combobox-CEE8JUDf.cjs.js");exports.ComboBox=o.ComboBox;
 //# sourceMappingURL=combobox.cjs.map

package/dist/components/combobox.es.js

@@ -1,8 +1,5 @@
-import { C as b, c as m, b as x, a as C } from "../chunks/combobox-g3cCFSMZ.es.js";
+import { C as r } from "../chunks/combobox-siEOoGB7.es.js";
 export {
-  b as ComboBox,
-  m as _ComboBoxOption,
-  x as _ComboBoxOptionGroup,
-  C as _ComboBoxRoot
+  r as ComboBox
 };
 //# sourceMappingURL=combobox.es.js.map

package/dist/components/components.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("../chunks/dialog.close-trigger-Y9dS7xOy.cjs.js");exports.DialogBody=o.DialogBody;exports.DialogCloseTrigger=o.DialogCloseTrigger;exports.DialogContent=o.DialogContent;exports.DialogFooter=o.DialogFooter;exports.DialogHeader=o.DialogHeader;exports.DialogRoot=o.DialogRoot;exports.DialogTitle=o.DialogTitle;exports.DialogTrigger=o.DialogTrigger;
+"use strict";const o=require("../chunks/accordion.content-CgYeIB2S.cjs.js");exports.AccordionContent=o.AccordionContent;exports.AccordionHeader=o.AccordionHeader;exports.AccordionHeaderRightContent=o.AccordionHeaderRightContent;exports.AccordionItem=o.AccordionItem;exports.AccordionRoot=o.AccordionRoot;
 //# sourceMappingURL=components.cjs.map

package/dist/components/components.es.js

@@ -1,12 +1,9 @@
-import { d as g, g as i, b as e, e as l, c as s, D, f as r, a as t } from "../chunks/dialog.close-trigger-BhUQxKIh.es.js";
+import { c as n, b as r, d as a, a as d, A as e } from "../chunks/accordion.content-Dv8UBvRU.es.js";
 export {
-  g as DialogBody,
-  i as DialogCloseTrigger,
-  e as DialogContent,
-  l as DialogFooter,
-  s as DialogHeader,
-  D as DialogRoot,
-  r as DialogTitle,
-  t as DialogTrigger
+  n as AccordionContent,
+  r as AccordionHeader,
+  a as AccordionHeaderRightContent,
+  d as AccordionItem,
+  e as AccordionRoot
 };
 //# sourceMappingURL=components.es.js.map

package/dist/components/data-table/components/data-table.body.d.ts

@@ -1,4 +1,9 @@
 import { DataTableBodyProps, DataTableRowItem } from '../data-table.types';
+/**
+ * DataTable.Body - The table body section that renders all data rows with selection and expansion capabilities
+ *
+ * @supportsStyleProps
+ */
 export declare const DataTableBody: {
     <T extends DataTableRowItem = DataTableRowItem>({ ref, ...props }: DataTableBodyProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/data-table/components/data-table.cell.d.ts

@@ -1,2 +1,10 @@
 import { DataTableCellProps } from '../data-table.types';
-export declare const DataTableCell: ({ ref, children, isDisabled, ...props }: DataTableCellProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * DataTable.Cell - Individual cell component that displays data values with proper accessibility attributes
+ *
+ * @supportsStyleProps
+ */
+export declare const DataTableCell: {
+    ({ ref, children, isDisabled, ...props }: DataTableCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/data-table/components/data-table.column.d.ts

@@ -1,2 +1,7 @@
 import { DataTableColumnComponent } from '../data-table.types';
+/**
+ * DataTable.Column - Individual column header component that handles sorting interactions
+ *
+ * @supportsStyleProps
+ */
 export declare const DataTableColumn: DataTableColumnComponent;

package/dist/components/data-table/components/data-table.footer.d.ts

@@ -5,6 +5,11 @@ export type DataTableFooterProps = {
      */
     ref?: React.Ref<HTMLDivElement>;
 };
+/**
+ * DataTable.Footer - Optional footer section for displaying summary information, pagination, or actions
+ *
+ * @supportsStyleProps
+ */
 export declare const DataTableFooter: {
     ({ ref: forwardedRef, children, ...props }: DataTableFooterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/data-table/components/data-table.header.d.ts

@@ -1,4 +1,9 @@
 import { DataTableHeaderProps, DataTableColumnItem } from '../data-table.types';
+/**
+ * DataTable.Header - The table header section that renders column headers with sorting capabilities
+ *
+ * @supportsStyleProps
+ */
 export declare const DataTableHeader: {
     <T extends DataTableColumnItem = DataTableColumnItem>({ ref, ...props }: DataTableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/data-table/components/data-table.root.d.ts

@@ -1,4 +1,9 @@
 import { DataTableProps } from '../data-table.types';
+/**
+ * DataTable.Root - The root container that provides context and state management for the entire data table
+ *
+ * @supportsStyleProps
+ */
 export declare const DataTableRoot: {
     <T extends object = Record<string, unknown>>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/data-table/components/data-table.table.d.ts

@@ -1,4 +1,9 @@
 import { DataTableTableSlotProps } from '../data-table.types';
+/**
+ * DataTable.Table - The main table element that wraps the header and body components
+ *
+ * @supportsStyleProps
+ */
 export declare const DataTableTable: {
     ({ ref: forwardedRef, children, ...props }: DataTableTableSlotProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/data-table/components/index.d.ts

@@ -0,0 +1,10 @@
+export { DataTableRoot } from './data-table.root';
+export { DataTableTable } from './data-table.table';
+export { DataTableHeader } from './data-table.header';
+export { DataTableColumn } from './data-table.column';
+export { DataTableBody } from './data-table.body';
+export { DataTableRow } from './data-table.row';
+export { DataTableCell } from './data-table.cell';
+export { DataTableFooter } from './data-table.footer';
+export { DataTableManager } from './data-table.manager';
+export { DataTableContext, useDataTableContext } from './data-table.context';