@deepnoid/ui 0.1.82 → 0.1.85

package/dist/components/accordion/accordionItem.d.ts

@@ -0,0 +1,207 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+import { IconName } from '../icon/Icon.js';
+import 'react/jsx-runtime';
+import '../icon/template.js';
+
+interface Props {
+    title?: string;
+    children?: ReactNode;
+    startIconName?: IconName | null;
+    endIconName?: IconName | null;
+    classNames?: SlotsToClasses<AccordionItemSlots>;
+    isOpen?: boolean;
+    onToggle?: () => void;
+}
+type AccordionItemProps = Props & AccordionItemVariantProps;
+declare const AccordionItem: react.ForwardRefExoticComponent<Props & AccordionItemVariantProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const accordionItem: tailwind_variants.TVReturnType<{
+    variant: {
+        outline: {
+            header: never[];
+        };
+        underline: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        md: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        lg: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        xl: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+    };
+    color: {
+        primary: {
+            content: string[];
+            icon: string[];
+        };
+        secondary: {
+            content: string[];
+            icon: string[];
+        };
+        neutral: {
+            content: string[];
+            icon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    header: string[];
+    headerTitle: string[];
+    content: string[];
+    icon: never[];
+}, undefined, {
+    variant: {
+        outline: {
+            header: never[];
+        };
+        underline: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        md: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        lg: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        xl: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+    };
+    color: {
+        primary: {
+            content: string[];
+            icon: string[];
+        };
+        secondary: {
+            content: string[];
+            icon: string[];
+        };
+        neutral: {
+            content: string[];
+            icon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    header: string[];
+    headerTitle: string[];
+    content: string[];
+    icon: never[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: {
+            header: never[];
+        };
+        underline: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        md: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        lg: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+        xl: {
+            base: string[];
+            header: string;
+            content: string;
+        };
+    };
+    color: {
+        primary: {
+            content: string[];
+            icon: string[];
+        };
+        secondary: {
+            content: string[];
+            icon: string[];
+        };
+        neutral: {
+            content: string[];
+            icon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    header: string[];
+    headerTitle: string[];
+    content: string[];
+    icon: never[];
+}, undefined, unknown, unknown, undefined>>;
+type AccordionItemVariantProps = VariantProps<typeof accordionItem>;
+type AccordionItemSlots = keyof ReturnType<typeof accordionItem>;
+type AccordionItemReturnType = ReturnType<typeof accordionItem>;
+
+export { type AccordionItemProps, type AccordionItemReturnType, type AccordionItemSlots, type AccordionItemVariantProps, type Props, AccordionItem as default };