@schemavaults/ui 0.101.0 → 0.104.0

package/dist/components/layout/dashboard-layout/DashboardLayoutProps.d.ts

@@ -2,6 +2,7 @@ import type { PropsWithChildren, ReactNode } from "react";
 import type { CustomizableDashboardLayoutComponent } from "./customizable-dashboard-component-type";
 import type { DashboardSidebarItemsAndGroupsDefinitions, DashboardLayoutSidebarSizing } from "./dashboard-sidebar";
 import type { LinkComponentType } from "../../../types/Link";
+import type { DashboardLayoutReducedMotionSetting } from "./dashboard-layout-reduced-motion";
 export interface DashboardLayoutProps extends PropsWithChildren {
     wordmark: ReactNode;
     logo: ReactNode;
@@ -42,4 +43,22 @@ export interface DashboardLayoutProps extends PropsWithChildren {
      * `false`, preserving the previous print behaviour.
      */
     printHidden?: boolean;
+    /**
+     * How the layout decides whether to animate — the sidebar expanding and
+     * collapsing, the content area sliding across, the wordmark and group
+     * labels fading in, and the mobile sidebar's slide-in.
+     *
+     * - `"user"` (default) — honour the `prefers-reduced-motion` media query:
+     *   every one of those movements becomes an instant state change when the
+     *   viewer has asked their OS for reduced motion.
+     * - `"always"` — never animate. Use this to drive the layout from an
+     *   in-app "reduce motion" preference.
+     * - `"never"` — always animate, even when the OS asks otherwise.
+     *
+     * The setting is applied through Framer Motion's `MotionConfig`, so it also
+     * reaches motion components rendered in `children`, `topBarButtons` and
+     * `sidebarFooterContent`. Wrap a subtree in your own `MotionConfig` to opt
+     * part of the page back out.
+     */
+    reducedMotion?: DashboardLayoutReducedMotionSetting;
 }

package/dist/components/layout/dashboard-layout/dashboard-layout-main-content-container.js

@@ -2,10 +2,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDashboardSidebarSizing, useDashboardSidebarOpenState, } from "./dashboard-sidebar";
 import { cn } from "../../../lib/utils";
