@epilot/volt-ui-experimental-griffel 0.1.0-experiment.1

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

@@ -0,0 +1,46 @@
+import * as React from "react";
+export type ListDensity = "compact" | "relaxed";
+export type ListItemStatus = "default" | "error" | "warning" | "success";
+export type ListProps = Omit<React.ComponentProps<"ol">, "onReorder"> & {
+    /** Row density. Default: "relaxed" */
+    density?: ListDensity;
+    /** Alternating background on neutral rows. Default: false */
+    striped?: boolean;
+    /** Show a 1-based position number on each item. Default: false */
+    showIndex?: boolean;
+    /** Enable drag-and-drop reordering. Each `ListItem` must have a `value`. */
+    sortable?: boolean;
+    /** Called with the new order of `ListItem` values after a drag. */
+    onReorder?: (values: string[]) => void;
+};
+export declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
+export type ListItemActionsProps = React.ComponentProps<"span">;
+export declare const ListItemActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type ListItemTextProps = React.ComponentProps<"span">;
+export declare const ListItemText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type ListItemDescriptionProps = React.ComponentProps<"span">;
+export declare const ListItemDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type ListItemProps = React.ComponentProps<"li"> & {
+    /** Stable id used for drag-and-drop. Required when the `List` is `sortable`. */
+    value?: string;
+    /** System status. Tints the row and shows a trailing status icon. */
+    status?: ListItemStatus;
+    /** Injected by `List` — the 0-based position. */
+    index?: number;
+};
+export declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export type ListGroupProps = Omit<React.ComponentProps<"li">, "onChange"> & {
+    /** Controlled open state of the collapsible group. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. Default: false */
+    defaultOpen?: boolean;
+    /** Called when the group is expanded or collapsed. */
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const ListGroup: React.ForwardRefExoticComponent<Omit<ListGroupProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export type ListGroupLabelProps = React.ComponentProps<"button"> & {
+    asListItem?: boolean;
+};
+export declare const ListGroupLabel: React.ForwardRefExoticComponent<Omit<ListGroupLabelProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export type ListGroupContentProps = React.ComponentProps<"ul">;
+export declare const ListGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;