etudes 14.2.0 → 14.4.0

package/build/components/Accordion.d.ts

@@ -12,7 +12,7 @@ export type AccordionSelection = Record<number, number[]>;
 /**
  * Type describing the data of each section in {@link Accordion}.
  */
-export type AccordionSection<T> = Pick<CollectionProps<T>, 'isSelectionTogglable' | 'itemLength' | 'itemPadding' | 'items' | 'layout' | 'numSegments'> & {
+export type AccordionSectionProps<T> = Pick<CollectionProps<T>, 'isSelectionTogglable' | 'itemLength' | 'itemPadding' | 'items' | 'layout' | 'numSegments'> & {
     /**
      * Padding (in pixels) between the section header and the internal collection.
      */
@@ -37,7 +37,7 @@ export type AccordionItemProps<T> = CollectionItemProps<T>;
  * Type describing the props of each `HeaderComponent` provided to
  * {@link Accordion}.
  */
-export type AccordionHeaderProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLElement> & {
+export type AccordionHeaderProps<I, S extends AccordionSectionProps<I> = AccordionSectionProps<I>> = HTMLAttributes<HTMLElement> & {
     /**
      * The index of the corresponding section.
      */
@@ -61,7 +61,7 @@ export type AccordionHeaderProps<I, S extends AccordionSection<I> = AccordionSec
 /**
  * Type describing the props of {@link Accordion}.
  */
-export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLDivElement> & {
+export type AccordionProps<I, S extends AccordionSectionProps<I> = AccordionSectionProps<I>> = HTMLAttributes<HTMLDivElement> & {
     /**
      * Specifies if expanded sections should automatically collapse upon expanding
      * another section.
@@ -204,9 +204,10 @@ 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 AccordionSection Component for each section.
  * @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> & {
+export declare const Accordion: <I, S extends AccordionSectionProps<I> = AccordionSectionProps<I>>(props: Readonly<AccordionProps<I, S> & {
     ref?: Ref<HTMLDivElement>;
 }>) => ReactElement;
 /**
@@ -230,6 +231,10 @@ export declare const AccordionCollapseIcon: {
     ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * Component for each section in an {@link Accordion}.
+ */
+export declare const AccordionSection: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Component for each item of each section of an {@link Accordion}.
  */

package/build/components/Collection.d.ts

@@ -72,7 +72,7 @@ export type CollectionProps<T> = HTMLAttributes<HTMLDivElement> & {
     /**
      * Generically typed data of each item.
      */
-    items: T[];
+    items?: T[];
     /**
      * Specifies the layout appearance of this component.
      *

package/build/components/Dropdown.d.ts

@@ -87,26 +87,33 @@ export type DropdownProps<T> = HTMLAttributes<HTMLDivElement> & CollectionProps<
  * supports both horizontal and vertical orientations. Provide `items` and
  * `ItemComponent` props to populate.
  *
+ * @exports DropdownCollection Component containing the items.
+ * @exports DropdownItem Component for each item.
  * @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.
+ * @exports DropdownExpandIcon Component for the expand icon.
  */
 export declare const Dropdown: <T>(props: Readonly<DropdownProps<T> & {
     ref?: Ref<HTMLDivElement>;
 }>) => ReactElement;
 /**
- * Component for the toggle button of a {@link Dropdown}.
+ * Component containing the items in a {@link Dropdown}.
  */
-export declare const DropdownToggle: {
-    ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & DropdownToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare const DropdownCollection: <T>(props: Readonly<CollectionProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}>) => ReactElement;
+/**
+ * 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;
 };
 /**
- * Component for the expand icon of a {@link Dropdown}.
+ * Component for the toggle button of a {@link Dropdown}.
  */
-export declare const DropdownExpandIcon: {
-    ({ children, style, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare const DropdownToggle: {
+    ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & DropdownToggleProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
@@ -117,9 +124,9 @@ export declare const DropdownCollapseIcon: {
     displayName: string;
 };
 /**
- * Component for each item in a {@link Dropdown}.
+ * Component for the expand icon of 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;
+export declare const DropdownExpandIcon: {
+    ({ children, style, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };