@tamagui/collapsible 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/Collapsible.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,41 +6,35 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Collapsible_exports = {};
 __export(Collapsible_exports, {
-  Collapsible: () => Collapsible,
-  CollapsibleContent: () => CollapsibleContent,
-  CollapsibleContentFrame: () => CollapsibleContentFrame,
-  CollapsibleTrigger: () => CollapsibleTrigger,
-  CollapsibleTriggerFrame: () => CollapsibleTriggerFrame
+	Collapsible: () => Collapsible,
+	CollapsibleContent: () => CollapsibleContent,
+	CollapsibleContentFrame: () => CollapsibleContentFrame,
+	CollapsibleTrigger: () => CollapsibleTrigger,
+	CollapsibleTriggerFrame: () => CollapsibleTriggerFrame
 });
 module.exports = __toCommonJS(Collapsible_exports);
+var import_core = require("@tamagui/core");
 var import_animate_presence = require("@tamagui/animate-presence");
 var import_helpers = require("@tamagui/helpers");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
@@ -47,95 +42,69 @@ var import_web = require("@tamagui/web");
 var React = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 const COLLAPSIBLE_NAME = "Collapsible";
-const {
-  Provider: CollapsibleProvider,
-  useStyledContext: useCollapsibleContext
-} = (0, import_web.createStyledContext)();
-const _Collapsible = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeCollapsible,
-    open: openProp,
-    defaultOpen,
-    disabled,
-    onOpenChange,
-    ...collapsibleProps
-  } = props;
-  const [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CollapsibleProvider, {
-    scope: __scopeCollapsible,
-    disabled,
-    contentId: React.useId(),
-    open,
-    onOpenToggle: React.useCallback(() => setOpen(prevOpen => !prevOpen), [setOpen]),
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web.View, {
-      "data-state": getState(open),
-      "data-disabled": disabled ? "" : void 0,
-      ...collapsibleProps,
-      ref: forwardedRef
-    })
-  });
+const { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = (0, import_web.createStyledContext)();
+const _Collapsible = (0, import_core.createRefComponent)((props, forwardedRef) => {
+	const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
+	const [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
+		prop: openProp,
+		defaultProp: defaultOpen,
+		onChange: onOpenChange
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleProvider, {
+		scope: __scopeCollapsible,
+		disabled,
+		contentId: React.useId(),
+		open,
+		onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View, {
+			"data-state": getState(open),
+			"data-disabled": disabled ? "" : void 0,
+			...collapsibleProps,
+			ref: forwardedRef
+		})
+	});
 });
 _Collapsible.displayName = COLLAPSIBLE_NAME;
 const TRIGGER_NAME = "CollapsibleTrigger";
 const CollapsibleTriggerFrame = (0, import_web.styled)(import_web.View, {
-  name: TRIGGER_NAME,
-  render: "button"
+	displayName: TRIGGER_NAME,
+	render: "button"
 });
-const CollapsibleTrigger = CollapsibleTriggerFrame.styleable((props, forwardedRef) => {
-  const {
-    __scopeCollapsible,
-    children,
-    ...triggerProps
-  } = props;
-  const context = useCollapsibleContext(__scopeCollapsible);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CollapsibleTriggerFrame, {
-    "aria-controls": context.contentId,
-    "aria-expanded": context.open || false,
-    "data-state": getState(context.open),
-    "data-disabled": context.disabled ? "" : void 0,
-    disabled: context.disabled,
-    ...triggerProps,
-    ref: forwardedRef,
-    onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle),
-    children: typeof children === "function" ? children({
-      open: context.open
-    }) : children
-  });
+const CollapsibleTrigger = (0, import_core.createStyledHOC)(CollapsibleTriggerFrame, (props, forwardedRef) => {
+	const { __scopeCollapsible, children, ...triggerProps } = props;
+	const context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTriggerFrame, {
+		"aria-controls": context.contentId,
+		"aria-expanded": context.open || false,
+		"data-state": getState(context.open),
+		"data-disabled": context.disabled ? "" : void 0,
+		disabled: context.disabled,
+		...triggerProps,
+		ref: forwardedRef,
+		onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle),
+		children: typeof children === "function" ? children({ open: context.open }) : children
+	});
 });
 CollapsibleTrigger.displayName = TRIGGER_NAME;
 const CONTENT_NAME = "CollapsibleContent";
-const CollapsibleContentFrame = (0, import_web.styled)(import_web.View, {
-  name: CONTENT_NAME
-});
-const CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
-  const {
-    forceMount,
-    children,
-    // @ts-expect-error
-    __scopeCollapsible,
-    ...contentProps
-  } = props;
-  const context = useCollapsibleContext(__scopeCollapsible);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-    ...contentProps,
-    children: forceMount || context.open ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(CollapsibleContentFrame, {
-      ref: forwardedRef,
-      ...contentProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, {
-        children
-      })
-    }) : null
-  });
+const CollapsibleContentFrame = (0, import_web.styled)(import_web.View, { displayName: CONTENT_NAME });
+const CollapsibleContent = (0, import_core.createStyledHOC)(CollapsibleContentFrame, (props, forwardedRef) => {
+	const { forceMount, children, __scopeCollapsible, ...contentProps } = props;
+	const context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+		...contentProps,
+		children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentFrame, {
+			ref: forwardedRef,
+			...contentProps,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, { children })
+		}) : null
+	});
 });
 CollapsibleContent.displayName = CONTENT_NAME;
 function getState(open) {
-  return open ? "open" : "closed";
+	return open ? "open" : "closed";
 }
 const Collapsible = (0, import_helpers.withStaticProperties)(_Collapsible, {
-  Trigger: CollapsibleTrigger,
-  Content: CollapsibleContent
-});
+	Trigger: CollapsibleTrigger,
+	Content: CollapsibleContent
+});

package/dist/cjs/Collapsible.native.cjs

@@ -0,0 +1,116 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Collapsible_exports = {};
+__export(Collapsible_exports, {
+	Collapsible: () => Collapsible,
+	CollapsibleContent: () => CollapsibleContent,
+	CollapsibleContentFrame: () => CollapsibleContentFrame,
+	CollapsibleTrigger: () => CollapsibleTrigger,
+	CollapsibleTriggerFrame: () => CollapsibleTriggerFrame
+});
+module.exports = __toCommonJS(Collapsible_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_animate_presence = require("@tamagui/animate-presence");
+var import_helpers = require("@tamagui/helpers");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"), 1);
+var COLLAPSIBLE_NAME = "Collapsible";
+var { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = (0, import_web.createStyledContext)();
+var _Collapsible = (0, import_core.createRefComponent)(function(props, forwardedRef) {
+	var { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
+	var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
+		prop: openProp,
+		defaultProp: defaultOpen,
+		onChange: onOpenChange
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleProvider, {
+		scope: __scopeCollapsible,
+		disabled,
+		contentId: React.useId(),
+		open,
+		onOpenToggle: React.useCallback(function() {
+			return setOpen(function(prevOpen) {
+				return !prevOpen;
+			});
+		}, [setOpen]),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View, {
+			"data-state": getState(open),
+			"data-disabled": disabled ? "" : void 0,
+			...collapsibleProps,
+			ref: forwardedRef
+		})
+	});
+});
+_Collapsible.displayName = COLLAPSIBLE_NAME;
+var TRIGGER_NAME = "CollapsibleTrigger";
+var CollapsibleTriggerFrame = (0, import_web.styled)(import_web.View, {
+	displayName: TRIGGER_NAME,
+	render: "button"
+});
+var CollapsibleTrigger = (0, import_core.createStyledHOC)(CollapsibleTriggerFrame, function(props, forwardedRef) {
+	var { __scopeCollapsible, children, ...triggerProps } = props;
+	var context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTriggerFrame, {
+		"aria-controls": context.contentId,
+		"aria-expanded": context.open || false,
+		"data-state": getState(context.open),
+		"data-disabled": context.disabled ? "" : void 0,
+		disabled: context.disabled,
+		...triggerProps,
+		ref: forwardedRef,
+		onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle),
+		children: typeof children === "function" ? children({ open: context.open }) : children
+	});
+});
+CollapsibleTrigger.displayName = TRIGGER_NAME;
+var CONTENT_NAME = "CollapsibleContent";
+var CollapsibleContentFrame = (0, import_web.styled)(import_web.View, { displayName: CONTENT_NAME });
+var CollapsibleContent = (0, import_core.createStyledHOC)(CollapsibleContentFrame, function(props, forwardedRef) {
+	var { forceMount, children, __scopeCollapsible, ...contentProps } = props;
+	var context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+		...contentProps,
+		children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentFrame, {
+			ref: forwardedRef,
+			...contentProps,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, { children })
+		}) : null
+	});
+});
+CollapsibleContent.displayName = CONTENT_NAME;
+function getState(open) {
+	return open ? "open" : "closed";
+}
+var Collapsible = (0, import_helpers.withStaticProperties)(_Collapsible, {
+	Trigger: CollapsibleTrigger,
+	Content: CollapsibleContent
+});

package/dist/cjs/Collapsible.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,142 +8,111 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Collapsible_exports = {};
 __export(Collapsible_exports, {
-  Collapsible: () => Collapsible,
-  CollapsibleContent: () => CollapsibleContent,
-  CollapsibleContentFrame: () => CollapsibleContentFrame,
-  CollapsibleTrigger: () => CollapsibleTrigger,
-  CollapsibleTriggerFrame: () => CollapsibleTriggerFrame
+	Collapsible: () => Collapsible,
+	CollapsibleContent: () => CollapsibleContent,
+	CollapsibleContentFrame: () => CollapsibleContentFrame,
+	CollapsibleTrigger: () => CollapsibleTrigger,
+	CollapsibleTriggerFrame: () => CollapsibleTriggerFrame
 });
 module.exports = __toCommonJS(Collapsible_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
 var import_animate_presence = require("@tamagui/animate-presence");
 var import_helpers = require("@tamagui/helpers");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var import_web = require("@tamagui/web");
 var React = __toESM(require("react"), 1);
 var COLLAPSIBLE_NAME = "Collapsible";
-var {
-  Provider: CollapsibleProvider,
-  useStyledContext: useCollapsibleContext
-} = (0, import_web.createStyledContext)();
-var _Collapsible = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var {
-    __scopeCollapsible,
-    open: openProp,
-    defaultOpen,
-    disabled,
-    onOpenChange,
-    ...collapsibleProps
-  } = props;
-  var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CollapsibleProvider, {
-    scope: __scopeCollapsible,
-    disabled,
-    contentId: React.useId(),
-    open,
-    onOpenToggle: React.useCallback(function () {
-      return setOpen(function (prevOpen) {
-        return !prevOpen;
-      });
-    }, [setOpen]),
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web.View, {
-      "data-state": getState(open),
-      "data-disabled": disabled ? "" : void 0,
-      ...collapsibleProps,
-      ref: forwardedRef
-    })
-  });
+var { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = (0, import_web.createStyledContext)();
+var _Collapsible = (0, import_core.createRefComponent)(function(props, forwardedRef) {
+	var { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
+	var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
+		prop: openProp,
+		defaultProp: defaultOpen,
+		onChange: onOpenChange
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleProvider, {
+		scope: __scopeCollapsible,
+		disabled,
+		contentId: React.useId(),
+		open,
+		onOpenToggle: React.useCallback(function() {
+			return setOpen(function(prevOpen) {
+				return !prevOpen;
+			});
+		}, [setOpen]),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View, {
+			"data-state": getState(open),
+			"data-disabled": disabled ? "" : void 0,
+			...collapsibleProps,
+			ref: forwardedRef
+		})
+	});
 });
 _Collapsible.displayName = COLLAPSIBLE_NAME;
 var TRIGGER_NAME = "CollapsibleTrigger";
 var CollapsibleTriggerFrame = (0, import_web.styled)(import_web.View, {
-  name: TRIGGER_NAME,
-  render: "button"
+	displayName: TRIGGER_NAME,
+	render: "button"
 });
