@tamagui/collapsible 1.14.1 → 1.14.3

package/dist/cjs/Collapsible.js

@@ -1,2 +1,29 @@
-"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(o,l)=>{for(var p in l)s(o,p,{get:l[p],enumerable:!0})},n=(o,l,p,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let e of b(l))!c.call(o,e)&&e!==p&&s(o,e,{get:()=>l[e],enumerable:!(t=a(l,e))||t.enumerable});return o};var r=o=>n(s({},"__esModule",{value:!0}),o);var C={};i(C,{Collapsible:()=>x});module.exports=r(C);const x={};0&&(module.exports={Collapsible});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Collapsible_exports = {};
+__export(Collapsible_exports, {
+  Collapsible: () => Collapsible
+});
+module.exports = __toCommonJS(Collapsible_exports);
+const Collapsible = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Collapsible
+});
 //# sourceMappingURL=Collapsible.js.map

package/dist/cjs/Collapsible.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Collapsible.tsx"],
   "sourcesContent": ["export const Collapsible = {}\n\n// import { useComposedRefs } from '@tamagui/compose-refs'\n// import { Stack, StackProps, TamaguiElement, composeEventHandlers, useId } from '@tamagui/core'\n// import type { Scope } from '@tamagui/create-context'\n// import { createContextScope } from '@tamagui/create-context'\n// // import { Presence } from '@tamagui/react-presence'\n// import { useControllableState } from '@tamagui/use-controllable-state'\n// import * as React from 'react'\n\n// /* -------------------------------------------------------------------------------------------------\n//  * Collapsible\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const COLLAPSIBLE_NAME = 'Collapsible'\n\n// type ScopedProps<P> = P & { __scopeCollapsible?: Scope }\n// const [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)\n\n// type CollapsibleContextValue = {\n//   contentId: string\n//   disabled?: boolean\n//   open: boolean\n//   onOpenToggle(): void\n// }\n\n// const [CollapsibleProvider, useCollapsibleContext] =\n//   createCollapsibleContext<CollapsibleContextValue>(COLLAPSIBLE_NAME)\n\n// type CollapsibleElement = TamaguiElement\n// interface CollapsibleProps extends StackProps {\n//   defaultOpen?: boolean\n//   open?: boolean\n//   disabled?: boolean\n//   onOpenChange?(open: boolean): void\n// }\n\n// const Collapsible = React.forwardRef<CollapsibleElement, CollapsibleProps>(\n//   (props: ScopedProps<CollapsibleProps>, forwardedRef) => {\n//     const {\n//       __scopeCollapsible,\n//       open: openProp,\n//       defaultOpen,\n//       disabled,\n//       onOpenChange,\n//       ...collapsibleProps\n//     } = props\n\n//     const [open, setOpen] = useControllableState({\n//       prop: openProp,\n//       defaultProp: defaultOpen || false,\n//       onChange: onOpenChange,\n//     })\n\n//     return (\n//       <CollapsibleProvider\n//         scope={__scopeCollapsible}\n//         disabled={disabled}\n//         contentId={useId() || ''}\n//         open={open}\n//         onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n//       >\n//         <Stack\n//           data-state={getState(open)}\n//           data-disabled={disabled ? '' : undefined}\n//           {...collapsibleProps}\n//           ref={forwardedRef}\n//         />\n//       </CollapsibleProvider>\n//     )\n//   }\n// )\n\n// Collapsible.displayName = COLLAPSIBLE_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleTrigger\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const TRIGGER_NAME = 'CollapsibleTrigger'\n\n// type CollapsibleTriggerElement = TamaguiElement\n// interface CollapsibleTriggerProps extends StackProps {}\n\n// const CollapsibleTrigger = React.forwardRef<CollapsibleTriggerElement, CollapsibleTriggerProps>(\n//   (props: ScopedProps<CollapsibleTriggerProps>, forwardedRef) => {\n//     const { __scopeCollapsible, ...triggerProps } = props\n//     const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible)\n//     return (\n//       <Stack\n//         type=\"button\"\n//         aria-controls={context.contentId}\n//         aria-expanded={context.open || false}\n//         data-state={getState(context.open)}\n//         data-disabled={context.disabled ? '' : undefined}\n//         disabled={context.disabled}\n//         {...triggerProps}\n//         ref={forwardedRef}\n//         //\n//         // onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}\n//       />\n//     )\n//   }\n// )\n\n// CollapsibleTrigger.displayName = TRIGGER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleContent\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const CONTENT_NAME = 'CollapsibleContent'\n\n// type CollapsibleContentElement = CollapsibleContentImplElement\n// interface CollapsibleContentProps extends Omit<CollapsibleContentImplProps, 'present'> {\n//   /**\n//    * Used to force mounting when more control is needed. Useful when\n//    * controlling animation with React animation libraries.\n//    */\n//   forceMount?: true\n// }\n\n// const CollapsibleContent = React.forwardRef<CollapsibleContentElement, CollapsibleContentProps>(\n//   (props: ScopedProps<CollapsibleContentProps>, forwardedRef) => {\n//     const { forceMount, ...contentProps } = props\n//     const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible)\n//     return (\n//       // <Presence present={forceMount || context.open}>\n//       <>\n//         {({ present }) => (\n//           <CollapsibleContentImpl {...contentProps} ref={forwardedRef} present={present} />\n//         )}\n//       </>\n//       // </Presence>\n//     )\n//   }\n// )\n\n// CollapsibleContent.displayName = CONTENT_NAME\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type CollapsibleContentImplElement = TamaguiElement\n// interface CollapsibleContentImplProps extends StackProps {\n//   present: boolean\n// }\n\n// const CollapsibleContentImpl = React.forwardRef<\n//   CollapsibleContentImplElement,\n//   CollapsibleContentImplProps\n// >((props: ScopedProps<CollapsibleContentImplProps>, forwardedRef) => {\n//   const { __scopeCollapsible, present, children, ...contentProps } = props\n//   const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible)\n//   const [isPresent, setIsPresent] = React.useState(present)\n//   const ref = React.useRef<CollapsibleContentImplElement>(null)\n//   const composedRefs = useComposedRefs(forwardedRef, ref)\n//   const heightRef = React.useRef<number | undefined>(0)\n//   const height = heightRef.current\n//   const widthRef = React.useRef<number | undefined>(0)\n//   const width = widthRef.current\n//   // when opening we want it to immediately open to retrieve dimensions\n//   // when closing we delay `present` to retrieve dimensions before closing\n//   const isOpen = context.open || isPresent\n//   const isMountAnimationPreventedRef = React.useRef(isOpen)\n//   const originalStylesRef = React.useRef<Record<string, string>>()\n\n//   React.useEffect(() => {\n//     const rAF = requestAnimationFrame(() => (isMountAnimationPreventedRef.current = false))\n//     return () => cancelAnimationFrame(rAF)\n//   }, [])\n\n//   // useIsomorphicLayoutEffect(() => {\n//   //   const node = ref.current\n//   //   if (node) {\n//   //     originalStylesRef.current = originalStylesRef.current || {\n//   //       transitionDuration: node.style.transitionDuration,\n//   //       animationDuration: node.style.animationDuration,\n//   //       animationFillMode: node.style.animationFillMode,\n//   //     }\n//   //     // block any animations/transitions so the element renders at its full dimensions\n//   //     node.style.transitionDuration = '0s'\n//   //     node.style.animationDuration = '0s'\n//   //     node.style.animationFillMode = 'none'\n\n//   //     // get width and height from full dimensions\n//   //     const rect = node.getBoundingClientRect()\n//   //     heightRef.current = rect.height\n//   //     widthRef.current = rect.width\n\n//   //     // kick off any animations/transitions that were originally set up if it isn't the initial mount\n//   //     if (!isMountAnimationPreventedRef.current) {\n//   //       node.style.transitionDuration = originalStylesRef.current.transitionDuration\n//   //       node.style.animationDuration = originalStylesRef.current.animationDuration\n//   //       node.style.animationFillMode = originalStylesRef.current.animationFillMode\n//   //     }\n\n//   //     setIsPresent(present)\n//   //   }\n//   //   /**\n//   //    * depends on `context.open` because it will change to `false`\n//   //    * when a close is triggered but `present` will be `false` on\n//   //    * animation end (so when close finishes). This allows us to\n//   //    * retrieve the dimensions *before* closing.\n//   //    */\n//   // }, [context.open, present])\n\n//   return (\n//     <Stack\n//       data-state={getState(context.open)}\n//       data-disabled={context.disabled ? '' : undefined}\n//       id={context.contentId}\n//       hidden={!isOpen}\n//       {...contentProps}\n//       // @ts-expect-error\n//       ref={composedRefs}\n//       // style={{\n//       //   [`--radix-collapsible-content-height` as any]: height ? `${height}px` : undefined,\n//       //   [`--radix-collapsible-content-width` as any]: width ? `${width}px` : undefined,\n//       //   ...props.style,\n//       // }}\n//     >\n//       {isOpen && children}\n//     </Stack>\n//   )\n// })\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// function getState(open?: boolean) {\n//   return open ? 'open' : 'closed'\n// }\n\n// const Root = Collapsible\n// const Trigger = CollapsibleTrigger\n// const Content = CollapsibleContent\n\n// export {\n//   createCollapsibleScope,\n//   //\n//   Collapsible,\n//   CollapsibleTrigger,\n//   CollapsibleContent,\n//   //\n//   Root,\n//   Trigger,\n//   Content,\n// }\n// export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps }\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAAO,MAAME,EAAc,CAAC",
-  "names": ["Collapsible_exports", "__export", "Collapsible", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,cAAc,CAAC;",
+  "names": []
 }

package/dist/cjs/index.js

@@ -1,2 +1,19 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Collapsible"),module.exports);
+"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 src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Collapsible"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Collapsible'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,yBAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
+  "names": []
 }

