@grasp-labs/ds-react-components 1.1.2 → 1.1.4

package/dist/components/list/List.d.ts

@@ -1,7 +1,7 @@
-import { BaseOption } from '../../types/BaseOption';
+import { OptionNode } from '../../types';
 export type ListType = "single" | "multi";
 export type ListProps = {
-    options: BaseOption[];
+    options: OptionNode[];
     type: ListType;
     disabled?: boolean;
     error?: boolean;
@@ -20,7 +20,7 @@ export type ListProps = {
 });
 /**
  * A flexible list component supporting both single and multi-selection modes.
- * Handles selection state changes with proper keyboard navigation and accessibility.
+ * Handles flat options and grouped option sections with proper highlight mapping.
  *
  * @param props - The props for the List component.
  * @returns The rendered list with selectable items.

package/dist/components/list/ListSectionHeader.d.ts

@@ -0,0 +1,5 @@
+export type ListSectionHeaderProps = {
+    label: string;
+    className?: string;
+};
+export declare const ListSectionHeader: ({ label, className, }: ListSectionHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,3 @@
 export { List, type ListProps, type ListType } from './List';
 export { EMPTY_OPTION_ID, ListItem, type ListItemProps } from './ListItem';
+export { ListSectionHeader, type ListSectionHeaderProps, } from './ListSectionHeader';

package/dist/components/select/Select.d.ts

@@ -1,12 +1,12 @@
 import { ReactElement } from 'react';
-import { BaseOption } from '../../types/BaseOption';
+import { BaseOption, OptionNode } from '../../types';
 import { NoneOf } from '../../types/NoneOf';
-export type BaseSelectProps<Option> = {
+export type BaseSelectProps<Option extends BaseOption> = {
     value: Option | null;
     setValue: (value: Option | null) => void;
     prefix?: ReactElement;
     suffix?: ReactElement;
-    options: Option[];
+    options: OptionNode<Option>[];
     id?: string;
     error?: boolean;
     disabled?: boolean;
@@ -31,7 +31,7 @@ export type ServerSelectProps = {
 export type SelectProps<Option extends BaseOption> = (BaseSelectProps<Option> & ClientSelectProps & NoneOf<ServerSelectProps>) | (BaseSelectProps<Option> & ServerSelectProps & NoneOf<ClientSelectProps>);
 /**
  * A dropdown select component with search functionality and keyboard navigation.
- * Built with Downshift for accessibility and supports custom option filtering.
+ * Built with Downshift for accessibility and supports grouped options via section nodes.
  *
  * @template Option - The option type extending BaseOption.
  * @param props - The props for the Select component.