@almadar/ui 5.122.5 → 5.122.7

package/dist/avl/index.cjs

@@ -5152,7 +5152,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React91.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React91.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -26978,6 +26978,15 @@ var init_InputGroup = __esm({
     InputGroup.displayName = "InputGroup";
   }
 });
+var PageTransition;
+var init_PageTransition = __esm({
+  "components/core/molecules/PageTransition.tsx"() {
+    "use client";
+    init_cn();
+    PageTransition = ({ locationKey, children, className }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("animate-page-in", className), children }, locationKey);
+    PageTransition.displayName = "PageTransition";
+  }
+});
 function computePopoverStyle(position, triggerRect, popoverWidth) {
   if (position === "left" || position === "right") {
     return {
@@ -44922,11 +44931,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -45185,11 +45196,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
       "PageHeader": PageHeader,
+      "PageTransition": PageTransition,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
       "PhysicsCanvas": PhysicsCanvas,
       "Popover": Popover,
       "PositionedCanvas": PositionedCanvas,
+      "Presence": Presence,
       "PricingCard": PricingCard,
       "PricingGrid": PricingGrid,
       "PricingOrganism": PricingOrganism,

package/dist/avl/index.js

@@ -5106,7 +5106,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -26932,6 +26932,15 @@ var init_InputGroup = __esm({
     InputGroup.displayName = "InputGroup";
   }
 });
+var PageTransition;
+var init_PageTransition = __esm({
+  "components/core/molecules/PageTransition.tsx"() {
+    "use client";
+    init_cn();
+    PageTransition = ({ locationKey, children, className }) => /* @__PURE__ */ jsx("div", { className: cn("animate-page-in", className), children }, locationKey);
+    PageTransition.displayName = "PageTransition";
+  }
+});
 function computePopoverStyle(position, triggerRect, popoverWidth) {
   if (position === "left" || position === "right") {
     return {
@@ -44876,11 +44885,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -45139,11 +45150,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
       "PageHeader": PageHeader,
+      "PageTransition": PageTransition,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
       "PhysicsCanvas": PhysicsCanvas,
       "Popover": Popover,
       "PositionedCanvas": PositionedCanvas,
+      "Presence": Presence,
       "PricingCard": PricingCard,
       "PricingGrid": PricingGrid,
       "PricingOrganism": PricingOrganism,

package/dist/components/index.cjs

@@ -4141,7 +4141,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React74.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React74.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -44504,11 +44504,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -44767,11 +44769,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": exports.OrbitalVisualization,
       "Overlay": exports.Overlay,
       "PageHeader": exports.PageHeader,
+      "PageTransition": exports.PageTransition,
       "Pagination": exports.Pagination,
       "PatternTile": exports.PatternTile,
       "PhysicsCanvas": exports.PhysicsCanvas,
       "Popover": exports.Popover,
       "PositionedCanvas": exports.PositionedCanvas,
+      "Presence": exports.Presence,
       "PricingCard": exports.PricingCard,
       "PricingGrid": exports.PricingGrid,
       "PricingOrganism": exports.PricingOrganism,

package/dist/components/index.js

@@ -4096,7 +4096,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -44459,11 +44459,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -44722,11 +44724,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
       "PageHeader": PageHeader,
+      "PageTransition": PageTransition,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
       "PhysicsCanvas": PhysicsCanvas,
       "Popover": Popover,
       "PositionedCanvas": PositionedCanvas,
+      "Presence": Presence,
       "PricingCard": PricingCard,
       "PricingGrid": PricingGrid,
       "PricingOrganism": PricingOrganism,

package/dist/providers/index.cjs

@@ -1323,7 +1323,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React84.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React84.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -24712,6 +24712,15 @@ var init_InputGroup = __esm({
     InputGroup.displayName = "InputGroup";
   }
 });
+var PageTransition;
+var init_PageTransition = __esm({
+  "components/core/molecules/PageTransition.tsx"() {
+    "use client";
+    init_cn();
+    PageTransition = ({ locationKey, children, className }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("animate-page-in", className), children }, locationKey);
+    PageTransition.displayName = "PageTransition";
+  }
+});
 function computePopoverStyle(position, triggerRect, popoverWidth) {
   if (position === "left" || position === "right") {
     return {
@@ -43046,11 +43055,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -43309,11 +43320,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
       "PageHeader": PageHeader,
+      "PageTransition": PageTransition,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
       "PhysicsCanvas": PhysicsCanvas,
       "Popover": Popover,
       "PositionedCanvas": PositionedCanvas,
+      "Presence": Presence,
       "PricingCard": PricingCard,
       "PricingGrid": PricingGrid,
       "PricingOrganism": PricingOrganism,

package/dist/providers/index.js

@@ -1278,7 +1278,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -24667,6 +24667,15 @@ var init_InputGroup = __esm({
     InputGroup.displayName = "InputGroup";
   }
 });
+var PageTransition;
+var init_PageTransition = __esm({
+  "components/core/molecules/PageTransition.tsx"() {
+    "use client";
+    init_cn();
+    PageTransition = ({ locationKey, children, className }) => /* @__PURE__ */ jsx("div", { className: cn("animate-page-in", className), children }, locationKey);
+    PageTransition.displayName = "PageTransition";
+  }
+});
 function computePopoverStyle(position, triggerRect, popoverWidth) {
   if (position === "left" || position === "right") {
     return {
@@ -43001,11 +43010,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -43264,11 +43275,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
       "PageHeader": PageHeader,
+      "PageTransition": PageTransition,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
       "PhysicsCanvas": PhysicsCanvas,
       "Popover": Popover,
       "PositionedCanvas": PositionedCanvas,
+      "Presence": Presence,
       "PricingCard": PricingCard,
       "PricingGrid": PricingGrid,
       "PricingOrganism": PricingOrganism,

package/dist/runtime/index.cjs

@@ -1801,7 +1801,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React82.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React82.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -24202,6 +24202,15 @@ var init_InputGroup = __esm({
     InputGroup.displayName = "InputGroup";
   }
 });
+var PageTransition;
+var init_PageTransition = __esm({
+  "components/core/molecules/PageTransition.tsx"() {
+    "use client";
+    init_cn();
+    PageTransition = ({ locationKey, children, className }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("animate-page-in", className), children }, locationKey);
+    PageTransition.displayName = "PageTransition";
+  }
+});
 function computePopoverStyle(position, triggerRect, popoverWidth) {
   if (position === "left" || position === "right") {
     return {
@@ -42417,11 +42426,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -42680,11 +42691,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
       "PageHeader": PageHeader,
+      "PageTransition": PageTransition,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
       "PhysicsCanvas": PhysicsCanvas,
       "Popover": Popover,
       "PositionedCanvas": PositionedCanvas,
+      "Presence": Presence,
       "PricingCard": PricingCard,
       "PricingGrid": PricingGrid,
       "PricingOrganism": PricingOrganism,

package/dist/runtime/index.js

@@ -1757,7 +1757,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;
@@ -24158,6 +24158,15 @@ var init_InputGroup = __esm({
     InputGroup.displayName = "InputGroup";
   }
 });
+var PageTransition;
+var init_PageTransition = __esm({
+  "components/core/molecules/PageTransition.tsx"() {
+    "use client";
+    init_cn();
+    PageTransition = ({ locationKey, children, className }) => /* @__PURE__ */ jsx("div", { className: cn("animate-page-in", className), children }, locationKey);
+    PageTransition.displayName = "PageTransition";
+  }
+});
 function computePopoverStyle(position, triggerRect, popoverWidth) {
   if (position === "left" || position === "right") {
     return {
@@ -42373,11 +42382,13 @@ var init_component_registry_generated = __esm({
     init_OrbitalVisualization();
     init_Overlay();
     init_PageHeader();
+    init_PageTransition();
     init_Pagination();
     init_PatternTile();
     init_PhysicsCanvas();
     init_Popover();
     init_PositionedCanvas();
+    init_Presence();
     init_PricingCard();
     init_PricingGrid();
     init_PricingOrganism();
@@ -42636,11 +42647,13 @@ var init_component_registry_generated = __esm({
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
       "PageHeader": PageHeader,
+      "PageTransition": PageTransition,
       "Pagination": Pagination,
       "PatternTile": PatternTile,
       "PhysicsCanvas": PhysicsCanvas,
       "Popover": Popover,
       "PositionedCanvas": PositionedCanvas,
+      "Presence": Presence,
       "PricingCard": PricingCard,
       "PricingGrid": PricingGrid,
       "PricingOrganism": PricingOrganism,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.122.5",
+  "version": "5.122.7",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [

package/tailwind-preset.cjs

@@ -90,6 +90,17 @@ module.exports = {
   'animate-overlay-in',
   'animate-overlay-out',
   'animate-slide-up',
+  'animate-drawer-in',
+  'animate-drawer-out',
+  'animate-popover-in',
+  'animate-popover-out',
+  'animate-toast-in',
+  'animate-toast-out',
+  'animate-fade-in',
+  'animate-fade-out',
+  'animate-page-in',
+  'animate-page-out',
+  'animate-shimmer',
   
   // Auto-added by audit-tailwind-safelist.ts (2026-03-28)
   'active:scale-[var(--active-scale)]',
@@ -510,20 +521,20 @@ module.exports = {
         // Motion-token-driven durations/easings (fall back to legacy
         // --transition-* so themes that haven't migrated keep working).
         'modal-in': 'modal-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'modal-out': 'modal-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'modal-out': 'modal-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'overlay-in': 'overlay-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'overlay-out': 'overlay-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'overlay-out': 'overlay-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'slide-up': 'slide-up var(--duration-slow, var(--transition-slow, 400ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
         'drawer-in': 'drawer-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
-        'drawer-out': 'drawer-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
+        'drawer-out': 'drawer-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1)) forwards',
         'popover-in': 'popover-in var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'popover-out': 'popover-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'popover-out': 'popover-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'toast-in': 'toast-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
-        'toast-out': 'toast-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'toast-out': 'toast-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'fade-in': 'fade-in var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'fade-out': 'fade-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'fade-out': 'fade-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'page-in': 'page-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'page-out': 'page-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'page-out': 'page-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'shimmer': 'shimmer var(--duration-shimmer, 1.5s) var(--easing-linear, linear) infinite',
       },
       // Density-axis spacing scale. Tailwind's default `p-3` / `gap-4` resolve