package/dist/esm/Collapsible.js

@@ -1,2 +1,5 @@
-const l={};export{l as Collapsible};
+const Collapsible = {};
+export {
+  Collapsible
+};
 //# sourceMappingURL=Collapsible.js.map

package/dist/esm/Collapsible.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Collapsible.tsx"],
   "sourcesContent": ["export const Collapsible = {}\n\n// import { useComposedRefs } from '@tamagui/compose-refs'\n// import { Stack, StackProps, TamaguiElement, composeEventHandlers, useId } from '@tamagui/core'\n// import type { Scope } from '@tamagui/create-context'\n// import { createContextScope } from '@tamagui/create-context'\n// // import { Presence } from '@tamagui/react-presence'\n// import { useControllableState } from '@tamagui/use-controllable-state'\n// import * as React from 'react'\n\n// /* -------------------------------------------------------------------------------------------------\n//  * Collapsible\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const COLLAPSIBLE_NAME = 'Collapsible'\n\n// type ScopedProps<P> = P & { __scopeCollapsible?: Scope }\n// const [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)\n\n// type CollapsibleContextValue = {\n//   contentId: string\n//   disabled?: boolean\n//   open: boolean\n//   onOpenToggle(): void\n// }\n\n// const [CollapsibleProvider, useCollapsibleContext] =\n//   createCollapsibleContext<CollapsibleContextValue>(COLLAPSIBLE_NAME)\n\n// type CollapsibleElement = TamaguiElement\n// interface CollapsibleProps extends StackProps {\n//   defaultOpen?: boolean\n//   open?: boolean\n//   disabled?: boolean\n//   onOpenChange?(open: boolean): void\n// }\n\n// const Collapsible = React.forwardRef<CollapsibleElement, CollapsibleProps>(\n//   (props: ScopedProps<CollapsibleProps>, forwardedRef) => {\n//     const {\n//       __scopeCollapsible,\n//       open: openProp,\n//       defaultOpen,\n//       disabled,\n//       onOpenChange,\n//       ...collapsibleProps\n//     } = props\n\n//     const [open, setOpen] = useControllableState({\n//       prop: openProp,\n//       defaultProp: defaultOpen || false,\n//       onChange: onOpenChange,\n//     })\n\n//     return (\n//       <CollapsibleProvider\n//         scope={__scopeCollapsible}\n//         disabled={disabled}\n//         contentId={useId() || ''}\n//         open={open}\n//         onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n//       >\n//         <Stack\n//           data-state={getState(open)}\n//           data-disabled={disabled ? '' : undefined}\n//           {...collapsibleProps}\n//           ref={forwardedRef}\n//         />\n//       </CollapsibleProvider>\n//     )\n//   }\n// )\n\n// Collapsible.displayName = COLLAPSIBLE_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleTrigger\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const TRIGGER_NAME = 'CollapsibleTrigger'\n\n// type CollapsibleTriggerElement = TamaguiElement\n// interface CollapsibleTriggerProps extends StackProps {}\n\n// const CollapsibleTrigger = React.forwardRef<CollapsibleTriggerElement, CollapsibleTriggerProps>(\n//   (props: ScopedProps<CollapsibleTriggerProps>, forwardedRef) => {\n//     const { __scopeCollapsible, ...triggerProps } = props\n//     const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible)\n//     return (\n//       <Stack\n//         type=\"button\"\n//         aria-controls={context.contentId}\n//         aria-expanded={context.open || false}\n//         data-state={getState(context.open)}\n//         data-disabled={context.disabled ? '' : undefined}\n//         disabled={context.disabled}\n//         {...triggerProps}\n//         ref={forwardedRef}\n//         //\n//         // onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}\n//       />\n//     )\n//   }\n// )\n\n// CollapsibleTrigger.displayName = TRIGGER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleContent\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const CONTENT_NAME = 'CollapsibleContent'\n\n// type CollapsibleContentElement = CollapsibleContentImplElement\n// interface CollapsibleContentProps extends Omit<CollapsibleContentImplProps, 'present'> {\n//   /**\n//    * Used to force mounting when more control is needed. Useful when\n//    * controlling animation with React animation libraries.\n//    */\n//   forceMount?: true\n// }\n\n// const CollapsibleContent = React.forwardRef<CollapsibleContentElement, CollapsibleContentProps>(\n//   (props: ScopedProps<CollapsibleContentProps>, forwardedRef) => {\n//     const { forceMount, ...contentProps } = props\n//     const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible)\n//     return (\n//       // <Presence present={forceMount || context.open}>\n//       <>\n//         {({ present }) => (\n//           <CollapsibleContentImpl {...contentProps} ref={forwardedRef} present={present} />\n//         )}\n//       </>\n//       // </Presence>\n//     )\n//   }\n// )\n\n// CollapsibleContent.displayName = CONTENT_NAME\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type CollapsibleContentImplElement = TamaguiElement\n// interface CollapsibleContentImplProps extends StackProps {\n//   present: boolean\n// }\n\n// const CollapsibleContentImpl = React.forwardRef<\n//   CollapsibleContentImplElement,\n//   CollapsibleContentImplProps\n// >((props: ScopedProps<CollapsibleContentImplProps>, forwardedRef) => {\n//   const { __scopeCollapsible, present, children, ...contentProps } = props\n//   const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible)\n//   const [isPresent, setIsPresent] = React.useState(present)\n//   const ref = React.useRef<CollapsibleContentImplElement>(null)\n//   const composedRefs = useComposedRefs(forwardedRef, ref)\n//   const heightRef = React.useRef<number | undefined>(0)\n//   const height = heightRef.current\n//   const widthRef = React.useRef<number | undefined>(0)\n//   const width = widthRef.current\n//   // when opening we want it to immediately open to retrieve dimensions\n//   // when closing we delay `present` to retrieve dimensions before closing\n//   const isOpen = context.open || isPresent\n//   const isMountAnimationPreventedRef = React.useRef(isOpen)\n//   const originalStylesRef = React.useRef<Record<string, string>>()\n\n//   React.useEffect(() => {\n//     const rAF = requestAnimationFrame(() => (isMountAnimationPreventedRef.current = false))\n//     return () => cancelAnimationFrame(rAF)\n//   }, [])\n\n//   // useIsomorphicLayoutEffect(() => {\n//   //   const node = ref.current\n//   //   if (node) {\n//   //     originalStylesRef.current = originalStylesRef.current || {\n//   //       transitionDuration: node.style.transitionDuration,\n//   //       animationDuration: node.style.animationDuration,\n//   //       animationFillMode: node.style.animationFillMode,\n//   //     }\n//   //     // block any animations/transitions so the element renders at its full dimensions\n//   //     node.style.transitionDuration = '0s'\n//   //     node.style.animationDuration = '0s'\n//   //     node.style.animationFillMode = 'none'\n\n//   //     // get width and height from full dimensions\n//   //     const rect = node.getBoundingClientRect()\n//   //     heightRef.current = rect.height\n//   //     widthRef.current = rect.width\n\n//   //     // kick off any animations/transitions that were originally set up if it isn't the initial mount\n//   //     if (!isMountAnimationPreventedRef.current) {\n//   //       node.style.transitionDuration = originalStylesRef.current.transitionDuration\n//   //       node.style.animationDuration = originalStylesRef.current.animationDuration\n//   //       node.style.animationFillMode = originalStylesRef.current.animationFillMode\n//   //     }\n\n//   //     setIsPresent(present)\n//   //   }\n//   //   /**\n//   //    * depends on `context.open` because it will change to `false`\n//   //    * when a close is triggered but `present` will be `false` on\n//   //    * animation end (so when close finishes). This allows us to\n//   //    * retrieve the dimensions *before* closing.\n//   //    */\n//   // }, [context.open, present])\n\n//   return (\n//     <Stack\n//       data-state={getState(context.open)}\n//       data-disabled={context.disabled ? '' : undefined}\n//       id={context.contentId}\n//       hidden={!isOpen}\n//       {...contentProps}\n//       // @ts-expect-error\n//       ref={composedRefs}\n//       // style={{\n//       //   [`--radix-collapsible-content-height` as any]: height ? `${height}px` : undefined,\n//       //   [`--radix-collapsible-content-width` as any]: width ? `${width}px` : undefined,\n//       //   ...props.style,\n//       // }}\n//     >\n//       {isOpen && children}\n//     </Stack>\n//   )\n// })\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// function getState(open?: boolean) {\n//   return open ? 'open' : 'closed'\n// }\n\n// const Root = Collapsible\n// const Trigger = CollapsibleTrigger\n// const Content = CollapsibleContent\n\n// export {\n//   createCollapsibleScope,\n//   //\n//   Collapsible,\n//   CollapsibleTrigger,\n//   CollapsibleContent,\n//   //\n//   Root,\n//   Trigger,\n//   Content,\n// }\n// export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps }\n"],
