etudes 13.0.0 → 14.0.0

package/build/components/Accordion.d.ts

@@ -204,6 +204,7 @@ export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I
  * @exports AccordionHeader Component for each section header.
  * @exports AccordionExpandIcon Component for the expand icon of each section.
  * @exports AccordionCollapseIcon Component for the collapse icon of each
+ * @exports AccordionItem Component for each item in each section.
  */
 export declare const Accordion: <I, S extends AccordionSection<I> = AccordionSection<I>>(props: Readonly<AccordionProps<I, S> & {
     ref?: Ref<HTMLDivElement>;
@@ -229,3 +230,10 @@ export declare const AccordionCollapseIcon: {
     ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * Component for each item of each section of an {@link Accordion}.
+ */
+export declare const AccordionItem: {
+    ({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLDivElement | HTMLButtonElement> & Pick<CollectionProps<any>, "selectionMode" | "onActivateAt">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/build/components/Collection.d.ts

@@ -157,7 +157,9 @@ export type CollectionProps<T> = HTMLAttributes<HTMLDivElement> & {
      */
     onSelectionChange?: (selection: CollectionSelection) => void;
     /**
-     * Component type for generating items in this collection.
+     * Custom component type for generating items in this collection. If this is
+     * provided, the {@link CollectionItem} provided as part of the children will
+     * be ignored.
      */
     ItemComponent?: ComponentType<CollectionItemProps<T>>;
 };
@@ -165,7 +167,16 @@ export type CollectionProps<T> = HTMLAttributes<HTMLDivElement> & {
  * A collection of selectable items with generic data. Items are generated based
  * on the provided `ItemComponent`. This component supports different layouts in
  * both horizontal and vertical orientations.
+ *
+ * @exports CollectionItem Component for each item in the collection.
  */
 export declare const Collection: <T>(props: Readonly<CollectionProps<T> & {
     ref?: Ref<HTMLDivElement>;
 }>) => ReactElement;
+/**
+ * Component for each item in a {@link Collection}.
+ */
+export declare const CollectionItem: {
+    ({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLDivElement | HTMLButtonElement> & Pick<CollectionProps<any>, "selectionMode" | "onActivateAt">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/build/components/Counter.d.ts

@@ -4,10 +4,27 @@ import { TextFieldProps } from './TextField.js';
  * Type describing the props of {@link Counter}.
  */
 export type CounterProps = Omit<HTMLAttributes<HTMLElement>, 'onChange'> & {
+    /**
+     * The minimum quantity that can be set.
+     */
     min?: number;
+    /**
+     * The maximum quantity that can be set.
+     */
     max?: number;
+    /**
+     * The quantity.
+     */
     quantity?: number;
+    /**
+     * Specifies if the quantity can be modified via user text input.
+     */
     allowsInput?: boolean;
+    /**
+     * Handler invoked when the quantity changes.
+     *
+     * @param quantity The new quantity.
+     */
     onChange?: (quantity: number) => void;
 };
 /**

package/build/components/Dropdown.d.ts

@@ -1,12 +1,5 @@
 import { ComponentType, HTMLAttributes, ReactElement, Ref } from 'react';
 import { CollectionItemProps, CollectionOrientation, CollectionProps, CollectionSelection } from './Collection.js';
-/**
- * Base extendable type describing the data provided to each item in
- * {@link Dropdown}.
- */
-export type DropdownItemData = {
-    label?: string;
-};
 /**
  * Type describing the orientation of {@link Dropdown}.
  */
@@ -32,11 +25,11 @@ export type DropdownToggleProps = HTMLAttributes<HTMLButtonElement> & {
 /**
  * Type describing the props of `ItemComponent` provided to {@link Dropdown}.
  */
-export type DropdownItemProps<T extends DropdownItemData = DropdownItemData> = CollectionItemProps<T>;
+export type DropdownItemProps<T> = CollectionItemProps<T>;
 /**
  * Type describing the props of {@link Dropdown}.
  */
-export type DropdownProps<T extends DropdownItemData = DropdownItemData> = HTMLAttributes<HTMLDivElement> & CollectionProps<T> & {
+export type DropdownProps<T> = HTMLAttributes<HTMLDivElement> & CollectionProps<T> & {
     /**
      * Specifies if the internal collection collapses when an item is selected.
      * This only works if `selectionMode` is `single`.
@@ -97,8 +90,9 @@ export type DropdownProps<T extends DropdownItemData = DropdownItemData> = HTMLA
  * @exports DropdownToggle Component for the toggle button.
  * @exports DropdownExpandIcon Component for the expand icon.
  * @exports DropdownCollapseIcon Component for the collapse icon.
+ * @exports DropdownItem Component for each item.
  */
-export declare const Dropdown: <T extends DropdownItemData = DropdownItemData>(props: Readonly<DropdownProps<T> & {
+export declare const Dropdown: <T>(props: Readonly<DropdownProps<T> & {
     ref?: Ref<HTMLDivElement>;
 }>) => ReactElement;
 /**
@@ -122,3 +116,10 @@ export declare const DropdownCollapseIcon: {
     ({ children, style, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * Component for each item in a {@link Dropdown}.
+ */
+export declare const DropdownItem: {
+    ({ children, selectionMode, onActivateAt, ...props }: HTMLAttributes<HTMLDivElement | HTMLButtonElement> & Pick<CollectionProps<any>, "selectionMode" | "onActivateAt">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};