@tanishraj/ui-kit 1.1.1 → 2.1.0

package/dist/index.d.ts

@@ -1,16 +1,47 @@
+import { AnchorHTMLAttributes } from 'react';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { ComponentPropsWithoutRef } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
+import { FieldsetHTMLAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { Ref } from 'react';
 import { RefAttributes } from 'react';
+import { RefObject } from 'react';
 import { RemoveNull as RemoveNull_2 } from '../../../utils';
 import { SVGProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
 
+export declare const Accordion: FC<AccordionProps>;
+
+export declare interface AccordionItem {
+    value: string;
+    title: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
+
+export declare interface AccordionProps extends ComponentPropsWithRef<'div'>, RemoveNull_2<VariantProps<typeof accordionRootStyles>> {
+    items: AccordionItem[];
+    type?: AccordionType;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[] | undefined) => void;
+    collapsible?: boolean;
+}
+
+declare const accordionRootStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type AccordionSizes = RemoveNull_2<VariantProps<typeof accordionRootStyles>>['size'];
+
+export declare type AccordionType = 'single' | 'multiple';
+
 export declare const Alert: FC<AlertProps>;
 
 export declare type AlertAppearances = RemoveNull_2<VariantProps<typeof alertWrapperStyles>>['appearance'];
@@ -33,6 +64,15 @@ declare const alertWrapperStyles: (props?: ({
     inverted?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const AnimatePresence: FC<AnimatePresenceProps>;
+
+export declare const AnimatePresenceChild: FC<PresenceChildProps>;
+
+declare interface AnimatePresenceProps {
+    children: ReactElement | ReactElement[];
+    presence: boolean;
+}
+
 export declare const Avatar: FC<AvatarProps>;
 
 declare const avatarContainerStyles: (props?: ({
@@ -114,13 +154,37 @@ export declare type BadgeVariants = RemoveNull_2<VariantProps<typeof badgeVarian
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
-    appearance?: "icon" | "dots" | "text" | null | undefined;
+    appearance?: "icon" | "text" | "dots" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     shape?: "circle" | "square" | null | undefined;
     inverted?: boolean | null | undefined;
     hasIcon?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Breadcrumb: FC<BreadcrumbProps>;
+
+export declare type BreadcrumbAppearances = RemoveNull_2<VariantProps<typeof breadcrumbStyles>>['appearance'];
+
+export declare interface BreadcrumbItem extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    id?: string;
+    label: ReactNode;
+    icon?: FC<SVGProps<SVGSVGElement>>;
+    current?: boolean;
+    disabled?: boolean;
+}
+
+export declare interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    appearance?: BreadcrumbAppearances;
+    separator?: BreadcrumbSeparators;
+}
+
+export declare type BreadcrumbSeparators = '/' | '>';
+
+declare const breadcrumbStyles: (props?: ({
+    appearance?: "outline" | "ghost" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Button: FC<ButtonProps>;
 
 export declare type ButtonAppearances = RemoveNull_2<VariantProps<typeof buttonStyles>>['appearance'];
@@ -164,13 +228,164 @@ declare const buttonStyles: (props?: ({
 
 export declare type ButtonVariants = RemoveNull_2<VariantProps<typeof buttonStyles>>['variant'];
 
+export declare const Checkbox: FC<CheckboxProps>;
+
+declare const checkboxControlStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+    invalid?: boolean | null | undefined;
+    indeterminate?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const CheckboxGroup: FC<CheckboxGroupProps>;
+
+export declare interface CheckboxGroupOption extends Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'children' | 'error' | 'name' | 'ref' | 'size' | 'type' | 'value'> {
+    value: string;
+}
+
+export declare type CheckboxGroupOrientation = 'horizontal' | 'vertical';
+
+export declare interface CheckboxGroupProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> {
+    options: CheckboxGroupOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    name?: string;
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    size?: CheckboxGroupSizes;
+    shape?: CheckboxGroupShapes;
+    orientation?: CheckboxGroupOrientation;
+    required?: boolean;
+}
+
+export declare type CheckboxGroupShapes = CheckboxShapes;
+
+export declare type CheckboxGroupSizes = CheckboxSizes;
+
+export declare interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'children' | 'size' | 'type'> {
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    size?: CheckboxSizes;
+    shape?: CheckboxShapes;
+    indeterminate?: boolean;
+}
+
+export declare type CheckboxShapes = RemoveNull_2<VariantProps<typeof checkboxControlStyles>>['shape'];
+
+export declare type CheckboxSizes = RemoveNull_2<VariantProps<typeof checkboxControlStyles>>['size'];
+
+export declare const Chip: FC<ChipProps>;
+
+export declare type ChipIcon = FC<SVGProps<SVGSVGElement>>;
+
+export declare interface ChipProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>, RemoveNull_2<Omit<VariantProps<typeof chipStyles>, 'disabled' | 'hasLeadingVisual' | 'removable'>> {
+    children: string | number;
+    icon?: ChipIcon;
+    disabled?: boolean;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+
+export declare type ChipShapes = RemoveNull_2<VariantProps<typeof chipStyles>>['shape'];
+
+export declare type ChipSizes = RemoveNull_2<VariantProps<typeof chipStyles>>['size'];
+
+declare const chipStyles: (props?: ({
+    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+    appearance?: "filled" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+    disabled?: boolean | null | undefined;
+    hasLeadingVisual?: boolean | null | undefined;
+    removable?: boolean | null | undefined;
+    inverted?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type ChipVariants = RemoveNull_2<VariantProps<typeof chipStyles>>['variant'];
+
 export declare const cn: (...inputs: ClassValue[]) => string;
 
+export declare const Divider: FC<DividerProps>;
+
+export declare type DividerOrientations = RemoveNull_2<VariantProps<typeof dividerRootStyles>>['orientation'];
+
+export declare interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    orientation?: DividerOrientations;
+}
+
+declare const dividerRootStyles: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    hasContent?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Drawer: FC<DrawerProps>;
+
+declare const drawerPanelStyles: (props?: ({
+    placement?: "right" | "left" | "top" | "bottom" | null | undefined;
+    size?: "sm" | "md" | "lg" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type DrawerPlacements = RemoveNull_2<VariantProps<typeof drawerPanelStyles>>['placement'];
+
+export declare interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, RemoveNull_2<VariantProps<typeof drawerPanelStyles>> {
+    open: boolean;
+    children?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    footer?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+    closeOnEscape?: boolean;
+    closeOnOverlayClick?: boolean;
+    container?: HTMLElement | null | undefined;
+    containerId?: string | undefined;
+    containerRef?: RefObject<HTMLElement | null> | undefined;
+    disablePortal?: boolean;
+    showCloseButton?: boolean;
+    showOverlay?: boolean;
+}
+
+export declare type DrawerSizes = RemoveNull_2<VariantProps<typeof drawerPanelStyles>>['size'];
+
 declare enum EThemeOptions {
     LIGHT = "light",
     DARK = "dark"
 }
 
+export declare const Link: FC<LinkProps>;
+
+export declare type LinkIcon = FC<SVGProps<SVGSVGElement>>;
+
+export declare interface LinkProps extends Omit<ComponentPropsWithRef<'a'>, 'children'>, RemoveNull_2<Omit<VariantProps<typeof linkStyles>, 'disabled' | 'truncate'>> {
+    children: ReactNode;
+    leadingIcon?: LinkIcon;
+    trailingIcon?: LinkIcon;
+    external?: boolean;
+    disabled?: boolean;
+    truncate?: boolean;
+}
+
+export declare type LinkSizes = RemoveNull_2<VariantProps<typeof linkStyles>>['size'];
+
+declare const linkStyles: (props?: ({
+    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    underline?: "none" | "hover" | "always" | null | undefined;
+    disabled?: boolean | null | undefined;
+    inverted?: boolean | null | undefined;
+    truncate?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type LinkUnderline = RemoveNull_2<VariantProps<typeof linkStyles>>['underline'];
+
+export declare type LinkVariants = RemoveNull_2<VariantProps<typeof linkStyles>>['variant'];
+
+export declare const mergeRefs: <T>(...refs: Array<PossibleRef<T>>) => (node: T | null) => (() => void) | undefined;
+
 export declare const OrganizationChart: ForwardRefExoticComponent<OrgChartComponentProps & RefAttributes<OrgChartRef>>;
 
 export declare interface OrgChartApiNodeData {
@@ -241,6 +456,53 @@ export declare interface OrgChartRef {
     collapseAll: () => void;
 }
 
+export declare const Popover: FC<PopoverProps>;
+
+export declare type PopoverAlignments = 'start' | 'center' | 'end';
+
+declare const popoverIconStyles: (props?: ({
+    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type PopoverPlacements = 'top' | 'right' | 'bottom' | 'left';
+
+export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, RemoveNull_2<VariantProps<typeof popoverIconStyles>> {
+    trigger?: ReactNode;
+    title?: ReactNode;
+    children?: ReactNode;
+    placement?: PopoverPlacements;
+    align?: PopoverAlignments;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    closeLabel?: string;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+    showArrow?: boolean;
+    showCloseButton?: boolean;
+    showSlotBorder?: boolean;
+    contentClassName?: string;
+    triggerClassName?: string;
+}
+
+export declare type PopoverVariants = RemoveNull_2<VariantProps<typeof popoverIconStyles>>['variant'];
+
+export declare const Portal: FC<PortalProps>;
+
+export declare interface PortalProps {
+    children: ReactNode;
+    container?: HTMLElement | null | undefined;
+    containerId?: string | undefined;
+    containerRef?: RefObject<HTMLElement | null> | undefined;
+    disabled?: boolean;
+}
+
+declare type PossibleRef<T> = Ref<T> | undefined;
+
+declare interface PresenceChildProps {
+    children: ReactElement;
+}
+
 export declare type RemoveNull<T> = {
     [K in keyof T]: Exclude<T[K], null>;
 };