-  "mappings": "AAAO,MAAMA,EAAc,CAAC",
-  "names": ["Collapsible"]
+  "mappings": "AAAO,MAAM,cAAc,CAAC;",
+  "names": []
 }

package/dist/esm/Collapsible.mjs

@@ -1,2 +1,5 @@
-const l={};export{l as Collapsible};
+const Collapsible = {};
+export {
+  Collapsible
+};
 //# sourceMappingURL=Collapsible.mjs.map

package/dist/esm/Collapsible.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Collapsible.tsx"],
   "sourcesContent": ["export const Collapsible = {}\n\n// import { useComposedRefs } from '@tamagui/compose-refs'\n// import { Stack, StackProps, TamaguiElement, composeEventHandlers, useId } from '@tamagui/core'\n// import type { Scope } from '@tamagui/create-context'\n// import { createContextScope } from '@tamagui/create-context'\n// // import { Presence } from '@tamagui/react-presence'\n// import { useControllableState } from '@tamagui/use-controllable-state'\n// import * as React from 'react'\n\n// /* -------------------------------------------------------------------------------------------------\n//  * Collapsible\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const COLLAPSIBLE_NAME = 'Collapsible'\n\n// type ScopedProps<P> = P & { __scopeCollapsible?: Scope }\n// const [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)\n\n// type CollapsibleContextValue = {\n//   contentId: string\n//   disabled?: boolean\n//   open: boolean\n//   onOpenToggle(): void\n// }\n\n// const [CollapsibleProvider, useCollapsibleContext] =\n//   createCollapsibleContext<CollapsibleContextValue>(COLLAPSIBLE_NAME)\n\n// type CollapsibleElement = TamaguiElement\n// interface CollapsibleProps extends StackProps {\n//   defaultOpen?: boolean\n//   open?: boolean\n//   disabled?: boolean\n//   onOpenChange?(open: boolean): void\n// }\n\n// const Collapsible = React.forwardRef<CollapsibleElement, CollapsibleProps>(\n//   (props: ScopedProps<CollapsibleProps>, forwardedRef) => {\n//     const {\n//       __scopeCollapsible,\n//       open: openProp,\n//       defaultOpen,\n//       disabled,\n//       onOpenChange,\n//       ...collapsibleProps\n//     } = props\n\n//     const [open, setOpen] = useControllableState({\n//       prop: openProp,\n//       defaultProp: defaultOpen || false,\n//       onChange: onOpenChange,\n//     })\n\n//     return (\n//       <CollapsibleProvider\n//         scope={__scopeCollapsible}\n//         disabled={disabled}\n//         contentId={useId() || ''}\n//         open={open}\n//         onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n//       >\n//         <Stack\n//           data-state={getState(open)}\n//           data-disabled={disabled ? '' : undefined}\n//           {...collapsibleProps}\n//           ref={forwardedRef}\n//         />\n//       </CollapsibleProvider>\n//     )\n//   }\n// )\n\n// Collapsible.displayName = COLLAPSIBLE_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleTrigger\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const TRIGGER_NAME = 'CollapsibleTrigger'\n\n// type CollapsibleTriggerElement = TamaguiElement\n// interface CollapsibleTriggerProps extends StackProps {}\n\n// const CollapsibleTrigger = React.forwardRef<CollapsibleTriggerElement, CollapsibleTriggerProps>(\n//   (props: ScopedProps<CollapsibleTriggerProps>, forwardedRef) => {\n//     const { __scopeCollapsible, ...triggerProps } = props\n//     const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible)\n//     return (\n//       <Stack\n//         type=\"button\"\n//         aria-controls={context.contentId}\n//         aria-expanded={context.open || false}\n//         data-state={getState(context.open)}\n//         data-disabled={context.disabled ? '' : undefined}\n//         disabled={context.disabled}\n//         {...triggerProps}\n//         ref={forwardedRef}\n//         //\n//         // onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}\n//       />\n//     )\n//   }\n// )\n\n// CollapsibleTrigger.displayName = TRIGGER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleContent\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const CONTENT_NAME = 'CollapsibleContent'\n\n// type CollapsibleContentElement = CollapsibleContentImplElement\n// interface CollapsibleContentProps extends Omit<CollapsibleContentImplProps, 'present'> {\n//   /**\n//    * Used to force mounting when more control is needed. Useful when\n//    * controlling animation with React animation libraries.\n//    */\n//   forceMount?: true\n// }\n\n// const CollapsibleContent = React.forwardRef<CollapsibleContentElement, CollapsibleContentProps>(\n//   (props: ScopedProps<CollapsibleContentProps>, forwardedRef) => {\n//     const { forceMount, ...contentProps } = props\n//     const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible)\n//     return (\n//       // <Presence present={forceMount || context.open}>\n//       <>\n//         {({ present }) => (\n//           <CollapsibleContentImpl {...contentProps} ref={forwardedRef} present={present} />\n//         )}\n//       </>\n//       // </Presence>\n//     )\n//   }\n// )\n\n// CollapsibleContent.displayName = CONTENT_NAME\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type CollapsibleContentImplElement = TamaguiElement\n// interface CollapsibleContentImplProps extends StackProps {\n//   present: boolean\n// }\n\n// const CollapsibleContentImpl = React.forwardRef<\n//   CollapsibleContentImplElement,\n//   CollapsibleContentImplProps\n// >((props: ScopedProps<CollapsibleContentImplProps>, forwardedRef) => {\n//   const { __scopeCollapsible, present, children, ...contentProps } = props\n//   const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible)\n//   const [isPresent, setIsPresent] = React.useState(present)\n//   const ref = React.useRef<CollapsibleContentImplElement>(null)\n//   const composedRefs = useComposedRefs(forwardedRef, ref)\n//   const heightRef = React.useRef<number | undefined>(0)\n//   const height = heightRef.current\n//   const widthRef = React.useRef<number | undefined>(0)\n//   const width = widthRef.current\n//   // when opening we want it to immediately open to retrieve dimensions\n//   // when closing we delay `present` to retrieve dimensions before closing\n//   const isOpen = context.open || isPresent\n//   const isMountAnimationPreventedRef = React.useRef(isOpen)\n//   const originalStylesRef = React.useRef<Record<string, string>>()\n\n//   React.useEffect(() => {\n//     const rAF = requestAnimationFrame(() => (isMountAnimationPreventedRef.current = false))\n//     return () => cancelAnimationFrame(rAF)\n//   }, [])\n\n//   // useIsomorphicLayoutEffect(() => {\n//   //   const node = ref.current\n//   //   if (node) {\n//   //     originalStylesRef.current = originalStylesRef.current || {\n//   //       transitionDuration: node.style.transitionDuration,\n//   //       animationDuration: node.style.animationDuration,\n//   //       animationFillMode: node.style.animationFillMode,\n//   //     }\n//   //     // block any animations/transitions so the element renders at its full dimensions\n//   //     node.style.transitionDuration = '0s'\n//   //     node.style.animationDuration = '0s'\n//   //     node.style.animationFillMode = 'none'\n\n//   //     // get width and height from full dimensions\n//   //     const rect = node.getBoundingClientRect()\n//   //     heightRef.current = rect.height\n//   //     widthRef.current = rect.width\n\n//   //     // kick off any animations/transitions that were originally set up if it isn't the initial mount\n//   //     if (!isMountAnimationPreventedRef.current) {\n//   //       node.style.transitionDuration = originalStylesRef.current.transitionDuration\n//   //       node.style.animationDuration = originalStylesRef.current.animationDuration\n//   //       node.style.animationFillMode = originalStylesRef.current.animationFillMode\n//   //     }\n\n//   //     setIsPresent(present)\n//   //   }\n//   //   /**\n//   //    * depends on `context.open` because it will change to `false`\n//   //    * when a close is triggered but `present` will be `false` on\n//   //    * animation end (so when close finishes). This allows us to\n//   //    * retrieve the dimensions *before* closing.\n//   //    */\n//   // }, [context.open, present])\n\n//   return (\n//     <Stack\n//       data-state={getState(context.open)}\n//       data-disabled={context.disabled ? '' : undefined}\n//       id={context.contentId}\n//       hidden={!isOpen}\n//       {...contentProps}\n//       // @ts-expect-error\n//       ref={composedRefs}\n//       // style={{\n//       //   [`--radix-collapsible-content-height` as any]: height ? `${height}px` : undefined,\n//       //   [`--radix-collapsible-content-width` as any]: width ? `${width}px` : undefined,\n//       //   ...props.style,\n//       // }}\n//     >\n//       {isOpen && children}\n//     </Stack>\n//   )\n// })\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// function getState(open?: boolean) {\n//   return open ? 'open' : 'closed'\n// }\n\n// const Root = Collapsible\n// const Trigger = CollapsibleTrigger\n// const Content = CollapsibleContent\n\n// export {\n//   createCollapsibleScope,\n//   //\n//   Collapsible,\n//   CollapsibleTrigger,\n//   CollapsibleContent,\n//   //\n//   Root,\n//   Trigger,\n//   Content,\n// }\n// export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps }\n"],