-var CollapsibleTrigger = CollapsibleTriggerFrame.styleable(function (props, forwardedRef) {
-  var {
-    __scopeCollapsible,
-    children,
-    ...triggerProps
-  } = props;
-  var context = useCollapsibleContext(__scopeCollapsible);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CollapsibleTriggerFrame, {
-    "aria-controls": context.contentId,
-    "aria-expanded": context.open || false,
-    "data-state": getState(context.open),
-    "data-disabled": context.disabled ? "" : void 0,
-    disabled: context.disabled,
-    ...triggerProps,
-    ref: forwardedRef,
-    onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle),
-    children: typeof children === "function" ? children({
-      open: context.open
-    }) : children
-  });
+var CollapsibleTrigger = (0, import_core.createStyledHOC)(CollapsibleTriggerFrame, function(props, forwardedRef) {
+	var { __scopeCollapsible, children, ...triggerProps } = props;
+	var context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTriggerFrame, {
+		"aria-controls": context.contentId,
+		"aria-expanded": context.open || false,
+		"data-state": getState(context.open),
+		"data-disabled": context.disabled ? "" : void 0,
+		disabled: context.disabled,
+		...triggerProps,
+		ref: forwardedRef,
+		onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle),
+		children: typeof children === "function" ? children({ open: context.open }) : children
+	});
 });
 CollapsibleTrigger.displayName = TRIGGER_NAME;
 var CONTENT_NAME = "CollapsibleContent";
-var CollapsibleContentFrame = (0, import_web.styled)(import_web.View, {
-  name: CONTENT_NAME
-});
-var CollapsibleContent = CollapsibleContentFrame.styleable(function (props, forwardedRef) {
-  var {
-    forceMount,
-    children,
-    // @ts-expect-error
-    __scopeCollapsible,
-    ...contentProps
-  } = props;
-  var context = useCollapsibleContext(__scopeCollapsible);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-    ...contentProps,
-    children: forceMount || context.open ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(CollapsibleContentFrame, {
-      ref: forwardedRef,
-      ...contentProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, {
-        children
-      })
-    }) : null
-  });
+var CollapsibleContentFrame = (0, import_web.styled)(import_web.View, { displayName: CONTENT_NAME });
+var CollapsibleContent = (0, import_core.createStyledHOC)(CollapsibleContentFrame, function(props, forwardedRef) {
+	var { forceMount, children, __scopeCollapsible, ...contentProps } = props;
+	var context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+		...contentProps,
+		children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentFrame, {
+			ref: forwardedRef,
+			...contentProps,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, { children })
+		}) : null
+	});
 });
 CollapsibleContent.displayName = CONTENT_NAME;
 function getState(open) {
-  return open ? "open" : "closed";
+	return open ? "open" : "closed";
 }
 var Collapsible = (0, import_helpers.withStaticProperties)(_Collapsible, {
-  Trigger: CollapsibleTrigger,
-  Content: CollapsibleContent
+	Trigger: CollapsibleTrigger,
+	Content: CollapsibleContent
 });
+
 //# sourceMappingURL=Collapsible.native.js.map

