@sikka/hawa/dist/accordion/index.d.mts

Modern UI Kit made with Tailwind

import * as React from 'react';
import React__default from 'react';
import { R as RadiusType } from '../commonTypes-C0OLP6TN.mjs';
import * as AccordionPrimitive from '@radix-ui/react-accordion';

type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
    /** The text inside the chip */
    label: string;
    /** The small icon before the chip label  */
    icon?: JSX.Element;
    /** The color of the chip, must be a tailwind color */
    color?: ChipColors;
    /** The size of the chip */
    size?: "small" | "normal" | "large";
    /** Enable/Disable the dot before the label of the chip */
    dot?: boolean;
    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
    dotStatus?: "available" | "unavailable" | "none";
    radius?: RadiusType;
};

type AccordionItemProps = {
    trigger: React.ReactNode;
    content: React.ReactNode;
    disabled?: boolean;
    chip?: ChipTypes;
};
type AccordionProps = {
    items: AccordionItemProps[];
    itemClassNames?: string;
    triggerclassNames?: string;
    contentclassNames?: string;
    className?: string;
    design?: "default" | "separated";
    type: "single" | "multiple";
    collapsible?: boolean;
};
declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;

declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
    unstyled?: boolean;
    hideArrow?: boolean;
} & React.RefAttributes<HTMLButtonElement>>;

declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;

declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    unstyled?: boolean;
} & React.RefAttributes<HTMLDivElement>>;

export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger };