@optiaxiom/react 0.5.3 → 0.6.0

package/dist/index.js

@@ -1,107 +1,130 @@
-export { Alert } from './src/alert/Alert.js';
-export { AlertDescription } from './src/alert-description/AlertDescription.js';
-export { AlertDialog } from './src/alert-dialog/AlertDialog.js';
-export { AlertDialogAction } from './src/alert-dialog-action/AlertDialogAction.js';
-export { AlertDialogCancel } from './src/alert-dialog-cancel/AlertDialogCancel.js';
-export { AlertDialogContent } from './src/alert-dialog-content/AlertDialogContent.js';
-export { AlertDialogDescription } from './src/alert-dialog-description/AlertDialogDescription.js';
-export { AlertDialogFooter } from './src/alert-dialog-footer/AlertDialogFooter.js';
-export { AlertDialogTitle } from './src/alert-dialog-title/AlertDialogTitle.js';
-export { AlertDialogTrigger } from './src/alert-dialog-trigger/AlertDialogTrigger.js';
-export { AlertTitle } from './src/alert-title/AlertTitle.js';
-export { AnimatePresence } from './src/animate-presence/AnimatePresence.js';
-export { Avatar } from './src/avatar/Avatar.js';
-export { AvatarGroup } from './src/avatar-group/AvatarGroup.js';
-export { AxiomProvider } from './src/axiom-provider/AxiomProvider.js';
-export { Badge } from './src/badge/Badge.js';
-export { Banner } from './src/banner/Banner.js';
-export { BannerDescription } from './src/banner-description/BannerDescription.js';
-export { BannerTitle } from './src/banner-title/BannerTitle.js';
-export { Box } from './src/box/Box.js';
-export { Button } from './src/button/Button.js';
-export { ButtonGroup } from './src/button-group/ButtonGroup.js';
-export { Checkbox } from './src/checkbox/Checkbox.js';
-export { Code } from './src/code/Code.js';
-export { Dialog } from './src/dialog/Dialog.js';
-export { DialogBody } from './src/dialog-body/DialogBody.js';
-export { DialogClose } from './src/dialog-close/DialogClose.js';
-export { DialogContent } from './src/dialog-content/DialogContent.js';
-export { DialogDescription } from './src/dialog-description/DialogDescription.js';
-export { DialogFooter } from './src/dialog-footer/DialogFooter.js';
-export { DialogTitle } from './src/dialog-title/DialogTitle.js';
-export { DialogTrigger } from './src/dialog-trigger/DialogTrigger.js';
-export { Disclosure } from './src/disclosure/Disclosure.js';
-export { DisclosureContent } from './src/disclosure-content/DisclosureContent.js';
-export { DisclosureTrigger } from './src/disclosure-trigger/DisclosureTrigger.js';
-export { Drawer } from './src/drawer/Drawer.js';
-export { DrawerBody } from './src/drawer-body/DrawerBody.js';
-export { DrawerFooter } from './src/drawer-footer/DrawerFooter.js';
-export { DrawerTitle } from './src/drawer-title/DrawerTitle.js';
-export { DropdownMenu } from './src/dropdown-menu/DropdownMenu.js';
-export { DropdownMenuContent } from './src/dropdown-menu-content/DropdownMenuContent.js';
-export { DropdownMenuGroup } from './src/dropdown-menu-group/DropdownMenuGroup.js';
-export { DropdownMenuItem } from './src/dropdown-menu-item/DropdownMenuItem.js';
-export { DropdownMenuLabel } from './src/dropdown-menu-label/DropdownMenuLabel.js';
-export { DropdownMenuSeparator } from './src/dropdown-menu-separator/DropdownMenuSeparator.js';
-export { DropdownMenuSub } from './src/dropdown-menu-sub/DropdownMenuSub.js';
-export { DropdownMenuSubContent } from './src/dropdown-menu-sub-content/DropdownMenuSubContent.js';
-export { DropdownMenuSubTrigger } from './src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js';
-export { DropdownMenuTrigger } from './src/dropdown-menu-trigger/DropdownMenuTrigger.js';
-export { Field } from './src/field/Field.js';
-export { Flex } from './src/flex/Flex.js';
-export { Grid } from './src/grid/Grid.js';
-export { Heading } from './src/heading/Heading.js';
-export { HoverCard } from './src/hover-card/HoverCard.js';
-export { HoverCardContent } from './src/hover-card-content/HoverCardContent.js';
-export { HoverCardTrigger } from './src/hover-card-trigger/HoverCardTrigger.js';
-export { Indicator } from './src/indicator/Indicator.js';
-export { Input } from './src/input/Input.js';
-export { Kbd } from './src/kbd/Kbd.js';
-import * as layers_css from './src/layers/layers-css.js';
+export { Alert } from './packages/react/src/alert/Alert.js';
+export { AlertDescription } from './packages/react/src/alert-description/AlertDescription.js';
+export { AlertDialog } from './packages/react/src/alert-dialog/AlertDialog.js';
+export { AlertDialogAction } from './packages/react/src/alert-dialog-action/AlertDialogAction.js';
+export { AlertDialogCancel } from './packages/react/src/alert-dialog-cancel/AlertDialogCancel.js';
+export { AlertDialogContent } from './packages/react/src/alert-dialog-content/AlertDialogContent.js';
+export { AlertDialogDescription } from './packages/react/src/alert-dialog-description/AlertDialogDescription.js';
+export { AlertDialogFooter } from './packages/react/src/alert-dialog-footer/AlertDialogFooter.js';
+export { AlertDialogTitle } from './packages/react/src/alert-dialog-title/AlertDialogTitle.js';
+export { AlertDialogTrigger } from './packages/react/src/alert-dialog-trigger/AlertDialogTrigger.js';
+export { AlertTitle } from './packages/react/src/alert-title/AlertTitle.js';
+export { AnimatePresence } from './packages/react/src/animate-presence/AnimatePresence.js';
+export { Avatar } from './packages/react/src/avatar/Avatar.js';
+export { AvatarGroup } from './packages/react/src/avatar-group/AvatarGroup.js';
+export { AxiomProvider } from './packages/react/src/axiom-provider/AxiomProvider.js';
+export { Badge } from './packages/react/src/badge/Badge.js';
+export { Banner } from './packages/react/src/banner/Banner.js';
+export { BannerDescription } from './packages/react/src/banner-description/BannerDescription.js';
+export { BannerTitle } from './packages/react/src/banner-title/BannerTitle.js';
+export { Box } from './packages/react/src/box/Box.js';
+export { Button } from './packages/react/src/button/Button.js';
+export { ButtonGroup } from './packages/react/src/button-group/ButtonGroup.js';
+export { Checkbox } from './packages/react/src/checkbox/Checkbox.js';
+export { Code } from './packages/react/src/code/Code.js';
+export { Dialog } from './packages/react/src/dialog/Dialog.js';
+export { DialogActions } from './packages/react/src/dialog-actions/DialogActions.js';
+export { DialogBody } from './packages/react/src/dialog-body/DialogBody.js';
+export { DialogClose } from './packages/react/src/dialog-close/DialogClose.js';
+export { DialogContent } from './packages/react/src/dialog-content/DialogContent.js';
+export { DialogDescription } from './packages/react/src/dialog-description/DialogDescription.js';
+export { DialogFooter } from './packages/react/src/dialog-footer/DialogFooter.js';
+export { DialogHeader } from './packages/react/src/dialog-header/DialogHeader.js';
+export { DialogTitle } from './packages/react/src/dialog-title/DialogTitle.js';
+export { DialogTrigger } from './packages/react/src/dialog-trigger/DialogTrigger.js';
+export { Disclosure } from './packages/react/src/disclosure/Disclosure.js';
+export { DisclosureContent } from './packages/react/src/disclosure-content/DisclosureContent.js';
+export { DisclosureTrigger } from './packages/react/src/disclosure-trigger/DisclosureTrigger.js';
+export { Drawer } from './packages/react/src/drawer/Drawer.js';
+export { DrawerActions } from './packages/react/src/drawer-actions/DrawerActions.js';
+export { DrawerBody } from './packages/react/src/drawer-body/DrawerBody.js';
+export { DrawerClose } from './packages/react/src/drawer-close/DrawerClose.js';
+export { DrawerContent } from './packages/react/src/drawer-content/DrawerContent.js';
+export { DrawerDescription } from './packages/react/src/drawer-description/DrawerDescription.js';
+export { DrawerFooter } from './packages/react/src/drawer-footer/DrawerFooter.js';
+export { DrawerHeader } from './packages/react/src/drawer-header/DrawerHeader.js';
+export { DrawerTitle } from './packages/react/src/drawer-title/DrawerTitle.js';
+export { DrawerTrigger } from './packages/react/src/drawer-trigger/DrawerTrigger.js';
+export { DropdownMenu } from './packages/react/src/dropdown-menu/DropdownMenu.js';
+export { DropdownMenuContent } from './packages/react/src/dropdown-menu-content/DropdownMenuContent.js';
+export { DropdownMenuGroup } from './packages/react/src/dropdown-menu-group/DropdownMenuGroup.js';
+export { DropdownMenuItem } from './packages/react/src/dropdown-menu-item/DropdownMenuItem.js';
+export { DropdownMenuLabel } from './packages/react/src/dropdown-menu-label/DropdownMenuLabel.js';
+export { DropdownMenuSeparator } from './packages/react/src/dropdown-menu-separator/DropdownMenuSeparator.js';
+export { DropdownMenuSub } from './packages/react/src/dropdown-menu-sub/DropdownMenuSub.js';
+export { DropdownMenuSubContent } from './packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js';
+export { DropdownMenuSubTrigger } from './packages/react/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js';
+export { DropdownMenuTrigger } from './packages/react/src/dropdown-menu-trigger/DropdownMenuTrigger.js';
+export { Field } from './packages/react/src/field/Field.js';
+export { Flex } from './packages/react/src/flex/Flex.js';
+export { Grid } from './packages/react/src/grid/Grid.js';
+export { Heading } from './packages/react/src/heading/Heading.js';
+export { HoverCard } from './packages/react/src/hover-card/HoverCard.js';
+export { HoverCardContent } from './packages/react/src/hover-card-content/HoverCardContent.js';
+export { HoverCardTrigger } from './packages/react/src/hover-card-trigger/HoverCardTrigger.js';
+export { Indicator } from './packages/react/src/indicator/Indicator.js';
+export { Input } from './packages/react/src/input/Input.js';
+export { InputAddon } from './packages/react/src/input-addon/InputAddon.js';
+export { InputControl } from './packages/react/src/input-control/InputControl.js';
+export { InputRoot } from './packages/react/src/input-root/InputRoot.js';
+export { Kbd } from './packages/react/src/kbd/Kbd.js';
+import * as layers_css from './packages/react/src/layers/layers-css.js';
 export { layers_css as layers };