package/dist/cjs/Collapsible.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Collapsible_exports","__export","Collapsible","CollapsibleContent","CollapsibleContentFrame","CollapsibleTrigger","CollapsibleTriggerFrame","module","exports","import_jsx_runtime","require","import_animate_presence","import_helpers","import_use_controllable_state","import_web","React","__toESM","COLLAPSIBLE_NAME","Provider","CollapsibleProvider","useStyledContext","useCollapsibleContext","createStyledContext","_Collapsible","forwardRef","props","forwardedRef","__scopeCollapsible","open","openProp","defaultOpen","disabled","onOpenChange","collapsibleProps","setOpen","useControllableState","prop","defaultProp","onChange","jsx","scope","contentId","useId","onOpenToggle","useCallback","prevOpen","children","View","getState","ref","displayName","TRIGGER_NAME","styled","name","render","styleable","triggerProps","context","onPress","composeEventHandlers","CONTENT_NAME","forceMount","contentProps","AnimatePresence","ResetPresence","withStaticProperties","Trigger","Content"],"sources":["../../src/Collapsible.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Collapsible.native.js","names":[],"sources":["cjs/Collapsible.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Collapsible_exports = {};\n__export(Collapsible_exports, {\n  Collapsible: () => Collapsible,\n  CollapsibleContent: () => CollapsibleContent,\n  CollapsibleContentFrame: () => CollapsibleContentFrame,\n  CollapsibleTrigger: () => CollapsibleTrigger,\n  CollapsibleTriggerFrame: () => CollapsibleTriggerFrame\n});\nmodule.exports = __toCommonJS(Collapsible_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_animate_presence = require(\"@tamagui/animate-presence\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_web = require(\"@tamagui/web\");\nvar React = __toESM(require(\"react\"), 1);\nvar COLLAPSIBLE_NAME = \"Collapsible\";\nvar { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = (0, import_web.createStyledContext)();\nvar _Collapsible = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n  var { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;\n  var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleProvider, {\n    scope: __scopeCollapsible,\n    disabled,\n    contentId: React.useId(),\n    open,\n    onOpenToggle: React.useCallback(function() {\n      return setOpen(function(prevOpen) {\n        return !prevOpen;\n      });\n    }, [\n      setOpen\n    ]),\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View, {\n      \"data-state\": getState(open),\n      \"data-disabled\": disabled ? \"\" : void 0,\n      ...collapsibleProps,\n      ref: forwardedRef\n    })\n  });\n});\n_Collapsible.displayName = COLLAPSIBLE_NAME;\nvar TRIGGER_NAME = \"CollapsibleTrigger\";\nvar CollapsibleTriggerFrame = (0, import_web.styled)(import_web.View, {\n  displayName: TRIGGER_NAME,\n  render: \"button\"\n});\nvar CollapsibleTrigger = (0, import_core.createStyledHOC)(CollapsibleTriggerFrame, function(props, forwardedRef) {\n  var { __scopeCollapsible, children, ...triggerProps } = props;\n  var context = useCollapsibleContext(__scopeCollapsible);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTriggerFrame, {\n    \"aria-controls\": context.contentId,\n    \"aria-expanded\": context.open || false,\n    \"data-state\": getState(context.open),\n    \"data-disabled\": context.disabled ? \"\" : void 0,\n    disabled: context.disabled,\n    ...triggerProps,\n    ref: forwardedRef,\n    onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle),\n    children: typeof children === \"function\" ? children({\n      open: context.open\n    }) : children\n  });\n});\nCollapsibleTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"CollapsibleContent\";\nvar CollapsibleContentFrame = (0, import_web.styled)(import_web.View, {\n  displayName: CONTENT_NAME\n});\nvar CollapsibleContent = (0, import_core.createStyledHOC)(CollapsibleContentFrame, function(props, forwardedRef) {\n  var {\n    forceMount,\n    children,\n    // @ts-expect-error\n    __scopeCollapsible,\n    ...contentProps\n  } = props;\n  var context = useCollapsibleContext(__scopeCollapsible);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {\n    ...contentProps,\n    children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentFrame, {\n      ref: forwardedRef,\n      ...contentProps,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, {\n        children\n      })\n    }) : null\n  });\n});\nCollapsibleContent.displayName = CONTENT_NAME;\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nvar Collapsible = (0, import_helpers.withStaticProperties)(_Collapsible, {\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent\n});\n//# sourceMappingURL=Collapsible.js.map\n"],"mappings":"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"}