@dust-tt/sparkle 0.2.38 → 0.2.39-beta

package/dist/cjs/stories/Item.stories.d.ts

@@ -1,4 +1,3 @@
-import type { StoryObj } from "@storybook/react";
 import React from "react";
 import { Item } from "../index_with_tw_base";
 declare const meta: {
@@ -6,9 +5,4 @@ declare const meta: {
     component: typeof Item;
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
 export declare const ListItemExample: () => React.JSX.Element;
-export declare const ItemMD: Story;
-export declare const ItemSM: Story;
-export declare const ItemWithoutIcon: Story;
-export declare const ItemWithVisual: Story;

package/dist/esm/components/Avatar.d.ts

@@ -8,8 +8,10 @@ type AvatarProps = {
     busy?: boolean;
     isRounded?: boolean;
     backgroundColor?: string;
+    className?: string;
+    disabled?: boolean;
 };
-export declare function Avatar({ size, name, visual, onClick, clickable, busy, isRounded, backgroundColor, }: AvatarProps): React.JSX.Element;
+export declare function Avatar({ size, name, visual, onClick, clickable, busy, isRounded, backgroundColor, disabled, className, }: AvatarProps): React.JSX.Element;
 export declare namespace Avatar {
     var Stack: ({ children, nbMoreItems, size, isRounded, hasMagnifier, }: AvatarStackProps) => React.JSX.Element;
 }

package/dist/esm/components/DropdownMenu.d.ts

@@ -7,7 +7,7 @@ export interface DropdownMenuProps {
 export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
     var Button: ({ label, type, tooltip, icon, children, tooltipPosition, className, disabled, }: DropdownButtonProps) => React.JSX.Element;
-    var Item: ({ label, href, disabled, visual, onClick, }: DropdownItemProps) => React.JSX.Element;
+    var Item: ({ label, description, href, disabled, visual, icon, onClick, }: DropdownItemProps) => React.JSX.Element;
     var Items: ({ origin, width, children, }: DropdownItemsProps) => React.JSX.Element;
 }
 export interface DropdownButtonProps {
@@ -22,9 +22,11 @@ export interface DropdownButtonProps {
 }
 interface DropdownItemProps {
     label: string;
+    description?: string;
     href?: string;
     disabled?: boolean;
     visual?: string | React.ReactNode;
+    icon?: ComponentType;
     onClick?: () => void;
 }
 interface DropdownItemsProps {

package/dist/esm/components/Item.d.ts

@@ -1,27 +1,73 @@
 import React, { ComponentType, MouseEvent, ReactNode } from "react";
 type ItemProps = {
     onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
-    size?: "sm" | "md";
-    variant?: "default" | "dropdown";
+    style: "action" | "item";
+    spacing?: "sm" | "md";
+    selectable?: boolean;
     selected?: boolean;
     disabled?: boolean;
     label: string;
-    icon?: ComponentType;
+    description?: string;
     visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    action?: ComponentType;
+    hasAction?: boolean | "hover";
     className?: string;
     href?: string;
 };
-export declare function Item({ onClick, selected, size, disabled, variant, label, icon, visual, className, href, }: ItemProps): React.JSX.Element;
+export declare function Item({ label, description, visual, icon, style, spacing, action, hasAction, onClick, selected, disabled, className, href, }: ItemProps): React.JSX.Element;
 export declare namespace Item {
+    var Entry: (props: EntryItemProps) => React.JSX.Element;
+    var Avatar: ({ description, ...otherProps }: AvatarItemProps) => React.JSX.Element;
+    var Navigation: (props: NavigationListItemProps) => React.JSX.Element;
+    var Dropdown: (props: DropdownListItemProps) => React.JSX.Element;
     var SectionHeader: ({ label, variant, }: ItemSectionHeaderProps) => React.JSX.Element;
     var List: ({ children, className }: ListItemProps) => React.JSX.Element;
 }
-interface ItemSectionHeaderProps {
+interface EntryItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
     label: string;
-    variant?: "primary" | "secondary";
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+}
+interface AvatarItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    className?: string;
+    href?: string;
+}
+interface NavigationListItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+}
+interface DropdownListItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
 }
 interface ListItemProps {
     children: ReactNode;
     className?: string;
 }
+interface ItemSectionHeaderProps {
+    label: string;
+    variant?: "primary" | "secondary";
+}
 export {};