-export { Link } from './src/link/Link.js';
-export { MenuButton } from './src/menu-button/MenuButton.js';
-export { Pagination } from './src/pagination/Pagination.js';
-export { Popover } from './src/popover/Popover.js';
-export { PopoverAnchor } from './src/popover-anchor/PopoverAnchor.js';
-export { PopoverContent } from './src/popover-content/PopoverContent.js';
-export { PopoverTrigger } from './src/popover-trigger/PopoverTrigger.js';
-export { Progress } from './src/progress/Progress.js';
-export { Radio } from './src/radio/Radio.js';
-export { RadioGroup } from './src/radio-group/RadioGroup.js';
-export { SearchInput } from './src/search-input/SearchInput.js';
-export { SegmentedControl } from './src/segmented-control/SegmentedControl.js';
-export { SegmentedControlItem } from './src/segmented-control-item/SegmentedControlItem.js';
-export { Separator } from './src/separator/Separator.js';
-export { Sidenav } from './src/sidenav/Sidenav.js';
-export { SidenavAccountItem } from './src/sidenav-account-item/SidenavAccountItem.js';
-export { SidenavContent } from './src/sidenav-content/SidenavContent.js';
-export { SidenavFooter } from './src/sidenav-footer/SidenavFooter.js';
-export { SidenavHeader } from './src/sidenav-header/SidenavHeader.js';
-export { SidenavItem } from './src/sidenav-item/SidenavItem.js';
-export { SidenavToggle } from './src/sidenav-toggle/SidenavToggle.js';
-export { Skeleton } from './src/skeleton/Skeleton.js';
-export { Spinner } from './src/spinner/Spinner.js';
-export { extractSprinkles } from './src/sprinkles/extractSprinkles.js';
-export { mapResponsiveValue, sprinkles } from './src/sprinkles/sprinkles.js';
-export { sprinklesMerge } from './src/sprinkles/sprinklesMerge.js';
-export { Switch } from './src/switch/Switch.js';
-export { Tabs } from './src/tabs/Tabs.js';
-export { TabsContent } from './src/tabs-content/TabsContent.js';
-export { TabsList } from './src/tabs-list/TabsList.js';
-export { TabsTrigger } from './src/tabs-trigger/TabsTrigger.js';
-export { Text } from './src/text/Text.js';
-export { Textarea } from './src/textarea/Textarea.js';
-export { ThemeProvider } from './src/theme-provider/ThemeProvider.js';
-export { Toast } from './src/toast/Toast.js';
-export { ToastAction } from './src/toast-action/ToastAction.js';
+export { Link } from './packages/react/src/link/Link.js';
+export { Listbox } from './packages/react/src/listbox/Listbox.js';
+export { ListboxCheckboxItem } from './packages/react/src/listbox-checkbox-item/ListboxCheckboxItem.js';
+export { ListboxEmpty } from './packages/react/src/listbox-empty/ListboxEmpty.js';
+export { ListboxFooter } from './packages/react/src/listbox-footer/ListboxFooter.js';
+export { ListboxGroup } from './packages/react/src/listbox-group/ListboxGroup.js';
+export { ListboxItem } from './packages/react/src/listbox-item/ListboxItem.js';
+export { ListboxItemIndicator } from './packages/react/src/listbox-item-indicator/ListboxItemIndicator.js';
+export { ListboxLabel } from './packages/react/src/listbox-label/ListboxLabel.js';
+export { ListboxRadioItem } from './packages/react/src/listbox-radio-item/ListboxRadioItem.js';
+export { ListboxScrollArea } from './packages/react/src/listbox-scroll-area/ListboxScrollArea.js';
+export { ListboxSeparator } from './packages/react/src/listbox-separator/ListboxSeparator.js';
+export { MenuButton } from './packages/react/src/menu-button/MenuButton.js';
+export { Pagination } from './packages/react/src/pagination/Pagination.js';
+export { Paper } from './packages/react/src/paper/Paper.js';
+export { Popover } from './packages/react/src/popover/Popover.js';
+export { PopoverAnchor } from './packages/react/src/popover-anchor/PopoverAnchor.js';
+export { PopoverContent } from './packages/react/src/popover-content/PopoverContent.js';
+export { PopoverTrigger } from './packages/react/src/popover-trigger/PopoverTrigger.js';
+export { Progress } from './packages/react/src/progress/Progress.js';
+export { Radio } from './packages/react/src/radio/Radio.js';
+export { RadioGroup } from './packages/react/src/radio-group/RadioGroup.js';
+export { SearchInput } from './packages/react/src/search-input/SearchInput.js';
+export { SegmentedControl } from './packages/react/src/segmented-control/SegmentedControl.js';
+export { SegmentedControlItem } from './packages/react/src/segmented-control-item/SegmentedControlItem.js';
+export { Separator } from './packages/react/src/separator/Separator.js';
+export { Sidenav } from './packages/react/src/sidenav/Sidenav.js';
+export { SidenavAccountItem } from './packages/react/src/sidenav-account-item/SidenavAccountItem.js';
+export { SidenavContent } from './packages/react/src/sidenav-content/SidenavContent.js';
+export { SidenavFooter } from './packages/react/src/sidenav-footer/SidenavFooter.js';
+export { SidenavHeader } from './packages/react/src/sidenav-header/SidenavHeader.js';
+export { SidenavItem } from './packages/react/src/sidenav-item/SidenavItem.js';
+export { SidenavToggle } from './packages/react/src/sidenav-toggle/SidenavToggle.js';
+export { Skeleton } from './packages/react/src/skeleton/Skeleton.js';
+export { Spinner } from './packages/react/src/spinner/Spinner.js';
+export { extractSprinkles } from './packages/react/src/sprinkles/extractSprinkles.js';
+export { mapResponsiveValue, sprinkles } from './packages/react/src/sprinkles/sprinkles.js';
+export { sprinklesMerge } from './packages/react/src/sprinkles/sprinklesMerge.js';
+export { Switch } from './packages/react/src/switch/Switch.js';
+export { Tabs } from './packages/react/src/tabs/Tabs.js';
+export { TabsContent } from './packages/react/src/tabs-content/TabsContent.js';
+export { TabsList } from './packages/react/src/tabs-list/TabsList.js';
+export { TabsTrigger } from './packages/react/src/tabs-trigger/TabsTrigger.js';
+export { Text } from './packages/react/src/text/Text.js';
+export { Textarea } from './packages/react/src/textarea/Textarea.js';
+export { ThemeProvider } from './packages/react/src/theme-provider/ThemeProvider.js';
+export { Toast } from './packages/react/src/toast/Toast.js';
+export { ToastAction } from './packages/react/src/toast-action/ToastAction.js';
 export { createToaster, toaster } from '@optiaxiom/globals';
