@plesk/ui-library 3.27.1 → 3.27.2

package/types/src/components/ItemList/ItemList.stories.d.ts

@@ -1,289 +1,289 @@
-import React from 'react';
-export declare const Basic: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
-    args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">;
-};
-export declare const Cards: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
-    args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">;
-};
-export declare const Reorderables: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
-    args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">;
-};
-export declare const Selectables: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
-    args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">;
-};
-export declare const HoverableItemList: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
-    args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">;
-};
-export declare const HoverableItems: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
-    args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">;
-};
+import React from 'react';
+export declare const Basic: {
+    (args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">): JSX.Element;
+    args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">;
+};
+export declare const Cards: {
+    (args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">): JSX.Element;
+    args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">;
+};
+export declare const Reorderables: {
+    (args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">): JSX.Element;
+    args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">;
+};
+export declare const Selectables: {
+    (args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">): JSX.Element;
+    args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">;
+};
+export declare const HoverableItemList: {
+    (args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">): JSX.Element;
+    args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">;
+};
+export declare const HoverableItems: {
+    (args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">): JSX.Element;
+    args: {
+        hoverable?: boolean | undefined;
+        stretchable?: boolean | undefined;
+        selectable?: boolean | "multiple" | "toggleable" | undefined;
+        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
+        value?: string | number | (string | number)[] | undefined;
+        defaultValue?: string | number | (string | number)[] | undefined;
+        reorderable?: boolean | undefined;
+        onReorderEnd?: (() => void) | undefined;
+        children: (React.ReactElement<{
+            className?: string | undefined;
+            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            value?: string | number | undefined;
+            view?: "card" | "simple" | undefined;
+            disabled?: boolean | undefined;
+            hoverable?: boolean | undefined;
+            footer?: React.ReactNode;
+        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+        className?: string | undefined;
+        baseClassName?: string | undefined;
+    } & Pick<React.PropsWithChildren<{
+        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    }>, "gap">;
+};