+import { reducedMotionClassName, } from "./dashboard-layout-reduced-motion";
+import { useDashboardLayoutReducedMotionSetting } from "./useDashboardLayoutReducedMotion";
 export function DashboardLayoutMainContentContainer({ children, printHidden = false, }) {
     const openState = useDashboardSidebarOpenState();
     const size = useDashboardSidebarSizing();
-    return (_jsx("div", { id: "dashboard-layout-main-content-container", className: cn("absolute", "h-full grow", "flex flex-col flex-nowrap justify-start items-stretch", "overflow-x-hidden overflow-y-scroll", "overscroll-none", "no-scrollbar", "max-md:w-full", "transition-[width,left] ease-linear will-change-[width]", openState.open
+    const reducedMotion = useDashboardLayoutReducedMotionSetting();
+    return (_jsx("div", { id: "dashboard-layout-main-content-container", className: cn("absolute", "h-full grow", "flex flex-col flex-nowrap justify-start items-stretch", "overflow-x-hidden overflow-y-scroll", "overscroll-none", "no-scrollbar", "max-md:w-full", "transition-[width,left] ease-linear will-change-[width]", 
+        // Reduced motion: jump to the new width/offset instead of sliding the
+        // whole page across as the sidebar opens.
+        reducedMotionClassName(reducedMotion), openState.open
             ? size.content_container_desktop_sidebar_open_width_classname
             : size.content_container_desktop_sidebar_closed_width_classname, "max-md:left-0", openState.open
             ? size.content_container_desktop_sidebar_open_left_classname

package/dist/components/layout/dashboard-layout/dashboard-layout-main-content-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-layout-main-content-container.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/dashboard-layout-main-content-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAajC,MAAM,UAAU,mCAAmC,CAAC,EAClD,QAAQ,EACR,WAAW,GAAG,KAAK,GACsB;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IAEzC,OAAO,CACL,cACE,EAAE,EAAC,yCAAyC,EAC5C,SAAS,EAAE,EAAE,CACX,UAAU,EACV,aAAa,EACb,uDAAuD,EACvD,qCAAqC,EACrC,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,yDAAyD,EACzD,SAAS,CAAC,IAAI;YACZ,CAAC,CAAC,IAAI,CAAC,sDAAsD;YAC7D,CAAC,CAAC,IAAI,CAAC,wDAAwD,EACjE,eAAe,EACf,SAAS,CAAC,IAAI;YACZ,CAAC,CAAC,IAAI,CAAC,qDAAqD;YAC5D,CAAC,CAAC,IAAI,CAAC,uDAAuD;QAChE,qEAAqE;QACrE,uEAAuE;QACvE,uBAAuB;QACvB,WAAW;YACT,4EAA4E,CAC/E,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"dashboard-layout-main-content-container.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/dashboard-layout-main-content-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,sBAAsB,GAEvB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,sCAAsC,EAAE,MAAM,mCAAmC,CAAC;AAa3F,MAAM,UAAU,mCAAmC,CAAC,EAClD,QAAQ,EACR,WAAW,GAAG,KAAK,GACsB;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,aAAa,GACjB,sCAAsC,EAAE,CAAC;IAE3C,OAAO,CACL,cACE,EAAE,EAAC,yCAAyC,EAC5C,SAAS,EAAE,EAAE,CACX,UAAU,EACV,aAAa,EACb,uDAAuD,EACvD,qCAAqC,EACrC,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,yDAAyD;QACzD,sEAAsE;QACtE,0CAA0C;QAC1C,sBAAsB,CAAC,aAAa,CAAC,EACrC,SAAS,CAAC,IAAI;YACZ,CAAC,CAAC,IAAI,CAAC,sDAAsD;YAC7D,CAAC,CAAC,IAAI,CAAC,wDAAwD,EACjE,eAAe,EACf,SAAS,CAAC,IAAI;YACZ,CAAC,CAAC,IAAI,CAAC,qDAAqD;YAC5D,CAAC,CAAC,IAAI,CAAC,uDAAuD;QAChE,qEAAqE;QACrE,uEAAuE;QACvE,uBAAuB;QACvB,WAAW;YACT,4EAA4E,CAC/E,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,mCAAmC,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-layout-reduced-motion.d.ts

@@ -0,0 +1,43 @@
+/**
+ * How `DashboardLayout` decides whether to animate.
+ *
+ * Mirrors Framer Motion's `MotionConfig` `reducedMotion` setting, which is
+ * what the layout hands down to its own `m.*` elements:
+ *
+ * - `"user"` — follow the `prefers-reduced-motion` media query (the default).
+ * - `"always"` — never animate, regardless of the OS setting. Use this to
+ *   drive the layout from an in-app "reduce motion" preference.
+ * - `"never"` — always animate, ignoring the OS setting.
+ */
+export type DashboardLayoutReducedMotionSetting = "user" | "always" | "never";
+/**
+ * `DashboardLayout` honours `prefers-reduced-motion` unless a consumer opts
+ * out, so the default setting is `"user"` rather than Framer Motion's own
+ * `"never"` default.
+ */
+export declare const DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING: "user";
+/**
+ * Classnames that stop an element's CSS transitions and keyframe animations
+ * when motion is reduced.
+ *
+ * Framer Motion covers the parts of the layout that animate in JavaScript
+ * (the wordmark, the group labels, and the `layout` reflow of the menu), but
+ * the sidebar width, the content container's width/offset, the header, and
+ * the mobile sidebar's slide-in are plain CSS — they have to be switched off
+ * in CSS too.
+ *
+ * Keying this off the setting rather than a resolved boolean is deliberate:
+ *
+ * - `"user"` becomes a `motion-reduce:` media query, so the preference is
+ *   honoured during SSR and before hydration. The sidebar cannot slide once
+ *   on first paint and only then start respecting the setting.
+ * - `"always"` is a preference no media query can express, so it is applied
+ *   unconditionally.
+ * - `"never"` emits nothing at all — a media query here would override the
+ *   very opt-out the consumer asked for.
+ *
+ * The utilities are `!important` so they beat the `data-[state]`-qualified
+ * animation utilities on the mobile sidebar's `Sheet`, which carry a higher
+ * specificity than a plain utility class.
+ */
+export declare function reducedMotionClassName(setting: DashboardLayoutReducedMotionSetting): string;

package/dist/components/layout/dashboard-layout/dashboard-layout-reduced-motion.js

@@ -0,0 +1,41 @@
+/**
+ * `DashboardLayout` honours `prefers-reduced-motion` unless a consumer opts
+ * out, so the default setting is `"user"` rather than Framer Motion's own
+ * `"never"` default.
+ */
+export const DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING = "user";
+/**
+ * Classnames that stop an element's CSS transitions and keyframe animations
+ * when motion is reduced.
+ *
+ * Framer Motion covers the parts of the layout that animate in JavaScript
+ * (the wordmark, the group labels, and the `layout` reflow of the menu), but
+ * the sidebar width, the content container's width/offset, the header, and
+ * the mobile sidebar's slide-in are plain CSS — they have to be switched off
+ * in CSS too.
+ *
+ * Keying this off the setting rather than a resolved boolean is deliberate:
+ *
+ * - `"user"` becomes a `motion-reduce:` media query, so the preference is
+ *   honoured during SSR and before hydration. The sidebar cannot slide once
+ *   on first paint and only then start respecting the setting.
+ * - `"always"` is a preference no media query can express, so it is applied
+ *   unconditionally.
+ * - `"never"` emits nothing at all — a media query here would override the
+ *   very opt-out the consumer asked for.
+ *
+ * The utilities are `!important` so they beat the `data-[state]`-qualified
+ * animation utilities on the mobile sidebar's `Sheet`, which carry a higher
+ * specificity than a plain utility class.
+ */
+export function reducedMotionClassName(setting) {
+    switch (setting) {
+        case "always":
+            return "!transition-none !animate-none";
+        case "never":
+            return "";
+        case "user":
+            return "motion-reduce:!transition-none motion-reduce:!animate-none";
+    }
+}
+//# sourceMappingURL=dashboard-layout-reduced-motion.js.map

package/dist/components/layout/dashboard-layout/dashboard-layout-reduced-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-reduced-motion.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/dashboard-layout-reduced-motion.ts"],"names":[],"mappings":"AAaA;;;;GAIG;AACH,MAAM,CAAC,MAAM,+CAA+C,GAC1D,MAA6D,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,sBAAsB,CACpC,OAA4C;IAE5C,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,gCAAgC,CAAC;QAC1C,KAAK,OAAO;YACV,OAAO,EAAE,CAAC;QACZ,KAAK,MAAM;YACT,OAAO,4DAA4D,CAAC;IACxE,CAAC;AACH,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-layout.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from "react";
 import type { DashboardLayoutProps } from "./DashboardLayoutProps";
 export type { DashboardLayoutProps };
-export declare function DashboardLayout({ children, wordmark, logo, Link, brandHref, topBarTitle, usePathname, printHidden, sidebarOpenWidth, ...props }: DashboardLayoutProps): ReactElement;
+export declare function DashboardLayout({ children, wordmark, logo, Link, brandHref, topBarTitle, usePathname, printHidden, sidebarOpenWidth, reducedMotion, ...props }: DashboardLayoutProps): ReactElement;
 export default DashboardLayout;

package/dist/components/layout/dashboard-layout/dashboard-layout.js

@@ -4,6 +4,9 @@ import DashboardSidebar, { DashboardLayoutSidebarTrigger, DashboardSidebarContex
 import { Separator } from "../../ui/separator";
 import DashboardLayoutMainContentContainer from "./dashboard-layout-main-content-container";
 import { cn } from "../../../lib/utils";
+import { MotionConfig } from "../../../framer-motion";
+import { reducedMotionClassName, } from "./dashboard-layout-reduced-motion";
+import { useResolvedDashboardLayoutReducedMotionSetting } from "./useDashboardLayoutReducedMotion";
 /**
  *
  * @param param0 DashboardLayoutProps
@@ -18,8 +21,13 @@ function AutoCloseSidebarOnNavigation({ usePathname, }) {
     useCloseDashboardSidebarOnRouteChange(usePathname);
     return null;
 }
-export function DashboardLayout({ children, wordmark, logo, Link, brandHref, topBarTitle, usePathname, printHidden = false, sidebarOpenWidth, ...props }) {
+export function DashboardLayout({ children, wordmark, logo, Link, brandHref, topBarTitle, usePathname, printHidden = false, sidebarOpenWidth, reducedMotion, ...props }) {
     const size = useDashboardSidebarSizing();
+    // Resolved once, here, and published on the subtree through `MotionConfig`
+    // below. Everything the layout animates — in CSS or in Framer Motion —
+    // reads it back from there, so the two halves cannot disagree about whether
+    // the layout is animating.
+    const reducedMotionSetting = useResolvedDashboardLayoutReducedMotionSetting(reducedMotion);
     // The open-width override travels as a CSS custom property on the root
     // container. The default sizing classnames for the expanded sidebar and the
     // content container's open-state width/offset read it with a 14rem
@@ -39,13 +47,19 @@ export function DashboardLayout({ children, wordmark, logo, Link, brandHref, top
         }
     }
     const TopBarButtonsComponent = props.topBarButtons;
-    return (_jsxs(DashboardSidebarContextProvider, { sidebarItems: props.sidebarItems, sizing: props.sizing, sidebarOpenWidth: sidebarOpenWidth, onOpenSidebar: props.onOpenSidebar, onCloseSidebar: props.onCloseSidebar, children: [typeof usePathname === "function" && (_jsx(AutoCloseSidebarOnNavigation, { usePathname: usePathname })), _jsxs("div", { id: "dashboard-layout-container", className: cn("w-full h-dvh min-h-dvh", 
-                // When hiding chrome for print, let the container grow to fit all
-                // page content across printed pages instead of clamping to the
-                // on-screen viewport height.
-                printHidden && "print:h-auto print:min-h-0"), style: containerStyle, children: [_jsx(DashboardSidebar, { wordmark: wordmark, Link: Link, brandHref: brandHref, logo: logo, sidebarFooterContent: props.sidebarFooterContent, className: cn(printHidden && "print:hidden") }), _jsxs(DashboardLayoutMainContentContainer, { printHidden: printHidden, children: [_jsx("header", { id: "dashboard-layout-main-content-header", className: cn("sticky top-0", "flex shrink-0 items-center gap-2", "transition-[width,height] ease-linear", "bg-background", "border-b border-border", size.sidebar_and_header_z_index_classname, printHidden && "print:hidden"), style: {
-                                    height: size.header_height,
-                                }, children: _jsxs("div", { className: "flex flex-row justify-between items-center gap-2 px-4 w-full", children: [_jsx(DashboardLayoutSidebarTrigger, {}), _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(HeaderBarPageIdentifierComponent, {}), _jsx("div", { role: "none", className: "grow" }), typeof TopBarButtonsComponent === "function" && (_jsx(TopBarButtonsComponent, { useDashboardSidebarSizing: useDashboardSidebarSizing, useDashboardSidebarOpenState: useDashboardSidebarOpenState, Link: Link }))] }) }), children] })] })] }));
+    return (
+    // Hands the resolved preference to every Framer Motion element inside the
+    // layout — the sidebar's own `m.*` elements, and any the consumer renders
+    // in `children`, the top bar or the sidebar footer. Framer Motion defaults
+    // this to "never", i.e. it ignores `prefers-reduced-motion` until asked
+    // not to, so the layout has to opt in on its subtree's behalf.
+    _jsx(MotionConfig, { reducedMotion: reducedMotionSetting, children: _jsxs(DashboardSidebarContextProvider, { sidebarItems: props.sidebarItems, sizing: props.sizing, sidebarOpenWidth: sidebarOpenWidth, onOpenSidebar: props.onOpenSidebar, onCloseSidebar: props.onCloseSidebar, children: [typeof usePathname === "function" && (_jsx(AutoCloseSidebarOnNavigation, { usePathname: usePathname })), _jsxs("div", { id: "dashboard-layout-container", className: cn("w-full h-dvh min-h-dvh", 
+                    // When hiding chrome for print, let the container grow to fit all
+                    // page content across printed pages instead of clamping to the
+                    // on-screen viewport height.
+                    printHidden && "print:h-auto print:min-h-0"), style: containerStyle, children: [_jsx(DashboardSidebar, { wordmark: wordmark, Link: Link, brandHref: brandHref, logo: logo, sidebarFooterContent: props.sidebarFooterContent, className: cn(printHidden && "print:hidden") }), _jsxs(DashboardLayoutMainContentContainer, { printHidden: printHidden, children: [_jsx("header", { id: "dashboard-layout-main-content-header", className: cn("sticky top-0", "flex shrink-0 items-center gap-2", "transition-[width,height] ease-linear", reducedMotionClassName(reducedMotionSetting), "bg-background", "border-b border-border", size.sidebar_and_header_z_index_classname, printHidden && "print:hidden"), style: {
+                                        height: size.header_height,
+                                    }, children: _jsxs("div", { className: "flex flex-row justify-between items-center gap-2 px-4 w-full", children: [_jsx(DashboardLayoutSidebarTrigger, {}), _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(HeaderBarPageIdentifierComponent, {}), _jsx("div", { role: "none", className: "grow" }), typeof TopBarButtonsComponent === "function" && (_jsx(TopBarButtonsComponent, { useDashboardSidebarSizing: useDashboardSidebarSizing, useDashboardSidebarOpenState: useDashboardSidebarOpenState, Link: Link }))] }) }), children] })] })] }) }));
 }
 export default DashboardLayout;
 //# sourceMappingURL=dashboard-layout.js.map

package/dist/components/layout/dashboard-layout/dashboard-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-layout.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/dashboard-layout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dashboard-layout.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/dashboard-layout.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js

@@ -6,6 +6,7 @@ import useDashboardSidebarItemsAndGroups from "./useDashboardSidebarItemsAndGrou
 import { m } from "../../../../framer-motion";
 import { cn } from "../../../../lib/utils";
 import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
+import useDashboardLayoutReducedMotion from "../useDashboardLayoutReducedMotion";
 /**
  * Collapse the flat item/group list into render blocks, preserving the order
  * the consumer supplied. Adjacent ungrouped items merge into one run; a group
@@ -35,14 +36,20 @@ export function toDashboardSidebarRenderBlocks(entries) {
 export function DashboardSidebarContent({ Link, }) {
     const sidebarItems = useDashboardSidebarItemsAndGroups();
     const sizes = useDashboardSidebarSizing();
+    const reducedMotion = useDashboardLayoutReducedMotion();
     const blocks = toDashboardSidebarRenderBlocks(sidebarItems);
-    return (_jsx(m.nav, { className: cn("bg-background grow w-full", "flex flex-col items-center justify-start flex-nowrap", sizes.sidebar_menu_item_gap_classname, "overflow-x-hidden overflow-y-scroll", "no-scrollbar"), children: blocks.map((block) => {
+    return (_jsx(m.nav, { className: cn("bg-background grow w-full", "flex flex-col items-center justify-start flex-nowrap", sizes.sidebar_menu_item_gap_classname, "overflow-x-hidden overflow-y-scroll", "no-scrollbar"), children: blocks.map((block, index) => {
             if (block.kind === "group") {
                 const group = block.group;
-                return (_jsx(DashboardSidebarItemGroupRenderer, { group: group, Link: Link }, `sidebar-group-[${group.title}]`));
+                return (_jsx(DashboardSidebarItemGroupRenderer, { group: group, Link: Link, 
+                    // The gap below only separates one block from the next, so the
+                    // leading block has nothing holding it off the sidebar header.
+                    // A group opens with a bare text label, which then reads as
+                    // stuck to the header's border; it insets itself when it leads.
+                    first: index === 0 }, `sidebar-group-[${group.title}]`));
             }
             const firstItemTitle = block.items[0].title;
-            return (_jsx(m.ul, { layout: true, className: cn("w-full flex flex-col", "items-start justify-start", sizes.sidebar_menu_item_gap_classname, 
+            return (_jsx(m.ul, { layout: !reducedMotion, className: cn("w-full flex flex-col", "items-start justify-start", sizes.sidebar_menu_item_gap_classname, 
                 // The <nav> is a scrolling flex column; without this the run
                 // would be squashed once the menu overflows.
                 "flex-shrink-0"), children: block.items.map((item) => (_jsx(DashboardSidebarItemRenderer, { item: item, Link: Link }, `sidebar-item-[${item.title}]`))) }, `sidebar-ungrouped-items-[${firstItemTitle}]`));

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-sidebar-content.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dashboard-sidebar-content.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnimatePresence, m } from "../../../../framer-motion";
-import toggleDashboardLayoutCollapsedTransitionTime, { toggleDashboardLayoutCollapsedTransitionEasing, } from "../toggle-dashboard-layout-collapsed-transition-time";
+import { toggleDashboardLayoutCollapsedTransitionEasing } from "../toggle-dashboard-layout-collapsed-transition-time";
+import useToggleDashboardLayoutCollapsedTransitionTime from "../useToggleDashboardLayoutCollapsedTransitionTime";
+import useDashboardLayoutReducedMotion from "../useDashboardLayoutReducedMotion";
 import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
 import { cn } from "../../../../lib/utils";
 import { useDashboardSidebarSizing } from "./useDashboardSidebarSizing";
@@ -12,6 +14,8 @@ import { useDashboardSidebarSizing } from "./useDashboardSidebarSizing";
 // AnimatePresence enter animation on every navigation when used inside a
 // Next.js layout.tsx.
 function AnimatedBrandWordmark({ wordmark, Link, brandHref, }) {
+    const transitionTime = useToggleDashboardLayoutCollapsedTransitionTime();
+    const reducedMotion = useDashboardLayoutReducedMotion();
     return (_jsx(m.div, { className: "will-change-transform", variants: {
             exit: {
                 opacity: 0,
@@ -21,7 +25,7 @@ function AnimatedBrandWordmark({ wordmark, Link, brandHref, }) {
                 },
                 width: 0,
                 transition: {
-                    duration: toggleDashboardLayoutCollapsedTransitionTime,
+                    duration: transitionTime,
                     ease: toggleDashboardLayoutCollapsedTransitionEasing,
                     delay: 0,
                 },
@@ -32,18 +36,22 @@ function AnimatedBrandWordmark({ wordmark, Link, brandHref, }) {
                 display: "block",
                 width: "auto",
                 transition: {
-                    duration: toggleDashboardLayoutCollapsedTransitionTime,
+                    duration: transitionTime,
                     ease: toggleDashboardLayoutCollapsedTransitionEasing,
-                    delay: toggleDashboardLayoutCollapsedTransitionTime / 1.5,
+                    // Waits for the sidebar to be most of the way open before the
+                    // wordmark appears. Zero along with the duration when motion is
+                    // reduced, so the wordmark is simply there.
+                    delay: transitionTime / 1.5,
                 },
             },
-        }, initial: "exit", animate: "enter", exit: "exit", layout: true, children: _jsx(Link, { href: brandHref, children: wordmark }) }));
+        }, initial: "exit", animate: "enter", exit: "exit", layout: !reducedMotion, children: _jsx(Link, { href: brandHref, children: wordmark }) }));
 }
 export function DashboardSidebarHeader({ wordmark, logo, Link, brandHref, }) {
     const size = useDashboardSidebarSizing();
     const { open, mobile } = useDashboardSidebarOpenState();
+    const reducedMotion = useDashboardLayoutReducedMotion();
     const showWordmark = mobile || open;
-    return (_jsxs(m.header, { layout: true, style: {
+    return (_jsxs(m.header, { layout: !reducedMotion, style: {
             height: size.header_height,
         }, className: cn("w-full", "flex flex-row flex-nowrap", "justify-start items-center bg-background", "overflow-hidden", "flex-shrink-0", "border-b"), children: [_jsx(Link, { href: brandHref, className: cn(size.desktop_collapsed_width_classname, size.header_height_classname, "flex items-center justify-center", "flex-shrink-0"), children: logo }), _jsx(AnimatePresence, { initial: !mobile, children: showWordmark && (_jsx(AnimatedBrandWordmark, { wordmark: wordmark, Link: Link, brandHref: brandHref }, "animated-brand-wordmark")) })] }));
 }

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-sidebar-header.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,4CAA4C,EAAE,EACnD,8CAA8C,GAC/C,MAAM,sDAAsD,CAAC;AAC9D,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAgBxE,sEAAsE;AACtE,2EAA2E;AAC3E,0EAA0E;AAC1E,uEAAuE;AACvE,yEAAyE;AACzE,sBAAsB;AACtB,SAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,IAAI,EACJ,SAAS,GACkB;IAC3B,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IACJ,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,CAAC;gBACR,aAAa,EAAE;oBACb,OAAO,EAAE,MAAM;iBAChB;gBACD,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE;oBACV,QAAQ,EAAE,4CAA4C;oBACtD,IAAI,EAAE,8CAA8C;oBACpD,KAAK,EAAE,CAAC;iBACT;aACF;YACD,KAAK,EAAE;gBACL,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE;oBACV,QAAQ,EAAE,4CAA4C;oBACtD,IAAI,EAAE,8CAA8C;oBACpD,KAAK,EAAE,4CAA4C,GAAG,GAAG;iBAC1D;aACF;SACF,EACD,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,MAAM,kBAEN,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,YAAG,QAAQ,GAAQ,GAClC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,GACyB;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACxD,MAAM,YAAY,GAAY,MAAM,IAAI,IAAI,CAAC;IAE7C,OAAO,CACL,MAAC,CAAC,CAAC,MAAM,IACP,MAAM,QACN,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,aAAa;SAC3B,EACD,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,2BAA2B,EAC3B,0CAA0C,EAC1C,iBAAiB,EACjB,eAAe,EACf,UAAU,CACX,aAED,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAClC,IAAI,CAAC,iCAAiC,EACtC,IAAI,CAAC,uBAAuB,EAC5B,kCAAkC,EAClC,eAAe,CAChB,YAAG,IAAI,GAAQ,EAEhB,KAAC,eAAe,IAAC,OAAO,EAAE,CAAC,MAAM,YAC9B,YAAY,IAAI,CACf,KAAC,qBAAqB,IAEpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAHhB,yBAAyB,CAI7B,CACH,GACe,IACT,CACZ,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"dashboard-sidebar-header.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.d.ts

@@ -1,8 +1,18 @@
 import type { ReactElement } from "react";
 import type { DashboardSidebarItemGroupDefinition } from "./dashboard-sidebar-item-group";
 import type { LinkComponentType } from "../../../../types/Link";
-export declare function DashboardSidebarItemGroupRenderer({ group, Link, }: {
+export interface DashboardSidebarItemGroupRendererProps {
     group: DashboardSidebarItemGroupDefinition;
     Link: LinkComponentType;
-}): ReactElement;
+    /**
+     * Whether this group is the first block in the menu.
+     *
+     * The menu <nav> spaces its blocks with a gap, which only ever puts space
+     * *between* two blocks — the first one has nothing above it, so a leading
+     * group's heading rendered flush against the sidebar header's bottom border.
+     * A leading group therefore supplies that inset itself.
+     */
+    first?: boolean;
+}
+export declare function DashboardSidebarItemGroupRenderer({ group, Link, first, }: DashboardSidebarItemGroupRendererProps): ReactElement;
 export default DashboardSidebarItemGroupRenderer;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.js

@@ -6,64 +6,123 @@ import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
 import { cn } from "../../../../lib/utils";
 import { AnimatePresence, m } from "../../../../framer-motion";
 import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
-import { toggleDashboardLayoutCollapsedTransitionTime, toggleDashboardLayoutCollapsedTransitionEasing, } from "../toggle-dashboard-layout-collapsed-transition-time";
+import { toggleDashboardLayoutCollapsedTransitionEasing } from "../toggle-dashboard-layout-collapsed-transition-time";
+import useToggleDashboardLayoutCollapsedTransitionTime from "../useToggleDashboardLayoutCollapsedTransitionTime";
+import useDashboardLayoutReducedMotion from "../useDashboardLayoutReducedMotion";
 import { DashboardSidebarAdminOnlyItemsContext } from "./dashboard-sidebar-admin-only-items-context";
-export function DashboardSidebarItemGroupRenderer({ group, Link, }) {
+import { DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING } from "./dashboard-sidebar-sizing";
+export function DashboardSidebarItemGroupRenderer({ group, Link, first = false, }) {
     const groupTitle = group.title;
     const openState = useDashboardSidebarOpenState();
     const sizes = useDashboardSidebarSizing();
+    const reducedMotion = useDashboardLayoutReducedMotion();
+    const transitionTime = useToggleDashboardLayoutCollapsedTransitionTime();
     const groupItemsContainerId = `sidebar-group-items-[${group.title}]`;
     const showGroupLabel = openState.mobile || openState.open;
+    // Zero for every group but the leading one, so the target below stays a
+    // single value rather than two conditional variants: a non-leading group
+    // animates 0 to 0 and is unaffected.
+    //
+    // It sits on the group container rather than on the heading, even though it
+    // exists for the heading's sake. AnimatePresence mounts and unmounts the
+    // heading, and a padding that belongs to an unmounting element cannot
+    // animate out — it is simply gone the frame the element leaves, taking its
+    // space with it. Framer also cannot drive a border-box element's height
+    // below its own padding, so while the inset lived on the heading the
+    // collapse bottomed out 24px short and snapped the rest. The container is
+    // mounted for as long as the group is, so the same 0 <-> 16 change is an
+    // animation rather than a jump, and the end states are unchanged: collapsed
+    // means 0, leaving a leading group's icon rows where leading ungrouped rows
+    // sit.
+    const groupTopPadding = first
+        ? (sizes.sidebar_leading_menu_group_label_top_padding ??
+            DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING)
+        : 0;
     return (_jsxs(m.div, { className: cn("w-full", "flex flex-col flex-nowrap", "items-start justify-start", 
         // The menu <nav> is a scrolling flex column, so its children shrink
         // by default once the menu overflows. Keep the group at its natural
         // height and let the <nav> scroll instead.
-        "flex-shrink-0"), layout: true, children: [_jsx(AnimatePresence, { children: showGroupLabel && (_jsx(m.div, { className: "w-full text-nowrap", initial: {
+        "flex-shrink-0"), layout: !reducedMotion, 
+        // No entrance animation: a group that mounts already open starts at its
+        // resting inset rather than easing into it.
+        initial: false, animate: {
+            paddingTop: showGroupLabel ? groupTopPadding : 0,
+            transition: {
+                duration: transitionTime,
+                ease: toggleDashboardLayoutCollapsedTransitionEasing,
+                // Matches the heading's own timing on both legs, so the inset and
+                // the heading it is reserving space for move as one: held back on
+                // the way in until the sidebar is most of the way open, and leaving
+                // immediately on the way out. Both are 0 under reduced motion.
+                delay: showGroupLabel ? transitionTime / 1.5 : 0,
+            },
+        }, children: [_jsx(AnimatePresence, { children: showGroupLabel && (_jsx(m.div
+                // A one-row grid whose track animates between `0fr` and `1fr`,
+                // which is how the heading opens and closes without anyone having
+                // to measure it. The obvious spelling — `height` between 0 and
+                // `auto` — does not survive the mount and unmount that
+                // AnimatePresence puts either side of it. Framer resolves `auto`
+                // by measuring, and the frame it does so paints at the heading's
+                // intrinsic height, so opening jumped the rows below down 14px
+                // before animating them the rest of the way; closing, it could not
+                // drive a border-box height below the element's own padding, so it
+                // stopped short and the unmount dropped the remainder in one
+                // frame. An `fr` track has neither problem: `0fr` is a true zero,
+                // reached before the unmount, and `1fr` resolves against content
+                // in an auto-height container with nothing measured up front.
+                , { 
+                    // A one-row grid whose track animates between `0fr` and `1fr`,
+                    // which is how the heading opens and closes without anyone having
+                    // to measure it. The obvious spelling — `height` between 0 and
+                    // `auto` — does not survive the mount and unmount that
+                    // AnimatePresence puts either side of it. Framer resolves `auto`
+                    // by measuring, and the frame it does so paints at the heading's
+                    // intrinsic height, so opening jumped the rows below down 14px
+                    // before animating them the rest of the way; closing, it could not
+                    // drive a border-box height below the element's own padding, so it
+                    // stopped short and the unmount dropped the remainder in one
+                    // frame. An `fr` track has neither problem: `0fr` is a true zero,
+                    // reached before the unmount, and `1fr` resolves against content
+                    // in an auto-height container with nothing measured up front.
+                    className: "w-full grid", initial: {
                         scale: 0,
                         opacity: 0,
-                        width: 0,
-                        height: 0,
-                        transitionEnd: {
-                            display: "none",
-                        },
-                        paddingBottom: 0,
+                        gridTemplateRows: "0fr",
                     }, animate: {
                         scale: 1,
                         opacity: 1,
-                        width: "100%",
-                        height: "auto",
-                        display: "block",
-                        paddingBottom: sizes.sidebar_expanded_menu_group_label_bottom_padding,
+                        gridTemplateRows: "1fr",
                         transition: {
-                            duration: toggleDashboardLayoutCollapsedTransitionTime,
+                            duration: transitionTime,
                             ease: toggleDashboardLayoutCollapsedTransitionEasing,
-                            delay: toggleDashboardLayoutCollapsedTransitionTime / 1.5,
+                            // Both zero when motion is reduced, so the heading is present
+                            // as soon as the sidebar is open instead of easing in behind
+                            // it.
+                            delay: transitionTime / 1.5,
                         },
                     }, exit: {
                         scale: 0,
                         opacity: 0,
-                        width: 0,
-                        height: 0,
-                        transitionEnd: {
-                            display: "none",
-                        },
-                        paddingBottom: 0,
+                        gridTemplateRows: "0fr",
                         transition: {
-                            duration: toggleDashboardLayoutCollapsedTransitionTime,
+                            duration: transitionTime,
                             ease: toggleDashboardLayoutCollapsedTransitionEasing,
                             delay: 0,
                         },
-                    }, children: _jsx(Label, { htmlFor: groupItemsContainerId, className: cn("font-bold text-nowrap", "block"), 
-                        // Align the group heading with the item titles underneath it:
-                        // each item renders its icon inside a box exactly
-                        // `desktop_collapsed_width` wide, so its title starts at that
-                        // offset. Deriving the inset from the same value keeps heading
-                        // and titles on one left edge instead of the old `mx-2`, which
-                        // lined up with neither the icons nor the titles.
-                        style: {
-                            paddingLeft: sizes.desktop_collapsed_width,
-                            paddingRight: "0.5rem",
-                        }, children: groupTitle }) }, "sidebar-item-group-label")) }), _jsx(DashboardSidebarAdminOnlyItemsContext.Provider, { value: group.adminOnly ?? false, children: _jsx(m.ul, { id: groupItemsContainerId, layout: true, className: cn("w-full flex flex-col", "items-start justify-start", sizes.sidebar_menu_item_gap_classname), children: group.items.map((item) => {
+                    }, children: _jsx("div", { className: cn("min-h-0 overflow-hidden", "text-nowrap"), children: _jsx("div", { style: {
+                                paddingBottom: sizes.sidebar_expanded_menu_group_label_bottom_padding,
+                            }, children: _jsx(Label, { htmlFor: groupItemsContainerId, className: cn("font-bold text-nowrap", "block"), 
+                                // Align the group heading with the item titles underneath
+                                // it: each item renders its icon inside a box exactly
+                                // `desktop_collapsed_width` wide, so its title starts at
+                                // that offset. Deriving the inset from the same value keeps
+                                // heading and titles on one left edge instead of the old
+                                // `mx-2`, which lined up with neither the icons nor the
+                                // titles.
+                                style: {
+                                    paddingLeft: sizes.desktop_collapsed_width,
+                                    paddingRight: "0.5rem",
+                                }, children: groupTitle }) }) }) }, "sidebar-item-group-label")) }), _jsx(DashboardSidebarAdminOnlyItemsContext.Provider, { value: group.adminOnly ?? false, children: _jsx(m.ul, { id: groupItemsContainerId, layout: !reducedMotion, className: cn("w-full flex flex-col", "items-start justify-start", sizes.sidebar_menu_item_gap_classname), children: group.items.map((item) => {
                         return (_jsx(DashboardSidebarItemRenderer, { item: item, Link: Link }, `sidebar-item-[${groupTitle}]-[${item.title}]`));
                     }) }) })] }, `sidebar-group-[${group.title}]`));
 }

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-sidebar-item-group-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dashboard-sidebar-item-group-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.js

@@ -2,7 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { AnimatePresence, m } from "../../../../framer-motion";
-import toggleDashboardLayoutCollapsedTransitionTime from "../toggle-dashboard-layout-collapsed-transition-time";
+import useToggleDashboardLayoutCollapsedTransitionTime from "../useToggleDashboardLayoutCollapsedTransitionTime";
+import useDashboardLayoutReducedMotion from "../useDashboardLayoutReducedMotion";
 import { cn } from "../../../../lib/utils";
 import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
 import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
@@ -16,6 +17,11 @@ export function DashboardSidebarItemRenderer({ item, Link, }) {
     const setSidebarOpen = useDashboardSidebarOpenStateDispatch();
     const sizes = useDashboardSidebarSizing();
     const isAdminItemGroup = useContext(DashboardSidebarAdminOnlyItemsContext);
+    const reducedMotion = useDashboardLayoutReducedMotion();
+    // Read here rather than inside SidebarMenuItemTitle: that component is
+    // re-created on every render of this one, so it must stay a plain closure
+    // over values this component already has.
+    const transitionTime = useToggleDashboardLayoutCollapsedTransitionTime();
     const showItemLabel = mobile || open;
     const IconComponent = item.icon;
     const itemColorClassName = isAdminItemGroup
@@ -39,15 +45,16 @@ export function DashboardSidebarItemRenderer({ item, Link, }) {
                     display: "none",
                 },
             }, transition: {
-                duration: toggleDashboardLayoutCollapsedTransitionTime,
+                duration: transitionTime,
             }, children: item.title }, `sidebar-menu-item-title-container-[${item.title}]`));
     }
     return (_jsx(m.li, { 
         // `layout` keeps a row's position/size animated while the sidebar
         // expands and collapses, matching the group wrapper and group <ul>,
         // which have always had it. Without it, ungrouped rows snapped into
-        // place while grouped rows glided.
-        layout: true, className: cn("w-full", sizes.sidebar_menu_item_height_classname, 
+        // place while grouped rows glided. Under reduced motion every row
+        // snaps instead, which is the point.
+        layout: !reducedMotion, className: cn("w-full", sizes.sidebar_menu_item_height_classname, 
         // The menu <nav> is a flex column with a definite height (it grows
         // inside an h-screen sidebar) and its own scrollbar. Flex children
         // shrink by default, so once the menu overflowed, rows squashed

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-sidebar-item-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dashboard-sidebar-item-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js

@@ -7,9 +7,12 @@ import { cn } from "../../../../lib/utils";
 import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
 import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
 import Separator from "../../../ui/separator";
+import { reducedMotionClassName, } from "../dashboard-layout-reduced-motion";
+import { useDashboardLayoutReducedMotionSetting } from "../useDashboardLayoutReducedMotion";
 export function DashboardLayoutSidebarLayout({ logo, wordmark, Link, brandHref, ...props }) {
     const size = useDashboardSidebarSizing();
     const openState = useDashboardSidebarOpenState();
+    const reducedMotion = useDashboardLayoutReducedMotionSetting();
     const desktop = !openState.mobile;
     let widthClassName;
     if (openState.mobile) {
@@ -25,7 +28,9 @@ export function DashboardLayoutSidebarLayout({ logo, wordmark, Link, brandHref,
         }
     }
     const separatorClassName = cn("flex-shrink-0");
-    return (_jsxs("menu", { className: cn("h-screen max-h-screen", desktop ? "absolute" : undefined, "transition-[width] ease-linear will-change-[width]", "flex flex-col justify-between items-stretch", "border-r", "p-0", size.sidebar_and_header_z_index_classname, widthClassName, props.className), children: [_jsx(DashboardSidebarHeader, { wordmark: wordmark, logo: logo, Link: Link, brandHref: brandHref }), _jsx(DashboardSidebarContent, { Link: Link }), typeof props.sidebarFooterContent === "function" && (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "horizontal", className: separatorClassName }), _jsx(DashboardSidebarFooter, { Link: Link, sidebarFooterContent: props.sidebarFooterContent })] }))] }));
+    return (_jsxs("menu", { className: cn("h-screen max-h-screen", desktop ? "absolute" : undefined, "transition-[width] ease-linear will-change-[width]", 
+        // Reduced motion: snap between the collapsed and expanded widths.
+        reducedMotionClassName(reducedMotion), "flex flex-col justify-between items-stretch", "border-r", "p-0", size.sidebar_and_header_z_index_classname, widthClassName, props.className), children: [_jsx(DashboardSidebarHeader, { wordmark: wordmark, logo: logo, Link: Link, brandHref: brandHref }), _jsx(DashboardSidebarContent, { Link: Link }), typeof props.sidebarFooterContent === "function" && (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "horizontal", className: separatorClassName }), _jsx(DashboardSidebarFooter, { Link: Link, sidebarFooterContent: props.sidebarFooterContent })] }))] }));
 }
 export default DashboardLayoutSidebarLayout;
 //# sourceMappingURL=dashboard-sidebar-layout.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-sidebar-layout.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAClE,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAalD,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAY,CAAC,SAAS,CAAC,MAAM,CAAC;IAE3C,IAAI,cAAsB,CAAC;IAC3B,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,cAAc,GAAG,IAAI,CAAC,+BAA+B,CAAC;IACxD,CAAC;SAAM,CAAC;QACN,UAAU;QACV,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;YACnB,cAAc,GAAG,IAAI,CAAC,gCAAgC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,cAAc,GAAG,IAAI,CAAC,iCAAiC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,MAAM,kBAAkB,GAAW,EAAE,CACnC,eAAe,CAChB,CAAA;IAED,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAChC,oDAAoD,EACpD,6CAA6C,EAC7C,UAAU,EACV,KAAK,EACL,IAAI,CAAC,oCAAoC,EACzC,cAAc,EACd,KAAK,CAAC,SAAS,CAChB,aAED,KAAC,sBAAsB,IACrB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB,EACF,KAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,EACtC,OAAO,KAAK,CAAC,oBAAoB,KAAK,UAAU,IAAI,CACnD,8BACE,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,kBAAkB,GAAI,EACrE,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,IACD,CACJ,IACI,CACR,CAAC;AACJ,CAAC;AAED,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"dashboard-sidebar-layout.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAClE,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EACL,sBAAsB,GAEvB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,sCAAsC,EAAE,MAAM,oCAAoC,CAAC;AAW5F,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,aAAa,GACjB,sCAAsC,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAY,CAAC,SAAS,CAAC,MAAM,CAAC;IAE3C,IAAI,cAAsB,CAAC;IAC3B,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,cAAc,GAAG,IAAI,CAAC,+BAA+B,CAAC;IACxD,CAAC;SAAM,CAAC;QACN,UAAU;QACV,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;YACnB,cAAc,GAAG,IAAI,CAAC,gCAAgC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,cAAc,GAAG,IAAI,CAAC,iCAAiC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,MAAM,kBAAkB,GAAW,EAAE,CACnC,eAAe,CAChB,CAAA;IAED,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAChC,oDAAoD;QACpD,kEAAkE;QAClE,sBAAsB,CAAC,aAAa,CAAC,EACrC,6CAA6C,EAC7C,UAAU,EACV,KAAK,EACL,IAAI,CAAC,oCAAoC,EACzC,cAAc,EACd,KAAK,CAAC,SAAS,CAChB,aAED,KAAC,sBAAsB,IACrB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB,EACF,KAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,EACtC,OAAO,KAAK,CAAC,oBAAoB,KAAK,UAAU,IAAI,CACnD,8BACE,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,kBAAkB,GAAI,EACrE,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,IACD,CACJ,IACI,CACR,CAAC;AACJ,CAAC;AAED,eAAe,4BAA4B,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.d.ts

@@ -11,6 +11,21 @@ export declare const DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE = "--dashboard-si
  * not supplied to `DashboardLayout`.
  */
 export declare const DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH = "14rem";
+/**
+ * Space, in pixels, above a group's label when that group is the *first*
+ * entry in the sidebar menu. Used when `sizing` does not supply
+ * `sidebar_leading_menu_group_label_top_padding`.
+ *
+ * Twice the menu's shared vertical rhythm (`gap-2`, 8px) rather than one
+ * helping of it. A heading further down the menu is separated from the row
+ * above by that 8px gap *plus* the row's own bottom half-leading — a row is
+ * `sidebar_menu_item_height` tall with its title centred inside, so it
+ * contributes roughly another 8px of whitespace. Matching the gap alone would
+ * put a leading heading 8px under a hard border while every other heading
+ * reads as having ~16px above it, which is the tighter spacing this value
+ * exists to avoid.
+ */
+export declare const DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING = 16;
 export interface DashboardLayoutSidebarSizing {
     desktop_collapsed_width: string;
     desktop_collapsed_width_classname: string;
@@ -29,15 +44,42 @@ export interface DashboardLayoutSidebarSizing {
     /**
      * Space, in pixels, between a group's label and the first item beneath it.
      *
-     * This is a raw number rather than a Tailwind class because it is animated
-     * by Framer Motion as the sidebar expands and collapses (the label's height
-     * and padding animate to 0 on collapse), and Framer needs a numeric target.
+     * A raw number rather than a Tailwind class so it can be applied inline
+     * next to the label, inside the element the collapsing heading clips. It is
+     * no longer animated: the heading collapses by way of an `fr` grid track,
+     * and this padding rides along as clipped content. Keep it off the wrapper
+     * and off the grid item — padding on either floors that box and stops the
+     * track reaching zero.
      *
      * Keep it equal to `sidebar_menu_item_gap_classname` expressed in pixels —
      * the default `gap-2` is 0.5rem, i.e. 8px. A mismatch is exactly what made
      * grouped items sit on a different vertical rhythm than ungrouped ones.
      */
     sidebar_expanded_menu_group_label_bottom_padding: number;
+    /**
+     * Space, in pixels, above a group's label when that group is the *first*
+     * entry in the menu.
+     *
+     * Every other block in the menu is held off the one before it by the
+     * <nav>'s own gap *and* by the bottom half-leading of the row above it, so
+     * only the leading block has nothing above it to space against — a leading
+     * group's heading was painted flush against the bottom border of the
+     * sidebar header. A leading *item* does not need this: its row is
+     * `sidebar_menu_item_height` tall with the icon and title centred inside,
+     * so the row itself supplies the breathing room that a bare text label
+     * does not.
+     *
+     * A raw number because Framer Motion animates it to 0 as the sidebar
+     * collapses, and Framer needs a numeric target. It is applied to the
+     * group's container rather than to the label: the label is unmounted on
+     * collapse, and padding on an unmounting element cannot animate out.
+     *
+     * Optional so that consumers already passing a complete `sizing` object
+     * keep type-checking;
+     * `DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING` applies when it is
+     * omitted.
+     */
+    sidebar_leading_menu_group_label_top_padding?: number;
     sidebar_and_header_z_index_classname: string;
     /**
      * The single vertical rhythm for the sidebar menu. Applied to every list of
@@ -70,6 +112,7 @@ export declare const DEFAULT_DASHBOARD_SIDEBAR_SIZE: {
     readonly sidebar_menu_item_height: "2.5rem";
     readonly sidebar_menu_item_height_classname: "h-[2.5rem]";
     readonly sidebar_expanded_menu_group_label_bottom_padding: 8;
+    readonly sidebar_leading_menu_group_label_top_padding: 16;
     readonly sidebar_and_header_z_index_classname: "z-40";
     readonly sidebar_menu_item_gap_classname: "gap-2";
     readonly sidebar_menu_item_x_margin_classname: "mx-2";

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js

@@ -12,6 +12,21 @@ export const DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE = "--dashboard-sidebar-op
  * not supplied to `DashboardLayout`.
  */
 export const DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH = "14rem";
+/**
+ * Space, in pixels, above a group's label when that group is the *first*
+ * entry in the sidebar menu. Used when `sizing` does not supply
+ * `sidebar_leading_menu_group_label_top_padding`.
+ *
+ * Twice the menu's shared vertical rhythm (`gap-2`, 8px) rather than one
+ * helping of it. A heading further down the menu is separated from the row
+ * above by that 8px gap *plus* the row's own bottom half-leading — a row is
+ * `sidebar_menu_item_height` tall with its title centred inside, so it
+ * contributes roughly another 8px of whitespace. Matching the gap alone would
+ * put a leading heading 8px under a hard border while every other heading
+ * reads as having ~16px above it, which is the tighter spacing this value
+ * exists to avoid.
+ */
+export const DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING = 16;
 export const DEFAULT_DASHBOARD_SIDEBAR_SIZE = {
     desktop_collapsed_width: `4rem`,
     desktop_collapsed_width_classname: `w-[4rem]`,
@@ -35,6 +50,7 @@ export const DEFAULT_DASHBOARD_SIDEBAR_SIZE = {
     // 8px === gap-2 === sidebar_menu_item_gap_classname. See the doc comment on
     // the interface field before changing this.
     sidebar_expanded_menu_group_label_bottom_padding: 8,
+    sidebar_leading_menu_group_label_top_padding: DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING,
     sidebar_and_header_z_index_classname: "z-40",
     sidebar_menu_item_gap_classname: "gap-2",
     sidebar_menu_item_x_margin_classname: "mx-2",

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-sidebar-sizing.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yCAAyC,GACpD,gCAAgC,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,OAAO,CAAC;AA8C5D,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,uBAAuB,EAAE,MAAM;IAC/B,iCAAiC,EAAE,UAAU;IAC7C,sBAAsB,EAAE,oCAAoC;IAC5D,2EAA2E;IAC3E,4EAA4E;IAC5E,iEAAiE;IACjE,mEAAmE;IACnE,kDAAkD;IAClD,gCAAgC,EAAE,+CAA+C;IACjF,qBAAqB,EAAE,OAAO;IAC9B,+BAA+B,EAAE,WAAW;IAC5C,aAAa,EAAE,MAAM;IACrB,uBAAuB,EAAE,UAAU;IACnC,sDAAsD,EACpD,6DAA6D;IAC/D,qDAAqD,EACnD,qDAAqD;IACvD,wDAAwD,EACtD,wBAAwB;IAC1B,uDAAuD,EAAE,gBAAgB;IACzE,wBAAwB,EAAE,QAAQ;IAClC,kCAAkC,EAAE,YAAY;IAChD,4EAA4E;IAC5E,4CAA4C;IAC5C,gDAAgD,EAAE,CAAC;IACnD,oCAAoC,EAAE,MAAM;IAC5C,+BAA+B,EAAE,OAAO;IACxC,oCAAoC,EAAE,MAAM;CACG,CAAC;AAElD,MAAM,CAAC,MAAM,iCAAiC,GAC5C,aAAa,CAA+B,8BAA8B,CAAC,CAAC"}
+{"version":3,"file":"dashboard-sidebar-sizing.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yCAAyC,GACpD,gCAAgC,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,OAAO,CAAC;AAE5D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,oDAAoD,GAAG,EAAE,CAAC;AAyEvE,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,uBAAuB,EAAE,MAAM;IAC/B,iCAAiC,EAAE,UAAU;IAC7C,sBAAsB,EAAE,oCAAoC;IAC5D,2EAA2E;IAC3E,4EAA4E;IAC5E,iEAAiE;IACjE,mEAAmE;IACnE,kDAAkD;IAClD,gCAAgC,EAAE,+CAA+C;IACjF,qBAAqB,EAAE,OAAO;IAC9B,+BAA+B,EAAE,WAAW;IAC5C,aAAa,EAAE,MAAM;IACrB,uBAAuB,EAAE,UAAU;IACnC,sDAAsD,EACpD,6DAA6D;IAC/D,qDAAqD,EACnD,qDAAqD;IACvD,wDAAwD,EACtD,wBAAwB;IAC1B,uDAAuD,EAAE,gBAAgB;IACzE,wBAAwB,EAAE,QAAQ;IAClC,kCAAkC,EAAE,YAAY;IAChD,4EAA4E;IAC5E,4CAA4C;IAC5C,gDAAgD,EAAE,CAAC;IACnD,4CAA4C,EAC1C,oDAAoD;IACtD,oCAAoC,EAAE,MAAM;IAC5C,+BAA+B,EAAE,OAAO;IACxC,oCAAoC,EAAE,MAAM;CACG,CAAC;AAElD,MAAM,CAAC,MAAM,iCAAiC,GAC5C,aAAa,CAA+B,8BAA8B,CAAC,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.js

@@ -8,14 +8,22 @@ import DashboardLayoutSidebarLayout from "./dashboard-sidebar-layout";
 import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
 import { cn } from "../../../../lib/utils";
 import VisuallyHidden from "../../../ui/visually-hidden";
+import { reducedMotionClassName, } from "../dashboard-layout-reduced-motion";
+import { useDashboardLayoutReducedMotionSetting } from "../useDashboardLayoutReducedMotion";
 export function DashboardSidebar(props) {
     const size = useDashboardSidebarSizing();
     const openState = useDashboardSidebarOpenState();
+    const reducedMotion = useDashboardLayoutReducedMotionSetting();
     const setOpen = useContext(DashboardSidebarOpenStateDispatchContext);
     if (openState.mobile) {
         return (_jsx(Sheet, { open: openState.open, onOpenChange: (newOpenState) => {
                 setOpen(newOpenState);
-            }, children: _jsxs(SheetContent, { side: "left", className: cn(size.mobile_expanded_width_classname, props.className), style: {
+            }, children: _jsxs(SheetContent, { side: "left", className: cn(size.mobile_expanded_width_classname, 
+                // Reduced motion: the mobile sidebar appears and disappears in
+                // place rather than sliding in from the edge of the screen.
+                // Radix unmounts the panel as soon as it sees no running
+                // animation, so cancelling the keyframes is enough to close it.
+                reducedMotionClassName(reducedMotion), props.className), style: {
                     zIndex: 1000,
                 }, children: [_jsx(VisuallyHidden, { children: _jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Sidebar Mobile Navigation Menu" }), _jsx(SheetDescription, { children: "This sidebar contains links for navigating to other pages within this application." })] }) }), _jsx(DashboardLayoutSidebarLayout, { logo: props.logo, wordmark: props.wordmark, Link: props.Link, brandHref: props.brandHref, sidebarFooterContent: props.sidebarFooterContent })] }) }));
     }

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-sidebar.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,wCAAwC,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,4BAEN,MAAM,4BAA4B,CAAC;AACpC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAC9B,KAAwC;IAExC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,wCAAwC,CAAC,CAAC;IACrE,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,YAAY,EAAE,CAAC,YAAqB,EAAQ,EAAE;gBAC5C,OAAO,CAAC,YAAY,CAAC,CAAC;YACxB,CAAC,YAED,MAAC,YAAY,IACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,SAAS,CAAC,EACpE,KAAK,EAAE;oBACL,MAAM,EAAE,IAAI;iBACb,aAED,KAAC,cAAc,cACb,MAAC,WAAW,eACV,KAAC,UAAU,iDAA4C,EACvD,KAAC,gBAAgB,qGAGE,IACP,GACC,EACjB,KAAC,4BAA4B,IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,IACW,GACT,CACT,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,KAAC,4BAA4B,IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;IACJ,CAAC;AACH,CAAC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"dashboard-sidebar.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,wCAAwC,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,4BAEN,MAAM,4BAA4B,CAAC;AACpC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EACL,sBAAsB,GAEvB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,sCAAsC,EAAE,MAAM,oCAAoC,CAAC;AAE5F,MAAM,UAAU,gBAAgB,CAC9B,KAAwC;IAExC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,aAAa,GACjB,sCAAsC,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,wCAAwC,CAAC,CAAC;IACrE,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,YAAY,EAAE,CAAC,YAAqB,EAAQ,EAAE;gBAC5C,OAAO,CAAC,YAAY,CAAC,CAAC;YACxB,CAAC,YAED,MAAC,YAAY,IACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CACX,IAAI,CAAC,+BAA+B;gBACpC,+DAA+D;gBAC/D,4DAA4D;gBAC5D,yDAAyD;gBACzD,gEAAgE;gBAChE,sBAAsB,CAAC,aAAa,CAAC,EACrC,KAAK,CAAC,SAAS,CAChB,EACD,KAAK,EAAE;oBACL,MAAM,EAAE,IAAI;iBACb,aAED,KAAC,cAAc,cACb,MAAC,WAAW,eACV,KAAC,UAAU,iDAA4C,EACvD,KAAC,gBAAgB,qGAGE,IACP,GACC,EACjB,KAAC,4BAA4B,IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,IACW,GACT,CACT,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,KAAC,4BAA4B,IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;IACJ,CAAC;AACH,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/index.d.ts

@@ -9,5 +9,5 @@ export type { DashboardSidebarItemDefinition } from "./dashboard-sidebar-item-de
 export type { DashboardSidebarItemGroupDefinition } from "./dashboard-sidebar-item-group";
 export type { DashboardSidebarItemsAndGroupsDefinitions } from "./dashboard-sidebar-items-and-groups-context";
 export type { DashboardLayoutSidebarSizing } from "./dashboard-sidebar-sizing";
-export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar-sizing";
+export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar-sizing";
 export type { IDashboardSidebarOpenStateContextType } from "./dashboard-sidebar-open-state";

package/dist/components/layout/dashboard-layout/dashboard-sidebar/index.js

@@ -5,5 +5,5 @@ export { useDashboardSidebarSizing } from "./useDashboardSidebarSizing";
 export { useDashboardSidebarOpenStateDispatch } from "./useDashboardSidebarOpenStateDispatch";
 export { useCloseDashboardSidebarOnRouteChange } from "./useCloseDashboardSidebarOnRouteChange";
 export { DashboardSidebarContextProvider } from "./dashboard-sidebar-context-provider";
-export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar-sizing";
+export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar-sizing";
 //# sourceMappingURL=index.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,IAAI,OAAO,GAC5B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAEhG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAMvF,OAAO,EACL,yCAAyC,EACzC,oCAAoC,GACrC,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,IAAI,OAAO,GAC5B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAEhG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAMvF,OAAO,EACL,yCAAyC,EACzC,oCAAoC,EACpC,oDAAoD,GACrD,MAAM,4BAA4B,CAAC"}

package/dist/components/layout/dashboard-layout/index.d.ts

@@ -2,6 +2,9 @@ export * from "./dashboard-layout";
 export type * from "./dashboard-layout";
 export { DashboardLayout as default } from "./dashboard-layout";
 export type * from "./customizable-dashboard-component-type";
+export type { DashboardLayoutReducedMotionSetting } from "./dashboard-layout-reduced-motion";
+export { DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING } from "./dashboard-layout-reduced-motion";
+export { useDashboardLayoutReducedMotion } from "./useDashboardLayoutReducedMotion";
 export { useDashboardSidebarOpenState, useDashboardSidebarOpenStateDispatch, useCloseDashboardSidebarOnRouteChange, } from "./dashboard-sidebar";
 export type { DashboardSidebarItemDefinition, DashboardSidebarItemGroupDefinition, DashboardSidebarItemsAndGroupsDefinitions, } from "./dashboard-sidebar";
-export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar";
+export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar";

package/dist/components/layout/dashboard-layout/index.js

@@ -1,5 +1,9 @@
 export * from "./dashboard-layout";
 export { DashboardLayout as default } from "./dashboard-layout";
+export { DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING } from "./dashboard-layout-reduced-motion";
+// Exported so consumer-supplied top bar / sidebar footer components can match
+// the motion of the layout chrome they are rendered into.
+export { useDashboardLayoutReducedMotion } from "./useDashboardLayoutReducedMotion";
 export { useDashboardSidebarOpenState, useDashboardSidebarOpenStateDispatch, useCloseDashboardSidebarOnRouteChange, } from "./dashboard-sidebar";
-export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar";
+export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar";
 //# sourceMappingURL=index.js.map

package/dist/components/layout/dashboard-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAIhE,OAAO,EACL,4BAA4B,EAC5B,oCAAoC,EACpC,qCAAqC,GACtC,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,yCAAyC,EACzC,oCAAoC,GACrC,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAKhE,OAAO,EAAE,+CAA+C,EAAE,MAAM,mCAAmC,CAAC;AACpG,8EAA8E;AAC9E,0DAA0D;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EACL,4BAA4B,EAC5B,oCAAoC,EACpC,qCAAqC,GACtC,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,yCAAyC,EACzC,oCAAoC,EACpC,oDAAoD,GACrD,MAAM,qBAAqB,CAAC"}

package/dist/components/layout/dashboard-layout/useDashboardLayoutReducedMotion.d.ts

@@ -0,0 +1,36 @@
+import { type DashboardLayoutReducedMotionSetting } from "./dashboard-layout-reduced-motion";
+/**
+ * The reduced-motion setting in force for the surrounding dashboard layout.
+ *
+ * `DashboardLayout` publishes its resolved setting through Framer Motion's
+ * `MotionConfig`, so this reads it straight back out — no second context to
+ * keep in step. Pair it with
+ * {@link ./dashboard-layout-reduced-motion!reducedMotionClassName} on any
+ * element of the layout that animates in CSS.
+ */
+export declare function useDashboardLayoutReducedMotionSetting(): DashboardLayoutReducedMotionSetting;
+/**
+ * Whether the dashboard layout should skip its animations right now.
+ *
+ * Accounts for both the `prefers-reduced-motion` media query and the layout's
+ * `reducedMotion` prop. Use it for the animations that run in JavaScript —
+ * Framer Motion's `layout` reflow and animation durations — where a decision
+ * has to be made rather than a media query declared. Exported so
+ * consumer-supplied top bar and sidebar footer components can match the
+ * layout chrome they are rendered into.
+ */
+export declare function useDashboardLayoutReducedMotion(): boolean;
+/**
+ * Resolve `DashboardLayout`'s `reducedMotion` prop into the setting it hands
+ * to `MotionConfig` for its subtree.
+ *
+ * When the prop is omitted the default is `"user"`: the layout opts into
+ * honouring `prefers-reduced-motion`, unlike Framer Motion, which defaults to
+ * `"never"`. An enclosing `MotionConfig` that has already forced
+ * `reducedMotion="always"` (an app-wide "reduce motion" preference) is
+ * inherited rather than relaxed back to the media query; an enclosing
+ * `"never"` is not, since ignoring the viewer's setting should have to be
+ * opted into on the layout itself.
+ */
+export declare function useResolvedDashboardLayoutReducedMotionSetting(setting?: DashboardLayoutReducedMotionSetting): DashboardLayoutReducedMotionSetting;
+export default useDashboardLayoutReducedMotion;

package/dist/components/layout/dashboard-layout/useDashboardLayoutReducedMotion.js

@@ -0,0 +1,55 @@
+"use client";
+import { useContext } from "react";
+import { MotionConfigContext, useReducedMotionConfig } from "../../../framer-motion";
+import { DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING, } from "./dashboard-layout-reduced-motion";
+/**
+ * The reduced-motion setting in force for the surrounding dashboard layout.
+ *
+ * `DashboardLayout` publishes its resolved setting through Framer Motion's
+ * `MotionConfig`, so this reads it straight back out — no second context to
+ * keep in step. Pair it with
+ * {@link ./dashboard-layout-reduced-motion!reducedMotionClassName} on any
+ * element of the layout that animates in CSS.
+ */
+export function useDashboardLayoutReducedMotionSetting() {
+    return (useContext(MotionConfigContext).reducedMotion ??
+        DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING);
+}
+/**
+ * Whether the dashboard layout should skip its animations right now.
+ *
+ * Accounts for both the `prefers-reduced-motion` media query and the layout's
+ * `reducedMotion` prop. Use it for the animations that run in JavaScript —
+ * Framer Motion's `layout` reflow and animation durations — where a decision
+ * has to be made rather than a media query declared. Exported so
+ * consumer-supplied top bar and sidebar footer components can match the
+ * layout chrome they are rendered into.
+ */
+export function useDashboardLayoutReducedMotion() {
+    // `useReducedMotionConfig()` is `boolean | null`; null only means the media
+    // query has not been read, which is not a preference for reduced motion.
+    return useReducedMotionConfig() === true;
+}
+/**
+ * Resolve `DashboardLayout`'s `reducedMotion` prop into the setting it hands
+ * to `MotionConfig` for its subtree.
+ *
+ * When the prop is omitted the default is `"user"`: the layout opts into
+ * honouring `prefers-reduced-motion`, unlike Framer Motion, which defaults to
+ * `"never"`. An enclosing `MotionConfig` that has already forced
+ * `reducedMotion="always"` (an app-wide "reduce motion" preference) is
+ * inherited rather than relaxed back to the media query; an enclosing
+ * `"never"` is not, since ignoring the viewer's setting should have to be
+ * opted into on the layout itself.
+ */
+export function useResolvedDashboardLayoutReducedMotionSetting(setting) {
+    const inheritedSetting = useContext(MotionConfigContext).reducedMotion;
+    if (setting !== undefined) {
+        return setting;
+    }
+    return inheritedSetting === "always"
+        ? "always"
+        : DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING;
+}
+export default useDashboardLayoutReducedMotion;
+//# sourceMappingURL=useDashboardLayoutReducedMotion.js.map

package/dist/components/layout/dashboard-layout/useDashboardLayoutReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardLayoutReducedMotion.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/useDashboardLayoutReducedMotion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EACL,+CAA+C,GAEhD,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;GAQG;AACH,MAAM,UAAU,sCAAsC;IACpD,OAAO,CACL,UAAU,CAAC,mBAAmB,CAAC,CAAC,aAAa;QAC7C,+CAA+C,CAChD,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,+BAA+B;IAC7C,4EAA4E;IAC5E,yEAAyE;IACzE,OAAO,sBAAsB,EAAE,KAAK,IAAI,CAAC;AAC3C,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,8CAA8C,CAC5D,OAA6C;IAE7C,MAAM,gBAAgB,GACpB,UAAU,CAAC,mBAAmB,CAAC,CAAC,aAAa,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,OAAO,gBAAgB,KAAK,QAAQ;QAClC,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,+CAA+C,CAAC;AACtD,CAAC;AAED,eAAe,+BAA+B,CAAC"}

package/dist/components/layout/dashboard-layout/useToggleDashboardLayoutCollapsedTransitionTime.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The duration, in seconds, of the sidebar expand/collapse animations.
+ *
+ * `0` when motion is reduced, so the wordmark and the group labels appear and
+ * disappear with the sidebar instead of scaling and fading over a third of a
+ * second. The staggered delays in those variants are derived from this same
+ * value, so they collapse to `0` along with it.
+ *
+ * Framer Motion's own `reducedMotion` handling only switches off *transform*
+ * and layout animations; the width, height and padding animations in the
+ * sidebar are none of those, which is why the duration is zeroed explicitly.
+ */
+export declare function useToggleDashboardLayoutCollapsedTransitionTime(): number;
+export default useToggleDashboardLayoutCollapsedTransitionTime;

package/dist/components/layout/dashboard-layout/useToggleDashboardLayoutCollapsedTransitionTime.js

@@ -0,0 +1,21 @@
+"use client";
+import toggleDashboardLayoutCollapsedTransitionTime from "./toggle-dashboard-layout-collapsed-transition-time";
+import useDashboardLayoutReducedMotion from "./useDashboardLayoutReducedMotion";
+/**
+ * The duration, in seconds, of the sidebar expand/collapse animations.
+ *
+ * `0` when motion is reduced, so the wordmark and the group labels appear and
+ * disappear with the sidebar instead of scaling and fading over a third of a
+ * second. The staggered delays in those variants are derived from this same
+ * value, so they collapse to `0` along with it.
+ *
+ * Framer Motion's own `reducedMotion` handling only switches off *transform*
+ * and layout animations; the width, height and padding animations in the
+ * sidebar are none of those, which is why the duration is zeroed explicitly.
+ */
+export function useToggleDashboardLayoutCollapsedTransitionTime() {
+    const reduced = useDashboardLayoutReducedMotion();
+    return reduced ? 0 : toggleDashboardLayoutCollapsedTransitionTime;
+}
+export default useToggleDashboardLayoutCollapsedTransitionTime;
+//# sourceMappingURL=useToggleDashboardLayoutCollapsedTransitionTime.js.map

package/dist/components/layout/dashboard-layout/useToggleDashboardLayoutCollapsedTransitionTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleDashboardLayoutCollapsedTransitionTime.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/useToggleDashboardLayoutCollapsedTransitionTime.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,4CAA4C,MAAM,qDAAqD,CAAC;AAC/G,OAAO,+BAA+B,MAAM,mCAAmC,CAAC;AAEhF;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,+CAA+C;IAC7D,MAAM,OAAO,GAAY,+BAA+B,EAAE,CAAC;IAC3D,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,4CAA4C,CAAC;AACpE,CAAC;AAED,eAAe,+CAA+C,CAAC"}

package/dist/framer-motion.d.ts

@@ -1,2 +1,2 @@
-export { m, animate, AnimatePresence, domAnimation, LazyMotion, Reorder, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useSpring, useMotionValueEvent, useReducedMotion, } from "framer-motion";
-export type { MotionValue, AnimationScope } from "framer-motion";
+export { m, animate, AnimatePresence, domAnimation, LazyMotion, MotionConfig, MotionConfigContext, Reorder, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useSpring, useMotionValueEvent, useReducedMotion, useReducedMotionConfig, } from "framer-motion";
+export type { MotionValue, AnimationScope, MotionConfigProps, } from "framer-motion";

package/dist/framer-motion.js

@@ -1,3 +1,3 @@
 "use client";
-export { m, animate, AnimatePresence, domAnimation, LazyMotion, Reorder, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useSpring, useMotionValueEvent, useReducedMotion, } from "framer-motion";
+export { m, animate, AnimatePresence, domAnimation, LazyMotion, MotionConfig, MotionConfigContext, Reorder, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useSpring, useMotionValueEvent, useReducedMotion, useReducedMotionConfig, } from "framer-motion";
 //# sourceMappingURL=framer-motion.js.map

package/dist/framer-motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"framer-motion.js","sourceRoot":"","sources":["../src/framer-motion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,CAAC,EACD,OAAO,EACP,eAAe,EACf,YAAY,EACZ,UAAU,EACV,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"framer-motion.js","sourceRoot":"","sources":["../src/framer-motion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,CAAC,EACD,OAAO,EACP,eAAe,EACf,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.101.0",
+  "version": "0.104.0",
   "private": false,
   "license": "MIT",
   "description": "React.js UI components for SchemaVaults frontend applications",