-export { ToastProvider } from './src/toast-provider/ToastProvider.js';
-export { ToastTitle } from './src/toast-title/ToastTitle.js';
-export { ToggleButton } from './src/toggle-button/ToggleButton.js';
-export { Tooltip } from './src/tooltip/Tooltip.js';
-export { TooltipContent } from './src/tooltip-content/TooltipContent.js';
-export { TooltipRoot } from './src/tooltip-root/TooltipRoot.js';
-export { TooltipTrigger } from './src/tooltip-trigger/TooltipTrigger.js';
-export { Transition } from './src/transition/Transition.js';
-export { TransitionGlobalConfig } from './src/transition/TransitionGlobalConfig.js';
+export { ToastProvider } from './packages/react/src/toast-provider/ToastProvider.js';
+export { ToastTitle } from './packages/react/src/toast-title/ToastTitle.js';
+export { ToggleButton } from './packages/react/src/toggle-button/ToggleButton.js';
+export { Tooltip } from './packages/react/src/tooltip/Tooltip.js';
+export { TooltipContent } from './packages/react/src/tooltip-content/TooltipContent.js';
+export { TooltipRoot } from './packages/react/src/tooltip-root/TooltipRoot.js';
+export { TooltipTrigger } from './packages/react/src/tooltip-trigger/TooltipTrigger.js';
+export { Transition } from './packages/react/src/transition/Transition.js';
+export { TransitionGlobalConfig } from './packages/react/src/transition/TransitionGlobalConfig.js';

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js