-  "mappings": "AAAO,MAAMA,EAAc,CAAC",
-  "names": ["Collapsible"]
+  "mappings": "AAAO,MAAM,cAAc,CAAC;",
+  "names": []
 }

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Collapsible'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Collapsible'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/Collapsible.js

@@ -1,2 +1,5 @@
-const l={};export{l as Collapsible};
+const Collapsible = {};
+export {
+  Collapsible
+};
 //# sourceMappingURL=Collapsible.js.map

package/dist/jsx/Collapsible.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Collapsible.tsx"],
   "sourcesContent": ["export const Collapsible = {}\n\n// import { useComposedRefs } from '@tamagui/compose-refs'\n// import { Stack, StackProps, TamaguiElement, composeEventHandlers, useId } from '@tamagui/core'\n// import type { Scope } from '@tamagui/create-context'\n// import { createContextScope } from '@tamagui/create-context'\n// // import { Presence } from '@tamagui/react-presence'\n// import { useControllableState } from '@tamagui/use-controllable-state'\n// import * as React from 'react'\n\n// /* -------------------------------------------------------------------------------------------------\n//  * Collapsible\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const COLLAPSIBLE_NAME = 'Collapsible'\n\n// type ScopedProps<P> = P & { __scopeCollapsible?: Scope }\n// const [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)\n\n// type CollapsibleContextValue = {\n//   contentId: string\n//   disabled?: boolean\n//   open: boolean\n//   onOpenToggle(): void\n// }\n\n// const [CollapsibleProvider, useCollapsibleContext] =\n//   createCollapsibleContext<CollapsibleContextValue>(COLLAPSIBLE_NAME)\n\n// type CollapsibleElement = TamaguiElement\n// interface CollapsibleProps extends StackProps {\n//   defaultOpen?: boolean\n//   open?: boolean\n//   disabled?: boolean\n//   onOpenChange?(open: boolean): void\n// }\n\n// const Collapsible = React.forwardRef<CollapsibleElement, CollapsibleProps>(\n//   (props: ScopedProps<CollapsibleProps>, forwardedRef) => {\n//     const {\n//       __scopeCollapsible,\n//       open: openProp,\n//       defaultOpen,\n//       disabled,\n//       onOpenChange,\n//       ...collapsibleProps\n//     } = props\n\n//     const [open, setOpen] = useControllableState({\n//       prop: openProp,\n//       defaultProp: defaultOpen || false,\n//       onChange: onOpenChange,\n//     })\n\n//     return (\n//       <CollapsibleProvider\n//         scope={__scopeCollapsible}\n//         disabled={disabled}\n//         contentId={useId() || ''}\n//         open={open}\n//         onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n//       >\n//         <Stack\n//           data-state={getState(open)}\n//           data-disabled={disabled ? '' : undefined}\n//           {...collapsibleProps}\n//           ref={forwardedRef}\n//         />\n//       </CollapsibleProvider>\n//     )\n//   }\n// )\n\n// Collapsible.displayName = COLLAPSIBLE_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleTrigger\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const TRIGGER_NAME = 'CollapsibleTrigger'\n\n// type CollapsibleTriggerElement = TamaguiElement\n// interface CollapsibleTriggerProps extends StackProps {}\n\n// const CollapsibleTrigger = React.forwardRef<CollapsibleTriggerElement, CollapsibleTriggerProps>(\n//   (props: ScopedProps<CollapsibleTriggerProps>, forwardedRef) => {\n//     const { __scopeCollapsible, ...triggerProps } = props\n//     const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible)\n//     return (\n//       <Stack\n//         type=\"button\"\n//         aria-controls={context.contentId}\n//         aria-expanded={context.open || false}\n//         data-state={getState(context.open)}\n//         data-disabled={context.disabled ? '' : undefined}\n//         disabled={context.disabled}\n//         {...triggerProps}\n//         ref={forwardedRef}\n//         //\n//         // onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}\n//       />\n//     )\n//   }\n// )\n\n// CollapsibleTrigger.displayName = TRIGGER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleContent\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const CONTENT_NAME = 'CollapsibleContent'\n\n// type CollapsibleContentElement = CollapsibleContentImplElement\n// interface CollapsibleContentProps extends Omit<CollapsibleContentImplProps, 'present'> {\n//   /**\n//    * Used to force mounting when more control is needed. Useful when\n//    * controlling animation with React animation libraries.\n//    */\n//   forceMount?: true\n// }\n\n// const CollapsibleContent = React.forwardRef<CollapsibleContentElement, CollapsibleContentProps>(\n//   (props: ScopedProps<CollapsibleContentProps>, forwardedRef) => {\n//     const { forceMount, ...contentProps } = props\n//     const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible)\n//     return (\n//       // <Presence present={forceMount || context.open}>\n//       <>\n//         {({ present }) => (\n//           <CollapsibleContentImpl {...contentProps} ref={forwardedRef} present={present} />\n//         )}\n//       </>\n//       // </Presence>\n//     )\n//   }\n// )\n\n// CollapsibleContent.displayName = CONTENT_NAME\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type CollapsibleContentImplElement = TamaguiElement\n// interface CollapsibleContentImplProps extends StackProps {\n//   present: boolean\n// }\n\n// const CollapsibleContentImpl = React.forwardRef<\n//   CollapsibleContentImplElement,\n//   CollapsibleContentImplProps\n// >((props: ScopedProps<CollapsibleContentImplProps>, forwardedRef) => {\n//   const { __scopeCollapsible, present, children, ...contentProps } = props\n//   const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible)\n//   const [isPresent, setIsPresent] = React.useState(present)\n//   const ref = React.useRef<CollapsibleContentImplElement>(null)\n//   const composedRefs = useComposedRefs(forwardedRef, ref)\n//   const heightRef = React.useRef<number | undefined>(0)\n//   const height = heightRef.current\n//   const widthRef = React.useRef<number | undefined>(0)\n//   const width = widthRef.current\n//   // when opening we want it to immediately open to retrieve dimensions\n//   // when closing we delay `present` to retrieve dimensions before closing\n//   const isOpen = context.open || isPresent\n//   const isMountAnimationPreventedRef = React.useRef(isOpen)\n//   const originalStylesRef = React.useRef<Record<string, string>>()\n\n//   React.useEffect(() => {\n//     const rAF = requestAnimationFrame(() => (isMountAnimationPreventedRef.current = false))\n//     return () => cancelAnimationFrame(rAF)\n//   }, [])\n\n//   // useIsomorphicLayoutEffect(() => {\n//   //   const node = ref.current\n//   //   if (node) {\n//   //     originalStylesRef.current = originalStylesRef.current || {\n//   //       transitionDuration: node.style.transitionDuration,\n//   //       animationDuration: node.style.animationDuration,\n//   //       animationFillMode: node.style.animationFillMode,\n//   //     }\n//   //     // block any animations/transitions so the element renders at its full dimensions\n//   //     node.style.transitionDuration = '0s'\n//   //     node.style.animationDuration = '0s'\n//   //     node.style.animationFillMode = 'none'\n\n//   //     // get width and height from full dimensions\n//   //     const rect = node.getBoundingClientRect()\n//   //     heightRef.current = rect.height\n//   //     widthRef.current = rect.width\n\n//   //     // kick off any animations/transitions that were originally set up if it isn't the initial mount\n//   //     if (!isMountAnimationPreventedRef.current) {\n//   //       node.style.transitionDuration = originalStylesRef.current.transitionDuration\n//   //       node.style.animationDuration = originalStylesRef.current.animationDuration\n//   //       node.style.animationFillMode = originalStylesRef.current.animationFillMode\n//   //     }\n\n//   //     setIsPresent(present)\n//   //   }\n//   //   /**\n//   //    * depends on `context.open` because it will change to `false`\n//   //    * when a close is triggered but `present` will be `false` on\n//   //    * animation end (so when close finishes). This allows us to\n//   //    * retrieve the dimensions *before* closing.\n//   //    */\n//   // }, [context.open, present])\n\n//   return (\n//     <Stack\n//       data-state={getState(context.open)}\n//       data-disabled={context.disabled ? '' : undefined}\n//       id={context.contentId}\n//       hidden={!isOpen}\n//       {...contentProps}\n//       // @ts-expect-error\n//       ref={composedRefs}\n//       // style={{\n//       //   [`--radix-collapsible-content-height` as any]: height ? `${height}px` : undefined,\n//       //   [`--radix-collapsible-content-width` as any]: width ? `${width}px` : undefined,\n//       //   ...props.style,\n//       // }}\n//     >\n//       {isOpen && children}\n//     </Stack>\n//   )\n// })\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// function getState(open?: boolean) {\n//   return open ? 'open' : 'closed'\n// }\n\n// const Root = Collapsible\n// const Trigger = CollapsibleTrigger\n// const Content = CollapsibleContent\n\n// export {\n//   createCollapsibleScope,\n//   //\n//   Collapsible,\n//   CollapsibleTrigger,\n//   CollapsibleContent,\n//   //\n//   Root,\n//   Trigger,\n//   Content,\n// }\n// export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps }\n"],
