@tanishraj/ui-kit 1.1.0 → 2.0.1

package/dist/index.d.ts

@@ -1,8 +1,10 @@
+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 { ReactNode } from 'react';
@@ -11,6 +13,32 @@ 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'];
@@ -114,13 +142,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,8 +216,100 @@ 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;
+
 declare enum EThemeOptions {
     LIGHT = "light",
     DARK = "dark"