@@ -0,0 +1,57 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useCallback, useMemo } from 'react';
+import { useId } from '@reach/auto-id';
+import { PresenceContext } from '../../context/PresenceContext.js';
+import { useConstant } from '../../utils/use-constant.js';
+
+const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {
+    const presenceChildren = useConstant(newChildrenMap);
+    const id = useId();
+    const memoizedOnExitComplete = useCallback((childId) => {
+        presenceChildren.set(childId, true);
+        for (const isComplete of presenceChildren.values()) {
+            if (!isComplete)
+                return; // can stop searching when any is incomplete
+        }
+        onExitComplete && onExitComplete();
+    }, [presenceChildren, onExitComplete]);
+    const context = useMemo(() => ({
+        id,
+        initial,
+        isPresent,
+        custom,
+        onExitComplete: memoizedOnExitComplete,
+        register: (childId) => {
+            presenceChildren.set(childId, false);
+            return () => presenceChildren.delete(childId);
+        },
+    }), 
+    /**
+     * If the presence of a child affects the layout of the components around it,
+     * we want to make a new context value to ensure they get re-rendered
+     * so they can detect that layout change.
+     */
+    presenceAffectsLayout
+        ? [Math.random(), memoizedOnExitComplete]
+        : [isPresent, memoizedOnExitComplete]);
+    useMemo(() => {
+        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+    }, [isPresent]);
+    /**
+     * If there's no `motion` components to fire exit animations, we want to remove this
+     * component immediately.
+     */
+    React.useEffect(() => {
+        !isPresent &&
+            !presenceChildren.size &&
+            onExitComplete &&
+            onExitComplete();
+    }, [isPresent]);
+    return (jsx(PresenceContext.Provider, { value: context, children: children }));
+};
+function newChildrenMap() {
+    return new Map();
+}
+
+export { PresenceChild };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js

