@jamsrui/accordion 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +40 -0
- package/dist/accordion-B4uaEA73.d.mts +125 -0
- package/dist/accordion-config.d.mts +24 -0
- package/dist/accordion-config.d.ts +24 -0
- package/dist/accordion-config.js +2 -0
- package/dist/accordion-config.mjs +2 -0
- package/dist/accordion-content-wrapper.d.mts +11 -0
- package/dist/accordion-content-wrapper.d.ts +11 -0
- package/dist/accordion-content-wrapper.js +2 -0
- package/dist/accordion-content-wrapper.mjs +2 -0
- package/dist/accordion-content.d.mts +10 -0
- package/dist/accordion-content.d.ts +10 -0
- package/dist/accordion-content.js +2 -0
- package/dist/accordion-content.mjs +2 -0
- package/dist/accordion-context.d.mts +25 -0
- package/dist/accordion-context.d.ts +25 -0
- package/dist/accordion-context.js +2 -0
- package/dist/accordion-context.mjs +2 -0
- package/dist/accordion-fJ8qgUop.d.ts +125 -0
- package/dist/accordion-heading-content.d.mts +10 -0
- package/dist/accordion-heading-content.d.ts +10 -0
- package/dist/accordion-heading-content.js +2 -0
- package/dist/accordion-heading-content.mjs +2 -0
- package/dist/accordion-indicator.d.mts +10 -0
- package/dist/accordion-indicator.d.ts +10 -0
- package/dist/accordion-indicator.js +2 -0
- package/dist/accordion-indicator.mjs +2 -0
- package/dist/accordion-item-C8aJ-HG6.d.ts +34 -0
- package/dist/accordion-item-context.d.mts +27 -0
- package/dist/accordion-item-context.d.ts +27 -0
- package/dist/accordion-item-context.js +2 -0
- package/dist/accordion-item-context.mjs +2 -0
- package/dist/accordion-item-sBG7m9B4.d.mts +34 -0
- package/dist/accordion-item.d.mts +9 -0
- package/dist/accordion-item.d.ts +9 -0
- package/dist/accordion-item.js +2 -0
- package/dist/accordion-item.mjs +2 -0
- package/dist/accordion-list-provider.d.mts +11 -0
- package/dist/accordion-list-provider.d.ts +11 -0
- package/dist/accordion-list-provider.js +2 -0
- package/dist/accordion-list-provider.mjs +2 -0
- package/dist/accordion-trigger.d.mts +10 -0
- package/dist/accordion-trigger.d.ts +10 -0
- package/dist/accordion-trigger.js +2 -0
- package/dist/accordion-trigger.mjs +2 -0
- package/dist/accordion.d.mts +12 -0
- package/dist/accordion.d.ts +12 -0
- package/dist/accordion.js +2 -0
- package/dist/accordion.mjs +2 -0
- package/dist/chunk-3KSKR3LG.mjs +2 -0
- package/dist/chunk-3UAIVIWO.js +2 -0
- package/dist/chunk-5KYCVUKE.mjs +2 -0
- package/dist/chunk-5PG52LOT.js +2 -0
- package/dist/chunk-6MXHW7QL.js +2 -0
- package/dist/chunk-6UVIASYR.js +2 -0
- package/dist/chunk-746WPYID.mjs +2 -0
- package/dist/chunk-7IPMKOW5.js +2 -0
- package/dist/chunk-AJ5VRSYU.mjs +2 -0
- package/dist/chunk-B5KGPCHX.mjs +2 -0
- package/dist/chunk-B6BHXTLD.mjs +2 -0
- package/dist/chunk-BHH7RUHV.js +2 -0
- package/dist/chunk-FKUMBOKA.mjs +2 -0
- package/dist/chunk-GWEMJIEZ.js +2 -0
- package/dist/chunk-HLLSKKJM.js +2 -0
- package/dist/chunk-HVN4FG72.mjs +2 -0
- package/dist/chunk-J7DWXUO6.mjs +2 -0
- package/dist/chunk-JCBC2HSN.js +2 -0
- package/dist/chunk-KC2PTXCT.js +2 -0
- package/dist/chunk-MYIQFE6C.js +2 -0
- package/dist/chunk-OQKIABXQ.js +2 -0
- package/dist/chunk-R6PXBFOT.mjs +2 -0
- package/dist/chunk-REF3PGRV.js +2 -0
- package/dist/chunk-REL7EDKS.mjs +2 -0
- package/dist/chunk-RQEXQX27.mjs +2 -0
- package/dist/chunk-SO5PO6XK.js +2 -0
- package/dist/chunk-TKL7S3WD.js +2 -0
- package/dist/chunk-U5LPS5QH.mjs +2 -0
- package/dist/chunk-XB7QSVNE.mjs +2 -0
- package/dist/chunk-ZYZQ6BLD.mjs +2 -0
- package/dist/icons.d.mts +6 -0
- package/dist/icons.d.ts +6 -0
- package/dist/icons.js +2 -0
- package/dist/icons.mjs +2 -0
- package/dist/index.d.mts +15 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.js +2 -0
- package/dist/index.mjs +2 -0
- package/dist/styles.d.mts +87 -0
- package/dist/styles.d.ts +87 -0
- package/dist/styles.js +2 -0
- package/dist/styles.mjs +2 -0
- package/dist/use-accordion-item.d.mts +9 -0
- package/dist/use-accordion-item.d.ts +9 -0
- package/dist/use-accordion-item.js +2 -0
- package/dist/use-accordion-item.mjs +2 -0
- package/dist/use-accordion.d.mts +12 -0
- package/dist/use-accordion.d.ts +12 -0
- package/dist/use-accordion.js +2 -0
- package/dist/use-accordion.mjs +2 -0
- package/package.json +50 -0
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# 🚀 **JamsrUI**
|
|
2
|
+
|
|
3
|
+
**A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## 📖 **Overview**
|
|
7
|
+
|
|
8
|
+
[JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
|
|
9
|
+
|
|
10
|
+
## 🚀 Getting Started
|
|
11
|
+
|
|
12
|
+
Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
|
|
13
|
+
|
|
14
|
+
## ✨ Features
|
|
15
|
+
|
|
16
|
+
- 🚀 **Production-Ready**: Optimized for modern React projects.
|
|
17
|
+
- 🎨 **Customizable**: Easily override styles and themes.
|
|
18
|
+
- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
|
|
19
|
+
- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
|
|
20
|
+
- 📦 **Lightweight**: Minimal dependencies for fast performance.
|
|
21
|
+
- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
|
|
22
|
+
|
|
23
|
+
## 🌱 Community
|
|
24
|
+
|
|
25
|
+
We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
|
|
26
|
+
|
|
27
|
+
### How to Engage
|
|
28
|
+
|
|
29
|
+
- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
|
|
30
|
+
- 🚀 **Request Features**: Share ideas for new components.
|
|
31
|
+
- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
|
|
32
|
+
|
|
33
|
+
## Contributing
|
|
34
|
+
|
|
35
|
+
We welcome contributions from developers of all skill levels!
|
|
36
|
+
|
|
37
|
+
## ⭐ Support the Project
|
|
38
|
+
|
|
39
|
+
If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
|
|
40
|
+
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
3
|
+
import { PropGetter, SlotsToClassNames, UIProps } from '@jamsrui/utils';
|
|
4
|
+
import { AccordionContent } from './accordion-content.mjs';
|
|
5
|
+
import { AccordionContentWrapper } from './accordion-content-wrapper.mjs';
|
|
6
|
+
import { AccordionHeadingContent } from './accordion-heading-content.mjs';
|
|
7
|
+
import { AccordionIndicator } from './accordion-indicator.mjs';
|
|
8
|
+
import { A as AccordionItem } from './accordion-item-sBG7m9B4.mjs';
|
|
9
|
+
import { AccordionTrigger } from './accordion-trigger.mjs';
|
|
10
|
+
import { AccordionVariants, AccordionSlots } from './styles.mjs';
|
|
11
|
+
|
|
12
|
+
declare const useAccordion: (props: useAccordion.Props) => {
|
|
13
|
+
getRootProps: PropGetter<Accordion.Props>;
|
|
14
|
+
handleValueChange: () => void;
|
|
15
|
+
value: useAccordion.AccordionValue;
|
|
16
|
+
isDisabled: boolean | undefined;
|
|
17
|
+
slotProps: {
|
|
18
|
+
trigger?: AccordionTrigger.Props;
|
|
19
|
+
item?: AccordionItem.Props;
|
|
20
|
+
content?: AccordionContent.Props;
|
|
21
|
+
contentWrapper?: AccordionContentWrapper.Props;
|
|
22
|
+
indicator?: AccordionIndicator.Props;
|
|
23
|
+
headingContent?: AccordionHeadingContent.Props;
|
|
24
|
+
} | undefined;
|
|
25
|
+
classNames: SlotsToClassNames<"header" | "content" | "root" | "item" | "contentWrapper" | "indicator" | "headingContent" | "trigger"> | undefined;
|
|
26
|
+
styles: {
|
|
27
|
+
root: (slotProps?: ({
|
|
28
|
+
variant?: "light" | "splitted" | undefined;
|
|
29
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
30
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
31
|
+
item: (slotProps?: ({
|
|
32
|
+
variant?: "light" | "splitted" | undefined;
|
|
33
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
34
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
35
|
+
header: (slotProps?: ({
|
|
36
|
+
variant?: "light" | "splitted" | undefined;
|
|
37
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
38
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
39
|
+
trigger: (slotProps?: ({
|
|
40
|
+
variant?: "light" | "splitted" | undefined;
|
|
41
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
42
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
43
|
+
content: (slotProps?: ({
|
|
44
|
+
variant?: "light" | "splitted" | undefined;
|
|
45
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
46
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
47
|
+
contentWrapper: (slotProps?: ({
|
|
48
|
+
variant?: "light" | "splitted" | undefined;
|
|
49
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
50
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
51
|
+
indicator: (slotProps?: ({
|
|
52
|
+
variant?: "light" | "splitted" | undefined;
|
|
53
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
54
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
55
|
+
headingContent: (slotProps?: ({
|
|
56
|
+
variant?: "light" | "splitted" | undefined;
|
|
57
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
58
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
59
|
+
} & {
|
|
60
|
+
root: (slotProps?: ({
|
|
61
|
+
variant?: "light" | "splitted" | undefined;
|
|
62
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
63
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
64
|
+
item: (slotProps?: ({
|
|
65
|
+
variant?: "light" | "splitted" | undefined;
|
|
66
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
67
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
68
|
+
header: (slotProps?: ({
|
|
69
|
+
variant?: "light" | "splitted" | undefined;
|
|
70
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
71
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
72
|
+
trigger: (slotProps?: ({
|
|
73
|
+
variant?: "light" | "splitted" | undefined;
|
|
74
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
75
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
76
|
+
content: (slotProps?: ({
|
|
77
|
+
variant?: "light" | "splitted" | undefined;
|
|
78
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
79
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
80
|
+
contentWrapper: (slotProps?: ({
|
|
81
|
+
variant?: "light" | "splitted" | undefined;
|
|
82
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
83
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
84
|
+
indicator: (slotProps?: ({
|
|
85
|
+
variant?: "light" | "splitted" | undefined;
|
|
86
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
87
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
88
|
+
headingContent: (slotProps?: ({
|
|
89
|
+
variant?: "light" | "splitted" | undefined;
|
|
90
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
91
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
92
|
+
} & {};
|
|
93
|
+
handleAccordionOpen: (idx: string) => void;
|
|
94
|
+
elementRefs: react.RefObject<(HTMLElement | null)[]>;
|
|
95
|
+
hideIndicator: boolean | undefined;
|
|
96
|
+
};
|
|
97
|
+
declare namespace useAccordion {
|
|
98
|
+
type AccordionValue = string[];
|
|
99
|
+
interface Props extends UIProps<"div">, AccordionVariants {
|
|
100
|
+
slotProps?: {
|
|
101
|
+
trigger?: AccordionTrigger.Props;
|
|
102
|
+
item?: AccordionItem.Props;
|
|
103
|
+
content?: AccordionContent.Props;
|
|
104
|
+
contentWrapper?: AccordionContentWrapper.Props;
|
|
105
|
+
indicator?: AccordionIndicator.Props;
|
|
106
|
+
headingContent?: AccordionHeadingContent.Props;
|
|
107
|
+
};
|
|
108
|
+
classNames?: SlotsToClassNames<AccordionSlots>;
|
|
109
|
+
value?: AccordionValue;
|
|
110
|
+
defaultValue?: AccordionValue;
|
|
111
|
+
isDisabled?: boolean;
|
|
112
|
+
onValueChange?: (value: AccordionValue) => void;
|
|
113
|
+
isMultiple?: boolean;
|
|
114
|
+
loop?: boolean;
|
|
115
|
+
hideIndicator?: boolean;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
declare const Accordion: (props: Accordion.Props) => react.JSX.Element;
|
|
120
|
+
declare namespace Accordion {
|
|
121
|
+
interface Props extends useAccordion.Props {
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export { Accordion as A, useAccordion as u };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { GlobalConfigProps } from '@jamsrui/core';
|
|
3
|
+
import { A as Accordion } from './accordion-B4uaEA73.mjs';
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import '@jamsrui/utils';
|
|
6
|
+
import './accordion-content.mjs';
|
|
7
|
+
import './accordion-content-wrapper.mjs';
|
|
8
|
+
import 'motion/react';
|
|
9
|
+
import './accordion-heading-content.mjs';
|
|
10
|
+
import './accordion-indicator.mjs';
|
|
11
|
+
import './accordion-item-sBG7m9B4.mjs';
|
|
12
|
+
import './accordion-trigger.mjs';
|
|
13
|
+
import './styles.mjs';
|
|
14
|
+
|
|
15
|
+
declare const useAccordionConfig: () => AccordionConfig.Props;
|
|
16
|
+
declare const AccordionConfig: (props: AccordionConfig.Props & {
|
|
17
|
+
merge?: boolean;
|
|
18
|
+
}) => react.JSX.Element;
|
|
19
|
+
declare namespace AccordionConfig {
|
|
20
|
+
interface Props extends Accordion.Props, GlobalConfigProps<Accordion.Props> {
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { AccordionConfig, useAccordionConfig };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { GlobalConfigProps } from '@jamsrui/core';
|
|
3
|
+
import { A as Accordion } from './accordion-fJ8qgUop.js';
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import '@jamsrui/utils';
|
|
6
|
+
import './accordion-content.js';
|
|
7
|
+
import './accordion-content-wrapper.js';
|
|
8
|
+
import 'motion/react';
|
|
9
|
+
import './accordion-heading-content.js';
|
|
10
|
+
import './accordion-indicator.js';
|
|
11
|
+
import './accordion-item-C8aJ-HG6.js';
|
|
12
|
+
import './accordion-trigger.js';
|
|
13
|
+
import './styles.js';
|
|
14
|
+
|
|
15
|
+
declare const useAccordionConfig: () => AccordionConfig.Props;
|
|
16
|
+
declare const AccordionConfig: (props: AccordionConfig.Props & {
|
|
17
|
+
merge?: boolean;
|
|
18
|
+
}) => react.JSX.Element;
|
|
19
|
+
declare namespace AccordionConfig {
|
|
20
|
+
interface Props extends Accordion.Props, GlobalConfigProps<Accordion.Props> {
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { AccordionConfig, useAccordionConfig };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { motion } from 'motion/react';
|
|
4
|
+
|
|
5
|
+
declare const AccordionContentWrapper: (props: AccordionContentWrapper.Props) => react.JSX.Element;
|
|
6
|
+
declare namespace AccordionContentWrapper {
|
|
7
|
+
interface Props extends ComponentProps<typeof motion.section> {
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { AccordionContentWrapper };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { motion } from 'motion/react';
|
|
4
|
+
|
|
5
|
+
declare const AccordionContentWrapper: (props: AccordionContentWrapper.Props) => react.JSX.Element;
|
|
6
|
+
declare namespace AccordionContentWrapper {
|
|
7
|
+
interface Props extends ComponentProps<typeof motion.section> {
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { AccordionContentWrapper };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const AccordionContent: (props: AccordionContent.Props) => react.JSX.Element;
|
|
5
|
+
declare namespace AccordionContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionContent };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const AccordionContent: (props: AccordionContent.Props) => react.JSX.Element;
|
|
5
|
+
declare namespace AccordionContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionContent };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
|
|
2
|
+
var _chunk6MXHW7QLjs = require('./chunk-6MXHW7QL.js');require('./chunk-REF3PGRV.js');require('./chunk-JCBC2HSN.js');require('./chunk-SO5PO6XK.js');exports.AccordionContent = _chunk6MXHW7QLjs.a;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { u as useAccordion } from './accordion-B4uaEA73.mjs';
|
|
3
|
+
import 'tailwind-variants';
|
|
4
|
+
import '@jamsrui/utils';
|
|
5
|
+
import './accordion-content.mjs';
|
|
6
|
+
import './accordion-content-wrapper.mjs';
|
|
7
|
+
import 'motion/react';
|
|
8
|
+
import './accordion-heading-content.mjs';
|
|
9
|
+
import './accordion-indicator.mjs';
|
|
10
|
+
import './accordion-item-sBG7m9B4.mjs';
|
|
11
|
+
import './accordion-trigger.mjs';
|
|
12
|
+
import './styles.mjs';
|
|
13
|
+
|
|
14
|
+
declare const useAccordionContext: () => AccordionContextProvider.Type;
|
|
15
|
+
declare const AccordionContextProvider: (props: AccordionContextProvider.Props) => react.JSX.Element;
|
|
16
|
+
declare namespace AccordionContextProvider {
|
|
17
|
+
interface Type extends ReturnType<typeof useAccordion> {
|
|
18
|
+
}
|
|
19
|
+
interface Props {
|
|
20
|
+
ctx: Type;
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { AccordionContextProvider, useAccordionContext };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { u as useAccordion } from './accordion-fJ8qgUop.js';
|
|
3
|
+
import 'tailwind-variants';
|
|
4
|
+
import '@jamsrui/utils';
|
|
5
|
+
import './accordion-content.js';
|
|
6
|
+
import './accordion-content-wrapper.js';
|
|
7
|
+
import 'motion/react';
|
|
8
|
+
import './accordion-heading-content.js';
|
|
9
|
+
import './accordion-indicator.js';
|
|
10
|
+
import './accordion-item-C8aJ-HG6.js';
|
|
11
|
+
import './accordion-trigger.js';
|
|
12
|
+
import './styles.js';
|
|
13
|
+
|
|
14
|
+
declare const useAccordionContext: () => AccordionContextProvider.Type;
|
|
15
|
+
declare const AccordionContextProvider: (props: AccordionContextProvider.Props) => react.JSX.Element;
|
|
16
|
+
declare namespace AccordionContextProvider {
|
|
17
|
+
interface Type extends ReturnType<typeof useAccordion> {
|
|
18
|
+
}
|
|
19
|
+
interface Props {
|
|
20
|
+
ctx: Type;
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { AccordionContextProvider, useAccordionContext };
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
3
|
+
import { PropGetter, SlotsToClassNames, UIProps } from '@jamsrui/utils';
|
|
4
|
+
import { AccordionContent } from './accordion-content.js';
|
|
5
|
+
import { AccordionContentWrapper } from './accordion-content-wrapper.js';
|
|
6
|
+
import { AccordionHeadingContent } from './accordion-heading-content.js';
|
|
7
|
+
import { AccordionIndicator } from './accordion-indicator.js';
|
|
8
|
+
import { A as AccordionItem } from './accordion-item-C8aJ-HG6.js';
|
|
9
|
+
import { AccordionTrigger } from './accordion-trigger.js';
|
|
10
|
+
import { AccordionVariants, AccordionSlots } from './styles.js';
|
|
11
|
+
|
|
12
|
+
declare const useAccordion: (props: useAccordion.Props) => {
|
|
13
|
+
getRootProps: PropGetter<Accordion.Props>;
|
|
14
|
+
handleValueChange: () => void;
|
|
15
|
+
value: useAccordion.AccordionValue;
|
|
16
|
+
isDisabled: boolean | undefined;
|
|
17
|
+
slotProps: {
|
|
18
|
+
trigger?: AccordionTrigger.Props;
|
|
19
|
+
item?: AccordionItem.Props;
|
|
20
|
+
content?: AccordionContent.Props;
|
|
21
|
+
contentWrapper?: AccordionContentWrapper.Props;
|
|
22
|
+
indicator?: AccordionIndicator.Props;
|
|
23
|
+
headingContent?: AccordionHeadingContent.Props;
|
|
24
|
+
} | undefined;
|
|
25
|
+
classNames: SlotsToClassNames<"header" | "content" | "root" | "item" | "contentWrapper" | "indicator" | "headingContent" | "trigger"> | undefined;
|
|
26
|
+
styles: {
|
|
27
|
+
root: (slotProps?: ({
|
|
28
|
+
variant?: "light" | "splitted" | undefined;
|
|
29
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
30
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
31
|
+
item: (slotProps?: ({
|
|
32
|
+
variant?: "light" | "splitted" | undefined;
|
|
33
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
34
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
35
|
+
header: (slotProps?: ({
|
|
36
|
+
variant?: "light" | "splitted" | undefined;
|
|
37
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
38
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
39
|
+
trigger: (slotProps?: ({
|
|
40
|
+
variant?: "light" | "splitted" | undefined;
|
|
41
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
42
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
43
|
+
content: (slotProps?: ({
|
|
44
|
+
variant?: "light" | "splitted" | undefined;
|
|
45
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
46
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
47
|
+
contentWrapper: (slotProps?: ({
|
|
48
|
+
variant?: "light" | "splitted" | undefined;
|
|
49
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
50
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
51
|
+
indicator: (slotProps?: ({
|
|
52
|
+
variant?: "light" | "splitted" | undefined;
|
|
53
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
54
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
55
|
+
headingContent: (slotProps?: ({
|
|
56
|
+
variant?: "light" | "splitted" | undefined;
|
|
57
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
58
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
59
|
+
} & {
|
|
60
|
+
root: (slotProps?: ({
|
|
61
|
+
variant?: "light" | "splitted" | undefined;
|
|
62
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
63
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
64
|
+
item: (slotProps?: ({
|
|
65
|
+
variant?: "light" | "splitted" | undefined;
|
|
66
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
67
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
68
|
+
header: (slotProps?: ({
|
|
69
|
+
variant?: "light" | "splitted" | undefined;
|
|
70
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
71
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
72
|
+
trigger: (slotProps?: ({
|
|
73
|
+
variant?: "light" | "splitted" | undefined;
|
|
74
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
75
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
76
|
+
content: (slotProps?: ({
|
|
77
|
+
variant?: "light" | "splitted" | undefined;
|
|
78
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
79
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
80
|
+
contentWrapper: (slotProps?: ({
|
|
81
|
+
variant?: "light" | "splitted" | undefined;
|
|
82
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
83
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
84
|
+
indicator: (slotProps?: ({
|
|
85
|
+
variant?: "light" | "splitted" | undefined;
|
|
86
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
87
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
88
|
+
headingContent: (slotProps?: ({
|
|
89
|
+
variant?: "light" | "splitted" | undefined;
|
|
90
|
+
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
91
|
+
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
92
|
+
} & {};
|
|
93
|
+
handleAccordionOpen: (idx: string) => void;
|
|
94
|
+
elementRefs: react.RefObject<(HTMLElement | null)[]>;
|
|
95
|
+
hideIndicator: boolean | undefined;
|
|
96
|
+
};
|
|
97
|
+
declare namespace useAccordion {
|
|
98
|
+
type AccordionValue = string[];
|
|
99
|
+
interface Props extends UIProps<"div">, AccordionVariants {
|
|
100
|
+
slotProps?: {
|
|
101
|
+
trigger?: AccordionTrigger.Props;
|
|
102
|
+
item?: AccordionItem.Props;
|
|
103
|
+
content?: AccordionContent.Props;
|
|
104
|
+
contentWrapper?: AccordionContentWrapper.Props;
|
|
105
|
+
indicator?: AccordionIndicator.Props;
|
|
106
|
+
headingContent?: AccordionHeadingContent.Props;
|
|
107
|
+
};
|
|
108
|
+
classNames?: SlotsToClassNames<AccordionSlots>;
|
|
109
|
+
value?: AccordionValue;
|
|
110
|
+
defaultValue?: AccordionValue;
|
|
111
|
+
isDisabled?: boolean;
|
|
112
|
+
onValueChange?: (value: AccordionValue) => void;
|
|
113
|
+
isMultiple?: boolean;
|
|
114
|
+
loop?: boolean;
|
|
115
|
+
hideIndicator?: boolean;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
declare const Accordion: (props: Accordion.Props) => react.JSX.Element;
|
|
120
|
+
declare namespace Accordion {
|
|
121
|
+
interface Props extends useAccordion.Props {
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export { Accordion as A, useAccordion as u };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const AccordionHeadingContent: (props: AccordionHeadingContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace AccordionHeadingContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionHeadingContent };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const AccordionHeadingContent: (props: AccordionHeadingContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace AccordionHeadingContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionHeadingContent };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const AccordionIndicator: (props: AccordionIndicator.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace AccordionIndicator {
|
|
6
|
+
interface Props extends UIProps<"span"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionIndicator };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const AccordionIndicator: (props: AccordionIndicator.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace AccordionIndicator {
|
|
6
|
+
interface Props extends UIProps<"span"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionIndicator };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { PropGetter, UIProps } from '@jamsrui/utils';
|
|
3
|
+
import { AccordionContent } from './accordion-content.js';
|
|
4
|
+
import { AccordionContentWrapper } from './accordion-content-wrapper.js';
|
|
5
|
+
import { AccordionHeadingContent } from './accordion-heading-content.js';
|
|
6
|
+
import { AccordionIndicator } from './accordion-indicator.js';
|
|
7
|
+
import { AccordionTrigger } from './accordion-trigger.js';
|
|
8
|
+
|
|
9
|
+
declare const useAccordionItem: (props: useAccordionItem.Props) => {
|
|
10
|
+
getItemProps: PropGetter<AccordionItem.Props>;
|
|
11
|
+
getContentProps: PropGetter<AccordionContent.Props>;
|
|
12
|
+
getTriggerProps: PropGetter<AccordionTrigger.Props>;
|
|
13
|
+
getContentWrapperProps: PropGetter<AccordionContentWrapper.Props>;
|
|
14
|
+
getIndicatorProps: PropGetter<AccordionIndicator.Props>;
|
|
15
|
+
getHeadingContentProps: PropGetter<AccordionHeadingContent.Props>;
|
|
16
|
+
isOpen: boolean;
|
|
17
|
+
indicator: react.ReactNode;
|
|
18
|
+
isDisabled: boolean | undefined;
|
|
19
|
+
};
|
|
20
|
+
declare namespace useAccordionItem {
|
|
21
|
+
interface Props extends UIProps<"div"> {
|
|
22
|
+
value?: string;
|
|
23
|
+
isDisabled?: boolean;
|
|
24
|
+
indicator?: React.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
declare const AccordionItem: (props: AccordionItem.Props) => react.JSX.Element;
|
|
29
|
+
declare namespace AccordionItem {
|
|
30
|
+
interface Props extends useAccordionItem.Props {
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export { AccordionItem as A, useAccordionItem as u };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { u as useAccordionItem } from './accordion-item-sBG7m9B4.mjs';
|
|
3
|
+
import '@jamsrui/utils';
|
|
4
|
+
import './accordion-content.mjs';
|
|
5
|
+
import './accordion-content-wrapper.mjs';
|
|
6
|
+
import 'motion/react';
|
|
7
|
+
import './accordion-heading-content.mjs';
|
|
8
|
+
import './accordion-indicator.mjs';
|
|
9
|
+
import './accordion-trigger.mjs';
|
|
10
|
+
|
|
11
|
+
declare const useAccordionItemContext: () => AccordionItemContextProvider.Type;
|
|
12
|
+
declare const useAccordionItemState: () => {
|
|
13
|
+
isOpen: boolean;
|
|
14
|
+
isDisabled: boolean | undefined;
|
|
15
|
+
indicator: react.ReactNode;
|
|
16
|
+
};
|
|
17
|
+
declare const AccordionItemContextProvider: (props: AccordionItemContextProvider.Props) => react.JSX.Element;
|
|
18
|
+
declare namespace AccordionItemContextProvider {
|
|
19
|
+
interface Type extends ReturnType<typeof useAccordionItem> {
|
|
20
|
+
}
|
|
21
|
+
interface Props {
|
|
22
|
+
ctx: Type;
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { AccordionItemContextProvider, useAccordionItemContext, useAccordionItemState };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { u as useAccordionItem } from './accordion-item-C8aJ-HG6.js';
|
|
3
|
+
import '@jamsrui/utils';
|
|
4
|
+
import './accordion-content.js';
|
|
5
|
+
import './accordion-content-wrapper.js';
|
|
6
|
+
import 'motion/react';
|
|
7
|
+
import './accordion-heading-content.js';
|
|
8
|
+
import './accordion-indicator.js';
|
|
9
|
+
import './accordion-trigger.js';
|
|
10
|
+
|
|
11
|
+
declare const useAccordionItemContext: () => AccordionItemContextProvider.Type;
|
|
12
|
+
declare const useAccordionItemState: () => {
|
|
13
|
+
isOpen: boolean;
|
|
14
|
+
isDisabled: boolean | undefined;
|
|
15
|
+
indicator: react.ReactNode;
|
|
16
|
+
};
|
|
17
|
+
declare const AccordionItemContextProvider: (props: AccordionItemContextProvider.Props) => react.JSX.Element;
|
|
18
|
+
declare namespace AccordionItemContextProvider {
|
|
19
|
+
interface Type extends ReturnType<typeof useAccordionItem> {
|
|
20
|
+
}
|
|
21
|
+
interface Props {
|
|
22
|
+
ctx: Type;
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { AccordionItemContextProvider, useAccordionItemContext, useAccordionItemState };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
|
|
2
|
+
var _chunkSO5PO6XKjs = require('./chunk-SO5PO6XK.js');exports.AccordionItemContextProvider = _chunkSO5PO6XKjs.a; exports.useAccordionItemContext = _chunkSO5PO6XKjs.b; exports.useAccordionItemState = _chunkSO5PO6XKjs.c;
|