Deploying to gh-pages from @ 4a8d60b 🚀

Author: fakundo

assets/BasicTransition-wQ3uPMvp.js assets/BasicTransition-BMuvYdRg.jsassets/BasicTransition-wQ3uPMvp.js renamed to assets/BasicTransition-BMuvYdRg.js

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-CLpGMVip.js";import{r as o}from"./index-B-SYruCi.js";import{T as g}from"./CSSTransition-C2y1aoT6.js";const w={tags:["!dev"]},e={render:()=>{const[n,l]=o.useState(!0),[s,u]=o.useState(!0),c=()=>l(!n),d=()=>u(!s);return t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:c,type:"button",children:"Toggle visibility"}),t.jsxs("label",{children:[t.jsx("input",{type:"checkbox",checked:s,onChange:d}),"Always mounted"]}),t.jsx("hr",{}),t.jsx(g,{in:n,alwaysMounted:s,children:y=>t.jsx("pre",{children:JSON.stringify(y,null,"  ")})})]})}};var i,a,r;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
+import{j as t}from"./jsx-runtime-CLpGMVip.js";import{r as o}from"./index-B-SYruCi.js";import{T as g}from"./CSSTransition-p54P5Xt1.js";const w={tags:["!dev"]},e={render:()=>{const[n,l]=o.useState(!0),[s,u]=o.useState(!0),c=()=>l(!n),d=()=>u(!s);return t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:c,type:"button",children:"Toggle visibility"}),t.jsxs("label",{children:[t.jsx("input",{type:"checkbox",checked:s,onChange:d}),"Always mounted"]}),t.jsx("hr",{}),t.jsx(g,{in:n,alwaysMounted:s,children:y=>t.jsx("pre",{children:JSON.stringify(y,null,"  ")})})]})}};var i,a,r;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
   render: () => {
     const [visible, setVisible] = useState(true);
     const [alwaysMounted, setAlwaysMounted] = useState(true);

…sets/BasicTransition.stories-BtHVkRmp.js …sets/BasicTransition.stories-DCNEB-IS.jsassets/BasicTransition.stories-BtHVkRmp.js renamed to assets/BasicTransition.stories-DCNEB-IS.js assets/BasicTransition.stories-BtHVkRmp.js renamed to assets/BasicTransition.stories-DCNEB-IS.js

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-CLpGMVip.js";import{useMDXComponents as r}from"./index-3LwI-BAG.js";import{M as s,C as t}from"./index-CuPu8Tmx.js";import{Default as d}from"./ConditionalRender.stories-B9V-V7q4.js";import"./index-B-SYruCi.js";import"./iframe-CH3oSKwU.js";import"./index-u5h8o4a9.js";import"./index-C-aVi5AG.js";import"./index-NOh9rqHv.js";import"./CSSTransition-C2y1aoT6.js";import"./StyleFadeTransition-M4YQNHeZ.js";function o(i){const e={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...i.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Examples/Transition Group/Conditional Render"}),`
+import{j as n}from"./jsx-runtime-CLpGMVip.js";import{useMDXComponents as r}from"./index-3LwI-BAG.js";import{M as s,C as t}from"./index-D6dlfkvq.js";import{Default as d}from"./ConditionalRender.stories-vYri3hpO.js";import"./index-B-SYruCi.js";import"./iframe-CuKLPrTB.js";import"./index-u5h8o4a9.js";import"./index-C-aVi5AG.js";import"./index-NOh9rqHv.js";import"./CSSTransition-p54P5Xt1.js";import"./StyleFadeTransition-BWikRFW8.js";function o(i){const e={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...i.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Examples/Transition Group/Conditional Render"}),`
 `,n.jsx(e.h1,{id:"transition-group--conditional-render-example",children:"Transition Group – Conditional Render Example"}),`
 `,n.jsxs(e.p,{children:["This example demonstrates how to use the ",n.jsx(e.code,{children:"TransitionGroup"})," component with conditionally rendered children. By leveraging ",n.jsx(e.code,{children:"TransitionGroup"}),", you can easily handle animations for elements that are dynamically added or removed based on conditions."]}),`
 `,n.jsx(e.h2,{id:"usage",children:"Usage"}),`

assets/CSSTransition-C2y1aoT6.js assets/CSSTransition-p54P5Xt1.jsassets/CSSTransition-C2y1aoT6.js renamed to assets/CSSTransition-p54P5Xt1.js

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-CLpGMVip.js";import{r as n}from"./index-B-SYruCi.js";import{a as g}from"./CSSTransition-C2y1aoT6.js";import{F as o}from"./StyleFadeTransition-M4YQNHeZ.js";const x={tags:["!dev"]},e={render:()=>{const[r,a]=n.useState(!0),[s,h]=n.useState(!0),[i,I]=n.useState(!1),l=()=>a(!r),u=()=>h(!s),T=()=>I(!i);return t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:l,type:"button",children:"Toggle first item"}),t.jsx("button",{onClick:u,type:"button",children:"Toggle second item"}),t.jsx("button",{onClick:T,type:"button",children:"Toggle third item"}),t.jsx("hr",{}),t.jsxs(g,{exit:!0,children:[r&&t.jsx(o,{children:t.jsx("pre",{children:"FIRST ITEM"})}),s&&t.jsx(o,{children:t.jsx("pre",{children:"SECOND ITEM"})}),i&&t.jsx(o,{children:t.jsx("pre",{children:"THIRD ITEM"})})]})]})}};var c,d,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{
+import{j as t}from"./jsx-runtime-CLpGMVip.js";import{r as n}from"./index-B-SYruCi.js";import{a as g}from"./CSSTransition-p54P5Xt1.js";import{F as o}from"./StyleFadeTransition-BWikRFW8.js";const x={tags:["!dev"]},e={render:()=>{const[r,a]=n.useState(!0),[s,h]=n.useState(!0),[i,I]=n.useState(!1),l=()=>a(!r),u=()=>h(!s),T=()=>I(!i);return t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:l,type:"button",children:"Toggle first item"}),t.jsx("button",{onClick:u,type:"button",children:"Toggle second item"}),t.jsx("button",{onClick:T,type:"button",children:"Toggle third item"}),t.jsx("hr",{}),t.jsxs(g,{exit:!0,children:[r&&t.jsx(o,{children:t.jsx("pre",{children:"FIRST ITEM"})}),s&&t.jsx(o,{children:t.jsx("pre",{children:"SECOND ITEM"})}),i&&t.jsx(o,{children:t.jsx("pre",{children:"THIRD ITEM"})})]})]})}};var c,d,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{
   render: () => {
     const [showFirstItem, setShowFirstItem] = useState(true);
     const [showSecondItem, setShowSecondItem] = useState(true);