@@ -0,0 +1,162 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo, useRef, useState, useContext } from 'react';
+import { PresenceChild } from './PresenceChild.js';
+import { LayoutGroupContext } from '../../context/LayoutGroupContext.js';
+import { invariant } from '../../utils/errors.js';
+import { useConstant } from '../../utils/use-constant.js';
+import { onlyElements, getChildKey } from './utils.js';
+import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.js';
+
+/**
+ * `AnimatePresence` enables the animation of components that have been removed from the tree.
+ *
+ * When adding/removing more than a single child, every child **must** be given a unique `key` prop.
+ *
+ * Any `motion` components that have an `exit` property defined will animate out when removed from
+ * the tree.
+ *
+ * ```jsx
+ * import { motion, AnimatePresence } from 'framer-motion'
+ *
+ * export const Items = ({ items }) => (
+ *   <AnimatePresence>
+ *     {items.map(item => (
+ *       <motion.div
+ *         key={item.id}
+ *         initial={{ opacity: 0 }}
+ *         animate={{ opacity: 1 }}
+ *         exit={{ opacity: 0 }}
+ *       />
+ *     ))}
+ *   </AnimatePresence>
+ * )
+ * ```
+ *
+ * You can sequence exit animations throughout a tree using variants.
+ *
+ * If a child contains multiple `motion` components with `exit` props, it will only unmount the child
+ * once all `motion` components have finished animating out. Likewise, any components using
+ * `usePresence` all need to call `safeToRemove`.
+ *
+ * @public
+ */
+const AnimatePresence = ({ children, exitBeforeEnter, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", }) => {
+    invariant(!exitBeforeEnter, "Replace exitBeforeEnter with mode='wait'");
+    /**
+     * Filter any children that aren't ReactElements. We can only track components
+     * between renders with a props.key.
+     */
+    const presentChildren = useMemo(() => onlyElements(children), [children]);
+    /**
+     * Track the keys of the currently rendered children. This is used to
+     * determine which children are exiting.
+     */
+    const presentKeys = presentChildren.map(getChildKey);
+    /**
+     * If `initial={false}` we only want to pass this to components in the first render.
+     */
+    const isInitialRender = useRef(true);
+    /**
+     * A ref containing the currently present children. When all exit animations
+     * are complete, we use this to re-render the component with the latest children
+     * *committed* rather than the latest children *rendered*.
+     */
+    const pendingPresentChildren = useRef(presentChildren);
+    /**
+     * Track which exiting children have finished animating out.
+     */
+    const exitComplete = useConstant(() => new Map());
+    /**
+     * Save children to render as React state. To ensure this component is concurrent-safe,
+     * we check for exiting children via an effect.
+     */
+    const [diffedChildren, setDiffedChildren] = useState(presentChildren);
+    const [renderedChildren, setRenderedChildren] = useState(presentChildren);
+    useIsomorphicLayoutEffect(() => {
+        isInitialRender.current = false;
+        pendingPresentChildren.current = presentChildren;
+        /**
+         * Update complete status of exiting children.
+         */
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const key = getChildKey(renderedChildren[i]);
+            if (!presentKeys.includes(key)) {
+                if (exitComplete.get(key) !== true) {
+                    exitComplete.set(key, false);
+                }
+            }
+            else {
+                exitComplete.delete(key);
+            }
+        }
+    }, [renderedChildren, presentKeys.length, presentKeys.join("-")]);
+    const exitingChildren = [];
+    if (presentChildren !== diffedChildren) {
+        let nextChildren = [...presentChildren];
+        /**
+         * Loop through all the currently rendered components and decide which
+         * are exiting.
+         */
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const child = renderedChildren[i];
+            const key = getChildKey(child);
+            if (!presentKeys.includes(key)) {
+                nextChildren.splice(i, 0, child);
+                exitingChildren.push(child);
+            }
+        }
+        /**
+         * If we're in "wait" mode, and we have exiting children, we want to
+         * only render these until they've all exited.
+         */
+        if (mode === "wait" && exitingChildren.length) {
+            nextChildren = exitingChildren;
+        }
+        setRenderedChildren(onlyElements(nextChildren));
+        setDiffedChildren(presentChildren);
+        /**
+         * Early return to ensure once we've set state with the latest diffed
+         * children, we can immediately re-render.
+         */
+        return;
+    }
+    if (process.env.NODE_ENV !== "production" &&
+        mode === "wait" &&
+        renderedChildren.length > 1) {
+        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+    }
+    /**
+     * If we've been provided a forceRender function by the LayoutGroupContext,
+     * we can use it to force a re-render amongst all surrounding components once
+     * all components have finished animating out.
+     */
+    const { forceRender } = useContext(LayoutGroupContext);
+    return (jsx(Fragment, { children: renderedChildren.map((child) => {
+            const key = getChildKey(child);
+            const isPresent = presentChildren === renderedChildren ||
+                presentKeys.includes(key);
+            const onExit = () => {
+                if (exitComplete.has(key)) {
+                    exitComplete.set(key, true);
+                }
+                else {
+                    return;
+                }
+                let isEveryExitComplete = true;
+                exitComplete.forEach((isExitComplete) => {
+                    if (!isExitComplete)
+                        isEveryExitComplete = false;
+                });
+                if (isEveryExitComplete) {
+                    forceRender === null || forceRender === void 0 ? void 0 : forceRender();
+                    setRenderedChildren(pendingPresentChildren.current);
+                    onExitComplete && onExitComplete();
+                }
+            };
+            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial
+                    ? undefined
+                    : false, custom: isPresent ? undefined : custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, children: child }, key));
+        }) }));
+};
+
+export { AnimatePresence };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js

