@tamagui/accordion 1.0.1-beta.65

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Radix
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/Accordion.js

@@ -0,0 +1,28 @@
+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 Accordion_exports = {};
+__export(Accordion_exports, {
+  Accordion: () => Accordion
+});
+module.exports = __toCommonJS(Accordion_exports);
+const Accordion = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion
+});
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/Accordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Accordion.tsx"],
+  "sourcesContent": ["export const Accordion = {}\n\n// import { useComposedRefs } from '@tamagui/compose-refs'\n// import { Stack, StackProps, TamaguiElement, composeEventHandlers } from '@tamagui/core'\n// import { useId } from '@tamagui/core'\n// import { createContextScope } from '@tamagui/create-context'\n// import type { Scope } from '@tamagui/create-context'\n// import { useControllableState } from '@tamagui/use-controllable-state'\n// import React from 'react'\n\n// const COLLAPSIBLE_NAME = 'Collapsible'\n\n// const [_createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)\n\n// /* -------------------------------------------------------------------------------------------------\n//  * Accordion\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const ACCORDION_NAME = 'Accordion'\n// const ACCORDION_KEYS = ['Home', 'End', 'ArrowDown', 'ArrowUp']\n\n// type ScopedProps<P> = P & { __scopeAccordion?: Scope }\n// const [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [\n//   createCollapsibleScope,\n// ])\n// const useCollapsibleScope = createCollapsibleScope()\n\n// type AccordionElement = AccordionImplMultipleElement | AccordionImplSingleElement\n// interface AccordionSingleProps extends AccordionImplSingleProps {\n//   type: 'single'\n// }\n// interface AccordionMultipleProps extends AccordionImplMultipleProps {\n//   type: 'multiple'\n// }\n\n// const Accordion = React.forwardRef<AccordionElement, AccordionSingleProps | AccordionMultipleProps>(\n//   (props: ScopedProps<AccordionSingleProps | AccordionMultipleProps>, forwardedRef) => {\n//     const { type, ...accordionProps } = props\n//     const singleProps = accordionProps as AccordionImplSingleProps\n//     const multipleProps = accordionProps as AccordionImplMultipleProps\n//     return (\n//       <>\n//         {type === 'multiple' ? (\n//           <AccordionImplMultiple {...multipleProps} ref={forwardedRef} />\n//         ) : (\n//           <AccordionImplSingle {...singleProps} ref={forwardedRef} />\n//         )}\n//       </>\n//     )\n//   }\n// )\n\n// Accordion.displayName = ACCORDION_NAME\n\n// Accordion.propTypes = {\n//   type(props) {\n//     const value = props.value || props.defaultValue\n//     if (props.type && !['single', 'multiple'].includes(props.type)) {\n//       return new Error(\n//         'Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.'\n//       )\n//     }\n//     if (props.type === 'multiple' && typeof value === 'string') {\n//       return new Error(\n//         'Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.'\n//       )\n//     }\n//     if (props.type === 'single' && Array.isArray(value)) {\n//       return new Error(\n//         'Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.'\n//       )\n//     }\n//     return null\n//   },\n// }\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type AccordionValueContextValue = {\n//   value: string[]\n//   onItemOpen(value: string): void\n//   onItemClose(value: string): void\n// }\n\n// const [AccordionValueProvider, useAccordionValueContext] =\n//   createAccordionContext<AccordionValueContextValue>(ACCORDION_NAME)\n\n// const [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(\n//   ACCORDION_NAME,\n//   { collapsible: false }\n// )\n\n// type AccordionImplSingleElement = AccordionImplElement\n// interface AccordionImplSingleProps extends AccordionImplProps {\n//   /**\n//    * The controlled stateful value of the accordion item whose content is expanded.\n//    */\n//   value?: string\n//   /**\n//    * The value of the item whose content is expanded when the accordion is initially rendered. Use\n//    * `defaultValue` if you do not need to control the state of an accordion.\n//    */\n//   defaultValue?: string\n//   /**\n//    * The callback that fires when the state of the accordion changes.\n//    */\n//   onValueChange?(value: string): void\n//   /**\n//    * Whether an accordion item can be collapsed after it has been opened.\n//    * @default false\n//    */\n//   collapsible?: boolean\n// }\n\n// const AccordionImplSingle = React.forwardRef<AccordionImplSingleElement, AccordionImplSingleProps>(\n//   (props: ScopedProps<AccordionImplSingleProps>, forwardedRef) => {\n//     const {\n//       value: valueProp,\n//       defaultValue,\n//       onValueChange = () => {},\n//       collapsible = false,\n//       ...accordionSingleProps\n//     } = props\n\n//     const [value, setValue] = useControllableState({\n//       prop: valueProp,\n//       defaultProp: defaultValue || '',\n//       onChange: onValueChange,\n//     })\n\n//     return (\n//       <AccordionValueProvider\n//         scope={props.__scopeAccordion}\n//         value={value ? [value] : []}\n//         onItemOpen={setValue}\n//         onItemClose={React.useCallback(() => collapsible && setValue(''), [collapsible, setValue])}\n//       >\n//         <AccordionCollapsibleProvider scope={props.__scopeAccordion} collapsible={collapsible}>\n//           <AccordionImpl {...accordionSingleProps} ref={forwardedRef} />\n//         </AccordionCollapsibleProvider>\n//       </AccordionValueProvider>\n//     )\n//   }\n// )\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type AccordionImplMultipleElement = AccordionImplElement\n// interface AccordionImplMultipleProps extends AccordionImplProps {\n//   /**\n//    * The controlled stateful value of the accordion items whose contents are expanded.\n//    */\n//   value?: string[]\n//   /**\n//    * The value of the items whose contents are expanded when the accordion is initially rendered. Use\n//    * `defaultValue` if you do not need to control the state of an accordion.\n//    */\n//   defaultValue?: string[]\n//   /**\n//    * The callback that fires when the state of the accordion changes.\n//    */\n//   onValueChange?(value: string[]): void\n// }\n\n// const AccordionImplMultiple = React.forwardRef<\n//   AccordionImplMultipleElement,\n//   AccordionImplMultipleProps\n// >((props: ScopedProps<AccordionImplMultipleProps>, forwardedRef) => {\n//   const {\n//     value: valueProp,\n//     defaultValue,\n//     onValueChange = () => {},\n//     ...accordionMultipleProps\n//   } = props\n\n//   const [value, setValue] = useControllableState({\n//     prop: valueProp,\n//     defaultProp: defaultValue || [],\n//     onChange: onValueChange,\n//   })\n\n//   const handleItemOpen = React.useCallback(\n//     (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n//     [setValue]\n//   )\n\n//   const handleItemClose = React.useCallback(\n//     (itemValue: string) =>\n//       setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n//     [setValue]\n//   )\n\n//   return (\n//     <AccordionValueProvider\n//       scope={props.__scopeAccordion}\n//       value={value}\n//       onItemOpen={handleItemOpen}\n//       onItemClose={handleItemClose}\n//     >\n//       <AccordionCollapsibleProvider scope={props.__scopeAccordion} collapsible={true}>\n//         <AccordionImpl {...accordionMultipleProps} ref={forwardedRef} />\n//       </AccordionCollapsibleProvider>\n//     </AccordionValueProvider>\n//   )\n// })\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type AccordionImplContextValue = {\n//   disabled?: boolean\n// }\n\n// const [AccordionImplProvider, useAccordionContext] =\n//   createAccordionContext<AccordionImplContextValue>(ACCORDION_NAME)\n\n// type AccordionImplElement = TamaguiElement\n// type PrimitiveDivProps = StackProps\n\n// interface AccordionImplProps extends PrimitiveDivProps {\n//   /**\n//    * Whether or not an accordion is disabled from user interaction.\n//    *\n//    * @defaultValue false\n//    */\n//   disabled?: boolean\n// }\n\n// const AccordionImpl = React.forwardRef<AccordionImplElement, AccordionImplProps>(\n//   (props: ScopedProps<AccordionImplProps>, forwardedRef) => {\n//     const { __scopeAccordion, disabled, ...accordionProps } = props\n//     const accordionRef = React.useRef<AccordionImplElement>(null)\n//     const composedRefs = useComposedRefs(accordionRef, forwardedRef)\n//     // const getItems = useCollection(__scopeAccordion)\n\n//     const handleKeyDown = (event: KeyboardEvent) => {\n//       if (!ACCORDION_KEYS.includes(event.key)) return\n//       const target = event.target as HTMLElement\n//       const triggerCollection = [] //getItems().filter((item) => !item.ref.current?.disabled)\n//       const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target)\n//       const triggerCount = triggerCollection.length\n\n//       if (triggerIndex === -1) return\n\n//       // Prevents page scroll while user is navigating\n//       event.preventDefault()\n\n//       let nextIndex = triggerIndex\n//       switch (event.key) {\n//         case 'Home':\n//           nextIndex = 0\n//           break\n//         case 'End':\n//           nextIndex = triggerCount - 1\n//           break\n//         case 'ArrowDown':\n//           nextIndex = triggerIndex + 1\n//           break\n//         case 'ArrowUp':\n//           nextIndex = triggerIndex - 1\n//           if (nextIndex < 0) {\n//             nextIndex = triggerCount - 1\n//           }\n//           break\n//       }\n\n//       const clampedIndex = nextIndex % triggerCount\n//       triggerCollection[clampedIndex].ref.current?.focus()\n//     }\n\n//     return (\n//       <AccordionImplProvider scope={__scopeAccordion} disabled={disabled}>\n//         <Stack\n//           {...accordionProps}\n//           // @ts-ignore\n//           ref={composedRefs}\n//           // @ts-ignore\n//           onKeyDown={disabled ? undefined : handleKeyDown}\n//         />\n//       </AccordionImplProvider>\n//     )\n//   }\n// )\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionItem\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const ITEM_NAME = 'AccordionItem'\n\n// type AccordionItemContextValue = { open?: boolean; disabled?: boolean; triggerId: string }\n// const [AccordionItemProvider, useAccordionItemContext] =\n//   createAccordionContext<AccordionItemContextValue>(ITEM_NAME)\n\n// type AccordionItemElement = TamaguiElement\n// type CollapsibleProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n\n// interface AccordionItemProps\n//   extends Omit<CollapsibleProps, 'open' | 'defaultOpen' | 'onOpenChange'> {\n//   /**\n//    * Whether or not an accordion item is disabled from user interaction.\n//    *\n//    * @defaultValue false\n//    */\n//   disabled?: boolean\n//   /**\n//    * A string value for the accordion item. All items within an accordion should use a unique value.\n//    */\n//   value: string\n// }\n\n// /**\n//  * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.\n//  */\n// const AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(\n//   (props: ScopedProps<AccordionItemProps>, forwardedRef) => {\n//     const { __scopeAccordion, value, ...accordionItemProps } = props\n//     const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion)\n//     const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion)\n//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)\n//     const triggerId = useId()\n//     const open = (value && valueContext.value.includes(value)) || false\n//     const disabled = accordionContext.disabled || props.disabled\n\n//     return (\n//       <AccordionItemProvider\n//         scope={__scopeAccordion}\n//         open={open}\n//         disabled={disabled}\n//         triggerId={triggerId}\n//       >\n//         <CollapsiblePrimitive.Root\n//           data-state={open ? 'open' : 'closed'}\n//           {...collapsibleScope}\n//           {...accordionItemProps}\n//           ref={forwardedRef}\n//           disabled={disabled}\n//           open={open}\n//           onOpenChange={(open) => {\n//             if (open) {\n//               valueContext.onItemOpen(value)\n//             } else {\n//               valueContext.onItemClose(value)\n//             }\n//           }}\n//         />\n//       </AccordionItemProvider>\n//     )\n//   }\n// )\n\n// AccordionItem.displayName = ITEM_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionHeader\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const HEADER_NAME = 'AccordionHeader'\n\n// type AccordionHeaderElement = React.ElementRef<typeof Primitive.h3>\n// type PrimitiveHeading3Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h3>\n// interface AccordionHeaderProps extends PrimitiveHeading3Props {}\n\n// /**\n//  * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible\n//  * whether or not its content is collapsed.\n//  */\n// const AccordionHeader = React.forwardRef<AccordionHeaderElement, AccordionHeaderProps>(\n//   (props: ScopedProps<AccordionHeaderProps>, forwardedRef) => {\n//     const { __scopeAccordion, ...headerProps } = props\n//     const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion)\n//     return (\n//       <Primitive.h3\n//         data-state={getState(itemContext.open)}\n//         data-disabled={itemContext.disabled ? '' : undefined}\n//         {...headerProps}\n//         ref={forwardedRef}\n//       />\n//     )\n//   }\n// )\n\n// AccordionHeader.displayName = HEADER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionTrigger\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const TRIGGER_NAME = 'AccordionTrigger'\n\n// type AccordionTriggerElement = React.ElementRef<typeof CollapsiblePrimitive.Trigger>\n// type CollapsibleTriggerProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n// interface AccordionTriggerProps extends CollapsibleTriggerProps {}\n\n// /**\n//  * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It\n//  * should always be nested inside of an `AccordionHeader`.\n//  */\n// const AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(\n//   (props: ScopedProps<AccordionTriggerProps>, forwardedRef) => {\n//     const { __scopeAccordion, ...triggerProps } = props\n//     const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion)\n//     const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion)\n//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)\n//     return (\n//       <Collection.ItemSlot scope={__scopeAccordion}>\n//         <CollapsiblePrimitive.Trigger\n//           aria-disabled={(itemContext.open && !collapsibleContext.collapsible) || undefined}\n//           id={itemContext.triggerId}\n//           {...collapsibleScope}\n//           {...triggerProps}\n//           ref={forwardedRef}\n//         />\n//       </Collection.ItemSlot>\n//     )\n//   }\n// )\n\n// AccordionTrigger.displayName = TRIGGER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionContent\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const CONTENT_NAME = 'AccordionContent'\n\n// type AccordionContentElement = React.ElementRef<typeof CollapsiblePrimitive.Content>\n// type CollapsibleContentProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>\n// interface AccordionContentProps extends CollapsibleContentProps {}\n\n// /**\n//  * `AccordionContent` contains the collapsible content for an `AccordionItem`.\n//  */\n// const AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(\n//   (props: ScopedProps<AccordionContentProps>, forwardedRef) => {\n//     const { __scopeAccordion, ...contentProps } = props\n//     const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion)\n//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)\n//     return (\n//       <CollapsiblePrimitive.Content\n//         role=\"region\"\n//         aria-labelledby={itemContext.triggerId}\n//         {...collapsibleScope}\n//         {...contentProps}\n//         ref={forwardedRef}\n//         style={{\n//           ['--radix-accordion-content-height' as any]: 'var(--radix-collapsible-content-height)',\n//           ['--radix-accordion-content-width' as any]: 'var(--radix-collapsible-content-width)',\n//           ...props.style,\n//         }}\n//       />\n//     )\n//   }\n// )\n\n// AccordionContent.displayName = CONTENT_NAME\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// function getState(open?: boolean) {\n//   return open ? 'open' : 'closed'\n// }\n\n// const Root = Accordion\n// const Item = AccordionItem\n// const Header = AccordionHeader\n// const Trigger = AccordionTrigger\n// const Content = AccordionContent\n\n// export {\n//   createAccordionScope,\n//   //\n//   Accordion,\n//   AccordionItem,\n//   AccordionHeader,\n//   AccordionTrigger,\n//   AccordionContent,\n//   //\n//   Root,\n//   Item,\n//   Header,\n//   Trigger,\n//   Content,\n// }\n// export type {\n//   AccordionSingleProps,\n//   AccordionMultipleProps,\n//   AccordionItemProps,\n//   AccordionHeaderProps,\n//   AccordionTriggerProps,\n//   AccordionContentProps,\n// }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY,CAAC;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+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("./Accordion"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Accordion'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,wBAAd;",
+  "names": []
+}

