@tamagui/accordion 1.61.3 → 1.62.0
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/cjs/Accordion.js +52 -157
- package/dist/cjs/Accordion.js.map +2 -2
- package/dist/cjs/Accordion.native.js +309 -0
- package/dist/cjs/Accordion.native.js.map +6 -0
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +20 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/esm/Accordion.js +45 -135
- package/dist/esm/Accordion.js.map +2 -2
- package/dist/jsx/Accordion.js +43 -132
- package/dist/jsx/Accordion.js.map +2 -2
- package/dist/jsx/Accordion.native.js +258 -0
- package/dist/jsx/Accordion.native.js.map +6 -0
- package/dist/jsx/index.native.js +2 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/package.json +10 -10
package/dist/cjs/Accordion.js
CHANGED
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
14
11
|
for (let key of __getOwnPropNames(from))
|
|
15
|
-
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
13
|
return to;
|
|
19
14
|
};
|
|
20
15
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
@@ -22,75 +17,46 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
17
|
// file that has been converted to a CommonJS file using a Babel-
|
|
23
18
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
19
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable:
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
26
21
|
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
29
23
|
var Accordion_exports = {};
|
|
30
24
|
__export(Accordion_exports, {
|
|
31
25
|
Accordion: () => Accordion,
|
|
32
26
|
createAccordionScope: () => createAccordionScope
|
|
33
27
|
});
|
|
34
28
|
module.exports = __toCommonJS(Accordion_exports);
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
|
|
37
|
-
var import_collection = require("@tamagui/collection");
|
|
38
|
-
var import_create_context = require("@tamagui/create-context");
|
|
39
|
-
var import_stacks = require("@tamagui/stacks");
|
|
40
|
-
var import_text = require("@tamagui/text");
|
|
41
|
-
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
42
|
-
var import_use_direction = require("@tamagui/use-direction");
|
|
43
|
-
var import_web = require("@tamagui/web");
|
|
44
|
-
var React = __toESM(require("react"));
|
|
45
|
-
const ACCORDION_NAME = "Accordion";
|
|
46
|
-
const ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
|
|
47
|
-
const [Collection, useCollection, createCollectionScope] = (0, import_collection.createCollection)(ACCORDION_NAME);
|
|
48
|
-
const [createAccordionContext, createAccordionScope] = (0, import_create_context.createContextScope)(
|
|
29
|
+
var import_collapsible = require("@tamagui/collapsible"), import_collection = require("@tamagui/collection"), import_create_context = require("@tamagui/create-context"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
+
const ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Collection, useCollection, createCollectionScope] = (0, import_collection.createCollection)(ACCORDION_NAME), [createAccordionContext, createAccordionScope] = (0, import_create_context.createContextScope)(
|
|
49
31
|
ACCORDION_NAME,
|
|
50
32
|
[createCollectionScope, import_collapsible.createCollapsibleScope]
|
|
51
|
-
)
|
|
52
|
-
const
|
|
53
|
-
const AccordionComponent = React.forwardRef((props, forwardedRef) => {
|
|
54
|
-
const { type, ...accordionProps } = props;
|
|
55
|
-
const singleProps = accordionProps;
|
|
56
|
-
const multipleProps = accordionProps;
|
|
33
|
+
), useCollapsibleScope = (0, import_collapsible.createCollapsibleScope)(), AccordionComponent = React.forwardRef((props, forwardedRef) => {
|
|
34
|
+
const { type, ...accordionProps } = props, singleProps = accordionProps, multipleProps = accordionProps;
|
|
57
35
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
|
|
58
36
|
});
|
|
59
37
|
AccordionComponent.displayName = ACCORDION_NAME;
|
|
60
38
|
AccordionComponent.propTypes = {
|
|
61
39
|
type(props) {
|
|
62
40
|
const value = props.value || props.defaultValue;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`."
|
|
71
|
-
);
|
|
72
|
-
}
|
|
73
|
-
if (props.type === "single" && Array.isArray(value)) {
|
|
74
|
-
return new Error(
|
|
75
|
-
"Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`."
|
|
76
|
-
);
|
|
77
|
-
}
|
|
78
|
-
return null;
|
|
41
|
+
return props.type && !["single", "multiple"].includes(props.type) ? new Error(
|
|
42
|
+
"Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`."
|
|
43
|
+
) : props.type === "multiple" && typeof value == "string" ? new Error(
|
|
44
|
+
"Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`."
|
|
45
|
+
) : props.type === "single" && Array.isArray(value) ? new Error(
|
|
46
|
+
"Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`."
|
|
47
|
+
) : null;
|
|
79
48
|
}
|
|
80
49
|
};
|
|
81
|
-
const [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME)
|
|
82
|
-
const [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: false });
|
|
83
|
-
const AccordionImplSingle = React.forwardRef((props, forwardedRef) => {
|
|
50
|
+
const [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME), [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: !1 }), AccordionImplSingle = React.forwardRef((props, forwardedRef) => {
|
|
84
51
|
const {
|
|
85
52
|
value: valueProp,
|
|
86
53
|
defaultValue,
|
|
87
54
|
control,
|
|
88
55
|
onValueChange = () => {
|
|
89
56
|
},
|
|
90
|
-
collapsible =
|
|
57
|
+
collapsible = !1,
|
|
91
58
|
...accordionSingleProps
|
|
92
|
-
} = props
|
|
93
|
-
const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
59
|
+
} = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
94
60
|
prop: valueProp,
|
|
95
61
|
defaultProp: defaultValue || "",
|
|
96
62
|
onChange: onValueChange
|
|
@@ -115,25 +81,21 @@ const AccordionImplSingle = React.forwardRef((props, forwardedRef) => {
|
|
|
115
81
|
)
|
|
116
82
|
}
|
|
117
83
|
);
|
|
118
|
-
})
|
|
119
|
-
const AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
|
|
84
|
+
}), AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
|
|
120
85
|
const {
|
|
121
86
|
value: valueProp,
|
|
122
87
|
defaultValue,
|
|
123
88
|
onValueChange = () => {
|
|
124
89
|
},
|
|
125
90
|
...accordionMultipleProps
|
|
126
|
-
} = props
|
|
127
|
-
const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
91
|
+
} = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
128
92
|
prop: valueProp,
|
|
129
93
|
defaultProp: defaultValue || [],
|
|
130
94
|
onChange: onValueChange
|
|
131
|
-
})
|
|
132
|
-
const handleItemOpen = React.useCallback(
|
|
95
|
+
}), handleItemOpen = React.useCallback(
|
|
133
96
|
(itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
|
|
134
97
|
[setValue]
|
|
135
|
-
)
|
|
136
|
-
const handleItemClose = React.useCallback(
|
|
98
|
+
), handleItemClose = React.useCallback(
|
|
137
99
|
(itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
|
|
138
100
|
[setValue]
|
|
139
101
|
);
|
|
@@ -144,12 +106,10 @@ const AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
|
|
|
144
106
|
value: value || [],
|
|
145
107
|
onItemOpen: handleItemOpen,
|
|
146
108
|
onItemClose: handleItemClose,
|
|
147
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible:
|
|
109
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
|
|
148
110
|
}
|
|
149
111
|
);
|
|
150
|
-
})
|
|
151
|
-
const [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
|
|
152
|
-
const AccordionImpl = React.forwardRef(
|
|
112
|
+
}), [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME), AccordionImpl = React.forwardRef(
|
|
153
113
|
(props, forwardedRef) => {
|
|
154
114
|
const {
|
|
155
115
|
__scopeAccordion,
|
|
@@ -157,44 +117,22 @@ const AccordionImpl = React.forwardRef(
|
|
|
157
117
|
dir,
|
|
158
118
|
orientation = "vertical",
|
|
159
119
|
...accordionProps
|
|
160
|
-
} = props
|
|
161
|
-
const accordionRef = React.useRef(null);
|
|
162
|
-
const composedRef = (0, import_web.useComposedRefs)(accordionRef, forwardedRef);
|
|
163
|
-
const getItems = useCollection(__scopeAccordion);
|
|
164
|
-
const direction = (0, import_use_direction.useDirection)(dir);
|
|
165
|
-
const isDirectionLTR = direction === "ltr";
|
|
166
|
-
const handleKeyDown = (0, import_web.composeEventHandlers)(
|
|
120
|
+
} = props, accordionRef = React.useRef(null), composedRef = (0, import_web.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion), isDirectionLTR = (0, import_use_direction.useDirection)(dir) === "ltr", handleKeyDown = (0, import_web.composeEventHandlers)(
|
|
167
121
|
props.onKeyDown,
|
|
168
122
|
(event) => {
|
|
169
|
-
var _a;
|
|
170
123
|
if (!ACCORDION_KEYS.includes(event.key))
|
|
171
124
|
return;
|
|
172
|
-
const target = event.target
|
|
173
|
-
const triggerCollection = getItems().filter((item) => {
|
|
174
|
-
const el = item.ref.current;
|
|
175
|
-
return !(el == null ? void 0 : el.disabled);
|
|
176
|
-
});
|
|
177
|
-
const triggerIndex = triggerCollection.findIndex(
|
|
125
|
+
const target = event.target, triggerCollection = getItems().filter((item) => !item.ref.current?.disabled), triggerIndex = triggerCollection.findIndex(
|
|
178
126
|
(item) => item.ref.current === target
|
|
179
|
-
);
|
|
180
|
-
const triggerCount = triggerCollection.length;
|
|
127
|
+
), triggerCount = triggerCollection.length;
|
|
181
128
|
if (triggerIndex === -1)
|
|
182
129
|
return;
|
|
183
130
|
event.preventDefault();
|
|
184
131
|
let nextIndex = triggerIndex;
|
|
185
|
-
const homeIndex = 0
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
nextIndex = triggerIndex
|
|
189
|
-
if (nextIndex > endIndex) {
|
|
190
|
-
nextIndex = homeIndex;
|
|
191
|
-
}
|
|
192
|
-
};
|
|
193
|
-
const movePrev = () => {
|
|
194
|
-
nextIndex = triggerIndex - 1;
|
|
195
|
-
if (nextIndex < homeIndex) {
|
|
196
|
-
nextIndex = endIndex;
|
|
197
|
-
}
|
|
132
|
+
const homeIndex = 0, endIndex = triggerCount - 1, moveNext = () => {
|
|
133
|
+
nextIndex = triggerIndex + 1, nextIndex > endIndex && (nextIndex = homeIndex);
|
|
134
|
+
}, movePrev = () => {
|
|
135
|
+
nextIndex = triggerIndex - 1, nextIndex < homeIndex && (nextIndex = endIndex);
|
|
198
136
|
};
|
|
199
137
|
switch (event.key) {
|
|
200
138
|
case "Home":
|
|
@@ -204,36 +142,20 @@ const AccordionImpl = React.forwardRef(
|
|
|
204
142
|
nextIndex = endIndex;
|
|
205
143
|
break;
|
|
206
144
|
case "ArrowRight":
|
|
207
|
-
|
|
208
|
-
if (isDirectionLTR) {
|
|
209
|
-
moveNext();
|
|
210
|
-
} else {
|
|
211
|
-
movePrev();
|
|
212
|
-
}
|
|
213
|
-
}
|
|
145
|
+
orientation === "horizontal" && (isDirectionLTR ? moveNext() : movePrev());
|
|
214
146
|
break;
|
|
215
147
|
case "ArrowDown":
|
|
216
|
-
|
|
217
|
-
moveNext();
|
|
218
|
-
}
|
|
148
|
+
orientation === "vertical" && moveNext();
|
|
219
149
|
break;
|
|
220
150
|
case "ArrowLeft":
|
|
221
|
-
|
|
222
|
-
if (isDirectionLTR) {
|
|
223
|
-
movePrev();
|
|
224
|
-
} else {
|
|
225
|
-
moveNext();
|
|
226
|
-
}
|
|
227
|
-
}
|
|
151
|
+
orientation === "horizontal" && (isDirectionLTR ? movePrev() : moveNext());
|
|
228
152
|
break;
|
|
229
153
|
case "ArrowUp":
|
|
230
|
-
|
|
231
|
-
movePrev();
|
|
232
|
-
}
|
|
154
|
+
orientation === "vertical" && movePrev();
|
|
233
155
|
break;
|
|
234
156
|
}
|
|
235
157
|
const clampedIndex = nextIndex % triggerCount;
|
|
236
|
-
|
|
158
|
+
triggerCollection[clampedIndex].ref.current?.focus();
|
|
237
159
|
}
|
|
238
160
|
);
|
|
239
161
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -257,18 +179,9 @@ const AccordionImpl = React.forwardRef(
|
|
|
257
179
|
}
|
|
258
180
|
);
|
|
259
181
|
}
|
|
260
|
-
)
|
|
261
|
-
const ITEM_NAME = "AccordionItem";
|
|
262
|
-
const [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
|
|
263
|
-
const AccordionItem = React.forwardRef(
|
|
182
|
+
), ITEM_NAME = "AccordionItem", [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME), AccordionItem = React.forwardRef(
|
|
264
183
|
(props, forwardedRef) => {
|
|
265
|
-
const { __scopeAccordion, value, ...accordionItemProps } = props;
|
|
266
|
-
const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);
|
|
267
|
-
const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion);
|
|
268
|
-
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
269
|
-
const triggerId = React.useId();
|
|
270
|
-
const open = value && valueContext.value.includes(value) || false;
|
|
271
|
-
const disabled = accordionContext.disabled || props.disabled;
|
|
184
|
+
const { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion), valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion), collapsibleScope = useCollapsibleScope(__scopeAccordion), triggerId = React.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
|
|
272
185
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
273
186
|
AccordionItemProvider,
|
|
274
187
|
{
|
|
@@ -287,11 +200,7 @@ const AccordionItem = React.forwardRef(
|
|
|
287
200
|
disabled,
|
|
288
201
|
open,
|
|
289
202
|
onOpenChange: (open2) => {
|
|
290
|
-
|
|
291
|
-
valueContext.onItemOpen(value);
|
|
292
|
-
} else {
|
|
293
|
-
valueContext.onItemClose(value);
|
|
294
|
-
}
|
|
203
|
+
open2 ? valueContext.onItemOpen(value) : valueContext.onItemClose(value);
|
|
295
204
|
}
|
|
296
205
|
}
|
|
297
206
|
)
|
|
@@ -300,12 +209,9 @@ const AccordionItem = React.forwardRef(
|
|
|
300
209
|
}
|
|
301
210
|
);
|
|
302
211
|
AccordionItem.displayName = ITEM_NAME;
|
|
303
|
-
const HEADER_NAME = "AccordionHeader"
|
|
304
|
-
const AccordionHeader = React.forwardRef(
|
|
212
|
+
const HEADER_NAME = "AccordionHeader", AccordionHeader = React.forwardRef(
|
|
305
213
|
(props, forwardedRef) => {
|
|
306
|
-
const { __scopeAccordion, ...headerProps } = props;
|
|
307
|
-
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
308
|
-
const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
|
|
214
|
+
const { __scopeAccordion, ...headerProps } = props, accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion), itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
|
|
309
215
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
310
216
|
import_text.H1,
|
|
311
217
|
{
|
|
@@ -341,19 +247,13 @@ const AccordionTriggerFrame = (0, import_web.styled)(import_collapsible.Collapsi
|
|
|
341
247
|
}
|
|
342
248
|
},
|
|
343
249
|
defaultVariants: {
|
|
344
|
-
unstyled:
|
|
250
|
+
unstyled: !1
|
|
345
251
|
}
|
|
346
|
-
})
|
|
347
|
-
const TRIGGER_NAME =
|
|
348
|
-
const AccordionTrigger = AccordionTriggerFrame.styleable(function AccordionTrigger2(props, forwardedRef) {
|
|
349
|
-
const { __scopeAccordion, ...triggerProps } = props;
|
|
350
|
-
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
351
|
-
const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion);
|
|
352
|
-
const collapsibleContext = useAccordionCollapsibleContext(
|
|
252
|
+
}), TRIGGER_NAME = "AccordionTrigger", AccordionTrigger = AccordionTriggerFrame.styleable(function(props, forwardedRef) {
|
|
253
|
+
const { __scopeAccordion, ...triggerProps } = props, accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion), itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(
|
|
353
254
|
TRIGGER_NAME,
|
|
354
255
|
__scopeAccordion
|
|
355
|
-
);
|
|
356
|
-
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
256
|
+
), collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
357
257
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
358
258
|
AccordionTriggerFrame,
|
|
359
259
|
{
|
|
@@ -365,8 +265,7 @@ const AccordionTrigger = AccordionTriggerFrame.styleable(function AccordionTrigg
|
|
|
365
265
|
ref: forwardedRef
|
|
366
266
|
}
|
|
367
267
|
) });
|
|
368
|
-
})
|
|
369
|
-
const AccordionContentFrame = (0, import_web.styled)(import_collapsible.Collapsible.Content, {
|
|
268
|
+
}), AccordionContentFrame = (0, import_web.styled)(import_collapsible.Collapsible.Content, {
|
|
370
269
|
variants: {
|
|
371
270
|
unstyled: {
|
|
372
271
|
false: {
|
|
@@ -376,14 +275,10 @@ const AccordionContentFrame = (0, import_web.styled)(import_collapsible.Collapsi
|
|
|
376
275
|
}
|
|
377
276
|
},
|
|
378
277
|
defaultVariants: {
|
|
379
|
-
unstyled:
|
|
278
|
+
unstyled: !1
|
|
380
279
|
}
|
|
381
|
-
})
|
|
382
|
-
const
|
|
383
|
-
const { __scopeAccordion, ...contentProps } = props;
|
|
384
|
-
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
385
|
-
const itemContext = useAccordionItemContext("AccordionContent", __scopeAccordion);
|
|
386
|
-
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
280
|
+
}), AccordionContent = AccordionContentFrame.styleable(function(props, forwardedRef) {
|
|
281
|
+
const { __scopeAccordion, ...contentProps } = props, accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion), itemContext = useAccordionItemContext("AccordionContent", __scopeAccordion), collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
387
282
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
388
283
|
AccordionContentFrame,
|
|
389
284
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Accordion.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["value", "open"
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["value", "open"]
|
|
6
6
|
}
|