@fuf-stack/pixels 0.8.1 → 0.8.3
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 +2 -2
- package/dist/Accordion/index.d.cts +6 -3
- package/dist/Accordion/index.d.ts +6 -3
- package/dist/Accordion/index.js +4 -4
- package/dist/Accordion-j0DmxPeN.d.cts +152 -0
- package/dist/Accordion-j0DmxPeN.d.ts +152 -0
- package/dist/chunk-DH2Q2XJM.js +87 -0
- package/dist/chunk-DH2Q2XJM.js.map +1 -0
- package/dist/chunk-W7WMJAEO.cjs +87 -0
- package/dist/chunk-W7WMJAEO.cjs.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +3 -4
- package/dist/index.d.ts +3 -4
- package/dist/index.js +4 -4
- package/package.json +3 -3
- package/dist/Accordion-TMcn0HEA.d.cts +0 -41
- package/dist/Accordion-TMcn0HEA.d.ts +0 -41
- package/dist/chunk-4BU3HHHR.js +0 -65
- package/dist/chunk-4BU3HHHR.js.map +0 -1
- package/dist/chunk-JWMNWFX6.cjs +0 -65
- package/dist/chunk-JWMNWFX6.cjs.map +0 -1
package/dist/Accordion/index.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkW7WMJAEOcjs = require('../chunk-W7WMJAEO.cjs');
|
|
6
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Accordion =
|
|
11
|
+
exports.Accordion = _chunkW7WMJAEOcjs.Accordion_default; exports.accordionVariants = _chunkW7WMJAEOcjs.accordionVariants; exports.default = _chunkW7WMJAEOcjs.Accordion_default2;
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { A as Accordion } from '../Accordion-
|
|
2
|
-
export {
|
|
3
|
-
export { AccordionItem } from '@nextui-org/accordion';
|
|
1
|
+
import { A as Accordion } from '../Accordion-j0DmxPeN.cjs';
|
|
2
|
+
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-j0DmxPeN.cjs';
|
|
4
3
|
import 'react/jsx-runtime';
|
|
4
|
+
import 'tailwind-variants/dist/config.js';
|
|
5
|
+
import 'tailwind-variants';
|
|
5
6
|
import '@nextui-org/divider';
|
|
7
|
+
import '@nextui-org/theme';
|
|
8
|
+
import 'react';
|
|
6
9
|
|
|
7
10
|
|
|
8
11
|
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { A as Accordion } from '../Accordion-
|
|
2
|
-
export {
|
|
3
|
-
export { AccordionItem } from '@nextui-org/accordion';
|
|
1
|
+
import { A as Accordion } from '../Accordion-j0DmxPeN.js';
|
|
2
|
+
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-j0DmxPeN.js';
|
|
4
3
|
import 'react/jsx-runtime';
|
|
4
|
+
import 'tailwind-variants/dist/config.js';
|
|
5
|
+
import 'tailwind-variants';
|
|
5
6
|
import '@nextui-org/divider';
|
|
7
|
+
import '@nextui-org/theme';
|
|
8
|
+
import 'react';
|
|
6
9
|
|
|
7
10
|
|
|
8
11
|
|
package/dist/Accordion/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
-
AccordionItem_default,
|
|
3
2
|
Accordion_default,
|
|
4
|
-
Accordion_default2
|
|
5
|
-
|
|
3
|
+
Accordion_default2,
|
|
4
|
+
accordionVariants
|
|
5
|
+
} from "../chunk-DH2Q2XJM.js";
|
|
6
6
|
import "../chunk-5WRI5ZAA.js";
|
|
7
7
|
export {
|
|
8
8
|
Accordion_default as Accordion,
|
|
9
|
-
|
|
9
|
+
accordionVariants,
|
|
10
10
|
Accordion_default2 as default
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
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
|
+
[key: string]: {
|
|
10
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
11
|
+
base?: tailwind_variants.ClassValue;
|
|
12
|
+
content?: tailwind_variants.ClassValue;
|
|
13
|
+
heading?: tailwind_variants.ClassValue;
|
|
14
|
+
indicator?: tailwind_variants.ClassValue;
|
|
15
|
+
startContent?: tailwind_variants.ClassValue;
|
|
16
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
17
|
+
title?: tailwind_variants.ClassValue;
|
|
18
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
19
|
+
trigger?: tailwind_variants.ClassValue;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
} | {
|
|
23
|
+
[x: string]: {
|
|
24
|
+
[x: string]: tailwind_variants.ClassValue | {
|
|
25
|
+
base?: tailwind_variants.ClassValue;
|
|
26
|
+
content?: tailwind_variants.ClassValue;
|
|
27
|
+
heading?: tailwind_variants.ClassValue;
|
|
28
|
+
indicator?: tailwind_variants.ClassValue;
|
|
29
|
+
startContent?: tailwind_variants.ClassValue;
|
|
30
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
31
|
+
title?: tailwind_variants.ClassValue;
|
|
32
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
33
|
+
trigger?: tailwind_variants.ClassValue;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
} | {}, {
|
|
37
|
+
base: string;
|
|
38
|
+
content: string;
|
|
39
|
+
heading: string;
|
|
40
|
+
indicator: string;
|
|
41
|
+
startContent: string;
|
|
42
|
+
subtitle: string;
|
|
43
|
+
title: string;
|
|
44
|
+
titleWrapper: string;
|
|
45
|
+
trigger: string;
|
|
46
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
47
|
+
[key: string]: {
|
|
48
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
49
|
+
base?: tailwind_variants.ClassValue;
|
|
50
|
+
content?: tailwind_variants.ClassValue;
|
|
51
|
+
heading?: tailwind_variants.ClassValue;
|
|
52
|
+
indicator?: tailwind_variants.ClassValue;
|
|
53
|
+
startContent?: tailwind_variants.ClassValue;
|
|
54
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
55
|
+
title?: tailwind_variants.ClassValue;
|
|
56
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
57
|
+
trigger?: tailwind_variants.ClassValue;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
} | {}>, {
|
|
61
|
+
[key: string]: {
|
|
62
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
63
|
+
base?: tailwind_variants.ClassValue;
|
|
64
|
+
content?: tailwind_variants.ClassValue;
|
|
65
|
+
heading?: tailwind_variants.ClassValue;
|
|
66
|
+
indicator?: tailwind_variants.ClassValue;
|
|
67
|
+
startContent?: tailwind_variants.ClassValue;
|
|
68
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
69
|
+
title?: tailwind_variants.ClassValue;
|
|
70
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
71
|
+
trigger?: tailwind_variants.ClassValue;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
} | {}, {
|
|
75
|
+
base: string;
|
|
76
|
+
content: string;
|
|
77
|
+
heading: string;
|
|
78
|
+
indicator: string;
|
|
79
|
+
startContent: string;
|
|
80
|
+
subtitle: string;
|
|
81
|
+
title: string;
|
|
82
|
+
titleWrapper: string;
|
|
83
|
+
trigger: string;
|
|
84
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
85
|
+
base: string;
|
|
86
|
+
content: string;
|
|
87
|
+
heading: string;
|
|
88
|
+
indicator: string;
|
|
89
|
+
startContent: string;
|
|
90
|
+
subtitle: string;
|
|
91
|
+
title: string;
|
|
92
|
+
titleWrapper: string;
|
|
93
|
+
trigger: string;
|
|
94
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
95
|
+
[key: string]: {
|
|
96
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
97
|
+
base?: tailwind_variants.ClassValue;
|
|
98
|
+
content?: tailwind_variants.ClassValue;
|
|
99
|
+
heading?: tailwind_variants.ClassValue;
|
|
100
|
+
indicator?: tailwind_variants.ClassValue;
|
|
101
|
+
startContent?: tailwind_variants.ClassValue;
|
|
102
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
103
|
+
title?: tailwind_variants.ClassValue;
|
|
104
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
105
|
+
trigger?: tailwind_variants.ClassValue;
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
109
|
+
interface AccordionItemProps {
|
|
110
|
+
/** Content of the accordion item */
|
|
111
|
+
children: ReactNode;
|
|
112
|
+
/** Disables the accordion item */
|
|
113
|
+
disabled?: boolean;
|
|
114
|
+
/** Accordion item title */
|
|
115
|
+
title: ReactNode;
|
|
116
|
+
/** Accordion item subtitle */
|
|
117
|
+
subtitle?: ReactNode;
|
|
118
|
+
}
|
|
119
|
+
type AccordionVariantProps = VariantProps<typeof accordionVariants>;
|
|
120
|
+
type AccordionVariantSlots = Partial<Record<keyof ReturnType<typeof accordionVariants>, string>>;
|
|
121
|
+
interface AccordionProps extends AccordionVariantProps {
|
|
122
|
+
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
123
|
+
accordionItems?: AccordionItemProps[];
|
|
124
|
+
/** CSS class name */
|
|
125
|
+
className?: string | AccordionVariantSlots;
|
|
126
|
+
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
127
|
+
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
128
|
+
/** Disables the Accordion */
|
|
129
|
+
disabled?: boolean;
|
|
130
|
+
/** Array of keys for the AccordionItems to disable */
|
|
131
|
+
disabledKeys?: Iterable<number | string>;
|
|
132
|
+
/** Force always one AccordionItem to be open. */
|
|
133
|
+
disallowEmptySelection?: boolean;
|
|
134
|
+
/** props for styling the Divider */
|
|
135
|
+
dividerProps?: DividerProps;
|
|
136
|
+
/** Hide the expanded/collapsed indicator icon */
|
|
137
|
+
hideIndicator?: boolean;
|
|
138
|
+
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
139
|
+
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
140
|
+
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
141
|
+
selectionMode?: 'single' | 'multiple';
|
|
142
|
+
/** Enable or disable the divider between each AccordionItem */
|
|
143
|
+
showDivider?: boolean;
|
|
144
|
+
/** Style variant of the Accordion */
|
|
145
|
+
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
146
|
+
}
|
|
147
|
+
/**
|
|
148
|
+
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
149
|
+
*/
|
|
150
|
+
declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
151
|
+
|
|
152
|
+
export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
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
|
+
[key: string]: {
|
|
10
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
11
|
+
base?: tailwind_variants.ClassValue;
|
|
12
|
+
content?: tailwind_variants.ClassValue;
|
|
13
|
+
heading?: tailwind_variants.ClassValue;
|
|
14
|
+
indicator?: tailwind_variants.ClassValue;
|
|
15
|
+
startContent?: tailwind_variants.ClassValue;
|
|
16
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
17
|
+
title?: tailwind_variants.ClassValue;
|
|
18
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
19
|
+
trigger?: tailwind_variants.ClassValue;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
} | {
|
|
23
|
+
[x: string]: {
|
|
24
|
+
[x: string]: tailwind_variants.ClassValue | {
|
|
25
|
+
base?: tailwind_variants.ClassValue;
|
|
26
|
+
content?: tailwind_variants.ClassValue;
|
|
27
|
+
heading?: tailwind_variants.ClassValue;
|
|
28
|
+
indicator?: tailwind_variants.ClassValue;
|
|
29
|
+
startContent?: tailwind_variants.ClassValue;
|
|
30
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
31
|
+
title?: tailwind_variants.ClassValue;
|
|
32
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
33
|
+
trigger?: tailwind_variants.ClassValue;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
} | {}, {
|
|
37
|
+
base: string;
|
|
38
|
+
content: string;
|
|
39
|
+
heading: string;
|
|
40
|
+
indicator: string;
|
|
41
|
+
startContent: string;
|
|
42
|
+
subtitle: string;
|
|
43
|
+
title: string;
|
|
44
|
+
titleWrapper: string;
|
|
45
|
+
trigger: string;
|
|
46
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
47
|
+
[key: string]: {
|
|
48
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
49
|
+
base?: tailwind_variants.ClassValue;
|
|
50
|
+
content?: tailwind_variants.ClassValue;
|
|
51
|
+
heading?: tailwind_variants.ClassValue;
|
|
52
|
+
indicator?: tailwind_variants.ClassValue;
|
|
53
|
+
startContent?: tailwind_variants.ClassValue;
|
|
54
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
55
|
+
title?: tailwind_variants.ClassValue;
|
|
56
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
57
|
+
trigger?: tailwind_variants.ClassValue;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
} | {}>, {
|
|
61
|
+
[key: string]: {
|
|
62
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
63
|
+
base?: tailwind_variants.ClassValue;
|
|
64
|
+
content?: tailwind_variants.ClassValue;
|
|
65
|
+
heading?: tailwind_variants.ClassValue;
|
|
66
|
+
indicator?: tailwind_variants.ClassValue;
|
|
67
|
+
startContent?: tailwind_variants.ClassValue;
|
|
68
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
69
|
+
title?: tailwind_variants.ClassValue;
|
|
70
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
71
|
+
trigger?: tailwind_variants.ClassValue;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
} | {}, {
|
|
75
|
+
base: string;
|
|
76
|
+
content: string;
|
|
77
|
+
heading: string;
|
|
78
|
+
indicator: string;
|
|
79
|
+
startContent: string;
|
|
80
|
+
subtitle: string;
|
|
81
|
+
title: string;
|
|
82
|
+
titleWrapper: string;
|
|
83
|
+
trigger: string;
|
|
84
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
85
|
+
base: string;
|
|
86
|
+
content: string;
|
|
87
|
+
heading: string;
|
|
88
|
+
indicator: string;
|
|
89
|
+
startContent: string;
|
|
90
|
+
subtitle: string;
|
|
91
|
+
title: string;
|
|
92
|
+
titleWrapper: string;
|
|
93
|
+
trigger: string;
|
|
94
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
95
|
+
[key: string]: {
|
|
96
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
97
|
+
base?: tailwind_variants.ClassValue;
|
|
98
|
+
content?: tailwind_variants.ClassValue;
|
|
99
|
+
heading?: tailwind_variants.ClassValue;
|
|
100
|
+
indicator?: tailwind_variants.ClassValue;
|
|
101
|
+
startContent?: tailwind_variants.ClassValue;
|
|
102
|
+
subtitle?: tailwind_variants.ClassValue;
|
|
103
|
+
title?: tailwind_variants.ClassValue;
|
|
104
|
+
titleWrapper?: tailwind_variants.ClassValue;
|
|
105
|
+
trigger?: tailwind_variants.ClassValue;
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
109
|
+
interface AccordionItemProps {
|
|
110
|
+
/** Content of the accordion item */
|
|
111
|
+
children: ReactNode;
|
|
112
|
+
/** Disables the accordion item */
|
|
113
|
+
disabled?: boolean;
|
|
114
|
+
/** Accordion item title */
|
|
115
|
+
title: ReactNode;
|
|
116
|
+
/** Accordion item subtitle */
|
|
117
|
+
subtitle?: ReactNode;
|
|
118
|
+
}
|
|
119
|
+
type AccordionVariantProps = VariantProps<typeof accordionVariants>;
|
|
120
|
+
type AccordionVariantSlots = Partial<Record<keyof ReturnType<typeof accordionVariants>, string>>;
|
|
121
|
+
interface AccordionProps extends AccordionVariantProps {
|
|
122
|
+
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
123
|
+
accordionItems?: AccordionItemProps[];
|
|
124
|
+
/** CSS class name */
|
|
125
|
+
className?: string | AccordionVariantSlots;
|
|
126
|
+
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
127
|
+
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
128
|
+
/** Disables the Accordion */
|
|
129
|
+
disabled?: boolean;
|
|
130
|
+
/** Array of keys for the AccordionItems to disable */
|
|
131
|
+
disabledKeys?: Iterable<number | string>;
|
|
132
|
+
/** Force always one AccordionItem to be open. */
|
|
133
|
+
disallowEmptySelection?: boolean;
|
|
134
|
+
/** props for styling the Divider */
|
|
135
|
+
dividerProps?: DividerProps;
|
|
136
|
+
/** Hide the expanded/collapsed indicator icon */
|
|
137
|
+
hideIndicator?: boolean;
|
|
138
|
+
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
139
|
+
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
140
|
+
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
141
|
+
selectionMode?: 'single' | 'multiple';
|
|
142
|
+
/** Enable or disable the divider between each AccordionItem */
|
|
143
|
+
showDivider?: boolean;
|
|
144
|
+
/** Style variant of the Accordion */
|
|
145
|
+
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
146
|
+
}
|
|
147
|
+
/**
|
|
148
|
+
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
149
|
+
*/
|
|
150
|
+
declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
151
|
+
|
|
152
|
+
export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };
|
|
@@ -0,0 +1,87 @@
|
|
|
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
|
+
}
|
|
20
|
+
});
|
|
21
|
+
var Accordion = ({
|
|
22
|
+
accordionItems = [],
|
|
23
|
+
className = "",
|
|
24
|
+
defaultSelectedKeys = [],
|
|
25
|
+
disabled = false,
|
|
26
|
+
disabledKeys = [],
|
|
27
|
+
disallowEmptySelection = false,
|
|
28
|
+
dividerProps = {},
|
|
29
|
+
onSelectionChange = void 0,
|
|
30
|
+
selectionMode = "multiple",
|
|
31
|
+
showDivider = true,
|
|
32
|
+
variant = "light"
|
|
33
|
+
}) => {
|
|
34
|
+
const variants = accordionVariants();
|
|
35
|
+
const classNameObj = typeof className === "object" && className || {};
|
|
36
|
+
const itemClasses = {
|
|
37
|
+
base: variants.base({
|
|
38
|
+
className: classNameObj.base || className
|
|
39
|
+
}),
|
|
40
|
+
content: variants.content({ className: classNameObj.content }),
|
|
41
|
+
heading: variants.heading({ className: classNameObj.heading }),
|
|
42
|
+
indicator: variants.indicator({ className: classNameObj.indicator }),
|
|
43
|
+
startContent: variants.startContent({
|
|
44
|
+
className: classNameObj.startContent
|
|
45
|
+
}),
|
|
46
|
+
subtitle: variants.subtitle({ className: classNameObj.subtitle }),
|
|
47
|
+
title: variants.title({ className: classNameObj.title }),
|
|
48
|
+
titleWrapper: variants.titleWrapper({
|
|
49
|
+
className: classNameObj.titleWrapper
|
|
50
|
+
}),
|
|
51
|
+
trigger: variants.trigger({ className: classNameObj.trigger })
|
|
52
|
+
};
|
|
53
|
+
return /* @__PURE__ */ jsx(
|
|
54
|
+
NextAccordion,
|
|
55
|
+
{
|
|
56
|
+
defaultSelectedKeys,
|
|
57
|
+
disabledKeys,
|
|
58
|
+
disallowEmptySelection,
|
|
59
|
+
dividerProps,
|
|
60
|
+
isDisabled: disabled,
|
|
61
|
+
itemClasses,
|
|
62
|
+
onSelectionChange,
|
|
63
|
+
selectionMode,
|
|
64
|
+
showDivider,
|
|
65
|
+
variant,
|
|
66
|
+
children: accordionItems.map((item, index) => /* @__PURE__ */ jsx(
|
|
67
|
+
NextAccordionItem,
|
|
68
|
+
{
|
|
69
|
+
isDisabled: disabled || item?.disabled,
|
|
70
|
+
...item
|
|
71
|
+
},
|
|
72
|
+
index
|
|
73
|
+
))
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
var Accordion_default = Accordion;
|
|
78
|
+
|
|
79
|
+
// src/Accordion/index.ts
|
|
80
|
+
var Accordion_default2 = Accordion_default;
|
|
81
|
+
|
|
82
|
+
export {
|
|
83
|
+
accordionVariants,
|
|
84
|
+
Accordion_default,
|
|
85
|
+
Accordion_default2
|
|
86
|
+
};
|
|
87
|
+
//# sourceMappingURL=chunk-DH2Q2XJM.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 },\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 onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants();\n const classNameObj = (typeof className === 'object' && className) || {};\n const itemClasses = {\n base: variants.base({\n className: classNameObj.base || (className as string),\n }),\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\n return (\n <NextAccordion\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;AAgHX;AA5GD,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,EACX;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,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,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;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;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;;;AC9Hf,IAAOA,qBAAQ;","names":["Accordion_default"]}
|
|
@@ -0,0 +1,87 @@
|
|
|
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
|
+
}
|
|
20
|
+
});
|
|
21
|
+
var Accordion = ({
|
|
22
|
+
accordionItems = [],
|
|
23
|
+
className = "",
|
|
24
|
+
defaultSelectedKeys = [],
|
|
25
|
+
disabled = false,
|
|
26
|
+
disabledKeys = [],
|
|
27
|
+
disallowEmptySelection = false,
|
|
28
|
+
dividerProps = {},
|
|
29
|
+
onSelectionChange = void 0,
|
|
30
|
+
selectionMode = "multiple",
|
|
31
|
+
showDivider = true,
|
|
32
|
+
variant = "light"
|
|
33
|
+
}) => {
|
|
34
|
+
const variants = accordionVariants();
|
|
35
|
+
const classNameObj = typeof className === "object" && className || {};
|
|
36
|
+
const itemClasses = {
|
|
37
|
+
base: variants.base({
|
|
38
|
+
className: classNameObj.base || className
|
|
39
|
+
}),
|
|
40
|
+
content: variants.content({ className: classNameObj.content }),
|
|
41
|
+
heading: variants.heading({ className: classNameObj.heading }),
|
|
42
|
+
indicator: variants.indicator({ className: classNameObj.indicator }),
|
|
43
|
+
startContent: variants.startContent({
|
|
44
|
+
className: classNameObj.startContent
|
|
45
|
+
}),
|
|
46
|
+
subtitle: variants.subtitle({ className: classNameObj.subtitle }),
|
|
47
|
+
title: variants.title({ className: classNameObj.title }),
|
|
48
|
+
titleWrapper: variants.titleWrapper({
|
|
49
|
+
className: classNameObj.titleWrapper
|
|
50
|
+
}),
|
|
51
|
+
trigger: variants.trigger({ className: classNameObj.trigger })
|
|
52
|
+
};
|
|
53
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
54
|
+
_accordion.Accordion,
|
|
55
|
+
{
|
|
56
|
+
defaultSelectedKeys,
|
|
57
|
+
disabledKeys,
|
|
58
|
+
disallowEmptySelection,
|
|
59
|
+
dividerProps,
|
|
60
|
+
isDisabled: disabled,
|
|
61
|
+
itemClasses,
|
|
62
|
+
onSelectionChange,
|
|
63
|
+
selectionMode,
|
|
64
|
+
showDivider,
|
|
65
|
+
variant,
|
|
66
|
+
children: accordionItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
67
|
+
_accordion.AccordionItem,
|
|
68
|
+
{
|
|
69
|
+
isDisabled: disabled || _optionalChain([item, 'optionalAccess', _ => _.disabled]),
|
|
70
|
+
...item
|
|
71
|
+
},
|
|
72
|
+
index
|
|
73
|
+
))
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
var Accordion_default = Accordion;
|
|
78
|
+
|
|
79
|
+
// src/Accordion/index.ts
|
|
80
|
+
var Accordion_default2 = Accordion_default;
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
|
|
87
|
+
//# sourceMappingURL=chunk-W7WMJAEO.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;AAgHX;AA5GD,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,EACX;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,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,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;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;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;;;AC9Hf,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 },\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 onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants();\n const classNameObj = (typeof className === 'object' && className) || {};\n const itemClasses = {\n base: variants.base({\n className: classNameObj.base || (className as string),\n }),\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\n return (\n <NextAccordion\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
|
@@ -19,7 +19,7 @@ var _chunk64K2TRGLcjs = require('./chunk-64K2TRGL.cjs');
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _chunkW7WMJAEOcjs = require('./chunk-W7WMJAEO.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
var _chunkEJSTUBPUcjs = require('./chunk-EJSTUBPU.cjs');
|
|
@@ -64,5 +64,5 @@ require('./chunk-DZUJEN5N.cjs');
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
exports.Accordion =
|
|
67
|
+
exports.Accordion = _chunkW7WMJAEOcjs.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 = _chunkW7WMJAEOcjs.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;
|
|
68
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-j0DmxPeN.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';
|
|
@@ -11,12 +11,11 @@ export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.cjs';
|
|
|
11
11
|
export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.cjs';
|
|
12
12
|
export { useDebounce, useLocalStorage } from './hooks/index.cjs';
|
|
13
13
|
export { nextui } from '@nextui-org/theme';
|
|
14
|
-
export { AccordionItem } from '@nextui-org/accordion';
|
|
15
14
|
import 'react/jsx-runtime';
|
|
15
|
+
import 'tailwind-variants/dist/config.js';
|
|
16
|
+
import 'tailwind-variants';
|
|
16
17
|
import '@nextui-org/divider';
|
|
17
18
|
import 'react';
|
|
18
|
-
import 'tailwind-variants';
|
|
19
|
-
import 'tailwind-variants/dist/config.js';
|
|
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-j0DmxPeN.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';
|
|
@@ -11,12 +11,11 @@ export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.js';
|
|
|
11
11
|
export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.js';
|
|
12
12
|
export { useDebounce, useLocalStorage } from './hooks/index.js';
|
|
13
13
|
export { nextui } from '@nextui-org/theme';
|
|
14
|
-
export { AccordionItem } from '@nextui-org/accordion';
|
|
15
14
|
import 'react/jsx-runtime';
|
|
15
|
+
import 'tailwind-variants/dist/config.js';
|
|
16
|
+
import 'tailwind-variants';
|
|
16
17
|
import '@nextui-org/divider';
|
|
17
18
|
import 'react';
|
|
18
|
-
import 'tailwind-variants';
|
|
19
|
-
import 'tailwind-variants/dist/config.js';
|
|
20
19
|
import '@nextui-org/button';
|
|
21
20
|
import '@nextui-org/chip';
|
|
22
21
|
import '@nextui-org/popover';
|
package/dist/index.js
CHANGED
|
@@ -17,9 +17,9 @@ import {
|
|
|
17
17
|
nextui
|
|
18
18
|
} from "./chunk-MM5H2WFG.js";
|
|
19
19
|
import {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
} from "./chunk-
|
|
20
|
+
Accordion_default,
|
|
21
|
+
accordionVariants
|
|
22
|
+
} from "./chunk-DH2Q2XJM.js";
|
|
23
23
|
import {
|
|
24
24
|
AvatarGroup_default
|
|
25
25
|
} from "./chunk-LAGUJC5D.js";
|
|
@@ -46,7 +46,6 @@ import {
|
|
|
46
46
|
import "./chunk-5WRI5ZAA.js";
|
|
47
47
|
export {
|
|
48
48
|
Accordion_default as Accordion,
|
|
49
|
-
AccordionItem_default as AccordionItem,
|
|
50
49
|
Avatar_default as Avatar,
|
|
51
50
|
AvatarGroup_default as AvatarGroup,
|
|
52
51
|
Button_default as Button,
|
|
@@ -57,6 +56,7 @@ export {
|
|
|
57
56
|
Modal_default as Modal,
|
|
58
57
|
Popover_default as Popover,
|
|
59
58
|
Tooltip_default as Tooltip,
|
|
59
|
+
accordionVariants,
|
|
60
60
|
buttonVariants,
|
|
61
61
|
cardVariants,
|
|
62
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.3",
|
|
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/
|
|
133
|
+
"@repo/tsup-config": "0.0.1",
|
|
134
134
|
"@repo/vite-config": "0.0.1",
|
|
135
|
-
"@repo/
|
|
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,41 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { AccordionItem, AccordionItemProps as AccordionItemProps$1, AccordionProps as AccordionProps$1 } from '@nextui-org/accordion';
|
|
3
|
-
import { DividerProps } from '@nextui-org/divider';
|
|
4
|
-
|
|
5
|
-
interface AccordionItemProps extends AccordionItemProps$1 {
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
interface AccordionProps {
|
|
9
|
-
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
10
|
-
accordionItems?: AccordionItemProps[];
|
|
11
|
-
/** Render accordion items directly as children */
|
|
12
|
-
children?: AccordionProps$1['children'];
|
|
13
|
-
/** CSS class name */
|
|
14
|
-
className?: string;
|
|
15
|
-
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
16
|
-
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
17
|
-
/** Disables the Accordion */
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/** Array of keys for the AccordionItems to disable */
|
|
20
|
-
disabledKeys?: Iterable<number | string>;
|
|
21
|
-
/** Force always one AccordionItem to be open. */
|
|
22
|
-
disallowEmptySelection?: boolean;
|
|
23
|
-
/** props for styling the Divider */
|
|
24
|
-
dividerProps?: DividerProps;
|
|
25
|
-
/** Hide the expanded/collapsed indicator icon */
|
|
26
|
-
hideIndicator?: boolean;
|
|
27
|
-
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
28
|
-
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
29
|
-
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
30
|
-
selectionMode?: 'single' | 'multiple';
|
|
31
|
-
/** enable or disable the divider between each AccordionItem */
|
|
32
|
-
showDivider?: boolean;
|
|
33
|
-
/** style variant of the Accordion */
|
|
34
|
-
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
38
|
-
*/
|
|
39
|
-
declare const Accordion: ({ accordionItems, children, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
40
|
-
|
|
41
|
-
export { Accordion as A, type AccordionProps as a, type AccordionItemProps as b };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { AccordionItem, AccordionItemProps as AccordionItemProps$1, AccordionProps as AccordionProps$1 } from '@nextui-org/accordion';
|
|
3
|
-
import { DividerProps } from '@nextui-org/divider';
|
|
4
|
-
|
|
5
|
-
interface AccordionItemProps extends AccordionItemProps$1 {
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
interface AccordionProps {
|
|
9
|
-
/** Props for AccordionItems, will render the accordion items programmatically */
|
|
10
|
-
accordionItems?: AccordionItemProps[];
|
|
11
|
-
/** Render accordion items directly as children */
|
|
12
|
-
children?: AccordionProps$1['children'];
|
|
13
|
-
/** CSS class name */
|
|
14
|
-
className?: string;
|
|
15
|
-
/** Array of keys for the AccordionItem(s) to be expanded by default */
|
|
16
|
-
defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
|
|
17
|
-
/** Disables the Accordion */
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/** Array of keys for the AccordionItems to disable */
|
|
20
|
-
disabledKeys?: Iterable<number | string>;
|
|
21
|
-
/** Force always one AccordionItem to be open. */
|
|
22
|
-
disallowEmptySelection?: boolean;
|
|
23
|
-
/** props for styling the Divider */
|
|
24
|
-
dividerProps?: DividerProps;
|
|
25
|
-
/** Hide the expanded/collapsed indicator icon */
|
|
26
|
-
hideIndicator?: boolean;
|
|
27
|
-
/** Callback function for when a Accordion Item is expanded or collapsed */
|
|
28
|
-
onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
|
|
29
|
-
/** Set whether multiple or only a single AccordionItems can be expanded */
|
|
30
|
-
selectionMode?: 'single' | 'multiple';
|
|
31
|
-
/** enable or disable the divider between each AccordionItem */
|
|
32
|
-
showDivider?: boolean;
|
|
33
|
-
/** style variant of the Accordion */
|
|
34
|
-
variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
|
|
38
|
-
*/
|
|
39
|
-
declare const Accordion: ({ accordionItems, children, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
40
|
-
|
|
41
|
-
export { Accordion as A, type AccordionProps as a, type AccordionItemProps as b };
|
package/dist/chunk-4BU3HHHR.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
// src/Accordion/Accordion.tsx
|
|
2
|
-
import {
|
|
3
|
-
AccordionItem,
|
|
4
|
-
Accordion as NextAccordion
|
|
5
|
-
} from "@nextui-org/accordion";
|
|
6
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
var Accordion = ({
|
|
8
|
-
accordionItems = [],
|
|
9
|
-
children = void 0,
|
|
10
|
-
className = "",
|
|
11
|
-
defaultSelectedKeys = [],
|
|
12
|
-
disabled = false,
|
|
13
|
-
disabledKeys = [],
|
|
14
|
-
disallowEmptySelection = false,
|
|
15
|
-
dividerProps = {},
|
|
16
|
-
onSelectionChange = void 0,
|
|
17
|
-
selectionMode = "multiple",
|
|
18
|
-
showDivider = true,
|
|
19
|
-
variant = "light"
|
|
20
|
-
}) => {
|
|
21
|
-
return (
|
|
22
|
-
// @ts-expect-error not sure here
|
|
23
|
-
/* @__PURE__ */ jsxs(
|
|
24
|
-
NextAccordion,
|
|
25
|
-
{
|
|
26
|
-
className,
|
|
27
|
-
defaultSelectedKeys,
|
|
28
|
-
disabledKeys,
|
|
29
|
-
disallowEmptySelection,
|
|
30
|
-
dividerProps,
|
|
31
|
-
isDisabled: disabled,
|
|
32
|
-
onSelectionChange,
|
|
33
|
-
selectionMode,
|
|
34
|
-
showDivider,
|
|
35
|
-
variant,
|
|
36
|
-
children: [
|
|
37
|
-
accordionItems.map((item, index) => /* @__PURE__ */ jsx(
|
|
38
|
-
AccordionItem,
|
|
39
|
-
{
|
|
40
|
-
isDisabled: disabled || item?.disabled,
|
|
41
|
-
...item
|
|
42
|
-
},
|
|
43
|
-
index
|
|
44
|
-
)),
|
|
45
|
-
children
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
)
|
|
49
|
-
);
|
|
50
|
-
};
|
|
51
|
-
var Accordion_default = Accordion;
|
|
52
|
-
|
|
53
|
-
// src/Accordion/AccordionItem.tsx
|
|
54
|
-
import { AccordionItem as NextAccordionItem } from "@nextui-org/accordion";
|
|
55
|
-
var AccordionItem_default = NextAccordionItem;
|
|
56
|
-
|
|
57
|
-
// src/Accordion/index.ts
|
|
58
|
-
var Accordion_default2 = Accordion_default;
|
|
59
|
-
|
|
60
|
-
export {
|
|
61
|
-
Accordion_default,
|
|
62
|
-
AccordionItem_default,
|
|
63
|
-
Accordion_default2
|
|
64
|
-
};
|
|
65
|
-
//# sourceMappingURL=chunk-4BU3HHHR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/AccordionItem.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { AccordionProps as NextAccordionProps } from '@nextui-org/accordion';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { AccordionItemProps } from './AccordionItem';\n\nimport {\n AccordionItem,\n Accordion as NextAccordion,\n} from '@nextui-org/accordion';\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 children = undefined,\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 // @ts-expect-error not sure here\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 {children}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import type { AccordionItemProps as NextAccordionItemProps } from '@nextui-org/accordion';\n\nimport { AccordionItem as NextAccordionItem } from '@nextui-org/accordion';\n\nexport interface AccordionItemProps extends NextAccordionItemProps {}\n\n/**\n * Accordion item component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\n// const AccordionItem = (props: AccordionItemProps) => (\n// // eslint-disable-next-line react/jsx-props-no-spreading\n// <NextAccordionItem {...props} />\n// );\n\n// INFO: currently we can only re-export the nextui component,\n// because otherwise the ref passing causes errors when\n// the component is wrapped\n\n/**\n * Accordion item component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nexport default NextAccordionItem;\n","import Accordion from './Accordion';\nimport AccordionItem from './AccordionItem';\n\nexport type { AccordionProps } from './Accordion';\nexport type { AccordionItemProps } from './AccordionItem';\n\nexport { Accordion, AccordionItem };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE;AAAA,EACA,aAAa;AAAA,OACR;AAkDH,SAaI,KAbJ;AAhBJ,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,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;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEC;AAAA,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,YAAC;AAAA;AAAA,cAGC,YAAY,YAAY,MAAM;AAAA,cAE7B,GAAG;AAAA;AAAA,YAHC;AAAA,UAIP,CACD;AAAA,UACA;AAAA;AAAA;AAAA,IACH;AAAA;AAEJ;AAEA,IAAO,oBAAQ;;;ACjFf,SAAS,iBAAiB,yBAAyB;AAmBnD,IAAO,wBAAQ;;;ACbf,IAAOA,qBAAQ;","names":["Accordion_default"]}
|
package/dist/chunk-JWMNWFX6.cjs
DELETED
|
@@ -1,65 +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
|
-
children = void 0,
|
|
10
|
-
className = "",
|
|
11
|
-
defaultSelectedKeys = [],
|
|
12
|
-
disabled = false,
|
|
13
|
-
disabledKeys = [],
|
|
14
|
-
disallowEmptySelection = false,
|
|
15
|
-
dividerProps = {},
|
|
16
|
-
onSelectionChange = void 0,
|
|
17
|
-
selectionMode = "multiple",
|
|
18
|
-
showDivider = true,
|
|
19
|
-
variant = "light"
|
|
20
|
-
}) => {
|
|
21
|
-
return (
|
|
22
|
-
// @ts-expect-error not sure here
|
|
23
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
24
|
-
_accordion.Accordion,
|
|
25
|
-
{
|
|
26
|
-
className,
|
|
27
|
-
defaultSelectedKeys,
|
|
28
|
-
disabledKeys,
|
|
29
|
-
disallowEmptySelection,
|
|
30
|
-
dividerProps,
|
|
31
|
-
isDisabled: disabled,
|
|
32
|
-
onSelectionChange,
|
|
33
|
-
selectionMode,
|
|
34
|
-
showDivider,
|
|
35
|
-
variant,
|
|
36
|
-
children: [
|
|
37
|
-
accordionItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
38
|
-
_accordion.AccordionItem,
|
|
39
|
-
{
|
|
40
|
-
isDisabled: disabled || _optionalChain([item, 'optionalAccess', _ => _.disabled]),
|
|
41
|
-
...item
|
|
42
|
-
},
|
|
43
|
-
index
|
|
44
|
-
)),
|
|
45
|
-
children
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
)
|
|
49
|
-
);
|
|
50
|
-
};
|
|
51
|
-
var Accordion_default = Accordion;
|
|
52
|
-
|
|
53
|
-
// src/Accordion/AccordionItem.tsx
|
|
54
|
-
|
|
55
|
-
var AccordionItem_default = _accordion.AccordionItem;
|
|
56
|
-
|
|
57
|
-
// src/Accordion/index.ts
|
|
58
|
-
var Accordion_default2 = Accordion_default;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
exports.Accordion_default = Accordion_default; exports.AccordionItem_default = AccordionItem_default; exports.Accordion_default2 = Accordion_default2;
|
|
65
|
-
//# sourceMappingURL=chunk-JWMNWFX6.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/AccordionItem.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE;AAAA,EACA,aAAa;AAAA,OACR;AAkDH,SAaI,KAbJ;AAhBJ,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,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;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEC;AAAA,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,YAAC;AAAA;AAAA,cAGC,YAAY,YAAY,MAAM;AAAA,cAE7B,GAAG;AAAA;AAAA,YAHC;AAAA,UAIP,CACD;AAAA,UACA;AAAA;AAAA;AAAA,IACH;AAAA;AAEJ;AAEA,IAAO,oBAAQ;;;ACjFf,SAAS,iBAAiB,yBAAyB;AAmBnD,IAAO,wBAAQ;;;ACbf,IAAOA,qBAAQ","sourcesContent":["import type { AccordionProps as NextAccordionProps } from '@nextui-org/accordion';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { AccordionItemProps } from './AccordionItem';\n\nimport {\n AccordionItem,\n Accordion as NextAccordion,\n} from '@nextui-org/accordion';\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 children = undefined,\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 // @ts-expect-error not sure here\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 {children}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import type { AccordionItemProps as NextAccordionItemProps } from '@nextui-org/accordion';\n\nimport { AccordionItem as NextAccordionItem } from '@nextui-org/accordion';\n\nexport interface AccordionItemProps extends NextAccordionItemProps {}\n\n/**\n * Accordion item component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\n// const AccordionItem = (props: AccordionItemProps) => (\n// // eslint-disable-next-line react/jsx-props-no-spreading\n// <NextAccordionItem {...props} />\n// );\n\n// INFO: currently we can only re-export the nextui component,\n// because otherwise the ref passing causes errors when\n// the component is wrapped\n\n/**\n * Accordion item component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nexport default NextAccordionItem;\n","import Accordion from './Accordion';\nimport AccordionItem from './AccordionItem';\n\nexport type { AccordionProps } from './Accordion';\nexport type { AccordionItemProps } from './AccordionItem';\n\nexport { Accordion, AccordionItem };\n\nexport default Accordion;\n"]}
|