package/dist/esm/Accordion.js

@@ -0,0 +1,5 @@
+const Accordion = {};
+export {
+  Accordion
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/esm/Accordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Accordion.tsx"],
+  "sourcesContent": ["export const Accordion = {}\n\n// import { useComposedRefs } from '@tamagui/compose-refs'\n// import { Stack, StackProps, TamaguiElement, composeEventHandlers } from '@tamagui/core'\n// import { useId } from '@tamagui/core'\n// import { createContextScope } from '@tamagui/create-context'\n// import type { Scope } from '@tamagui/create-context'\n// import { useControllableState } from '@tamagui/use-controllable-state'\n// import React from 'react'\n\n// const COLLAPSIBLE_NAME = 'Collapsible'\n\n// const [_createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)\n\n// /* -------------------------------------------------------------------------------------------------\n//  * Accordion\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const ACCORDION_NAME = 'Accordion'\n// const ACCORDION_KEYS = ['Home', 'End', 'ArrowDown', 'ArrowUp']\n\n// type ScopedProps<P> = P & { __scopeAccordion?: Scope }\n// const [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [\n//   createCollapsibleScope,\n// ])\n// const useCollapsibleScope = createCollapsibleScope()\n\n// type AccordionElement = AccordionImplMultipleElement | AccordionImplSingleElement\n// interface AccordionSingleProps extends AccordionImplSingleProps {\n//   type: 'single'\n// }\n// interface AccordionMultipleProps extends AccordionImplMultipleProps {\n//   type: 'multiple'\n// }\n\n// const Accordion = React.forwardRef<AccordionElement, AccordionSingleProps | AccordionMultipleProps>(\n//   (props: ScopedProps<AccordionSingleProps | AccordionMultipleProps>, forwardedRef) => {\n//     const { type, ...accordionProps } = props\n//     const singleProps = accordionProps as AccordionImplSingleProps\n//     const multipleProps = accordionProps as AccordionImplMultipleProps\n//     return (\n//       <>\n//         {type === 'multiple' ? (\n//           <AccordionImplMultiple {...multipleProps} ref={forwardedRef} />\n//         ) : (\n//           <AccordionImplSingle {...singleProps} ref={forwardedRef} />\n//         )}\n//       </>\n//     )\n//   }\n// )\n\n// Accordion.displayName = ACCORDION_NAME\n\n// Accordion.propTypes = {\n//   type(props) {\n//     const value = props.value || props.defaultValue\n//     if (props.type && !['single', 'multiple'].includes(props.type)) {\n//       return new Error(\n//         'Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.'\n//       )\n//     }\n//     if (props.type === 'multiple' && typeof value === 'string') {\n//       return new Error(\n//         'Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.'\n//       )\n//     }\n//     if (props.type === 'single' && Array.isArray(value)) {\n//       return new Error(\n//         'Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.'\n//       )\n//     }\n//     return null\n//   },\n// }\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type AccordionValueContextValue = {\n//   value: string[]\n//   onItemOpen(value: string): void\n//   onItemClose(value: string): void\n// }\n\n// const [AccordionValueProvider, useAccordionValueContext] =\n//   createAccordionContext<AccordionValueContextValue>(ACCORDION_NAME)\n\n// const [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(\n//   ACCORDION_NAME,\n//   { collapsible: false }\n// )\n\n// type AccordionImplSingleElement = AccordionImplElement\n// interface AccordionImplSingleProps extends AccordionImplProps {\n//   /**\n//    * The controlled stateful value of the accordion item whose content is expanded.\n//    */\n//   value?: string\n//   /**\n//    * The value of the item whose content is expanded when the accordion is initially rendered. Use\n//    * `defaultValue` if you do not need to control the state of an accordion.\n//    */\n//   defaultValue?: string\n//   /**\n//    * The callback that fires when the state of the accordion changes.\n//    */\n//   onValueChange?(value: string): void\n//   /**\n//    * Whether an accordion item can be collapsed after it has been opened.\n//    * @default false\n//    */\n//   collapsible?: boolean\n// }\n\n// const AccordionImplSingle = React.forwardRef<AccordionImplSingleElement, AccordionImplSingleProps>(\n//   (props: ScopedProps<AccordionImplSingleProps>, forwardedRef) => {\n//     const {\n//       value: valueProp,\n//       defaultValue,\n//       onValueChange = () => {},\n//       collapsible = false,\n//       ...accordionSingleProps\n//     } = props\n\n//     const [value, setValue] = useControllableState({\n//       prop: valueProp,\n//       defaultProp: defaultValue || '',\n//       onChange: onValueChange,\n//     })\n\n//     return (\n//       <AccordionValueProvider\n//         scope={props.__scopeAccordion}\n//         value={value ? [value] : []}\n//         onItemOpen={setValue}\n//         onItemClose={React.useCallback(() => collapsible && setValue(''), [collapsible, setValue])}\n//       >\n//         <AccordionCollapsibleProvider scope={props.__scopeAccordion} collapsible={collapsible}>\n//           <AccordionImpl {...accordionSingleProps} ref={forwardedRef} />\n//         </AccordionCollapsibleProvider>\n//       </AccordionValueProvider>\n//     )\n//   }\n// )\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type AccordionImplMultipleElement = AccordionImplElement\n// interface AccordionImplMultipleProps extends AccordionImplProps {\n//   /**\n//    * The controlled stateful value of the accordion items whose contents are expanded.\n//    */\n//   value?: string[]\n//   /**\n//    * The value of the items whose contents are expanded when the accordion is initially rendered. Use\n//    * `defaultValue` if you do not need to control the state of an accordion.\n//    */\n//   defaultValue?: string[]\n//   /**\n//    * The callback that fires when the state of the accordion changes.\n//    */\n//   onValueChange?(value: string[]): void\n// }\n\n// const AccordionImplMultiple = React.forwardRef<\n//   AccordionImplMultipleElement,\n//   AccordionImplMultipleProps\n// >((props: ScopedProps<AccordionImplMultipleProps>, forwardedRef) => {\n//   const {\n//     value: valueProp,\n//     defaultValue,\n//     onValueChange = () => {},\n//     ...accordionMultipleProps\n//   } = props\n\n//   const [value, setValue] = useControllableState({\n//     prop: valueProp,\n//     defaultProp: defaultValue || [],\n//     onChange: onValueChange,\n//   })\n\n//   const handleItemOpen = React.useCallback(\n//     (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n//     [setValue]\n//   )\n\n//   const handleItemClose = React.useCallback(\n//     (itemValue: string) =>\n//       setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n//     [setValue]\n//   )\n\n//   return (\n//     <AccordionValueProvider\n//       scope={props.__scopeAccordion}\n//       value={value}\n//       onItemOpen={handleItemOpen}\n//       onItemClose={handleItemClose}\n//     >\n//       <AccordionCollapsibleProvider scope={props.__scopeAccordion} collapsible={true}>\n//         <AccordionImpl {...accordionMultipleProps} ref={forwardedRef} />\n//       </AccordionCollapsibleProvider>\n//     </AccordionValueProvider>\n//   )\n// })\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// type AccordionImplContextValue = {\n//   disabled?: boolean\n// }\n\n// const [AccordionImplProvider, useAccordionContext] =\n//   createAccordionContext<AccordionImplContextValue>(ACCORDION_NAME)\n\n// type AccordionImplElement = TamaguiElement\n// type PrimitiveDivProps = StackProps\n\n// interface AccordionImplProps extends PrimitiveDivProps {\n//   /**\n//    * Whether or not an accordion is disabled from user interaction.\n//    *\n//    * @defaultValue false\n//    */\n//   disabled?: boolean\n// }\n\n// const AccordionImpl = React.forwardRef<AccordionImplElement, AccordionImplProps>(\n//   (props: ScopedProps<AccordionImplProps>, forwardedRef) => {\n//     const { __scopeAccordion, disabled, ...accordionProps } = props\n//     const accordionRef = React.useRef<AccordionImplElement>(null)\n//     const composedRefs = useComposedRefs(accordionRef, forwardedRef)\n//     // const getItems = useCollection(__scopeAccordion)\n\n//     const handleKeyDown = (event: KeyboardEvent) => {\n//       if (!ACCORDION_KEYS.includes(event.key)) return\n//       const target = event.target as HTMLElement\n//       const triggerCollection = [] //getItems().filter((item) => !item.ref.current?.disabled)\n//       const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target)\n//       const triggerCount = triggerCollection.length\n\n//       if (triggerIndex === -1) return\n\n//       // Prevents page scroll while user is navigating\n//       event.preventDefault()\n\n//       let nextIndex = triggerIndex\n//       switch (event.key) {\n//         case 'Home':\n//           nextIndex = 0\n//           break\n//         case 'End':\n//           nextIndex = triggerCount - 1\n//           break\n//         case 'ArrowDown':\n//           nextIndex = triggerIndex + 1\n//           break\n//         case 'ArrowUp':\n//           nextIndex = triggerIndex - 1\n//           if (nextIndex < 0) {\n//             nextIndex = triggerCount - 1\n//           }\n//           break\n//       }\n\n//       const clampedIndex = nextIndex % triggerCount\n//       triggerCollection[clampedIndex].ref.current?.focus()\n//     }\n\n//     return (\n//       <AccordionImplProvider scope={__scopeAccordion} disabled={disabled}>\n//         <Stack\n//           {...accordionProps}\n//           // @ts-ignore\n//           ref={composedRefs}\n//           // @ts-ignore\n//           onKeyDown={disabled ? undefined : handleKeyDown}\n//         />\n//       </AccordionImplProvider>\n//     )\n//   }\n// )\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionItem\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const ITEM_NAME = 'AccordionItem'\n\n// type AccordionItemContextValue = { open?: boolean; disabled?: boolean; triggerId: string }\n// const [AccordionItemProvider, useAccordionItemContext] =\n//   createAccordionContext<AccordionItemContextValue>(ITEM_NAME)\n\n// type AccordionItemElement = TamaguiElement\n// type CollapsibleProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n\n// interface AccordionItemProps\n//   extends Omit<CollapsibleProps, 'open' | 'defaultOpen' | 'onOpenChange'> {\n//   /**\n//    * Whether or not an accordion item is disabled from user interaction.\n//    *\n//    * @defaultValue false\n//    */\n//   disabled?: boolean\n//   /**\n//    * A string value for the accordion item. All items within an accordion should use a unique value.\n//    */\n//   value: string\n// }\n\n// /**\n//  * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.\n//  */\n// const AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(\n//   (props: ScopedProps<AccordionItemProps>, forwardedRef) => {\n//     const { __scopeAccordion, value, ...accordionItemProps } = props\n//     const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion)\n//     const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion)\n//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)\n//     const triggerId = useId()\n//     const open = (value && valueContext.value.includes(value)) || false\n//     const disabled = accordionContext.disabled || props.disabled\n\n//     return (\n//       <AccordionItemProvider\n//         scope={__scopeAccordion}\n//         open={open}\n//         disabled={disabled}\n//         triggerId={triggerId}\n//       >\n//         <CollapsiblePrimitive.Root\n//           data-state={open ? 'open' : 'closed'}\n//           {...collapsibleScope}\n//           {...accordionItemProps}\n//           ref={forwardedRef}\n//           disabled={disabled}\n//           open={open}\n//           onOpenChange={(open) => {\n//             if (open) {\n//               valueContext.onItemOpen(value)\n//             } else {\n//               valueContext.onItemClose(value)\n//             }\n//           }}\n//         />\n//       </AccordionItemProvider>\n//     )\n//   }\n// )\n\n// AccordionItem.displayName = ITEM_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionHeader\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const HEADER_NAME = 'AccordionHeader'\n\n// type AccordionHeaderElement = React.ElementRef<typeof Primitive.h3>\n// type PrimitiveHeading3Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h3>\n// interface AccordionHeaderProps extends PrimitiveHeading3Props {}\n\n// /**\n//  * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible\n//  * whether or not its content is collapsed.\n//  */\n// const AccordionHeader = React.forwardRef<AccordionHeaderElement, AccordionHeaderProps>(\n//   (props: ScopedProps<AccordionHeaderProps>, forwardedRef) => {\n//     const { __scopeAccordion, ...headerProps } = props\n//     const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion)\n//     return (\n//       <Primitive.h3\n//         data-state={getState(itemContext.open)}\n//         data-disabled={itemContext.disabled ? '' : undefined}\n//         {...headerProps}\n//         ref={forwardedRef}\n//       />\n//     )\n//   }\n// )\n\n// AccordionHeader.displayName = HEADER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionTrigger\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const TRIGGER_NAME = 'AccordionTrigger'\n\n// type AccordionTriggerElement = React.ElementRef<typeof CollapsiblePrimitive.Trigger>\n// type CollapsibleTriggerProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n// interface AccordionTriggerProps extends CollapsibleTriggerProps {}\n\n// /**\n//  * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It\n//  * should always be nested inside of an `AccordionHeader`.\n//  */\n// const AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(\n//   (props: ScopedProps<AccordionTriggerProps>, forwardedRef) => {\n//     const { __scopeAccordion, ...triggerProps } = props\n//     const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion)\n//     const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion)\n//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)\n//     return (\n//       <Collection.ItemSlot scope={__scopeAccordion}>\n//         <CollapsiblePrimitive.Trigger\n//           aria-disabled={(itemContext.open && !collapsibleContext.collapsible) || undefined}\n//           id={itemContext.triggerId}\n//           {...collapsibleScope}\n//           {...triggerProps}\n//           ref={forwardedRef}\n//         />\n//       </Collection.ItemSlot>\n//     )\n//   }\n// )\n\n// AccordionTrigger.displayName = TRIGGER_NAME\n\n// /* -------------------------------------------------------------------------------------------------\n//  * AccordionContent\n//  * -----------------------------------------------------------------------------------------------*/\n\n// const CONTENT_NAME = 'AccordionContent'\n\n// type AccordionContentElement = React.ElementRef<typeof CollapsiblePrimitive.Content>\n// type CollapsibleContentProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>\n// interface AccordionContentProps extends CollapsibleContentProps {}\n\n// /**\n//  * `AccordionContent` contains the collapsible content for an `AccordionItem`.\n//  */\n// const AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(\n//   (props: ScopedProps<AccordionContentProps>, forwardedRef) => {\n//     const { __scopeAccordion, ...contentProps } = props\n//     const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion)\n//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)\n//     return (\n//       <CollapsiblePrimitive.Content\n//         role=\"region\"\n//         aria-labelledby={itemContext.triggerId}\n//         {...collapsibleScope}\n//         {...contentProps}\n//         ref={forwardedRef}\n//         style={{\n//           ['--radix-accordion-content-height' as any]: 'var(--radix-collapsible-content-height)',\n//           ['--radix-accordion-content-width' as any]: 'var(--radix-collapsible-content-width)',\n//           ...props.style,\n//         }}\n//       />\n//     )\n//   }\n// )\n\n// AccordionContent.displayName = CONTENT_NAME\n\n// /* -----------------------------------------------------------------------------------------------*/\n\n// function getState(open?: boolean) {\n//   return open ? 'open' : 'closed'\n// }\n\n// const Root = Accordion\n// const Item = AccordionItem\n// const Header = AccordionHeader\n// const Trigger = AccordionTrigger\n// const Content = AccordionContent\n\n// export {\n//   createAccordionScope,\n//   //\n//   Accordion,\n//   AccordionItem,\n//   AccordionHeader,\n//   AccordionTrigger,\n//   AccordionContent,\n//   //\n//   Root,\n//   Item,\n//   Header,\n//   Trigger,\n//   Content,\n// }\n// export type {\n//   AccordionSingleProps,\n//   AccordionMultipleProps,\n//   AccordionItemProps,\n//   AccordionHeaderProps,\n//   AccordionTriggerProps,\n//   AccordionContentProps,\n// }\n"],
+  "mappings": "AAAO,MAAM,YAAY,CAAC;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Accordion'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/jsx/Accordion.js

@@ -0,0 +1,4 @@
+const Accordion = {};
+export {
+  Accordion
+};

package/dist/jsx/index.js

@@ -0,0 +1 @@
+export * from "./Accordion";

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@tamagui/accordion",
+  "version": "1.0.1-beta.65",
+  "sideEffects": true,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch"
+  },
+  "dependencies": {
+    "@gorhom/bottom-sheet": "^4.3.1",
+    "@tamagui/compose-refs": "^1.0.1-beta.65",
+    "@tamagui/core": "^1.0.1-beta.65",
+    "@tamagui/create-context": "^1.0.1-beta.65",
+    "@tamagui/polyfill-dev": "^1.0.1-beta.65",
+    "@tamagui/stacks": "^1.0.1-beta.65",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.65",
+    "react-native-reanimated": "~2.8.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "react-native-gesture-handler": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.65",
+    "react": "*",
+    "react-dom": "*",
+    "react-native-gesture-handler": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
+}

