@tamagui/collapsible 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/Collapsible.mjs

@@ -1,101 +1,78 @@
+import { createRefComponent, createStyledHOC } from "@tamagui/core";
 import { AnimatePresence, ResetPresence } from "@tamagui/animate-presence";
 import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { View, createStyledContext, styled } from "@tamagui/web";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+
 const COLLAPSIBLE_NAME = "Collapsible";
-const {
-  Provider: CollapsibleProvider,
-  useStyledContext: useCollapsibleContext
-} = createStyledContext();
-const _Collapsible = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeCollapsible,
-    open: openProp,
-    defaultOpen,
-    disabled,
-    onOpenChange,
-    ...collapsibleProps
-  } = props;
-  const [open = false, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  return /* @__PURE__ */jsx(CollapsibleProvider, {
-    scope: __scopeCollapsible,
-    disabled,
-    contentId: React.useId(),
-    open,
-    onOpenToggle: React.useCallback(() => setOpen(prevOpen => !prevOpen), [setOpen]),
-    children: /* @__PURE__ */jsx(View, {
-      "data-state": getState(open),
-      "data-disabled": disabled ? "" : void 0,
-      ...collapsibleProps,
-      ref: forwardedRef
-    })
-  });
+const { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = createStyledContext();
+const _Collapsible = createRefComponent((props, forwardedRef) => {
+	const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
+	const [open = false, setOpen] = useControllableState({
+		prop: openProp,
+		defaultProp: defaultOpen,
+		onChange: onOpenChange
+	});
+	return /* @__PURE__ */ jsx(CollapsibleProvider, {
+		scope: __scopeCollapsible,
+		disabled,
+		contentId: React.useId(),
+		open,
+		onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+		children: /* @__PURE__ */ jsx(View, {
+			"data-state": getState(open),
+			"data-disabled": disabled ? "" : void 0,
+			...collapsibleProps,
+			ref: forwardedRef
+		})
+	});
 });
 _Collapsible.displayName = COLLAPSIBLE_NAME;
 const TRIGGER_NAME = "CollapsibleTrigger";
 const CollapsibleTriggerFrame = styled(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__ */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: composeEventHandlers(props.onPress, context.onOpenToggle),
-    children: typeof children === "function" ? children({
-      open: context.open
-    }) : children
-  });
+const CollapsibleTrigger = createStyledHOC(CollapsibleTriggerFrame, (props, forwardedRef) => {
+	const { __scopeCollapsible, children, ...triggerProps } = props;
+	const context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ 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: composeEventHandlers(props.onPress, context.onOpenToggle),
+		children: typeof children === "function" ? children({ open: context.open }) : children
+	});
 });
 CollapsibleTrigger.displayName = TRIGGER_NAME;
 const CONTENT_NAME = "CollapsibleContent";