@@ -0,0 +1,41 @@
+import { useId } from '@reach/auto-id';
+import { useContext, useEffect, useCallback } from 'react';
+import { PresenceContext } from '../../context/PresenceContext.js';
+
+/**
+ * When a component is the child of `AnimatePresence`, it can use `usePresence`
+ * to access information about whether it's still present in the React tree.
+ *
+ * ```jsx
+ * import { usePresence } from "framer-motion"
+ *
+ * export const Component = () => {
+ *   const [isPresent, safeToRemove] = usePresence()
+ *
+ *   useEffect(() => {
+ *     !isPresent && setTimeout(safeToRemove, 1000)
+ *   }, [isPresent])
+ *
+ *   return <div />
+ * }
+ * ```
+ *
+ * If `isPresent` is `false`, it means that a component has been removed the tree, but
+ * `AnimatePresence` won't really remove it until `safeToRemove` has been called.
+ *
+ * @public
+ */
+function usePresence() {
+    const context = useContext(PresenceContext);
+    if (context === null)
+        return [true, null];
+    const { isPresent, onExitComplete, register } = context;
+    // It's safe to call the following hooks conditionally (after an early return) because the context will always
+    // either be null or non-null for the lifespan of the component.
+    const id = useId();
+    useEffect(() => register(id), []);
+    const safeToRemove = useCallback(() => onExitComplete && onExitComplete(id), [id, onExitComplete]);
+    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
+}
+
+export { usePresence };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/utils.js

