@tamagui/collapsible 1.89.28 → 1.89.30
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/Collapsible.native.js +25 -17
- package/dist/cjs/Collapsible.native.js.map +2 -2
- package/dist/esm/Collapsible.native.js +25 -16
- package/dist/esm/Collapsible.native.js.map +1 -1
- package/dist/jsx/Collapsible.native.js +25 -16
- package/dist/jsx/Collapsible.native.js.map +1 -1
- package/package.json +10 -10
|
@@ -30,7 +30,7 @@ __export(Collapsible_exports, {
|
|
|
30
30
|
CollapsibleTriggerFrame: () => CollapsibleTriggerFrame
|
|
31
31
|
});
|
|
32
32
|
module.exports = __toCommonJS(Collapsible_exports);
|
|
33
|
-
var import_animate_presence = require("@tamagui/animate-presence"), import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_web = require("@tamagui/web"), React = __toESM(require("react"));
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_animate_presence = require("@tamagui/animate-presence"), import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_web = require("@tamagui/web"), React = __toESM(require("react"));
|
|
34
34
|
function _array_like_to_array(arr, len) {
|
|
35
35
|
(len == null || len > arr.length) && (len = arr.length);
|
|
36
36
|
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
@@ -143,7 +143,7 @@ var COLLAPSIBLE_NAME = "Collapsible", _createStyledContext = (0, import_web.crea
|
|
|
143
143
|
defaultProp: defaultOpen,
|
|
144
144
|
onChange: onOpenChange
|
|
145
145
|
}), 2), tmp = _useControllableState[0], open = tmp === void 0 ? !1 : tmp, setOpen = _useControllableState[1];
|
|
146
|
-
return /* @__PURE__ */
|
|
146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleProvider, {
|
|
147
147
|
scope: __scopeCollapsible,
|
|
148
148
|
disabled,
|
|
149
149
|
contentId: React.useId(),
|
|
@@ -154,13 +154,14 @@ var COLLAPSIBLE_NAME = "Collapsible", _createStyledContext = (0, import_web.crea
|
|
|
154
154
|
});
|
|
155
155
|
}, [
|
|
156
156
|
setOpen
|
|
157
|
-
])
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
157
|
+
]),
|
|
158
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Stack, _object_spread_props(_object_spread({
|
|
159
|
+
"data-state": getState(open),
|
|
160
|
+
"data-disabled": disabled ? "" : void 0
|
|
161
|
+
}, collapsibleProps), {
|
|
162
|
+
ref: forwardedRef
|
|
163
|
+
}))
|
|
164
|
+
});
|
|
164
165
|
});
|
|
165
166
|
_Collapsible.displayName = COLLAPSIBLE_NAME;
|
|
166
167
|
var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = (0, import_web.styled)(import_web.Stack, {
|
|
@@ -171,7 +172,7 @@ var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = (0, import_we
|
|
|
171
172
|
"__scopeCollapsible",
|
|
172
173
|
"children"
|
|
173
174
|
]), context = useCollapsibleContext(__scopeCollapsible);
|
|
174
|
-
return /* @__PURE__ */
|
|
175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTriggerFrame, _object_spread_props(_object_spread({
|
|
175
176
|
"aria-controls": context.contentId,
|
|
176
177
|
"aria-expanded": context.open || !1,
|
|
177
178
|
"data-state": getState(context.open),
|
|
@@ -179,10 +180,11 @@ var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = (0, import_we
|
|
|
179
180
|
disabled: context.disabled
|
|
180
181
|
}, triggerProps), {
|
|
181
182
|
ref: forwardedRef,
|
|
182
|
-
onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
183
|
+
onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle),
|
|
184
|
+
children: typeof children == "function" ? children({
|
|
185
|
+
open: context.open
|
|
186
|
+
}) : children
|
|
187
|
+
}));
|
|
186
188
|
});
|
|
187
189
|
CollapsibleTrigger.displayName = TRIGGER_NAME;
|
|
188
190
|
var CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = (0, import_web.styled)(import_web.Stack, {
|
|
@@ -193,9 +195,15 @@ var CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = (0, import_we
|
|
|
193
195
|
"children",
|
|
194
196
|
"__scopeCollapsible"
|
|
195
197
|
]), context = useCollapsibleContext(__scopeCollapsible);
|
|
196
|
-
return /* @__PURE__ */
|
|
197
|
-
|
|
198
|
-
|
|
198
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, _object_spread_props(_object_spread({}, contentProps), {
|
|
199
|
+
children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentFrame, _object_spread_props(_object_spread({
|
|
200
|
+
ref: forwardedRef
|
|
201
|
+
}, contentProps), {
|
|
202
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, {
|
|
203
|
+
children
|
|
204
|
+
})
|
|
205
|
+
})) : null
|
|
206
|
+
}));
|
|
199
207
|
});
|
|
200
208
|
CollapsibleContent.displayName = CONTENT_NAME;
|
|
201
209
|
function getState(open) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/collapsible/src/Collapsible.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
5
|
-
"names": ["COLLAPSIBLE_NAME", "createStyledContext", "CollapsibleProvider", "Provider", "useCollapsibleContext", "useStyledContext", "_Collapsible", "React", "forwardRef", "props", "forwardedRef", "__scopeCollapsible", "openProp", "open", "defaultOpen", "disabled", "onOpenChange", "collapsibleProps", "useControllableState", "prop", "defaultProp", "onChange", "setOpen", "scope", "contentId", "useId", "onOpenToggle", "useCallback", "prevOpen", "Stack", "data-state", "getState", "data-disabled", "undefined", "ref", "displayName", "TRIGGER_NAME", "CollapsibleTriggerFrame", "styled", "name", "tag", "CollapsibleTrigger", "styleable", "children", "triggerProps", "context", "aria-controls", "aria-expanded", "onPress", "composeEventHandlers", "CONTENT_NAME", "CollapsibleContentFrame", "CollapsibleContent", "forceMount", "contentProps", "AnimatePresence", "ResetPresence", "Collapsible", "withStaticProperties", "Trigger", "Content"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["COLLAPSIBLE_NAME", "createStyledContext", "CollapsibleProvider", "Provider", "useCollapsibleContext", "useStyledContext", "_Collapsible", "React", "forwardRef", "props", "forwardedRef", "__scopeCollapsible", "openProp", "open", "defaultOpen", "disabled", "onOpenChange", "collapsibleProps", "useControllableState", "prop", "defaultProp", "onChange", "setOpen", "_jsx", "scope", "contentId", "useId", "onOpenToggle", "useCallback", "prevOpen", "Stack", "data-state", "getState", "data-disabled", "undefined", "ref", "displayName", "TRIGGER_NAME", "CollapsibleTriggerFrame", "styled", "name", "tag", "CollapsibleTrigger", "styleable", "children", "triggerProps", "context", "aria-controls", "aria-expanded", "onPress", "composeEventHandlers", "CONTENT_NAME", "CollapsibleContentFrame", "CollapsibleContent", "forceMount", "contentProps", "AnimatePresence", "ResetPresence", "Collapsible", "withStaticProperties", "Trigger", "Content"]
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import { AnimatePresence, ResetPresence } from "@tamagui/animate-presence";
|
|
2
3
|
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
3
4
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
@@ -115,7 +116,7 @@ var COLLAPSIBLE_NAME = "Collapsible", _createStyledContext = createStyledContext
|
|
|
115
116
|
defaultProp: defaultOpen,
|
|
116
117
|
onChange: onOpenChange
|
|
117
118
|
}), 2), tmp = _useControllableState[0], open = tmp === void 0 ? !1 : tmp, setOpen = _useControllableState[1];
|
|
118
|
-
return /* @__PURE__ */
|
|
119
|
+
return /* @__PURE__ */ _jsx(CollapsibleProvider, {
|
|
119
120
|
scope: __scopeCollapsible,
|
|
120
121
|
disabled,
|
|
121
122
|
contentId: React.useId(),
|
|
@@ -126,13 +127,14 @@ var COLLAPSIBLE_NAME = "Collapsible", _createStyledContext = createStyledContext
|
|
|
126
127
|
});
|
|
127
128
|
}, [
|
|
128
129
|
setOpen
|
|
129
|
-
])
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
130
|
+
]),
|
|
131
|
+
children: /* @__PURE__ */ _jsx(Stack, _object_spread_props(_object_spread({
|
|
132
|
+
"data-state": getState(open),
|
|
133
|
+
"data-disabled": disabled ? "" : void 0
|
|
134
|
+
}, collapsibleProps), {
|
|
135
|
+
ref: forwardedRef
|
|
136
|
+
}))
|
|
137
|
+
});
|
|
136
138
|
});
|
|
137
139
|
_Collapsible.displayName = COLLAPSIBLE_NAME;
|
|
138
140
|
var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack, {
|
|
@@ -143,7 +145,7 @@ var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack,
|
|
|
143
145
|
"__scopeCollapsible",
|
|
144
146
|
"children"
|
|
145
147
|
]), context = useCollapsibleContext(__scopeCollapsible);
|
|
146
|
-
return /* @__PURE__ */
|
|
148
|
+
return /* @__PURE__ */ _jsx(CollapsibleTriggerFrame, _object_spread_props(_object_spread({
|
|
147
149
|
"aria-controls": context.contentId,
|
|
148
150
|
"aria-expanded": context.open || !1,
|
|
149
151
|
"data-state": getState(context.open),
|
|
@@ -151,10 +153,11 @@ var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack,
|
|
|
151
153
|
disabled: context.disabled
|
|
152
154
|
}, triggerProps), {
|
|
153
155
|
ref: forwardedRef,
|
|
154
|
-
onPress: composeEventHandlers(props.onPress, context.onOpenToggle)
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
onPress: composeEventHandlers(props.onPress, context.onOpenToggle),
|
|
157
|
+
children: typeof children == "function" ? children({
|
|
158
|
+
open: context.open
|
|
159
|
+
}) : children
|
|
160
|
+
}));
|
|
158
161
|
});
|
|
159
162
|
CollapsibleTrigger.displayName = TRIGGER_NAME;
|
|
160
163
|
var CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(Stack, {
|
|
@@ -165,9 +168,15 @@ var CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(Stack,
|
|
|
165
168
|
"children",
|
|
166
169
|
"__scopeCollapsible"
|
|
167
170
|
]), context = useCollapsibleContext(__scopeCollapsible);
|
|
168
|
-
return /* @__PURE__ */
|
|
169
|
-
|
|
170
|
-
|
|
171
|
+
return /* @__PURE__ */ _jsx(AnimatePresence, _object_spread_props(_object_spread({}, contentProps), {
|
|
172
|
+
children: forceMount || context.open ? /* @__PURE__ */ _jsx(CollapsibleContentFrame, _object_spread_props(_object_spread({
|
|
173
|
+
ref: forwardedRef
|
|
174
|
+
}, contentProps), {
|
|
175
|
+
children: /* @__PURE__ */ _jsx(ResetPresence, {
|
|
176
|
+
children
|
|
177
|
+
})
|
|
178
|
+
})) : null
|
|
179
|
+
}));
|
|
171
180
|
});
|
|
172
181
|
CollapsibleContent.displayName = CONTENT_NAME;
|
|
173
182
|
function getState(open) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/collapsible/src/Collapsible.tsx"],
|
|
4
|
-
"mappings": "AACA,SAASA,iBAAiBC,qBAAqB;AAC/C,SAASC,sBAAsBC,4BAA4B;AAE3D,SAASC,4BAA4B;AAErC,SAASC,OAAOC,qBAAqBC,cAAc;AACnD,YAAYC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvB,IAAMC,mBAAmB,eAYvBH,uBAAAA,oBAAAA,GADgBI,sBAChBJ,qBADMK,UAAiDC,wBACvDN,qBADqCO,kBAUjCC,eAAeN,sBAAMO,WACzB,SAACC,OAAOC,cAAAA;AACN,MACEC,qBAMEF,MANFE,oBACMC,WAKJH,MALFI,MACAC,cAIEL,MAJFK,aACAC,WAGEN,MAHFM,UACAC,eAEEP,MAFFO,cACGC,mBAAAA,2BACDR,OAAAA;IANFE;IACAE;IACAC;IACAC;IACAC;MAI8BnB,wBAAAA,iBAAAA,qBAAqB;IACnDqB,MAAMN;IACNO,aAAaL;IACbM,UAAUJ;EACZ,CAAA,GAAA,CAAA,GAJOH,MAAyBhB,sBAAAA,CAAAA,GAAzBgB,OAAAA,QAAAA,SAAO,KAAPA,KAAcQ,UAAWxB,sBAAAA,CAAAA;AAMhC,SACE,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["AnimatePresence", "ResetPresence", "composeEventHandlers", "withStaticProperties", "useControllableState", "Stack", "createStyledContext", "styled", "React", "COLLAPSIBLE_NAME", "CollapsibleProvider", "Provider", "useCollapsibleContext", "useStyledContext", "_Collapsible", "forwardRef", "props", "forwardedRef", "__scopeCollapsible", "openProp", "open", "defaultOpen", "disabled", "onOpenChange", "collapsibleProps", "prop", "defaultProp", "onChange", "setOpen", "scope", "contentId", "useId", "onOpenToggle", "useCallback", "prevOpen", "data-state", "getState", "data-disabled", "undefined", "ref", "displayName", "TRIGGER_NAME", "CollapsibleTriggerFrame", "name", "tag", "CollapsibleTrigger", "styleable", "children", "triggerProps", "context", "aria-controls", "aria-expanded", "onPress", "CONTENT_NAME", "CollapsibleContentFrame", "CollapsibleContent", "forceMount", "contentProps", "Collapsible", "Trigger", "Content"]
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import { AnimatePresence, ResetPresence } from "@tamagui/animate-presence";
|
|
2
3
|
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
3
4
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
@@ -115,7 +116,7 @@ var COLLAPSIBLE_NAME = "Collapsible", _createStyledContext = createStyledContext
|
|
|
115
116
|
defaultProp: defaultOpen,
|
|
116
117
|
onChange: onOpenChange
|
|
117
118
|
}), 2), tmp = _useControllableState[0], open = tmp === void 0 ? !1 : tmp, setOpen = _useControllableState[1];
|
|
118
|
-
return /* @__PURE__ */
|
|
119
|
+
return /* @__PURE__ */ _jsx(CollapsibleProvider, {
|
|
119
120
|
scope: __scopeCollapsible,
|
|
120
121
|
disabled,
|
|
121
122
|
contentId: React.useId(),
|
|
@@ -126,13 +127,14 @@ var COLLAPSIBLE_NAME = "Collapsible", _createStyledContext = createStyledContext
|
|
|
126
127
|
});
|
|
127
128
|
}, [
|
|
128
129
|
setOpen
|
|
129
|
-
])
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
130
|
+
]),
|
|
131
|
+
children: /* @__PURE__ */ _jsx(Stack, _object_spread_props(_object_spread({
|
|
132
|
+
"data-state": getState(open),
|
|
133
|
+
"data-disabled": disabled ? "" : void 0
|
|
134
|
+
}, collapsibleProps), {
|
|
135
|
+
ref: forwardedRef
|
|
136
|
+
}))
|
|
137
|
+
});
|
|
136
138
|
});
|
|
137
139
|
_Collapsible.displayName = COLLAPSIBLE_NAME;
|
|
138
140
|
var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack, {
|
|
@@ -143,7 +145,7 @@ var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack,
|
|
|
143
145
|
"__scopeCollapsible",
|
|
144
146
|
"children"
|
|
145
147
|
]), context = useCollapsibleContext(__scopeCollapsible);
|
|
146
|
-
return /* @__PURE__ */
|
|
148
|
+
return /* @__PURE__ */ _jsx(CollapsibleTriggerFrame, _object_spread_props(_object_spread({
|
|
147
149
|
"aria-controls": context.contentId,
|
|
148
150
|
"aria-expanded": context.open || !1,
|
|
149
151
|
"data-state": getState(context.open),
|
|
@@ -151,10 +153,11 @@ var TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack,
|
|
|
151
153
|
disabled: context.disabled
|
|
152
154
|
}, triggerProps), {
|
|
153
155
|
ref: forwardedRef,
|
|
154
|
-
onPress: composeEventHandlers(props.onPress, context.onOpenToggle)
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
onPress: composeEventHandlers(props.onPress, context.onOpenToggle),
|
|
157
|
+
children: typeof children == "function" ? children({
|
|
158
|
+
open: context.open
|
|
159
|
+
}) : children
|
|
160
|
+
}));
|
|
158
161
|
});
|
|
159
162
|
CollapsibleTrigger.displayName = TRIGGER_NAME;
|
|
160
163
|
var CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(Stack, {
|
|
@@ -165,9 +168,15 @@ var CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(Stack,
|
|
|
165
168
|
"children",
|
|
166
169
|
"__scopeCollapsible"
|
|
167
170
|
]), context = useCollapsibleContext(__scopeCollapsible);
|
|
168
|
-
return /* @__PURE__ */
|
|
169
|
-
|
|
170
|
-
|
|
171
|
+
return /* @__PURE__ */ _jsx(AnimatePresence, _object_spread_props(_object_spread({}, contentProps), {
|
|
172
|
+
children: forceMount || context.open ? /* @__PURE__ */ _jsx(CollapsibleContentFrame, _object_spread_props(_object_spread({
|
|
173
|
+
ref: forwardedRef
|
|
174
|
+
}, contentProps), {
|
|
175
|
+
children: /* @__PURE__ */ _jsx(ResetPresence, {
|
|
176
|
+
children
|
|
177
|
+
})
|
|
178
|
+
})) : null
|
|
179
|
+
}));
|
|
171
180
|
});
|
|
172
181
|
CollapsibleContent.displayName = CONTENT_NAME;
|
|
173
182
|
function getState(open) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/collapsible/src/Collapsible.tsx"],
|
|
4
|
-
"mappings": "AACA,SAASA,iBAAiBC,qBAAqB;AAC/C,SAASC,sBAAsBC,4BAA4B;AAE3D,SAASC,4BAA4B;AAErC,SAASC,OAAOC,qBAAqBC,cAAc;AACnD,YAAYC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvB,IAAMC,mBAAmB,eAYvBH,uBAAAA,oBAAAA,GADgBI,sBAChBJ,qBADMK,UAAiDC,wBACvDN,qBADqCO,kBAUjCC,eAAeN,sBAAMO,WACzB,SAACC,OAAOC,cAAAA;AACN,MACEC,qBAMEF,MANFE,oBACMC,WAKJH,MALFI,MACAC,cAIEL,MAJFK,aACAC,WAGEN,MAHFM,UACAC,eAEEP,MAFFO,cACGC,mBAAAA,2BACDR,OAAAA;IANFE;IACAE;IACAC;IACAC;IACAC;MAI8BnB,wBAAAA,iBAAAA,qBAAqB;IACnDqB,MAAMN;IACNO,aAAaL;IACbM,UAAUJ;EACZ,CAAA,GAAA,CAAA,GAJOH,MAAyBhB,sBAAAA,CAAAA,GAAzBgB,OAAAA,QAAAA,SAAO,KAAPA,KAAcQ,UAAWxB,sBAAAA,CAAAA;AAMhC,SACE,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["AnimatePresence", "ResetPresence", "composeEventHandlers", "withStaticProperties", "useControllableState", "Stack", "createStyledContext", "styled", "React", "COLLAPSIBLE_NAME", "CollapsibleProvider", "Provider", "useCollapsibleContext", "useStyledContext", "_Collapsible", "forwardRef", "props", "forwardedRef", "__scopeCollapsible", "openProp", "open", "defaultOpen", "disabled", "onOpenChange", "collapsibleProps", "prop", "defaultProp", "onChange", "setOpen", "scope", "contentId", "useId", "onOpenToggle", "useCallback", "prevOpen", "data-state", "getState", "data-disabled", "undefined", "ref", "displayName", "TRIGGER_NAME", "CollapsibleTriggerFrame", "name", "tag", "CollapsibleTrigger", "styleable", "children", "triggerProps", "context", "aria-controls", "aria-expanded", "onPress", "CONTENT_NAME", "CollapsibleContentFrame", "CollapsibleContent", "forceMount", "contentProps", "Collapsible", "Trigger", "Content"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/collapsible",
|
|
3
|
-
"version": "1.89.
|
|
3
|
+
"version": "1.89.30",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -21,20 +21,20 @@
|
|
|
21
21
|
"clean:build": "tamagui-build clean:build"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@tamagui/animate-presence": "1.89.
|
|
25
|
-
"@tamagui/compose-refs": "1.89.
|
|
26
|
-
"@tamagui/core": "1.89.
|
|
27
|
-
"@tamagui/create-context": "1.89.
|
|
28
|
-
"@tamagui/helpers": "1.89.
|
|
29
|
-
"@tamagui/polyfill-dev": "1.89.
|
|
30
|
-
"@tamagui/stacks": "1.89.
|
|
31
|
-
"@tamagui/use-controllable-state": "1.89.
|
|
24
|
+
"@tamagui/animate-presence": "1.89.30",
|
|
25
|
+
"@tamagui/compose-refs": "1.89.30",
|
|
26
|
+
"@tamagui/core": "1.89.30",
|
|
27
|
+
"@tamagui/create-context": "1.89.30",
|
|
28
|
+
"@tamagui/helpers": "1.89.30",
|
|
29
|
+
"@tamagui/polyfill-dev": "1.89.30",
|
|
30
|
+
"@tamagui/stacks": "1.89.30",
|
|
31
|
+
"@tamagui/use-controllable-state": "1.89.30"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "*"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@tamagui/build": "1.89.
|
|
37
|
+
"@tamagui/build": "1.89.30",
|
|
38
38
|
"react": "^18.2.0"
|
|
39
39
|
},
|
|
40
40
|
"publishConfig": {
|