package/src/Accordion.tsx

@@ -0,0 +1,491 @@
+export const Accordion = {}
+
+// import { useComposedRefs } from '@tamagui/compose-refs'
+// import { Stack, StackProps, TamaguiElement, composeEventHandlers } from '@tamagui/core'
+// import { useId } from '@tamagui/core'
+// import { createContextScope } from '@tamagui/create-context'
+// import type { Scope } from '@tamagui/create-context'
+// import { useControllableState } from '@tamagui/use-controllable-state'
+// import React from 'react'
+
+// const COLLAPSIBLE_NAME = 'Collapsible'
+
+// const [_createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME)
+
+// /* -------------------------------------------------------------------------------------------------
+//  * Accordion
+//  * -----------------------------------------------------------------------------------------------*/
+
+// const ACCORDION_NAME = 'Accordion'
+// const ACCORDION_KEYS = ['Home', 'End', 'ArrowDown', 'ArrowUp']
+
+// type ScopedProps<P> = P & { __scopeAccordion?: Scope }
+// const [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [
+//   createCollapsibleScope,
+// ])
+// const useCollapsibleScope = createCollapsibleScope()
+
+// type AccordionElement = AccordionImplMultipleElement | AccordionImplSingleElement
+// interface AccordionSingleProps extends AccordionImplSingleProps {
+//   type: 'single'
+// }
+// interface AccordionMultipleProps extends AccordionImplMultipleProps {
+//   type: 'multiple'
+// }
+
+// const Accordion = React.forwardRef<AccordionElement, AccordionSingleProps | AccordionMultipleProps>(
+//   (props: ScopedProps<AccordionSingleProps | AccordionMultipleProps>, forwardedRef) => {
+//     const { type, ...accordionProps } = props
+//     const singleProps = accordionProps as AccordionImplSingleProps
+//     const multipleProps = accordionProps as AccordionImplMultipleProps
+//     return (
+//       <>
+//         {type === 'multiple' ? (
+//           <AccordionImplMultiple {...multipleProps} ref={forwardedRef} />
+//         ) : (
+//           <AccordionImplSingle {...singleProps} ref={forwardedRef} />
+//         )}
+//       </>
+//     )
+//   }
+// )
+
+// Accordion.displayName = ACCORDION_NAME
+
+// Accordion.propTypes = {
+//   type(props) {
+//     const value = props.value || props.defaultValue
+//     if (props.type && !['single', 'multiple'].includes(props.type)) {
+//       return new Error(
+//         'Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.'
+//       )
+//     }
+//     if (props.type === 'multiple' && typeof value === 'string') {
+//       return new Error(
+//         'Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.'
+//       )
+//     }
+//     if (props.type === 'single' && Array.isArray(value)) {
+//       return new Error(
+//         'Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.'
+//       )
+//     }
+//     return null
+//   },
+// }
+
+// /* -----------------------------------------------------------------------------------------------*/
+
+// type AccordionValueContextValue = {
+//   value: string[]
+//   onItemOpen(value: string): void
+//   onItemClose(value: string): void
+// }
+
+// const [AccordionValueProvider, useAccordionValueContext] =
+//   createAccordionContext<AccordionValueContextValue>(ACCORDION_NAME)
+
+// const [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
+//   ACCORDION_NAME,
+//   { collapsible: false }
+// )
+
+// type AccordionImplSingleElement = AccordionImplElement
+// interface AccordionImplSingleProps extends AccordionImplProps {
+//   /**
+//    * The controlled stateful value of the accordion item whose content is expanded.
+//    */
+//   value?: string
+//   /**
+//    * The value of the item whose content is expanded when the accordion is initially rendered. Use
+//    * `defaultValue` if you do not need to control the state of an accordion.
+//    */
+//   defaultValue?: string
+//   /**
+//    * The callback that fires when the state of the accordion changes.
+//    */
+//   onValueChange?(value: string): void
+//   /**
+//    * Whether an accordion item can be collapsed after it has been opened.
+//    * @default false
+//    */
+//   collapsible?: boolean
+// }
+
+// const AccordionImplSingle = React.forwardRef<AccordionImplSingleElement, AccordionImplSingleProps>(
+//   (props: ScopedProps<AccordionImplSingleProps>, forwardedRef) => {
+//     const {
+//       value: valueProp,
+//       defaultValue,
+//       onValueChange = () => {},
+//       collapsible = false,
+//       ...accordionSingleProps
+//     } = props
+
+//     const [value, setValue] = useControllableState({
+//       prop: valueProp,
+//       defaultProp: defaultValue || '',
+//       onChange: onValueChange,
+//     })
+
+//     return (
+//       <AccordionValueProvider
+//         scope={props.__scopeAccordion}
+//         value={value ? [value] : []}
+//         onItemOpen={setValue}
+//         onItemClose={React.useCallback(() => collapsible && setValue(''), [collapsible, setValue])}
+//       >
+//         <AccordionCollapsibleProvider scope={props.__scopeAccordion} collapsible={collapsible}>
+//           <AccordionImpl {...accordionSingleProps} ref={forwardedRef} />
+//         </AccordionCollapsibleProvider>
+//       </AccordionValueProvider>
+//     )
+//   }
+// )
+
+// /* -----------------------------------------------------------------------------------------------*/
+
+// type AccordionImplMultipleElement = AccordionImplElement
+// interface AccordionImplMultipleProps extends AccordionImplProps {
+//   /**
+//    * The controlled stateful value of the accordion items whose contents are expanded.
+//    */
+//   value?: string[]
+//   /**
+//    * The value of the items whose contents are expanded when the accordion is initially rendered. Use
+//    * `defaultValue` if you do not need to control the state of an accordion.
+//    */
+//   defaultValue?: string[]
+//   /**
+//    * The callback that fires when the state of the accordion changes.
+//    */
+//   onValueChange?(value: string[]): void
+// }
+
+// const AccordionImplMultiple = React.forwardRef<
+//   AccordionImplMultipleElement,
+//   AccordionImplMultipleProps
+// >((props: ScopedProps<AccordionImplMultipleProps>, forwardedRef) => {
+//   const {
+//     value: valueProp,
+//     defaultValue,
+//     onValueChange = () => {},
+//     ...accordionMultipleProps
+//   } = props
+
+//   const [value, setValue] = useControllableState({
+//     prop: valueProp,
+//     defaultProp: defaultValue || [],
+//     onChange: onValueChange,
+//   })
+
+//   const handleItemOpen = React.useCallback(
+//     (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),
+//     [setValue]
+//   )
+
+//   const handleItemClose = React.useCallback(
+//     (itemValue: string) =>
+//       setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),
+//     [setValue]
+//   )
+
+//   return (
+//     <AccordionValueProvider
+//       scope={props.__scopeAccordion}
+//       value={value}
+//       onItemOpen={handleItemOpen}
+//       onItemClose={handleItemClose}
+//     >
+//       <AccordionCollapsibleProvider scope={props.__scopeAccordion} collapsible={true}>
+//         <AccordionImpl {...accordionMultipleProps} ref={forwardedRef} />
+//       </AccordionCollapsibleProvider>
+//     </AccordionValueProvider>
+//   )
+// })
+
+// /* -----------------------------------------------------------------------------------------------*/
+
+// type AccordionImplContextValue = {
+//   disabled?: boolean
+// }
+
+// const [AccordionImplProvider, useAccordionContext] =
+//   createAccordionContext<AccordionImplContextValue>(ACCORDION_NAME)
+
+// type AccordionImplElement = TamaguiElement
+// type PrimitiveDivProps = StackProps
+
+// interface AccordionImplProps extends PrimitiveDivProps {
+//   /**
+//    * Whether or not an accordion is disabled from user interaction.
+//    *
+//    * @defaultValue false
+//    */
+//   disabled?: boolean
+// }
+
+// const AccordionImpl = React.forwardRef<AccordionImplElement, AccordionImplProps>(
+//   (props: ScopedProps<AccordionImplProps>, forwardedRef) => {
+//     const { __scopeAccordion, disabled, ...accordionProps } = props
+//     const accordionRef = React.useRef<AccordionImplElement>(null)
+//     const composedRefs = useComposedRefs(accordionRef, forwardedRef)
+//     // const getItems = useCollection(__scopeAccordion)
+
+//     const handleKeyDown = (event: KeyboardEvent) => {
+//       if (!ACCORDION_KEYS.includes(event.key)) return
+//       const target = event.target as HTMLElement
+//       const triggerCollection = [] //getItems().filter((item) => !item.ref.current?.disabled)
+//       const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target)
+//       const triggerCount = triggerCollection.length
+
+//       if (triggerIndex === -1) return
+
+//       // Prevents page scroll while user is navigating
+//       event.preventDefault()
+
+//       let nextIndex = triggerIndex
+//       switch (event.key) {
+//         case 'Home':
+//           nextIndex = 0
+//           break
+//         case 'End':
+//           nextIndex = triggerCount - 1
+//           break
+//         case 'ArrowDown':
+//           nextIndex = triggerIndex + 1
+//           break
+//         case 'ArrowUp':
+//           nextIndex = triggerIndex - 1
+//           if (nextIndex < 0) {
+//             nextIndex = triggerCount - 1
+//           }
+//           break
+//       }
+
+//       const clampedIndex = nextIndex % triggerCount
+//       triggerCollection[clampedIndex].ref.current?.focus()
+//     }
+
+//     return (
+//       <AccordionImplProvider scope={__scopeAccordion} disabled={disabled}>
+//         <Stack
+//           {...accordionProps}
+//           // @ts-ignore
+//           ref={composedRefs}
+//           // @ts-ignore
+//           onKeyDown={disabled ? undefined : handleKeyDown}
+//         />
+//       </AccordionImplProvider>
+//     )
+//   }
+// )
+
+// /* -------------------------------------------------------------------------------------------------
+//  * AccordionItem
+//  * -----------------------------------------------------------------------------------------------*/
+
+// const ITEM_NAME = 'AccordionItem'
+
+// type AccordionItemContextValue = { open?: boolean; disabled?: boolean; triggerId: string }
+// const [AccordionItemProvider, useAccordionItemContext] =
+//   createAccordionContext<AccordionItemContextValue>(ITEM_NAME)
+
+// type AccordionItemElement = TamaguiElement
+// type CollapsibleProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>
+
+// interface AccordionItemProps
+//   extends Omit<CollapsibleProps, 'open' | 'defaultOpen' | 'onOpenChange'> {
+//   /**
+//    * Whether or not an accordion item is disabled from user interaction.
+//    *
+//    * @defaultValue false
+//    */
+//   disabled?: boolean
+//   /**
+//    * A string value for the accordion item. All items within an accordion should use a unique value.
+//    */
+//   value: string
+// }
+
+// /**
+//  * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.
+//  */
+// const AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(
+//   (props: ScopedProps<AccordionItemProps>, forwardedRef) => {
+//     const { __scopeAccordion, value, ...accordionItemProps } = props
+//     const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion)
+//     const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion)
+//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)
+//     const triggerId = useId()
+//     const open = (value && valueContext.value.includes(value)) || false
+//     const disabled = accordionContext.disabled || props.disabled
+
+//     return (
+//       <AccordionItemProvider
+//         scope={__scopeAccordion}
+//         open={open}
+//         disabled={disabled}
+//         triggerId={triggerId}
+//       >
+//         <CollapsiblePrimitive.Root
+//           data-state={open ? 'open' : 'closed'}
+//           {...collapsibleScope}
+//           {...accordionItemProps}
+//           ref={forwardedRef}
+//           disabled={disabled}
+//           open={open}
+//           onOpenChange={(open) => {
+//             if (open) {
+//               valueContext.onItemOpen(value)
+//             } else {
+//               valueContext.onItemClose(value)
+//             }
+//           }}
+//         />
+//       </AccordionItemProvider>
+//     )
+//   }
+// )
+
+// AccordionItem.displayName = ITEM_NAME
+
+// /* -------------------------------------------------------------------------------------------------
+//  * AccordionHeader
+//  * -----------------------------------------------------------------------------------------------*/
+
+// const HEADER_NAME = 'AccordionHeader'
+
+// type AccordionHeaderElement = React.ElementRef<typeof Primitive.h3>
+// type PrimitiveHeading3Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h3>
+// interface AccordionHeaderProps extends PrimitiveHeading3Props {}
+
+// /**
+//  * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible
+//  * whether or not its content is collapsed.
+//  */
+// const AccordionHeader = React.forwardRef<AccordionHeaderElement, AccordionHeaderProps>(
+//   (props: ScopedProps<AccordionHeaderProps>, forwardedRef) => {
+//     const { __scopeAccordion, ...headerProps } = props
+//     const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion)
+//     return (
+//       <Primitive.h3
+//         data-state={getState(itemContext.open)}
+//         data-disabled={itemContext.disabled ? '' : undefined}
+//         {...headerProps}
+//         ref={forwardedRef}
+//       />
+//     )
+//   }
+// )
+
+// AccordionHeader.displayName = HEADER_NAME
+
+// /* -------------------------------------------------------------------------------------------------
+//  * AccordionTrigger
+//  * -----------------------------------------------------------------------------------------------*/
+
+// const TRIGGER_NAME = 'AccordionTrigger'
+
+// type AccordionTriggerElement = React.ElementRef<typeof CollapsiblePrimitive.Trigger>
+// type CollapsibleTriggerProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>
+// interface AccordionTriggerProps extends CollapsibleTriggerProps {}
+
+// /**
+//  * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It
+//  * should always be nested inside of an `AccordionHeader`.
+//  */
+// const AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(
+//   (props: ScopedProps<AccordionTriggerProps>, forwardedRef) => {
+//     const { __scopeAccordion, ...triggerProps } = props
+//     const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion)
+//     const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion)
+//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)
+//     return (
+//       <Collection.ItemSlot scope={__scopeAccordion}>
+//         <CollapsiblePrimitive.Trigger
+//           aria-disabled={(itemContext.open && !collapsibleContext.collapsible) || undefined}
+//           id={itemContext.triggerId}
+//           {...collapsibleScope}
+//           {...triggerProps}
+//           ref={forwardedRef}
+//         />
+//       </Collection.ItemSlot>
+//     )
+//   }
+// )
+
+// AccordionTrigger.displayName = TRIGGER_NAME
+
+// /* -------------------------------------------------------------------------------------------------
+//  * AccordionContent
+//  * -----------------------------------------------------------------------------------------------*/
+
+// const CONTENT_NAME = 'AccordionContent'
+
+// type AccordionContentElement = React.ElementRef<typeof CollapsiblePrimitive.Content>
+// type CollapsibleContentProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>
+// interface AccordionContentProps extends CollapsibleContentProps {}
+
+// /**
+//  * `AccordionContent` contains the collapsible content for an `AccordionItem`.
+//  */
+// const AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(
+//   (props: ScopedProps<AccordionContentProps>, forwardedRef) => {
+//     const { __scopeAccordion, ...contentProps } = props
+//     const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion)
+//     const collapsibleScope = useCollapsibleScope(__scopeAccordion)
+//     return (
+//       <CollapsiblePrimitive.Content
+//         role="region"
+//         aria-labelledby={itemContext.triggerId}
+//         {...collapsibleScope}
+//         {...contentProps}
+//         ref={forwardedRef}
+//         style={{
+//           ['--radix-accordion-content-height' as any]: 'var(--radix-collapsible-content-height)',
+//           ['--radix-accordion-content-width' as any]: 'var(--radix-collapsible-content-width)',
+//           ...props.style,
+//         }}
+//       />
+//     )
+//   }
+// )
+
+// AccordionContent.displayName = CONTENT_NAME
+
+// /* -----------------------------------------------------------------------------------------------*/
+
+// function getState(open?: boolean) {
+//   return open ? 'open' : 'closed'
+// }
+
+// const Root = Accordion
+// const Item = AccordionItem
+// const Header = AccordionHeader
+// const Trigger = AccordionTrigger
+// const Content = AccordionContent
+
+// export {
+//   createAccordionScope,
+//   //
+//   Accordion,
+//   AccordionItem,
+//   AccordionHeader,
+//   AccordionTrigger,
+//   AccordionContent,
+//   //
+//   Root,
+//   Item,
+//   Header,
+//   Trigger,
+//   Content,
+// }
+// export type {
+//   AccordionSingleProps,
+//   AccordionMultipleProps,
+//   AccordionItemProps,
+//   AccordionHeaderProps,
+//   AccordionTriggerProps,
+//   AccordionContentProps,
+// }

package/src/index.ts

@@ -0,0 +1 @@
+export * from './Accordion'