@deepnoid/ui 0.0.84 → 0.0.87

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

@@ -0,0 +1,282 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import react__default, { ReactNode, ReactElement } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props {
+    title?: string;
+    children?: ReactNode;
+    startContent?: ReactElement<{
+        className?: string;
+        size?: "sm" | "md" | "lg";
+    }>;
+    endContent?: ReactElement<{
+        className?: string;
+        size?: "sm" | "md" | "lg";
+    }>;
+    classNames?: SlotsToClasses<AccordionItemSlots>;
+    isOpen?: boolean;
+    onToggle?: () => void;
+}
+type AccordionItemProps = Props & AccordionItemVariantProps;
+declare const AccordionItem: react__default.ForwardRefExoticComponent<Props & AccordionItemVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+
+declare const accordionItem: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            header: string[];
+        };
+        line: {
+            header: string[];
+            contentWrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+        lg: {
+            header: string;
+        };
+    };
+    color: {
+        primary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+        secondary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    header: string[];
+    headerTitleWrapper: string[];
+    headerTitle: string;
+    headerArrowIcon: string[];
+    contentWrapper: never[];
+    content: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        isInGroup?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        disableAnimation?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        classGroups: {
+            fontSize: {
+                text: string[];
+            }[];
+            borderRadius: {
+                rounded: string[];
+            }[];
+            boxShadow: {
+                shadow: string[];
+            }[];
+            padding: {
+                p: string[];
+            }[];
+            gap: {
+                gap: string[];
+            }[];
+        };
+    };
+}, {
+    variant: {
+        solid: {
+            header: string[];
+        };
+        line: {
+            header: string[];
+            contentWrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+        lg: {
+            header: string;
+        };
+    };
+    color: {
+        primary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+        secondary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    header: string[];
+    headerTitleWrapper: string[];
+    headerTitle: string;
+    headerArrowIcon: string[];
+    contentWrapper: never[];
+    content: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            header: string[];
+        };
+        line: {
+            header: string[];
+            contentWrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+        lg: {
+            header: string;
+        };
+    };
+    color: {
+        primary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+        secondary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    header: string[];
+    headerTitleWrapper: string[];
+    headerTitle: string;
+    headerArrowIcon: string[];
+    contentWrapper: never[];
+    content: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            header: string[];
+        };
+        line: {
+            header: string[];
+            contentWrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+        lg: {
+            header: string;
+        };
+    };
+    color: {
+        primary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+        secondary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    variant: {
+        solid: {
+            header: string[];
+        };
+        line: {
+            header: string[];
+            contentWrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+        lg: {
+            header: string;
+        };
+    };
+    color: {
+        primary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+        secondary: {
+            header: string[];
+            headerArrowIcon: string[];
+        };
+    };
+    isInGroup: {
+        true: string;
+    };
+    disableAnimation: {
+        true: {
+            content: string[];
+        };
+        false: {};
+    };
+}>, 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 };