-const CollapsibleContentFrame = styled(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__ */jsx(AnimatePresence, {
-    ...contentProps,
-    children: forceMount || context.open ? /* @__PURE__ */jsx(CollapsibleContentFrame, {
-      ref: forwardedRef,
-      ...contentProps,
-      children: /* @__PURE__ */jsx(ResetPresence, {
-        children
-      })
-    }) : null
-  });
+const CollapsibleContentFrame = styled(View, { displayName: CONTENT_NAME });
+const CollapsibleContent = createStyledHOC(CollapsibleContentFrame, (props, forwardedRef) => {
+	const { forceMount, children, __scopeCollapsible, ...contentProps } = props;
+	const context = useCollapsibleContext(__scopeCollapsible);
+	return /* @__PURE__ */ jsx(AnimatePresence, {
+		...contentProps,
+		children: forceMount || context.open ? /* @__PURE__ */ jsx(CollapsibleContentFrame, {
+			ref: forwardedRef,
+			...contentProps,
+			children: /* @__PURE__ */ jsx(ResetPresence, { children })
+		}) : null
+	});
 });
 CollapsibleContent.displayName = CONTENT_NAME;
 function getState(open) {
-  return open ? "open" : "closed";
+	return open ? "open" : "closed";
 }
 const Collapsible = withStaticProperties(_Collapsible, {
-  Trigger: CollapsibleTrigger,
-  Content: CollapsibleContent
+	Trigger: CollapsibleTrigger,
+	Content: CollapsibleContent
 });
+
 export { Collapsible, CollapsibleContent, CollapsibleContentFrame, CollapsibleTrigger, CollapsibleTriggerFrame };
 //# sourceMappingURL=Collapsible.mjs.map

package/dist/jsx/Collapsible.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatePresence","ResetPresence","composeEventHandlers","withStaticProperties","useControllableState","View","createStyledContext","styled","React","jsx","COLLAPSIBLE_NAME","Provider","CollapsibleProvider","useStyledContext","useCollapsibleContext","_Collapsible","forwardRef","props","forwardedRef","__scopeCollapsible","open","openProp","defaultOpen","disabled","onOpenChange","collapsibleProps","setOpen","prop","defaultProp","onChange","scope","contentId","useId","onOpenToggle","useCallback","prevOpen","children","getState","ref","displayName","TRIGGER_NAME","CollapsibleTriggerFrame","name","render","CollapsibleTrigger","styleable","triggerProps","context","onPress","CONTENT_NAME","CollapsibleContentFrame","CollapsibleContent","forceMount","contentProps","Collapsible","Trigger","Content"],"sources":["../../src/Collapsible.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Collapsible.js","names":[],"sources":["jsx/Collapsible.js"],"sourcesContent":["import { createStyledHOC, createRefComponent } from \"@tamagui/core\";\nimport { AnimatePresence, ResetPresence } from \"@tamagui/animate-presence\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { View, createStyledContext, styled } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst COLLAPSIBLE_NAME = \"Collapsible\";\nconst { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = createStyledContext();\nconst _Collapsible = createRefComponent(\n  (props, forwardedRef) => {\n    const {\n      __scopeCollapsible,\n      open: openProp,\n      defaultOpen,\n      disabled,\n      onOpenChange,\n      ...collapsibleProps\n    } = props;\n    const [open = false, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange\n    });\n    return /* @__PURE__ */ jsx(\n      CollapsibleProvider,\n      {\n        scope: __scopeCollapsible,\n        disabled,\n        contentId: React.useId(),\n        open,\n        onOpenToggle: React.useCallback(\n          () => setOpen((prevOpen) => !prevOpen),\n          [setOpen]\n        ),\n        children: /* @__PURE__ */ jsx(\n          View,\n          {\n            \"data-state\": getState(open),\n            \"data-disabled\": disabled ? \"\" : void 0,\n            ...collapsibleProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\n_Collapsible.displayName = COLLAPSIBLE_NAME;\nconst TRIGGER_NAME = \"CollapsibleTrigger\";\nconst CollapsibleTriggerFrame = styled(View, {\n  displayName: TRIGGER_NAME,\n  render: \"button\"\n});\nconst CollapsibleTrigger = createStyledHOC(\n  CollapsibleTriggerFrame,\n  (props, forwardedRef) => {\n    const { __scopeCollapsible, children, ...triggerProps } = props;\n    const context = useCollapsibleContext(__scopeCollapsible);\n    return /* @__PURE__ */ jsx(\n      CollapsibleTriggerFrame,\n      {\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: composeEventHandlers(props.onPress, context.onOpenToggle),\n        children: typeof children === \"function\" ? children({ open: context.open }) : children\n      }\n    );\n  }\n);\nCollapsibleTrigger.displayName = TRIGGER_NAME;\nconst CONTENT_NAME = \"CollapsibleContent\";\nconst CollapsibleContentFrame = styled(View, {\n  displayName: CONTENT_NAME\n});\nconst CollapsibleContent = createStyledHOC(\n  CollapsibleContentFrame,\n  (props, forwardedRef) => {\n    const {\n      forceMount,\n      children,\n      // @ts-expect-error\n      __scopeCollapsible,\n      ...contentProps\n    } = props;\n    const context = useCollapsibleContext(__scopeCollapsible);\n    return /* @__PURE__ */ jsx(AnimatePresence, { ...contentProps, children: forceMount || context.open ? /* @__PURE__ */ jsx(CollapsibleContentFrame, { ref: forwardedRef, ...contentProps, children: /* @__PURE__ */ jsx(ResetPresence, { children }) }) : null });\n  }\n);\nCollapsibleContent.displayName = CONTENT_NAME;\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nconst Collapsible = withStaticProperties(_Collapsible, {\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent\n});\nexport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleContentFrame,\n  CollapsibleTrigger,\n  CollapsibleTriggerFrame\n};\n//# sourceMappingURL=Collapsible.js.map\n"],"mappings":";;;;;;;;;AAOA,MAAM,mBAAmB;AACzB,MAAM,EAAE,UAAU,qBAAqB,kBAAkB,0BAA0B,oBAAoB;AACvG,MAAM,eAAe,oBAClB,OAAO,iBAAiB;CACvB,MAAM,EACJ,oBACA,MAAM,UACN,aACA,UACA,cACA,GAAG,qBACD;CACJ,MAAM,CAAC,OAAO,OAAO,WAAW,qBAAqB;EACnD,MAAM;EACN,aAAa;EACb,UAAU;CACZ,CAAC;CACD,OAAuB,oBACrB,qBACA;EACE,OAAO;EACP;EACA,WAAW,MAAM,MAAM;EACvB;EACA,cAAc,MAAM,kBACZ,SAAS,aAAa,CAAC,QAAQ,GACrC,CAAC,OAAO,CACV;EACA,UAA0B,oBACxB,MACA;GACE,cAAc,SAAS,IAAI;GAC3B,iBAAiB,WAAW,KAAK,KAAK;GACtC,GAAG;GACH,KAAK;EACP,CACF;CACF,CACF;AACF,CACF;AACA,aAAa,cAAc;AAC3B,MAAM,eAAe;AACrB,MAAM,0BAA0B,OAAO,MAAM;CAC3C,aAAa;CACb,QAAQ;AACV,CAAC;AACD,MAAM,qBAAqB,gBACzB,0BACC,OAAO,iBAAiB;CACvB,MAAM,EAAE,oBAAoB,UAAU,GAAG,iBAAiB;CAC1D,MAAM,UAAU,sBAAsB,kBAAkB;CACxD,OAAuB,oBACrB,yBACA;EACE,iBAAiB,QAAQ;EACzB,iBAAiB,QAAQ,QAAQ;EACjC,cAAc,SAAS,QAAQ,IAAI;EACnC,iBAAiB,QAAQ,WAAW,KAAK,KAAK;EAC9C,UAAU,QAAQ;EAClB,GAAG;EACH,KAAK;EACL,SAAS,qBAAqB,MAAM,SAAS,QAAQ,YAAY;EACjE,UAAU,OAAO,aAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI;CAChF,CACF;AACF,CACF;AACA,mBAAmB,cAAc;AACjC,MAAM,eAAe;AACrB,MAAM,0BAA0B,OAAO,MAAM,EAC3C,aAAa,aACf,CAAC;AACD,MAAM,qBAAqB,gBACzB,0BACC,OAAO,iBAAiB;CACvB,MAAM,EACJ,YACA,UAEA,oBACA,GAAG,iBACD;CACJ,MAAM,UAAU,sBAAsB,kBAAkB;CACxD,OAAuB,oBAAI,iBAAiB;EAAE,GAAG;EAAc,UAAU,cAAc,QAAQ,OAAuB,oBAAI,yBAAyB;GAAE,KAAK;GAAc,GAAG;GAAc,UAA0B,oBAAI,eAAe,EAAE,SAAS,CAAC;EAAE,CAAC,IAAI;CAAK,CAAC;AACjQ,CACF;AACA,mBAAmB,cAAc;AACjC,SAAS,SAAS,MAAM;CACtB,OAAO,OAAO,SAAS;AACzB;AACA,MAAM,cAAc,qBAAqB,cAAc;CACrD,SAAS;CACT,SAAS;AACX,CAAC"}

package/dist/jsx/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/jsx/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/jsx/Collapsible.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Collapsible_exports","Collapsible","CollapsibleContent","CollapsibleContentFrame","CollapsibleTrigger","CollapsibleTriggerFrame","module","exports","import_jsx_runtime","require","import_animate_presence","import_helpers","import_use_controllable_state","import_web","React","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","render","styleable","triggerProps","context","onPress","composeEventHandlers","CONTENT_NAME"],"sources":["../../src/Collapsible.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Collapsible.native.js","names":[],"sources":["jsx/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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"}

package/dist/jsx/index.js

@@ -1,2 +1 @@
-export * from "./Collapsible.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Collapsible.mjs"

package/dist/jsx/index.mjs

@@ -1,2 +1 @@
-export * from "./Collapsible.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Collapsible.mjs"

package/dist/jsx/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Collapsible.native.js"), module.exports);