@fuf-stack/pixels 0.8.2 → 0.8.4
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/dist/Accordion/index.cjs +4 -2
- package/dist/Accordion/index.d.cts +5 -3
- package/dist/Accordion/index.d.ts +5 -3
- package/dist/Accordion/index.js +4 -2
- package/dist/Accordion-DG6pcI_Q.d.cts +141 -0
- package/dist/Accordion-DG6pcI_Q.d.ts +141 -0
- package/dist/chunk-4Z4RAIFA.js +101 -0
- package/dist/chunk-4Z4RAIFA.js.map +1 -0
- package/dist/chunk-HXBW5LYU.cjs +101 -0
- package/dist/chunk-HXBW5LYU.cjs.map +1 -0
- package/dist/index.cjs +4 -2
- package/dist/index.d.cts +3 -4
- package/dist/index.d.ts +3 -4
- package/dist/index.js +4 -2
- package/package.json +3 -3
- package/dist/Accordion-BpHE_MAv.d.cts +0 -47
- package/dist/Accordion-BpHE_MAv.d.ts +0 -47
- package/dist/chunk-62KW2NGG.cjs +0 -53
- package/dist/chunk-62KW2NGG.cjs.map +0 -1
- package/dist/chunk-EHOYK4HG.js +0 -53
- package/dist/chunk-EHOYK4HG.js.map +0 -1
package/dist/Accordion/index.cjs
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
var _chunkHXBW5LYUcjs = require('../chunk-HXBW5LYU.cjs');
|
|
5
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
|
|
11
|
+
exports.Accordion = _chunkHXBW5LYUcjs.Accordion_default; exports.accordionVariants = _chunkHXBW5LYUcjs.accordionVariants; exports.default = _chunkHXBW5LYUcjs.Accordion_default2;
|
|
10
12
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { A as Accordion } from '../Accordion-
|
|
2
|
-
export {
|
|
1
|
+
import { A as Accordion } from '../Accordion-DG6pcI_Q.cjs';
|
|
2
|
+
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DG6pcI_Q.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
|
-
import '
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import 'tailwind-variants/dist/config.js';
|
|
5
6
|
import '@nextui-org/divider';
|
|
7
|
+
import '@nextui-org/theme';
|
|
6
8
|
import 'react';
|
|
7
9
|
|
|
8
10
|
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { A as Accordion } from '../Accordion-
|
|
2
|
-
export {
|
|
1
|
+
import { A as Accordion } from '../Accordion-DG6pcI_Q.js';
|
|
2
|
+
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DG6pcI_Q.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
|
-
import '
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import 'tailwind-variants/dist/config.js';
|
|
5
6
|
import '@nextui-org/divider';
|
|
7
|
+
import '@nextui-org/theme';
|
|
6
8
|
import 'react';
|
|
7
9
|
|
|
8
10
|
|
package/dist/Accordion/index.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Accordion_default,
|
|
3
|
-
Accordion_default2
|
|
4
|
-
|
|
3
|
+
Accordion_default2,
|
|
4
|
+
accordionVariants
|
|
5
|
+
} from "../chunk-4Z4RAIFA.js";
|
|
5
6
|
import "../chunk-5WRI5ZAA.js";
|
|
6
7
|
export {
|
|
7
8
|
Accordion_default as Accordion,
|
|
9
|
+
accordionVariants,
|
|
8
10
|
Accordion_default2 as default
|
|
9
11
|
};
|
|
10
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
3
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { DividerProps } from '@nextui-org/divider';
|
|
5
|
+
import { VariantProps } from '@nextui-org/theme';
|
|
6
|
+
import { ReactNode } from 'react';
|
|
7
|
+
|
|
8
|
+
declare const accordionVariants: tailwind_variants.TVReturnType<{
|
|
9
|
+
indicatorLeft: {
|
|
10
|
+
true: {
|
|
11
|
+
content: string;
|
|
12
|
+
indicator: string;
|
|
13
|
+
trigger: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}, {
|
|
17
|
+
base: string;
|
|
18
|
+
content: string;
|
|
19
|
+
heading: string;
|
|
20
|
+
indicator: string;
|
|
21
|
+
startContent: string;
|
|
22
|
+
subtitle: string;
|
|
23
|
+
title: string;
|
|
24
|
+
titleWrapper: string;
|
|
25
|
+
trigger: string;
|
|
26
|
+
wrapper: string;
|
|
27
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
28
|
+
indicatorLeft: {
|
|
29
|
+
true: {
|
|
30
|
+
content: string;
|
|
31
|
+
indicator: string;
|
|
32
|
+
trigger: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
}, {
|
|
36
|
+
indicatorLeft: {
|
|
37
|
+
true: {
|
|
38
|
+
content: string;
|
|
39
|
+
indicator: string;
|
|
40
|
+
trigger: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
}>, {
|
|
44
|
+
indicatorLeft: {
|
|
45
|
+
true: {
|
|
46
|
+
content: string;
|
|
47
|
+
indicator: string;
|
|
48
|
+
trigger: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
}, {
|
|
52
|
+
base: string;
|
|
53
|
+
content: string;
|
|
54
|
+
heading: string;
|
|
55
|
+
indicator: string;
|
|
56
|
+
startContent: string;
|
|
57
|
+
subtitle: string;
|
|
58
|
+
title: string;
|
|
59
|
+
titleWrapper: string;
|
|
60
|
+
trigger: string;
|
|
61
|
+
wrapper: string;
|
|
62
|
+
}, tailwind_variants.TVReturnType<{
|
|
63
|
+
indicatorLeft: {
|
|
64
|
+
true: {
|
|
65
|
+
content: string;
|
|
66
|
+
indicator: string;
|
|
67
|
+
trigger: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
}, {
|
|
71
|
+
base: string;
|
|
72
|
+
content: string;
|
|
73
|
+
heading: string;
|
|
74
|
+
indicator: string;
|
|
75
|
+
startContent: string;
|
|
76
|
+
subtitle: string;
|
|
77
|
+
title: string;
|
|
78
|
+
titleWrapper: string;
|
|
79
|
+
trigger: string;
|
|
80
|
+
wrapper: string;
|
|
81
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
82
|
+
indicatorLeft: {
|
|
83
|
+
true: {
|
|
84
|
+
content: string;
|
|
85
|
+
indicator: string;
|
|
86
|
+
trigger: string;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
}, {
|
|
90
|
+
indicatorLeft: {
|
|
91
|
+
true: {
|
|
92
|
+
content: string;
|
|
93
|
+
indicator: string;
|
|
94
|
+
trigger: string;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
}>, unknown, unknown, undefined>>;
|
|
98
|
+
interface AccordionItemProps {
|
|
99
|
+
/** Content of the accordion item */
|
|
100
|
+
children: ReactNode;
|
|
101
|
+
/** Disables the accordion item */
|
|
102
|
+
disabled?: boolean;
|
|
103
|
+
/** Accordion item title */
|
|
104
|
+
title: ReactNode;
|
|
105
|
+
/** Accordion item subtitle */
|
|
106
|
+
subtitle?: ReactNode;
|
|
107
|
+
}
|
|
108
|
+
type AccordionVariantProps = VariantProps<typeof accordionVariants>;
|
|
109
|
+
type AccordionVariantSlots = Partial<Record<keyof ReturnType<typeof accordionVariants>, string>>;
|
|
110
|
+
interface AccordionProps extends AccordionVariantProps {
|
|
111
|
+
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
112
|
+
accordionItems?: AccordionItemProps[];
|
|
113
|
+
/** CSS class name */
|
|
114
|
+
className?: string | AccordionVariantSlots;
|
|
115
|
+
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
116
|
+
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
117
|
+
/** Disables the Accordion */
|
|
118
|
+
disabled?: boolean;
|
|
119
|
+
/** Array of keys for the AccordionItems to disable */
|
|
120
|
+
disabledKeys?: Iterable<number | string>;
|
|
121
|
+
/** Force always one AccordionItem to be open. */
|
|
122
|
+
disallowEmptySelection?: boolean;
|
|
123
|
+
/** props for styling the Divider */
|
|
124
|
+
dividerProps?: DividerProps;
|
|
125
|
+
/** Hide the expanded/collapsed indicator icon */
|
|
126
|
+
hideIndicator?: boolean;
|
|
127
|
+
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
128
|
+
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
129
|
+
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
130
|
+
selectionMode?: 'single' | 'multiple';
|
|
131
|
+
/** Enable or disable the divider between each AccordionItem */
|
|
132
|
+
showDivider?: boolean;
|
|
133
|
+
/** Style variant of the Accordion */
|
|
134
|
+
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
135
|
+
}
|
|
136
|
+
/**
|
|
137
|
+
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
138
|
+
*/
|
|
139
|
+
declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
140
|
+
|
|
141
|
+
export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
3
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { DividerProps } from '@nextui-org/divider';
|
|
5
|
+
import { VariantProps } from '@nextui-org/theme';
|
|
6
|
+
import { ReactNode } from 'react';
|
|
7
|
+
|
|
8
|
+
declare const accordionVariants: tailwind_variants.TVReturnType<{
|
|
9
|
+
indicatorLeft: {
|
|
10
|
+
true: {
|
|
11
|
+
content: string;
|
|
12
|
+
indicator: string;
|
|
13
|
+
trigger: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}, {
|
|
17
|
+
base: string;
|
|
18
|
+
content: string;
|
|
19
|
+
heading: string;
|
|
20
|
+
indicator: string;
|
|
21
|
+
startContent: string;
|
|
22
|
+
subtitle: string;
|
|
23
|
+
title: string;
|
|
24
|
+
titleWrapper: string;
|
|
25
|
+
trigger: string;
|
|
26
|
+
wrapper: string;
|
|
27
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
28
|
+
indicatorLeft: {
|
|
29
|
+
true: {
|
|
30
|
+
content: string;
|
|
31
|
+
indicator: string;
|
|
32
|
+
trigger: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
}, {
|
|
36
|
+
indicatorLeft: {
|
|
37
|
+
true: {
|
|
38
|
+
content: string;
|
|
39
|
+
indicator: string;
|
|
40
|
+
trigger: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
}>, {
|
|
44
|
+
indicatorLeft: {
|
|
45
|
+
true: {
|
|
46
|
+
content: string;
|
|
47
|
+
indicator: string;
|
|
48
|
+
trigger: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
}, {
|
|
52
|
+
base: string;
|
|
53
|
+
content: string;
|
|
54
|
+
heading: string;
|
|
55
|
+
indicator: string;
|
|
56
|
+
startContent: string;
|
|
57
|
+
subtitle: string;
|
|
58
|
+
title: string;
|
|
59
|
+
titleWrapper: string;
|
|
60
|
+
trigger: string;
|
|
61
|
+
wrapper: string;
|
|
62
|
+
}, tailwind_variants.TVReturnType<{
|
|
63
|
+
indicatorLeft: {
|
|
64
|
+
true: {
|
|
65
|
+
content: string;
|
|
66
|
+
indicator: string;
|
|
67
|
+
trigger: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
}, {
|
|
71
|
+
base: string;
|
|
72
|
+
content: string;
|
|
73
|
+
heading: string;
|
|
74
|
+
indicator: string;
|
|
75
|
+
startContent: string;
|
|
76
|
+
subtitle: string;
|
|
77
|
+
title: string;
|
|
78
|
+
titleWrapper: string;
|
|
79
|
+
trigger: string;
|
|
80
|
+
wrapper: string;
|
|
81
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
82
|
+
indicatorLeft: {
|
|
83
|
+
true: {
|
|
84
|
+
content: string;
|
|
85
|
+
indicator: string;
|
|
86
|
+
trigger: string;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
}, {
|
|
90
|
+
indicatorLeft: {
|
|
91
|
+
true: {
|
|
92
|
+
content: string;
|
|
93
|
+
indicator: string;
|
|
94
|
+
trigger: string;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
}>, unknown, unknown, undefined>>;
|
|
98
|
+
interface AccordionItemProps {
|
|
99
|
+
/** Content of the accordion item */
|
|
100
|
+
children: ReactNode;
|
|
101
|
+
/** Disables the accordion item */
|
|
102
|
+
disabled?: boolean;
|
|
103
|
+
/** Accordion item title */
|
|
104
|
+
title: ReactNode;
|
|
105
|
+
/** Accordion item subtitle */
|
|
106
|
+
subtitle?: ReactNode;
|
|
107
|
+
}
|
|
108
|
+
type AccordionVariantProps = VariantProps<typeof accordionVariants>;
|
|
109
|
+
type AccordionVariantSlots = Partial<Record<keyof ReturnType<typeof accordionVariants>, string>>;
|
|
110
|
+
interface AccordionProps extends AccordionVariantProps {
|
|
111
|
+
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
112
|
+
accordionItems?: AccordionItemProps[];
|
|
113
|
+
/** CSS class name */
|
|
114
|
+
className?: string | AccordionVariantSlots;
|
|
115
|
+
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
116
|
+
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
117
|
+
/** Disables the Accordion */
|
|
118
|
+
disabled?: boolean;
|
|
119
|
+
/** Array of keys for the AccordionItems to disable */
|
|
120
|
+
disabledKeys?: Iterable<number | string>;
|
|
121
|
+
/** Force always one AccordionItem to be open. */
|
|
122
|
+
disallowEmptySelection?: boolean;
|
|
123
|
+
/** props for styling the Divider */
|
|
124
|
+
dividerProps?: DividerProps;
|
|
125
|
+
/** Hide the expanded/collapsed indicator icon */
|
|
126
|
+
hideIndicator?: boolean;
|
|
127
|
+
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
128
|
+
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
129
|
+
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
130
|
+
selectionMode?: 'single' | 'multiple';
|
|
131
|
+
/** Enable or disable the divider between each AccordionItem */
|
|
132
|
+
showDivider?: boolean;
|
|
133
|
+
/** Style variant of the Accordion */
|
|
134
|
+
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
135
|
+
}
|
|
136
|
+
/**
|
|
137
|
+
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
138
|
+
*/
|
|
139
|
+
declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
140
|
+
|
|
141
|
+
export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
// src/Accordion/Accordion.tsx
|
|
2
|
+
import {
|
|
3
|
+
Accordion as NextAccordion,
|
|
4
|
+
AccordionItem as NextAccordionItem
|
|
5
|
+
} from "@nextui-org/accordion";
|
|
6
|
+
import { tv } from "tailwind-variants";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
var accordionVariants = tv({
|
|
9
|
+
slots: {
|
|
10
|
+
base: "",
|
|
11
|
+
content: "",
|
|
12
|
+
heading: "",
|
|
13
|
+
indicator: "",
|
|
14
|
+
startContent: "",
|
|
15
|
+
subtitle: "",
|
|
16
|
+
title: "",
|
|
17
|
+
titleWrapper: "",
|
|
18
|
+
trigger: "",
|
|
19
|
+
// outer accordion wrapper
|
|
20
|
+
wrapper: ""
|
|
21
|
+
},
|
|
22
|
+
variants: {
|
|
23
|
+
indicatorLeft: {
|
|
24
|
+
true: {
|
|
25
|
+
content: "pl-7",
|
|
26
|
+
indicator: "-rotate-180 data-[open=true]:-rotate-90",
|
|
27
|
+
trigger: "flex-row-reverse"
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
var Accordion = ({
|
|
33
|
+
accordionItems = [],
|
|
34
|
+
className = "",
|
|
35
|
+
defaultSelectedKeys = [],
|
|
36
|
+
disabled = false,
|
|
37
|
+
disabledKeys = [],
|
|
38
|
+
disallowEmptySelection = false,
|
|
39
|
+
dividerProps = {},
|
|
40
|
+
indicatorLeft = false,
|
|
41
|
+
onSelectionChange = void 0,
|
|
42
|
+
selectionMode = "multiple",
|
|
43
|
+
showDivider = true,
|
|
44
|
+
variant = "light"
|
|
45
|
+
}) => {
|
|
46
|
+
const variants = accordionVariants({ indicatorLeft });
|
|
47
|
+
const classNameObj = typeof className === "object" && className || {};
|
|
48
|
+
const itemClasses = {
|
|
49
|
+
base: variants.base({ className: classNameObj.base }),
|
|
50
|
+
content: variants.content({ className: classNameObj.content }),
|
|
51
|
+
heading: variants.heading({ className: classNameObj.heading }),
|
|
52
|
+
indicator: variants.indicator({ className: classNameObj.indicator }),
|
|
53
|
+
startContent: variants.startContent({
|
|
54
|
+
className: classNameObj.startContent
|
|
55
|
+
}),
|
|
56
|
+
subtitle: variants.subtitle({ className: classNameObj.subtitle }),
|
|
57
|
+
title: variants.title({ className: classNameObj.title }),
|
|
58
|
+
titleWrapper: variants.titleWrapper({
|
|
59
|
+
className: classNameObj.titleWrapper
|
|
60
|
+
}),
|
|
61
|
+
trigger: variants.trigger({ className: classNameObj.trigger })
|
|
62
|
+
};
|
|
63
|
+
const wrapperClass = variants.wrapper({
|
|
64
|
+
className: typeof className === "string" ? className : classNameObj.wrapper
|
|
65
|
+
});
|
|
66
|
+
return /* @__PURE__ */ jsx(
|
|
67
|
+
NextAccordion,
|
|
68
|
+
{
|
|
69
|
+
className: wrapperClass,
|
|
70
|
+
defaultSelectedKeys,
|
|
71
|
+
disabledKeys,
|
|
72
|
+
disallowEmptySelection,
|
|
73
|
+
dividerProps,
|
|
74
|
+
isDisabled: disabled,
|
|
75
|
+
itemClasses,
|
|
76
|
+
onSelectionChange,
|
|
77
|
+
selectionMode,
|
|
78
|
+
showDivider,
|
|
79
|
+
variant,
|
|
80
|
+
children: accordionItems.map((item, index) => /* @__PURE__ */ jsx(
|
|
81
|
+
NextAccordionItem,
|
|
82
|
+
{
|
|
83
|
+
isDisabled: disabled || item?.disabled,
|
|
84
|
+
...item
|
|
85
|
+
},
|
|
86
|
+
index
|
|
87
|
+
))
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
};
|
|
91
|
+
var Accordion_default = Accordion;
|
|
92
|
+
|
|
93
|
+
// src/Accordion/index.ts
|
|
94
|
+
var Accordion_default2 = Accordion_default;
|
|
95
|
+
|
|
96
|
+
export {
|
|
97
|
+
accordionVariants,
|
|
98
|
+
Accordion_default,
|
|
99
|
+
Accordion_default2
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=chunk-4Z4RAIFA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: '',\n heading: '',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: '',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: string | AccordionVariantSlots;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = '',\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({ indicatorLeft });\n const classNameObj = (typeof className === 'object' && className) || {};\n const itemClasses = {\n base: variants.base({ className: classNameObj.base }),\n content: variants.content({ className: classNameObj.content }),\n heading: variants.heading({ className: classNameObj.heading }),\n indicator: variants.indicator({ className: classNameObj.indicator }),\n startContent: variants.startContent({\n className: classNameObj.startContent,\n }),\n subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n title: variants.title({ className: classNameObj.title }),\n titleWrapper: variants.titleWrapper({\n className: classNameObj.titleWrapper,\n }),\n trigger: variants.trigger({ className: classNameObj.trigger }),\n };\n const wrapperClass = variants.wrapper({\n className: typeof className === 'string' ? className : classNameObj.wrapper,\n });\n\n return (\n <NextAccordion\n className={wrapperClass}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={itemClasses}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AACP,SAAS,UAAU;AA8HX;AA1HD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AACA,QAAM,eAAe,SAAS,QAAQ;AAAA,IACpC,WAAW,OAAO,cAAc,WAAW,YAAY,aAAa;AAAA,EACtE,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC5If,IAAOA,qBAAQ;","names":["Accordion_default"]}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/Accordion/Accordion.tsx
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
var _accordion = require('@nextui-org/accordion');
|
|
6
|
+
var _tailwindvariants = require('tailwind-variants');
|
|
7
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
8
|
+
var accordionVariants = _tailwindvariants.tv.call(void 0, {
|
|
9
|
+
slots: {
|
|
10
|
+
base: "",
|
|
11
|
+
content: "",
|
|
12
|
+
heading: "",
|
|
13
|
+
indicator: "",
|
|
14
|
+
startContent: "",
|
|
15
|
+
subtitle: "",
|
|
16
|
+
title: "",
|
|
17
|
+
titleWrapper: "",
|
|
18
|
+
trigger: "",
|
|
19
|
+
// outer accordion wrapper
|
|
20
|
+
wrapper: ""
|
|
21
|
+
},
|
|
22
|
+
variants: {
|
|
23
|
+
indicatorLeft: {
|
|
24
|
+
true: {
|
|
25
|
+
content: "pl-7",
|
|
26
|
+
indicator: "-rotate-180 data-[open=true]:-rotate-90",
|
|
27
|
+
trigger: "flex-row-reverse"
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
var Accordion = ({
|
|
33
|
+
accordionItems = [],
|
|
34
|
+
className = "",
|
|
35
|
+
defaultSelectedKeys = [],
|
|
36
|
+
disabled = false,
|
|
37
|
+
disabledKeys = [],
|
|
38
|
+
disallowEmptySelection = false,
|
|
39
|
+
dividerProps = {},
|
|
40
|
+
indicatorLeft = false,
|
|
41
|
+
onSelectionChange = void 0,
|
|
42
|
+
selectionMode = "multiple",
|
|
43
|
+
showDivider = true,
|
|
44
|
+
variant = "light"
|
|
45
|
+
}) => {
|
|
46
|
+
const variants = accordionVariants({ indicatorLeft });
|
|
47
|
+
const classNameObj = typeof className === "object" && className || {};
|
|
48
|
+
const itemClasses = {
|
|
49
|
+
base: variants.base({ className: classNameObj.base }),
|
|
50
|
+
content: variants.content({ className: classNameObj.content }),
|
|
51
|
+
heading: variants.heading({ className: classNameObj.heading }),
|
|
52
|
+
indicator: variants.indicator({ className: classNameObj.indicator }),
|
|
53
|
+
startContent: variants.startContent({
|
|
54
|
+
className: classNameObj.startContent
|
|
55
|
+
}),
|
|
56
|
+
subtitle: variants.subtitle({ className: classNameObj.subtitle }),
|
|
57
|
+
title: variants.title({ className: classNameObj.title }),
|
|
58
|
+
titleWrapper: variants.titleWrapper({
|
|
59
|
+
className: classNameObj.titleWrapper
|
|
60
|
+
}),
|
|
61
|
+
trigger: variants.trigger({ className: classNameObj.trigger })
|
|
62
|
+
};
|
|
63
|
+
const wrapperClass = variants.wrapper({
|
|
64
|
+
className: typeof className === "string" ? className : classNameObj.wrapper
|
|
65
|
+
});
|
|
66
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
67
|
+
_accordion.Accordion,
|
|
68
|
+
{
|
|
69
|
+
className: wrapperClass,
|
|
70
|
+
defaultSelectedKeys,
|
|
71
|
+
disabledKeys,
|
|
72
|
+
disallowEmptySelection,
|
|
73
|
+
dividerProps,
|
|
74
|
+
isDisabled: disabled,
|
|
75
|
+
itemClasses,
|
|
76
|
+
onSelectionChange,
|
|
77
|
+
selectionMode,
|
|
78
|
+
showDivider,
|
|
79
|
+
variant,
|
|
80
|
+
children: accordionItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
81
|
+
_accordion.AccordionItem,
|
|
82
|
+
{
|
|
83
|
+
isDisabled: disabled || _optionalChain([item, 'optionalAccess', _ => _.disabled]),
|
|
84
|
+
...item
|
|
85
|
+
},
|
|
86
|
+
index
|
|
87
|
+
))
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
};
|
|
91
|
+
var Accordion_default = Accordion;
|
|
92
|
+
|
|
93
|
+
// src/Accordion/index.ts
|
|
94
|
+
var Accordion_default2 = Accordion_default;
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
|
|
101
|
+
//# sourceMappingURL=chunk-HXBW5LYU.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AACP,SAAS,UAAU;AA8HX;AA1HD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AACA,QAAM,eAAe,SAAS,QAAQ;AAAA,IACpC,WAAW,OAAO,cAAc,WAAW,YAAY,aAAa;AAAA,EACtE,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC5If,IAAOA,qBAAQ","sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: '',\n heading: '',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: '',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: string | AccordionVariantSlots;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = '',\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({ indicatorLeft });\n const classNameObj = (typeof className === 'object' && className) || {};\n const itemClasses = {\n base: variants.base({ className: classNameObj.base }),\n content: variants.content({ className: classNameObj.content }),\n heading: variants.heading({ className: classNameObj.heading }),\n indicator: variants.indicator({ className: classNameObj.indicator }),\n startContent: variants.startContent({\n className: classNameObj.startContent,\n }),\n subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n title: variants.title({ className: classNameObj.title }),\n titleWrapper: variants.titleWrapper({\n className: classNameObj.titleWrapper,\n }),\n trigger: variants.trigger({ className: classNameObj.trigger }),\n };\n const wrapperClass = variants.wrapper({\n className: typeof className === 'string' ? className : classNameObj.wrapper,\n });\n\n return (\n <NextAccordion\n className={wrapperClass}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={itemClasses}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -18,7 +18,8 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
|
|
|
18
18
|
var _chunk64K2TRGLcjs = require('./chunk-64K2TRGL.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
var _chunkHXBW5LYUcjs = require('./chunk-HXBW5LYU.cjs');
|
|
22
23
|
|
|
23
24
|
|
|
24
25
|
var _chunkEJSTUBPUcjs = require('./chunk-EJSTUBPU.cjs');
|
|
@@ -62,5 +63,6 @@ require('./chunk-DZUJEN5N.cjs');
|
|
|
62
63
|
|
|
63
64
|
|
|
64
65
|
|
|
65
|
-
|
|
66
|
+
|
|
67
|
+
exports.Accordion = _chunkHXBW5LYUcjs.Accordion_default; exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkWW6N27GLcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.accordionVariants = _chunkHXBW5LYUcjs.accordionVariants; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants; exports.nextui = _chunk64K2TRGLcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
|
|
66
68
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { A as Accordion,
|
|
1
|
+
export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-DG6pcI_Q.cjs';
|
|
2
2
|
export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.cjs';
|
|
3
3
|
export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BhgTIcSs.cjs';
|
|
4
4
|
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.cjs';
|
|
@@ -12,11 +12,10 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
|
|
|
12
12
|
export { useDebounce, useLocalStorage } from './hooks/index.cjs';
|
|
13
13
|
export { nextui } from '@nextui-org/theme';
|
|
14
14
|
import 'react/jsx-runtime';
|
|
15
|
-
import '@nextui-org/accordion';
|
|
16
|
-
import '@nextui-org/divider';
|
|
17
|
-
import 'react';
|
|
18
15
|
import 'tailwind-variants';
|
|
19
16
|
import 'tailwind-variants/dist/config.js';
|
|
17
|
+
import '@nextui-org/divider';
|
|
18
|
+
import 'react';
|
|
20
19
|
import '@nextui-org/button';
|
|
21
20
|
import '@nextui-org/chip';
|
|
22
21
|
import '@nextui-org/popover';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { A as Accordion,
|
|
1
|
+
export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-DG6pcI_Q.js';
|
|
2
2
|
export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.js';
|
|
3
3
|
export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-tWe-Vgrz.js';
|
|
4
4
|
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.js';
|
|
@@ -12,11 +12,10 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
|
|
|
12
12
|
export { useDebounce, useLocalStorage } from './hooks/index.js';
|
|
13
13
|
export { nextui } from '@nextui-org/theme';
|
|
14
14
|
import 'react/jsx-runtime';
|
|
15
|
-
import '@nextui-org/accordion';
|
|
16
|
-
import '@nextui-org/divider';
|
|
17
|
-
import 'react';
|
|
18
15
|
import 'tailwind-variants';
|
|
19
16
|
import 'tailwind-variants/dist/config.js';
|
|
17
|
+
import '@nextui-org/divider';
|
|
18
|
+
import 'react';
|
|
20
19
|
import '@nextui-org/button';
|
|
21
20
|
import '@nextui-org/chip';
|
|
22
21
|
import '@nextui-org/popover';
|
package/dist/index.js
CHANGED
|
@@ -17,8 +17,9 @@ import {
|
|
|
17
17
|
nextui
|
|
18
18
|
} from "./chunk-MM5H2WFG.js";
|
|
19
19
|
import {
|
|
20
|
-
Accordion_default
|
|
21
|
-
|
|
20
|
+
Accordion_default,
|
|
21
|
+
accordionVariants
|
|
22
|
+
} from "./chunk-4Z4RAIFA.js";
|
|
22
23
|
import {
|
|
23
24
|
AvatarGroup_default
|
|
24
25
|
} from "./chunk-LAGUJC5D.js";
|
|
@@ -55,6 +56,7 @@ export {
|
|
|
55
56
|
Modal_default as Modal,
|
|
56
57
|
Popover_default as Popover,
|
|
57
58
|
Tooltip_default as Tooltip,
|
|
59
|
+
accordionVariants,
|
|
58
60
|
buttonVariants,
|
|
59
61
|
cardVariants,
|
|
60
62
|
modalVariants,
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@fuf-stack/pixels",
|
|
3
3
|
"description": "fuf react component library",
|
|
4
4
|
"author": "Hannes Tiede",
|
|
5
|
-
"version": "0.8.
|
|
5
|
+
"version": "0.8.4",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs",
|
|
8
8
|
"module": "./dist/index.js",
|
|
@@ -130,9 +130,9 @@
|
|
|
130
130
|
"react": "18.3.1",
|
|
131
131
|
"react-dom": "18.3.1",
|
|
132
132
|
"@repo/storybook-config": "0.0.1",
|
|
133
|
-
"@repo/tailwind-config": "0.0.1",
|
|
134
133
|
"@repo/tsup-config": "0.0.1",
|
|
135
|
-
"@repo/vite-config": "0.0.1"
|
|
134
|
+
"@repo/vite-config": "0.0.1",
|
|
135
|
+
"@repo/tailwind-config": "0.0.1"
|
|
136
136
|
},
|
|
137
137
|
"scripts": {
|
|
138
138
|
"build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { AccordionProps as AccordionProps$1 } from '@nextui-org/accordion';
|
|
3
|
-
import { DividerProps } from '@nextui-org/divider';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
|
-
|
|
6
|
-
interface AccordionItemProps {
|
|
7
|
-
/** Content of the accordion item */
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
/** Disables the accordion item */
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/** Accordion item title */
|
|
12
|
-
title: ReactNode;
|
|
13
|
-
}
|
|
14
|
-
interface AccordionProps {
|
|
15
|
-
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
16
|
-
accordionItems?: AccordionItemProps[];
|
|
17
|
-
/** Render accordion items directly as children */
|
|
18
|
-
children?: AccordionProps$1['children'];
|
|
19
|
-
/** CSS class name */
|
|
20
|
-
className?: string;
|
|
21
|
-
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
22
|
-
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
23
|
-
/** Disables the Accordion */
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/** Array of keys for the AccordionItems to disable */
|
|
26
|
-
disabledKeys?: Iterable<number | string>;
|
|
27
|
-
/** Force always one AccordionItem to be open. */
|
|
28
|
-
disallowEmptySelection?: boolean;
|
|
29
|
-
/** props for styling the Divider */
|
|
30
|
-
dividerProps?: DividerProps;
|
|
31
|
-
/** Hide the expanded/collapsed indicator icon */
|
|
32
|
-
hideIndicator?: boolean;
|
|
33
|
-
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
34
|
-
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
35
|
-
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
36
|
-
selectionMode?: 'single' | 'multiple';
|
|
37
|
-
/** Enable or disable the divider between each AccordionItem */
|
|
38
|
-
showDivider?: boolean;
|
|
39
|
-
/** Style variant of the Accordion */
|
|
40
|
-
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
44
|
-
*/
|
|
45
|
-
declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
46
|
-
|
|
47
|
-
export { Accordion as A, type AccordionProps as a, type AccordionItemProps as b };
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { AccordionProps as AccordionProps$1 } from '@nextui-org/accordion';
|
|
3
|
-
import { DividerProps } from '@nextui-org/divider';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
|
-
|
|
6
|
-
interface AccordionItemProps {
|
|
7
|
-
/** Content of the accordion item */
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
/** Disables the accordion item */
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/** Accordion item title */
|
|
12
|
-
title: ReactNode;
|
|
13
|
-
}
|
|
14
|
-
interface AccordionProps {
|
|
15
|
-
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
16
|
-
accordionItems?: AccordionItemProps[];
|
|
17
|
-
/** Render accordion items directly as children */
|
|
18
|
-
children?: AccordionProps$1['children'];
|
|
19
|
-
/** CSS class name */
|
|
20
|
-
className?: string;
|
|
21
|
-
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
22
|
-
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
23
|
-
/** Disables the Accordion */
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/** Array of keys for the AccordionItems to disable */
|
|
26
|
-
disabledKeys?: Iterable<number | string>;
|
|
27
|
-
/** Force always one AccordionItem to be open. */
|
|
28
|
-
disallowEmptySelection?: boolean;
|
|
29
|
-
/** props for styling the Divider */
|
|
30
|
-
dividerProps?: DividerProps;
|
|
31
|
-
/** Hide the expanded/collapsed indicator icon */
|
|
32
|
-
hideIndicator?: boolean;
|
|
33
|
-
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
34
|
-
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
35
|
-
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
36
|
-
selectionMode?: 'single' | 'multiple';
|
|
37
|
-
/** Enable or disable the divider between each AccordionItem */
|
|
38
|
-
showDivider?: boolean;
|
|
39
|
-
/** Style variant of the Accordion */
|
|
40
|
-
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
44
|
-
*/
|
|
45
|
-
declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
46
|
-
|
|
47
|
-
export { Accordion as A, type AccordionProps as a, type AccordionItemProps as b };
|
package/dist/chunk-62KW2NGG.cjs
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/Accordion/Accordion.tsx
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _accordion = require('@nextui-org/accordion');
|
|
6
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
7
|
-
var Accordion = ({
|
|
8
|
-
accordionItems = [],
|
|
9
|
-
className = "",
|
|
10
|
-
defaultSelectedKeys = [],
|
|
11
|
-
disabled = false,
|
|
12
|
-
disabledKeys = [],
|
|
13
|
-
disallowEmptySelection = false,
|
|
14
|
-
dividerProps = {},
|
|
15
|
-
onSelectionChange = void 0,
|
|
16
|
-
selectionMode = "multiple",
|
|
17
|
-
showDivider = true,
|
|
18
|
-
variant = "light"
|
|
19
|
-
}) => {
|
|
20
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
21
|
-
_accordion.Accordion,
|
|
22
|
-
{
|
|
23
|
-
className,
|
|
24
|
-
defaultSelectedKeys,
|
|
25
|
-
disabledKeys,
|
|
26
|
-
disallowEmptySelection,
|
|
27
|
-
dividerProps,
|
|
28
|
-
isDisabled: disabled,
|
|
29
|
-
onSelectionChange,
|
|
30
|
-
selectionMode,
|
|
31
|
-
showDivider,
|
|
32
|
-
variant,
|
|
33
|
-
children: accordionItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
34
|
-
_accordion.AccordionItem,
|
|
35
|
-
{
|
|
36
|
-
isDisabled: disabled || _optionalChain([item, 'optionalAccess', _ => _.disabled]),
|
|
37
|
-
...item
|
|
38
|
-
},
|
|
39
|
-
index
|
|
40
|
-
))
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
};
|
|
44
|
-
var Accordion_default = Accordion;
|
|
45
|
-
|
|
46
|
-
// src/Accordion/index.ts
|
|
47
|
-
var Accordion_default2 = Accordion_default;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
|
|
53
|
-
//# sourceMappingURL=chunk-62KW2NGG.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE;AAAA,EACA,aAAa;AAAA,OACR;AAsEC;AA3BR,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACnFf,IAAOA,qBAAQ","sourcesContent":["import type { AccordionProps as NextAccordionProps } from '@nextui-org/accordion';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n AccordionItem,\n Accordion as NextAccordion,\n} from '@nextui-org/accordion';\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n}\n\nexport interface AccordionProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** Render accordion items directly as children */\n children?: NextAccordionProps['children'];\n /** CSS class name */\n className?: string;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = '',\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n return (\n <NextAccordion\n className={className}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <AccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion };\n\nexport default Accordion;\n"]}
|
package/dist/chunk-EHOYK4HG.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
// src/Accordion/Accordion.tsx
|
|
2
|
-
import {
|
|
3
|
-
AccordionItem,
|
|
4
|
-
Accordion as NextAccordion
|
|
5
|
-
} from "@nextui-org/accordion";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
var Accordion = ({
|
|
8
|
-
accordionItems = [],
|
|
9
|
-
className = "",
|
|
10
|
-
defaultSelectedKeys = [],
|
|
11
|
-
disabled = false,
|
|
12
|
-
disabledKeys = [],
|
|
13
|
-
disallowEmptySelection = false,
|
|
14
|
-
dividerProps = {},
|
|
15
|
-
onSelectionChange = void 0,
|
|
16
|
-
selectionMode = "multiple",
|
|
17
|
-
showDivider = true,
|
|
18
|
-
variant = "light"
|
|
19
|
-
}) => {
|
|
20
|
-
return /* @__PURE__ */ jsx(
|
|
21
|
-
NextAccordion,
|
|
22
|
-
{
|
|
23
|
-
className,
|
|
24
|
-
defaultSelectedKeys,
|
|
25
|
-
disabledKeys,
|
|
26
|
-
disallowEmptySelection,
|
|
27
|
-
dividerProps,
|
|
28
|
-
isDisabled: disabled,
|
|
29
|
-
onSelectionChange,
|
|
30
|
-
selectionMode,
|
|
31
|
-
showDivider,
|
|
32
|
-
variant,
|
|
33
|
-
children: accordionItems.map((item, index) => /* @__PURE__ */ jsx(
|
|
34
|
-
AccordionItem,
|
|
35
|
-
{
|
|
36
|
-
isDisabled: disabled || item?.disabled,
|
|
37
|
-
...item
|
|
38
|
-
},
|
|
39
|
-
index
|
|
40
|
-
))
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
};
|
|
44
|
-
var Accordion_default = Accordion;
|
|
45
|
-
|
|
46
|
-
// src/Accordion/index.ts
|
|
47
|
-
var Accordion_default2 = Accordion_default;
|
|
48
|
-
|
|
49
|
-
export {
|
|
50
|
-
Accordion_default,
|
|
51
|
-
Accordion_default2
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=chunk-EHOYK4HG.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { AccordionProps as NextAccordionProps } from '@nextui-org/accordion';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n AccordionItem,\n Accordion as NextAccordion,\n} from '@nextui-org/accordion';\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n}\n\nexport interface AccordionProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** Render accordion items directly as children */\n children?: NextAccordionProps['children'];\n /** CSS class name */\n className?: string;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = '',\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n return (\n <NextAccordion\n className={className}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <AccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE;AAAA,EACA,aAAa;AAAA,OACR;AAsEC;AA3BR,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACnFf,IAAOA,qBAAQ;","names":["Accordion_default"]}
|