From 4c8e2cca9cff24867fa6912437646612a2e4ccf9 Mon Sep 17 00:00:00 2001
From: hobbescodes <87732294+hobbescodes@users.noreply.github.com>
Date: Thu, 21 Dec 2023 03:29:02 -0600
Subject: [PATCH] Update animate state control for `Collapse` (#188)

* fix: allow for downstream control for initial animation on mount

* chore(changesets): add changeset for Collapse update
---
 .changeset/real-suns-attend.md               | 5 +++++
 src/components/utility/Collapse/Collapse.tsx | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/real-suns-attend.md

diff --git a/.changeset/real-suns-attend.md b/.changeset/real-suns-attend.md
new file mode 100644
index 00000000..0181b733
--- /dev/null
+++ b/.changeset/real-suns-attend.md
@@ -0,0 +1,5 @@
+---
+"@animareflection/ui": minor
+---
+
+Add control for `Collapse` initial animation on mount
diff --git a/src/components/utility/Collapse/Collapse.tsx b/src/components/utility/Collapse/Collapse.tsx
index a6fec7ec..6f2e7de9 100644
--- a/src/components/utility/Collapse/Collapse.tsx
+++ b/src/components/utility/Collapse/Collapse.tsx
@@ -12,6 +12,7 @@ import type { ReactElement, ReactNode } from "react";
 
 export interface Props extends FlexProps {
   label?: string;
+  animateOnMount?: boolean;
   icon?: ReactElement;
   isOpen?: boolean;
   onOpen?: () => void;
@@ -26,6 +27,7 @@ export interface Props extends FlexProps {
  */
 const Collapse = ({
   label,
+  animateOnMount = false,
   icon,
   isOpen: isOpenProp,
   onOpen,
@@ -76,7 +78,7 @@ const Collapse = ({
           {icon ?? defaultIcon}
         </Icon>
       </Button>
-      <AnimatePresence>
+      <AnimatePresence initial={animateOnMount}>
         {isOpen && (
           <motion.div
             style={{ overflow: "hidden" }}