@timmbr/ui 1.17.4 → 1.17.5

package/dist/components/EmptyState/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,wFA0EtB,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,wFAmFtB,CAAC"}

package/dist/components/EmptyState/EmptyState.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { cn } from '@timmbr/utils';
 import { Sparkles } from '@timmbr/icons';
 import { resolveMotion } from '../../types/motion.js';
+import { Heading } from '../Heading/Heading.js';
 import { emptyStateIconWrapperVariants, emptyStateVariants } from './EmptyState.styles.js';
 import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
 
@@ -15,6 +16,7 @@ const EmptyState = React.forwardRef(
     fullWidth = false,
     icon,
     title,
+    titleFont = "display",
     description,
     action,
     secondaryAction,
@@ -45,14 +47,17 @@ const EmptyState = React.forwardRef(
               children: icon ?? /* @__PURE__ */ jsx(Sparkles, { className: "size-6 text-primary", "aria-hidden": "true" })
             }
           ),
-          title && /* @__PURE__ */ jsx(
-            "h3",
+          title && (typeof title === "string" || typeof title === "number" ? /* @__PURE__ */ jsx(
+            Heading,
             {
-              className: "text-h6 font-semibold text-foreground tracking-tight",
+              level: 6,
+              font: titleFont,
+              weight: "semibold",
+              className: "tracking-tight",
               "data-slot": "empty-state-title",
               children: title
             }
-          ),
+          ) : /* @__PURE__ */ jsx("div", { className: "tracking-tight", "data-slot": "empty-state-title", children: title })),
           description && /* @__PURE__ */ jsx(
             "p",
             {

package/dist/components/EmptyState/EmptyState.types.d.ts

@@ -1,6 +1,7 @@
 import type * as React from 'react';
 import type { EmptyStateVariants } from './EmptyState.styles';
 import type { MotionProp } from '../../types/motion';
+import type { HeadingProps } from '../Heading/Heading.types';
 export interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, EmptyStateVariants {
     /**
      * Main illustration, icon, or SVG node.
@@ -10,6 +11,11 @@ export interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      * Primary title or heading.
      */
     title?: React.ReactNode;
+    /**
+     * Font family for the title heading (when `title` is a string).
+     * @default 'display'
+     */
+    titleFont?: HeadingProps['font'];
     /**
      * Explanatory description copy.
      */

package/dist/components/EmptyState/EmptyState.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,kBAAkB;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,kBAAkB;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

package/dist/components/Heading/Heading.styles.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const headingVariants: (props?: ({
     level?: 4 | 1 | 2 | 3 | 5 | 6 | null | undefined;
-    font?: "title" | "display" | null | undefined;
+    font?: "title" | "display" | "sans" | null | undefined;
     foreground?: "default" | "destructive" | "success" | "warning" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "light" | "semibold" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Heading/Heading.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,eAAe;;;;;8EAyC1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,eAAe;;;;;8EA2C1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/Heading/Heading.styles.js

@@ -11,8 +11,10 @@ const headingVariants = cva("transition-colors text-foreground", {
       6: "text-h6"
     },
     font: {
-      // The h* tokens already use the display font.
-      display: "",
+      // DM Serif Display (enforce display font over container font-sans).
+      display: "font-display!",
+      // Manrope (matches Text font="sans").
+      sans: "font-sans!",
       // Override the token's family ("!" so it wins regardless of CSS order).
       title: "font-title! font-bold"
     },

package/dist/components/Heading/Heading.types.d.ts

@@ -13,10 +13,10 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>,
      */
     as?: HeadingTag;
     /**
-     * Typographic font family ('display' uses DM Serif Display; 'title' uses Outfit).
+     * Typographic font family ('display' uses DM Serif Display; 'sans' uses Manrope; 'title' uses Outfit).
      * @default 'display'
      */
-    font?: 'display' | 'title';
+    font?: 'display' | 'sans' | 'title';
     /**
      * Font weight override.
      */

package/dist/components/Heading/Heading.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,eAAe;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,eAAe;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/ProductGallery/ProductGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGallery.d.ts","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,mBAAmB,EAAoD,MAAM,wBAAwB,CAAC;AAoBpH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4FAkS1B,CAAC"}
+{"version":3,"file":"ProductGallery.d.ts","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,mBAAmB,EAAoD,MAAM,wBAAwB,CAAC;AAoBpH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4FA+S1B,CAAC"}

package/dist/components/ProductGallery/ProductGallery.js

@@ -33,6 +33,8 @@ const ProductGallery = React.forwardRef(
     thumbnails = "bottom",
     hoverZoom = true,
     zoomScale = 2.5,
+    thumbnailSize,
+    stageMaxHeight,
     labels: labelsProp,
     className,
     ...props
@@ -121,7 +123,7 @@ const ProductGallery = React.forwardRef(
         {
           ref,
           className: cn(productGalleryFrameVariants(), className),
-          style: { aspectRatio },
+          style: { aspectRatio, ...stageMaxHeight ? { maxHeight: stageMaxHeight } : {} },
           "data-slot": "product-gallery",
           ...props
         }
@@ -144,7 +146,10 @@ const ProductGallery = React.forwardRef(
               "div",
               {
                 className: productGalleryFrameVariants(),
-                style: { aspectRatio },
+                style: {
+                  aspectRatio,
+                  ...stageMaxHeight ? { maxHeight: stageMaxHeight } : {}
+                },
                 onPointerMove: onZoomMove,
                 onPointerLeave: () => setZoom(null),
                 children: [
@@ -267,7 +272,11 @@ const ProductGallery = React.forwardRef(
               type: "button",
               "aria-label": labels.thumbnail(i, total),
               "aria-current": i === index ? "true" : void 0,
-              className: productGalleryThumbVariants({ active: i === index, thumbnails }),
+              className: cn(
+                productGalleryThumbVariants({ active: i === index, thumbnails }),
+                thumbnailSize != null && "!aspect-square !w-auto shrink-0"
+              ),
+              style: thumbnailSize != null ? { width: thumbnailSize, height: thumbnailSize } : void 0,
               onClick: () => setIndex(i),
               children: renderImage(image, {
                 priority: false,

package/dist/components/ProductGallery/ProductGallery.types.d.ts

@@ -50,6 +50,10 @@ export interface ProductGalleryProps extends Omit<React.HTMLAttributes<HTMLDivEl
     hoverZoom?: boolean;
     /** Magnification of the hover zoom. Defaults to 2.5. */
     zoomScale?: number;
+    /** Fixed square thumb size (px). Overrides fluid calc() widths when set. */
+    thumbnailSize?: number;
+    /** Max height (px) for the main image frame when viewport fitting. */
+    stageMaxHeight?: number;
     labels?: ProductGalleryLabels;
 }
 //# sourceMappingURL=ProductGallery.types.d.ts.map

package/dist/components/ProductGallery/ProductGallery.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGallery.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,2BAA2B;IAC1C,gGAAgG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpD,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjG,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,2BAA2B,KAAK,KAAK,CAAC,SAAS,CAAC;IACpG,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B"}
+{"version":3,"file":"ProductGallery.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,2BAA2B;IAC1C,gGAAgG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpD,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjG,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,2BAA2B,KAAK,KAAK,CAAC,SAAS,CAAC;IACpG,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timmbr/ui",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,9 +51,9 @@
     "@tiptap/extension-text-align": "^2.11.0",
     "@tiptap/extension-placeholder": "^2.11.0",
     "@tiptap/extension-character-count": "^2.11.0",
-    "@timmbr/hooks": "1.3.0",
-    "@timmbr/motion": "1.2.6",
     "@timmbr/utils": "1.6.0",
+    "@timmbr/motion": "1.2.6",
+    "@timmbr/hooks": "1.3.0",
     "@timmbr/icons": "1.7.0",
     "@timmbr/theme": "1.3.0"
   },