@@ -0,0 +1,14 @@
+import { Children, isValidElement } from 'react';
+
+const getChildKey = (child) => child.key || "";
+function onlyElements(children) {
+    const filtered = [];
+    // We use forEach here instead of map as map mutates the component key by preprending `.$`
+    Children.forEach(children, (child) => {
+        if (isValidElement(child))
+            filtered.push(child);
+    });
+    return filtered;
+}
+
+export { getChildKey, onlyElements };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const LayoutGroupContext = createContext({});
+
+export { LayoutGroupContext };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/PresenceContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+/**
+ * @public
+ */
+const PresenceContext = createContext(null);
+
+export { PresenceContext };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/errors.js

@@ -0,0 +1,12 @@
+import { noop } from './noop.js';
+
+let invariant = noop;
+if (process.env.NODE_ENV !== "production") {
+    invariant = (check, message) => {
+        if (!check) {
+            throw new Error(message);
+        }
+    };
+}
+
+export { invariant };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/is-browser.js

@@ -0,0 +1,3 @@
+const isBrowser = typeof window !== "undefined";
+
+export { isBrowser };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/noop.js

@@ -0,0 +1,3 @@
+const noop = (any) => any;
+
+export { noop };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-constant.js

@@ -0,0 +1,18 @@
+import { useRef } from 'react';
+
+/**
+ * Creates a constant value over the lifecycle of a component.
+ *
+ * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer
+ * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`
+ * you can ensure that initialisers don't execute twice or more.
+ */
+function useConstant(init) {
+    const ref = useRef(null);
+    if (ref.current === null) {
+        ref.current = init();
+    }
+    return ref.current;
+}
+
+export { useConstant };

package/dist/node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from 'react';
+import { isBrowser } from './is-browser.js';
+
+const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
+
+export { useIsomorphicLayoutEffect };

package/dist/packages/react/package.json.js

@@ -0,0 +1,3 @@
+var version = "0.6.0";
+
+export { version };

package/dist/{src → packages/react/src}/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/packages/react/src/alert-dialog-content/AlertDialogContent-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Dv1yxjr8.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'m0865v']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_12et29l'],variants:{size:{sm:'d5eqko',md:'r53193',lg:'_1jwtqk8'}}});
+
+export { container, content };