-  "mappings": "AAAO,MAAMA,EAAc,CAAC",
-  "names": ["Collapsible"]
+  "mappings": "AAAO,MAAM,cAAc,CAAC;",
+  "names": []
 }

package/dist/jsx/Collapsible.mjs

@@ -1,2 +1,5 @@
-const l={};export{l as Collapsible};
+const Collapsible = {};
+export {
+  Collapsible
+};
 //# sourceMappingURL=Collapsible.mjs.map

package/dist/jsx/Collapsible.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Collapsible.tsx"],
   "sourcesContent": ["export const Collapsible = {}\n\n// import { useComposedRefs } from '@tamagui/compose-refs'\n// import { Stack, StackProps, TamaguiElement, composeEventHandlers, useId } from '@tamagui/core'\n// import type { Scope } from '@tamagui/create-context'\n// import { createContextScope } from '@tamagui/create-context'\n// // import { Presence } from '@tamagui/react-presence'\n// import { useControllableState } from '@tamagui/use-controllable-state'\n// import * as React from 'react'\n\n// /* -------------------------------------------------------------------------------------------------\n//  * Collapsible\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const COLLAPSIBLE_NAME = 'Collapsible'\n\n// type ScopedProps<P> = P & { __scopeCollapsible?: Scope }\n// const [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)\n\n// type CollapsibleContextValue = {\n//   contentId: string\n//   disabled?: boolean\n//   open: boolean\n//   onOpenToggle(): void\n// }\n\n// const [CollapsibleProvider, useCollapsibleContext] =\n//   createCollapsibleContext<CollapsibleContextValue>(COLLAPSIBLE_NAME)\n\n// type CollapsibleElement = TamaguiElement\n// interface CollapsibleProps extends StackProps {\n//   defaultOpen?: boolean\n//   open?: boolean\n//   disabled?: boolean\n//   onOpenChange?(open: boolean): void\n// }\n\n// const Collapsible = React.forwardRef<CollapsibleElement, CollapsibleProps>(\n//   (props: ScopedProps<CollapsibleProps>, forwardedRef) => {\n//     const {\n//       __scopeCollapsible,\n//       open: openProp,\n//       defaultOpen,\n//       disabled,\n//       onOpenChange,\n//       ...collapsibleProps\n//     } = props\n\n//     const [open, setOpen] = useControllableState({\n//       prop: openProp,\n//       defaultProp: defaultOpen || false,\n//       onChange: onOpenChange,\n//     })\n\n//     return (\n//       <CollapsibleProvider\n//         scope={__scopeCollapsible}\n//         disabled={disabled}\n//         contentId={useId() || ''}\n//         open={open}\n//         onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n//       >\n//         <Stack\n//           data-state={getState(open)}\n//           data-disabled={disabled ? '' : undefined}\n//           {...collapsibleProps}\n//           ref={forwardedRef}\n//         />\n//       </CollapsibleProvider>\n//     )\n//   }\n// )\n\n// Collapsible.displayName = COLLAPSIBLE_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleTrigger\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const TRIGGER_NAME = 'CollapsibleTrigger'\n\n// type CollapsibleTriggerElement = TamaguiElement\n// interface CollapsibleTriggerProps extends StackProps {}\n\n// const CollapsibleTrigger = React.forwardRef<CollapsibleTriggerElement, CollapsibleTriggerProps>(\n//   (props: ScopedProps<CollapsibleTriggerProps>, forwardedRef) => {\n//     const { __scopeCollapsible, ...triggerProps } = props\n//     const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible)\n//     return (\n//       <Stack\n//         type=\"button\"\n//         aria-controls={context.contentId}\n//         aria-expanded={context.open || false}\n//         data-state={getState(context.open)}\n//         data-disabled={context.disabled ? '' : undefined}\n//         disabled={context.disabled}\n//         {...triggerProps}\n//         ref={forwardedRef}\n//         //\n//         // onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}\n//       />\n//     )\n//   }\n// )\n\n// CollapsibleTrigger.displayName = TRIGGER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * CollapsibleContent\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const CONTENT_NAME = 'CollapsibleContent'\n\n// type CollapsibleContentElement = CollapsibleContentImplElement\n// interface CollapsibleContentProps extends Omit<CollapsibleContentImplProps, 'present'> {\n//   /**\n//    * Used to force mounting when more control is needed. Useful when\n//    * controlling animation with React animation libraries.\n//    */\n//   forceMount?: true\n// }\n\n// const CollapsibleContent = React.forwardRef<CollapsibleContentElement, CollapsibleContentProps>(\n//   (props: ScopedProps<CollapsibleContentProps>, forwardedRef) => {\n//     const { forceMount, ...contentProps } = props\n//     const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible)\n//     return (\n//       // <Presence present={forceMount || context.open}>\n//       <>\n//         {({ present }) => (\n//           <CollapsibleContentImpl {...contentProps} ref={forwardedRef} present={present} />\n//         )}\n//       </>\n//       // </Presence>\n//     )\n//   }\n// )\n\n// CollapsibleContent.displayName = CONTENT_NAME\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type CollapsibleContentImplElement = TamaguiElement\n// interface CollapsibleContentImplProps extends StackProps {\n//   present: boolean\n// }\n\n// const CollapsibleContentImpl = React.forwardRef<\n//   CollapsibleContentImplElement,\n//   CollapsibleContentImplProps\n// >((props: ScopedProps<CollapsibleContentImplProps>, forwardedRef) => {\n//   const { __scopeCollapsible, present, children, ...contentProps } = props\n//   const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible)\n//   const [isPresent, setIsPresent] = React.useState(present)\n//   const ref = React.useRef<CollapsibleContentImplElement>(null)\n//   const composedRefs = useComposedRefs(forwardedRef, ref)\n//   const heightRef = React.useRef<number | undefined>(0)\n//   const height = heightRef.current\n//   const widthRef = React.useRef<number | undefined>(0)\n//   const width = widthRef.current\n//   // when opening we want it to immediately open to retrieve dimensions\n//   // when closing we delay `present` to retrieve dimensions before closing\n//   const isOpen = context.open || isPresent\n//   const isMountAnimationPreventedRef = React.useRef(isOpen)\n//   const originalStylesRef = React.useRef<Record<string, string>>()\n\n//   React.useEffect(() => {\n//     const rAF = requestAnimationFrame(() => (isMountAnimationPreventedRef.current = false))\n//     return () => cancelAnimationFrame(rAF)\n//   }, [])\n\n//   // useIsomorphicLayoutEffect(() => {\n//   //   const node = ref.current\n//   //   if (node) {\n//   //     originalStylesRef.current = originalStylesRef.current || {\n//   //       transitionDuration: node.style.transitionDuration,\n//   //       animationDuration: node.style.animationDuration,\n//   //       animationFillMode: node.style.animationFillMode,\n//   //     }\n//   //     // block any animations/transitions so the element renders at its full dimensions\n//   //     node.style.transitionDuration = '0s'\n//   //     node.style.animationDuration = '0s'\n//   //     node.style.animationFillMode = 'none'\n\n//   //     // get width and height from full dimensions\n//   //     const rect = node.getBoundingClientRect()\n//   //     heightRef.current = rect.height\n//   //     widthRef.current = rect.width\n\n//   //     // kick off any animations/transitions that were originally set up if it isn't the initial mount\n//   //     if (!isMountAnimationPreventedRef.current) {\n//   //       node.style.transitionDuration = originalStylesRef.current.transitionDuration\n//   //       node.style.animationDuration = originalStylesRef.current.animationDuration\n//   //       node.style.animationFillMode = originalStylesRef.current.animationFillMode\n//   //     }\n\n//   //     setIsPresent(present)\n//   //   }\n//   //   /**\n//   //    * depends on `context.open` because it will change to `false`\n//   //    * when a close is triggered but `present` will be `false` on\n//   //    * animation end (so when close finishes). This allows us to\n//   //    * retrieve the dimensions *before* closing.\n//   //    */\n//   // }, [context.open, present])\n\n//   return (\n//     <Stack\n//       data-state={getState(context.open)}\n//       data-disabled={context.disabled ? '' : undefined}\n//       id={context.contentId}\n//       hidden={!isOpen}\n//       {...contentProps}\n//       // @ts-expect-error\n//       ref={composedRefs}\n//       // style={{\n//       //   [`--radix-collapsible-content-height` as any]: height ? `${height}px` : undefined,\n//       //   [`--radix-collapsible-content-width` as any]: width ? `${width}px` : undefined,\n//       //   ...props.style,\n//       // }}\n//     >\n//       {isOpen && children}\n//     </Stack>\n//   )\n// })\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// function getState(open?: boolean) {\n//   return open ? 'open' : 'closed'\n// }\n\n// const Root = Collapsible\n// const Trigger = CollapsibleTrigger\n// const Content = CollapsibleContent\n\n// export {\n//   createCollapsibleScope,\n//   //\n//   Collapsible,\n//   CollapsibleTrigger,\n//   CollapsibleContent,\n//   //\n//   Root,\n//   Trigger,\n//   Content,\n// }\n// export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps }\n"],
-  "mappings": "AAAO,MAAMA,EAAc,CAAC",
-  "names": ["Collapsible"]
+  "mappings": "AAAO,MAAM,cAAc,CAAC;",
+  "names": []
 }

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Collapsible'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Collapsible'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/collapsible",
-  "version": "1.14.1",
+  "version": "1.14.3",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -17,18 +17,18 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.14.1",
-    "@tamagui/core": "1.14.1",
-    "@tamagui/create-context": "1.14.1",
-    "@tamagui/polyfill-dev": "1.14.1",
-    "@tamagui/stacks": "1.14.1",
-    "@tamagui/use-controllable-state": "1.14.1"
+    "@tamagui/compose-refs": "1.14.3",
+    "@tamagui/core": "1.14.3",
+    "@tamagui/create-context": "1.14.3",
+    "@tamagui/polyfill-dev": "1.14.3",
+    "@tamagui/stacks": "1.14.3",
+    "@tamagui/use-controllable-state": "1.14.3"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.14.1",
+    "@tamagui/build": "1.14.3",
     "react": "^18.2.0"
   },
   "publishConfig": {