@szum-tech/design-system/dist/components/item/index.d.ts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';
import { Separator } from '../separator/index.js';
import 'radix-ui';

declare const itemVariants: (props?: {
    variant?: "default" | "outline" | "muted";
    size?: "default" | "sm";
} & class_variance_authority_types.ClassProp) => string;

type ItemVariantsProps = VariantProps<typeof itemVariants>;
type ItemVariantType = NonNullable<ItemVariantsProps["variant"]>;
type ItemSizeType = NonNullable<ItemVariantsProps["size"]>;

type ItemProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
    variant?: ItemVariantType;
    size?: ItemSizeType;
};
declare function Item({ className, variant, size, asChild, ...props }: ItemProps): React.JSX.Element;

declare const itemMediaVariants: (props?: {
    variant?: "image" | "default" | "icon";
} & class_variance_authority_types.ClassProp) => string;

type ItemMediaVariantsProps = VariantProps<typeof itemMediaVariants>;
type ItemMediaVariantType = NonNullable<ItemMediaVariantsProps["variant"]>;

type ItemMediaProps = React.ComponentProps<"div"> & {
    variant?: ItemMediaVariantType;
};
declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): React.JSX.Element;

type ItemGroupProps = React.ComponentProps<"div">;
declare function ItemGroup({ className, ...props }: ItemGroupProps): React.JSX.Element;

type ItemActionsProps = React.ComponentProps<"div">;
declare function ItemActions({ className, ...props }: ItemActionsProps): React.JSX.Element;

type ItemContentProps = React.ComponentProps<"div">;
declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

type ItemDescriptionProps = React.ComponentProps<"p">;
declare function ItemDescription({ className, ...props }: ItemDescriptionProps): React.JSX.Element;

type ItemFooterProps = React.ComponentProps<"div">;
declare function ItemFooter({ className, ...props }: ItemFooterProps): React.JSX.Element;

type ItemHeaderProps = React.ComponentProps<"div">;
declare function ItemHeader({ className, ...props }: ItemHeaderProps): React.JSX.Element;

type ItemTitleProps = React.ComponentProps<"div">;
declare function ItemTitle({ className, ...props }: ItemTitleProps): React.JSX.Element;

type ItemSeparatorProps = React.ComponentProps<typeof Separator>;
declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): React.JSX.Element;

export { Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemMediaVariantType, type ItemProps, ItemSeparator, type ItemSeparatorProps, type ItemSizeType, ItemTitle, type ItemTitleProps, type ItemVariantType };