@kismet-ux/constellation 1.9.0 → 1.11.0

package/dist/layout/Container/container.css

@@ -1,3 +1,15 @@
+@charset "UTF-8";
+/*
+ * Capped and centred; see ContainerProps.measure. Outside `.styled` on
+ * purpose — a measure is a layout decision and applies whether or not the
+ * container paints itself.
+ */
+.container-module_measure__2XZpb {
+  margin-inline: auto;
+  max-width: var(--container-measure);
+  width: 100%;
+}
+
 .container-module_styled__lBvLX {
   border-width: 0;
   display: flex;
@@ -162,12 +174,34 @@
 .container-module_styled__lBvLX.container-module_padding-sm__6zyxP {
   padding: 0.75rem 1rem;
 }
+.container-module_styled__lBvLX.container-module_padding-xs__tMiKO {
+  padding: 0.5rem 0.75rem;
+}
 .container-module_styled__lBvLX.container-module_padding-none__9BcyG {
   padding: 0;
 }
+.container-module_styled__lBvLX {
+  /*
+   * One edge as a rule, in `--container-color`. Deliberately drawn with
+   * `border-<edge>` rather than a pseudo-element so it participates in the
+   * box model and cannot overlap rounded corners.
+   */
+}
 .container-module_styled__lBvLX.container-module_outlined__cT6vl {
   border: 1px solid var(--container-color, var(--divider));
 }
+.container-module_styled__lBvLX.container-module_accent-left__nbg_w {
+  border-left: 3px solid var(--container-accent, var(--container-color, var(--divider)));
+}
+.container-module_styled__lBvLX.container-module_accent-right__BnLgK {
+  border-right: 3px solid var(--container-accent, var(--container-color, var(--divider)));
+}
+.container-module_styled__lBvLX.container-module_accent-top__ayLtX {
+  border-top: 3px solid var(--container-accent, var(--container-color, var(--divider)));
+}
+.container-module_styled__lBvLX.container-module_accent-bottom__J4gt7 {
+  border-bottom: 3px solid var(--container-accent, var(--container-color, var(--divider)));
+}
 .container-module_styled__lBvLX.container-module_primary__j-bXY {
   --themed-main: var(--primary-main);
   --themed-dark: var(--primary-dark);
@@ -433,10 +467,18 @@ html:not(.dark) .container-module_styled__lBvLX.dark.container-module_light-slat
   gap: 0;
 }
 
+.container-module_gap-0-5__X21UC {
+  gap: var(--size-0-5);
+}
+
 .container-module_gap-1__VruMY {
   gap: var(--size-1);
 }
 
+.container-module_gap-1-5__DyCqd {
+  gap: var(--size-1-5);
+}
+
 .container-module_gap-2__DyVIE {
   gap: var(--size-2);
 }

package/dist/layout/Container/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,SAAS,uFAuFrB,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,SAAS,uFA2HrB,CAAC"}

package/dist/layout/Container/container.js

@@ -3,15 +3,29 @@ import cn from 'clsx';
 import * as React from 'react';
 import s from './container.module.scss.js';
 
-const Container = React.forwardRef(({ children, className, style, el, styled = true, direction = 'column', align, justify, full = false, rounded = true, theme, elevation, outlined, color, padding = 'lg', darkMode = false, gap = 0, ...props }, ref) => {
+const Container = React.forwardRef(({ children, className, style, el, styled = true, direction = 'column', align, justify, full = false, rounded = true, theme, elevation, outlined, color, padding = 'md', darkMode = false, gap = 0, accent, accentColor, measure, appear = false, ...props }, ref) => {
     const Component = (el ?? 'div');
-    const gapClass = gap ? s[`gap-${gap}`] : undefined;
-    const rootClassName = cn(className, darkMode && 'dark', styled && s.styled, s[direction], align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, (styled && rounded === 'extra' && s['extra-rounded']) || (rounded && s.rounded), styled && outlined && s['outlined'], styled && typeof padding === 'number'
+    // `0.5` -> `gap-0-5`: a dot is not valid in a class name, so the numeric
+    // prop is sanitised here rather than making callers write the string.
+    const gapClass = gap ? s[`gap-${String(gap).replace('.', '-')}`] : undefined;
+    const rootClassName = cn(className, darkMode && 'dark', styled && s.styled, s[direction], align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, (styled && rounded === 'extra' && s['extra-rounded']) || (rounded && s.rounded), styled && outlined && s['outlined'], measure && measure !== 'full' && s.measure, styled && accent && s[`accent-${accent}`], styled && typeof padding === 'number'
         ? s[`padding-${padding}`]
         : styled && padding !== 'lg' && s[`padding-${padding}`], styled && elevation && s[`elevation-${elevation}`], styled && theme && s[`${theme}`], gapClass);
-    const [opacity, setOpacity] = React.useState(0);
-    const [transition, setTransition] = React.useState('all 1s ease');
+    /*
+     * The mount fade is OPT-IN (`appear`), and it used to be automatic on every
+     * `outlined` container.
+     *
+     * That meant an outlined container rendered at `opacity: 0` and stayed
+     * invisible for 500ms — fine for one hero panel on a landing page, wrong
+     * for anything that repeats. A list of outlined cards blinked in half a
+     * second after the data arrived, and a card mounted by a toggle appeared to
+     * do nothing at all when tapped.
+     */
+    const [opacity, setOpacity] = React.useState(appear ? 0 : 1);
+    const [transition, setTransition] = React.useState(appear ? 'all 1s ease' : undefined);
     React.useEffect(() => {
+        if (!appear)
+            return undefined;
         const showTimeout = window.setTimeout(() => {
             setOpacity(1);
         }, 500);
@@ -22,10 +36,24 @@ const Container = React.forwardRef(({ children, className, style, el, styled = t
             window.clearTimeout(showTimeout);
             window.clearTimeout(resetTimeout);
         };
-    }, []);
-    const base = outlined ? { opacity, transition, ...style } : style;
-    const mergedStyle = color
-        ? { ...base, '--container-color': color }
+    }, [appear]);
+    const base = appear ? { opacity, transition, ...style } : style;
+    /*
+     * The named steps resolve to tokens; anything else is taken as a length,
+     * so a caller with a genuinely odd requirement is not stuck.
+     */
+    const measureValue = !measure || measure === 'full'
+        ? undefined
+        : ['text', 'content', 'wide'].includes(measure)
+            ? `var(--measure-${measure})`
+            : measure;
+    const mergedStyle = color || accentColor || measureValue
+        ? {
+            ...base,
+            ...(color ? { '--container-color': color } : null),
+            ...(accentColor ? { '--container-accent': accentColor } : null),
+            ...(measureValue ? { '--container-measure': measureValue } : null),
+        }
         : base;
     if (!el || el === 'div') {
         return (jsx("div", { "data-slot": 'container', ref: ref, style: mergedStyle, className: rootClassName, ...props, children: children }));

package/dist/layout/Container/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../../../src/layout/Container/container.tsx"],"sourcesContent":["import { type ContainerProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './container.module.scss';\n\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  (\n    {\n      children,\n      className,\n      style,\n      el,\n      styled = true,\n      direction = 'column',\n      align,\n      justify,\n      full = false,\n      rounded = true,\n      theme,\n      elevation,\n      outlined,\n      color,\n      padding = 'lg',\n      darkMode = false,\n      gap = 0,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? 'div') as React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n    const gapClass = gap ? s[`gap-${gap}` as keyof typeof s] : undefined;\n\n    const rootClassName = cn(\n      className,\n      darkMode && 'dark',\n      styled && s.styled,\n      s[direction],\n      align && s[`align-${align}` as keyof typeof s],\n      justify && s[`justify-${justify}` as keyof typeof s],\n      full && s.full,\n      (styled && rounded === 'extra' && s['extra-rounded']) || (rounded && s.rounded),\n      styled && outlined && s['outlined'],\n      styled && typeof padding === 'number'\n        ? s[`padding-${padding}` as keyof typeof s]\n        : styled && padding !== 'lg' && s[`padding-${padding}` as keyof typeof s],\n      styled && elevation && s[`elevation-${elevation}` as keyof typeof s],\n      styled && theme && s[`${theme}` as keyof typeof s],\n      gapClass,\n    );\n\n    const [opacity, setOpacity] = React.useState(0);\n    const [transition, setTransition] = React.useState('all 1s ease');\n\n    React.useEffect(() => {\n      const showTimeout = window.setTimeout(() => {\n        setOpacity(1);\n      }, 500);\n      const resetTimeout = window.setTimeout(() => {\n        setTransition('all .2s ease');\n      }, 1500);\n\n      return () => {\n        window.clearTimeout(showTimeout);\n        window.clearTimeout(resetTimeout);\n      };\n    }, []);\n\n    const base = outlined ? { opacity, transition, ...style } : style;\n    const mergedStyle = color\n      ? ({ ...base, '--container-color': color } as React.CSSProperties)\n      : base;\n\n    if (!el || el === 'div') {\n      return (\n        <div\n          data-slot={'container'}\n          ref={ref}\n          style={mergedStyle}\n          className={rootClassName}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <Component data-slot={'container'} style={mergedStyle} className={rootClassName} {...props}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nContainer.displayName = 'Container';\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"container.js","sources":["../../../src/layout/Container/container.tsx"],"sourcesContent":["import { type ContainerProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './container.module.scss';\n\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  (\n    {\n      children,\n      className,\n      style,\n      el,\n      styled = true,\n      direction = 'column',\n      align,\n      justify,\n      full = false,\n      rounded = true,\n      theme,\n      elevation,\n      outlined,\n      color,\n      padding = 'md',\n      darkMode = false,\n      gap = 0,\n      accent,\n      accentColor,\n      measure,\n      appear = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? 'div') as React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n    // `0.5` -> `gap-0-5`: a dot is not valid in a class name, so the numeric\n    // prop is sanitised here rather than making callers write the string.\n    const gapClass = gap ? s[`gap-${String(gap).replace('.', '-')}` as keyof typeof s] : undefined;\n\n    const rootClassName = cn(\n      className,\n      darkMode && 'dark',\n      styled && s.styled,\n      s[direction],\n      align && s[`align-${align}` as keyof typeof s],\n      justify && s[`justify-${justify}` as keyof typeof s],\n      full && s.full,\n      (styled && rounded === 'extra' && s['extra-rounded']) || (rounded && s.rounded),\n      styled && outlined && s['outlined'],\n      measure && measure !== 'full' && s.measure,\n      styled && accent && s[`accent-${accent}` as keyof typeof s],\n      styled && typeof padding === 'number'\n        ? s[`padding-${padding}` as keyof typeof s]\n        : styled && padding !== 'lg' && s[`padding-${padding}` as keyof typeof s],\n      styled && elevation && s[`elevation-${elevation}` as keyof typeof s],\n      styled && theme && s[`${theme}` as keyof typeof s],\n      gapClass,\n    );\n\n    /*\n     * The mount fade is OPT-IN (`appear`), and it used to be automatic on every\n     * `outlined` container.\n     *\n     * That meant an outlined container rendered at `opacity: 0` and stayed\n     * invisible for 500ms — fine for one hero panel on a landing page, wrong\n     * for anything that repeats. A list of outlined cards blinked in half a\n     * second after the data arrived, and a card mounted by a toggle appeared to\n     * do nothing at all when tapped.\n     */\n    const [opacity, setOpacity] = React.useState(appear ? 0 : 1);\n    const [transition, setTransition] = React.useState(appear ? 'all 1s ease' : undefined);\n\n    React.useEffect(() => {\n      if (!appear) return undefined;\n      const showTimeout = window.setTimeout(() => {\n        setOpacity(1);\n      }, 500);\n      const resetTimeout = window.setTimeout(() => {\n        setTransition('all .2s ease');\n      }, 1500);\n\n      return () => {\n        window.clearTimeout(showTimeout);\n        window.clearTimeout(resetTimeout);\n      };\n    }, [appear]);\n\n    const base = appear ? { opacity, transition, ...style } : style;\n    /*\n     * The named steps resolve to tokens; anything else is taken as a length,\n     * so a caller with a genuinely odd requirement is not stuck.\n     */\n    const measureValue =\n      !measure || measure === 'full'\n        ? undefined\n        : ['text', 'content', 'wide'].includes(measure)\n          ? `var(--measure-${measure})`\n          : measure;\n\n    const mergedStyle =\n      color || accentColor || measureValue\n        ? ({\n            ...base,\n            ...(color ? { '--container-color': color } : null),\n            ...(accentColor ? { '--container-accent': accentColor } : null),\n            ...(measureValue ? { '--container-measure': measureValue } : null),\n          } as React.CSSProperties)\n        : base;\n\n    if (!el || el === 'div') {\n      return (\n        <div\n          data-slot={'container'}\n          ref={ref}\n          style={mergedStyle}\n          className={rootClassName}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <Component data-slot={'container'} style={mergedStyle} className={rootClassName} {...props}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nContainer.displayName = 'Container';\n"],"names":["_jsx"],"mappings":"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"}

package/dist/layout/Container/container.module.scss.js

@@ -1,6 +1,6 @@
 import './container.css';
 
-var s = {"styled":"container-module_styled__lBvLX","rounded":"container-module_rounded__j2TbF","extra-rounded":"container-module_extra-rounded__04Oru","elevation-1":"container-module_elevation-1__Gls_E","elevation-2":"container-module_elevation-2__BP2A6","elevation-3":"container-module_elevation-3__Jnc3A","elevation-4":"container-module_elevation-4__XOU5A","elevation-5":"container-module_elevation-5__P605X","elevation-6":"container-module_elevation-6__VpOO_","elevation-7":"container-module_elevation-7__xUwng","elevation-8":"container-module_elevation-8__DTCqj","elevation-9":"container-module_elevation-9__pzOOc","elevation-10":"container-module_elevation-10__3zyk3","elevation-11":"container-module_elevation-11__1kq7j","elevation-12":"container-module_elevation-12__-6bNZ","elevation-13":"container-module_elevation-13__mFicp","elevation-14":"container-module_elevation-14__rCXVn","elevation-15":"container-module_elevation-15__LFDwM","elevation-16":"container-module_elevation-16__PjotT","elevation-17":"container-module_elevation-17__Tkks4","elevation-18":"container-module_elevation-18__zhwIQ","elevation-19":"container-module_elevation-19__F9Ei0","elevation-20":"container-module_elevation-20__g0WjD","elevation-21":"container-module_elevation-21__k38TV","elevation-22":"container-module_elevation-22__4tiyl","elevation-23":"container-module_elevation-23__ML86a","elevation-24":"container-module_elevation-24___1ib1","padding-0":"container-module_padding-0__Fl8df","padding-1":"container-module_padding-1__tcmeu","padding-2":"container-module_padding-2__Y0b2q","padding-3":"container-module_padding-3__ago8q","padding-4":"container-module_padding-4__UI7f2","padding-5":"container-module_padding-5__fWxbp","padding-6":"container-module_padding-6__5SY-X","padding-xl":"container-module_padding-xl__69Jep","padding-md":"container-module_padding-md__BHqfC","padding-sm":"container-module_padding-sm__6zyxP","padding-none":"container-module_padding-none__9BcyG","outlined":"container-module_outlined__cT6vl","primary":"container-module_primary__j-bXY","secondary":"container-module_secondary__c1vzm","success":"container-module_success__Qh4CL","destructive":"container-module_destructive__SrF2d","warning":"container-module_warning__G2wA2","info":"container-module_info__VNxa7","slate":"container-module_slate__5mtBR","light-slate":"container-module_light-slate__A9QXm","column":"container-module_column__kRhyo","row":"container-module_row__1yar2","full":"container-module_full__BAlAD","justify-start":"container-module_justify-start__cUoBd","justify-center":"container-module_justify-center__9-nLN","justify-end":"container-module_justify-end__eSKIv","justify-space-between":"container-module_justify-space-between__HMIot","justify-space-around":"container-module_justify-space-around___rF8Y","justify-space-evenly":"container-module_justify-space-evenly__JlaKV","align-start":"container-module_align-start__FWX-N","align-center":"container-module_align-center__RCT1y","align-end":"container-module_align-end__qAUCJ","align-stretch":"container-module_align-stretch__w7-RN","gap-0":"container-module_gap-0__p8PTC","gap-1":"container-module_gap-1__VruMY","gap-2":"container-module_gap-2__DyVIE","gap-3":"container-module_gap-3__yhOun","gap-4":"container-module_gap-4__ywQck","gap-5":"container-module_gap-5__qxrxN","gap-6":"container-module_gap-6__2rxyO","gap-7":"container-module_gap-7__olqOQ","gap-8":"container-module_gap-8__nQElT","gap-9":"container-module_gap-9__x2u8f","gap-10":"container-module_gap-10__xM7iG","gap-11":"container-module_gap-11__M_6mJ","gap-12":"container-module_gap-12__O_F2K"};
+var s = {"measure":"container-module_measure__2XZpb","styled":"container-module_styled__lBvLX","rounded":"container-module_rounded__j2TbF","extra-rounded":"container-module_extra-rounded__04Oru","elevation-1":"container-module_elevation-1__Gls_E","elevation-2":"container-module_elevation-2__BP2A6","elevation-3":"container-module_elevation-3__Jnc3A","elevation-4":"container-module_elevation-4__XOU5A","elevation-5":"container-module_elevation-5__P605X","elevation-6":"container-module_elevation-6__VpOO_","elevation-7":"container-module_elevation-7__xUwng","elevation-8":"container-module_elevation-8__DTCqj","elevation-9":"container-module_elevation-9__pzOOc","elevation-10":"container-module_elevation-10__3zyk3","elevation-11":"container-module_elevation-11__1kq7j","elevation-12":"container-module_elevation-12__-6bNZ","elevation-13":"container-module_elevation-13__mFicp","elevation-14":"container-module_elevation-14__rCXVn","elevation-15":"container-module_elevation-15__LFDwM","elevation-16":"container-module_elevation-16__PjotT","elevation-17":"container-module_elevation-17__Tkks4","elevation-18":"container-module_elevation-18__zhwIQ","elevation-19":"container-module_elevation-19__F9Ei0","elevation-20":"container-module_elevation-20__g0WjD","elevation-21":"container-module_elevation-21__k38TV","elevation-22":"container-module_elevation-22__4tiyl","elevation-23":"container-module_elevation-23__ML86a","elevation-24":"container-module_elevation-24___1ib1","padding-0":"container-module_padding-0__Fl8df","padding-1":"container-module_padding-1__tcmeu","padding-2":"container-module_padding-2__Y0b2q","padding-3":"container-module_padding-3__ago8q","padding-4":"container-module_padding-4__UI7f2","padding-5":"container-module_padding-5__fWxbp","padding-6":"container-module_padding-6__5SY-X","padding-xl":"container-module_padding-xl__69Jep","padding-md":"container-module_padding-md__BHqfC","padding-sm":"container-module_padding-sm__6zyxP","padding-xs":"container-module_padding-xs__tMiKO","padding-none":"container-module_padding-none__9BcyG","outlined":"container-module_outlined__cT6vl","accent-left":"container-module_accent-left__nbg_w","accent-right":"container-module_accent-right__BnLgK","accent-top":"container-module_accent-top__ayLtX","accent-bottom":"container-module_accent-bottom__J4gt7","primary":"container-module_primary__j-bXY","secondary":"container-module_secondary__c1vzm","success":"container-module_success__Qh4CL","destructive":"container-module_destructive__SrF2d","warning":"container-module_warning__G2wA2","info":"container-module_info__VNxa7","slate":"container-module_slate__5mtBR","light-slate":"container-module_light-slate__A9QXm","column":"container-module_column__kRhyo","row":"container-module_row__1yar2","full":"container-module_full__BAlAD","justify-start":"container-module_justify-start__cUoBd","justify-center":"container-module_justify-center__9-nLN","justify-end":"container-module_justify-end__eSKIv","justify-space-between":"container-module_justify-space-between__HMIot","justify-space-around":"container-module_justify-space-around___rF8Y","justify-space-evenly":"container-module_justify-space-evenly__JlaKV","align-start":"container-module_align-start__FWX-N","align-center":"container-module_align-center__RCT1y","align-end":"container-module_align-end__qAUCJ","align-stretch":"container-module_align-stretch__w7-RN","gap-0":"container-module_gap-0__p8PTC","gap-0-5":"container-module_gap-0-5__X21UC","gap-1":"container-module_gap-1__VruMY","gap-1-5":"container-module_gap-1-5__DyCqd","gap-2":"container-module_gap-2__DyVIE","gap-3":"container-module_gap-3__yhOun","gap-4":"container-module_gap-4__ywQck","gap-5":"container-module_gap-5__qxrxN","gap-6":"container-module_gap-6__2rxyO","gap-7":"container-module_gap-7__olqOQ","gap-8":"container-module_gap-8__nQElT","gap-9":"container-module_gap-9__x2u8f","gap-10":"container-module_gap-10__xM7iG","gap-11":"container-module_gap-11__M_6mJ","gap-12":"container-module_gap-12__O_F2K"};
 
 export { s as default };
 //# sourceMappingURL=container.module.scss.js.map

package/dist/layout/Grid/grid.css

@@ -1,3 +1,25 @@
+.grid-module_grid__URZOP.grid-module_auto__vjfH2 {
+  grid-template-columns: repeat(auto-fit, minmax(var(--grid-min, 8rem), 1fr));
+}
+.grid-module_grid__URZOP.grid-module_auto-fill__Z6bcz {
+  grid-template-columns: repeat(auto-fill, minmax(var(--grid-min, 8rem), 1fr));
+}
+.grid-module_grid__URZOP {
+  /*
+   * See GridProps.masonry. Multi-column rather than grid: it is the only
+   * masonry with universal support, and it happens to give exactly the
+   * "as many columns as fit this width" behaviour `min` already describes.
+   * `display` has to leave grid for this to mean anything.
+   */
+}
+.grid-module_grid__URZOP.grid-module_masonry__ITaiI {
+  columns: var(--grid-min, 17rem);
+  display: block;
+}
+.grid-module_grid__URZOP.grid-module_masonry__ITaiI > * {
+  break-inside: avoid;
+  margin-bottom: var(--grid-masonry-gap, var(--size-2));
+}
 .grid-module_grid__URZOP {
   display: grid;
   width: 100%;
@@ -5,9 +27,15 @@
 .grid-module_grid__URZOP.grid-module_gap-0__iRAf0 {
   gap: 0;
 }
+.grid-module_grid__URZOP.grid-module_gap-0-5__3w5Z4 {
+  gap: var(--size-0-5);
+}
 .grid-module_grid__URZOP.grid-module_gap-1__OwDWN {
   gap: var(--size-1);
 }
+.grid-module_grid__URZOP.grid-module_gap-1-5__o1Xrf {
+  gap: var(--size-1-5);
+}
 .grid-module_grid__URZOP.grid-module_gap-2__1Jw0p {
   gap: var(--size-2);
 }

package/dist/layout/Grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,kFA0CT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,kFA4FT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/layout/Grid/grid.js

@@ -1,13 +1,49 @@
 import { jsx } from 'react/jsx-runtime';
 import cn from 'clsx';
 import * as React from 'react';
+import { useFlip } from '../../hooks/layout/use-flip.js';
 import s from './grid.module.scss.js';
 
-const Grid = React.forwardRef(({ children, className, el, columns = 1, sm, md, lg, xl, gap = 2, align, justify, full = true, ...props }, ref) => {
+const Grid = React.forwardRef(({ children, className, el, columns = 1, sm, md, lg, xl, gap = 2, min, fill, masonry, animate, style, align, justify, full = true, ...props }, ref) => {
     const Component = (el ?? 'div');
-    const gapClass = gap != null ? s[`gap-${gap}`] : undefined;
-    const rootClassName = cn(s.grid, s[`cols-${columns}`], sm && s[`sm-${sm}`], md && s[`md-${md}`], lg && s[`lg-${lg}`], xl && s[`xl-${xl}`], gapClass, align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, className);
-    return (jsx(Component, { "data-slot": 'grid', ref: ref, className: rootClassName, ...props, children: children }));
+    /*
+     * The hook needs a ref to the element it is animating the children of, and
+     * the caller may have asked for one too, so both are kept pointed at it.
+     */
+    const innerRef = React.useRef(null);
+    useFlip(innerRef, { enabled: !!animate });
+    const setRef = React.useCallback((node) => {
+        innerRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    // `0.5` -> `gap-0-5`: a dot is not valid in a class name, so the numeric
+    // prop is sanitised here rather than making callers write the string.
+    const gapClass = gap != null ? s[`gap-${String(gap).replace('.', '-')}`] : undefined;
+    /*
+     * `min` wins over `columns`: a track floor is a different question from a
+     * column count, and answering both at once is how you get a grid that
+     * claims three columns and shows two.
+     */
+    const rootClassName = cn(s.grid, masonry
+        ? s.masonry
+        : min
+            ? fill
+                ? s['auto-fill']
+                : s.auto
+            : s[`cols-${columns}`], !min && sm && s[`sm-${sm}`], !min && md && s[`md-${md}`], !min && lg && s[`lg-${lg}`], !min && xl && s[`xl-${xl}`], gapClass, align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, className);
+    return (jsx(Component, { "data-slot": 'grid', ref: setRef, className: rootClassName, style: min || masonry
+            ? {
+                ...style,
+                ...(min ? { '--grid-min': min } : null),
+                // Column gaps come from `gap`, but the vertical rhythm in a
+                // multi-column flow is a margin on each item, so it needs the
+                // same number as a length.
+                ...(masonry ? { '--grid-masonry-gap': `var(--size-${gap})` } : null),
+            }
+            : style, ...props, children: children }));
 });
 Grid.displayName = 'Grid';
 

package/dist/layout/Grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../src/layout/Grid/grid.tsx"],"sourcesContent":["import { type GridProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './grid.module.scss';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      children,\n      className,\n      el,\n      columns = 1,\n      sm,\n      md,\n      lg,\n      xl,\n      gap = 2,\n      align,\n      justify,\n      full = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? 'div') as 'div';\n    const gapClass = gap != null ? s[`gap-${gap}` as keyof typeof s] : undefined;\n\n    const rootClassName = cn(\n      s.grid,\n      s[`cols-${columns}` as keyof typeof s],\n      sm && s[`sm-${sm}` as keyof typeof s],\n      md && s[`md-${md}` as keyof typeof s],\n      lg && s[`lg-${lg}` as keyof typeof s],\n      xl && s[`xl-${xl}` as keyof typeof s],\n      gapClass,\n      align && s[`align-${align}` as keyof typeof s],\n      justify && s[`justify-${justify}` as keyof typeof s],\n      full && s.full,\n      className,\n    );\n\n    return (\n      <Component data-slot={'grid'} ref={ref} className={rootClassName} {...props}>\n        {children}\n      </Component>\n    );\n  },\n);\nGrid.displayName = 'Grid';\n\nexport { Grid };\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EACF,OAAO,GAAG,CAAC,EACX,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,GAAG,CAAC,EACP,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,SAAS,IAAI,EAAE,IAAI,KAAK,CAAU;AACxC,IAAA,MAAM,QAAQ,GAAG,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAA,IAAA,EAAO,GAAG,CAAA,CAAoB,CAAC,GAAG,SAAS;AAE5E,IAAA,MAAM,aAAa,GAAG,EAAE,CACtB,CAAC,CAAC,IAAI,EACN,CAAC,CAAC,QAAQ,OAAO,CAAA,CAAoB,CAAC,EACtC,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,CAAA,CAAoB,CAAC,EACrC,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,EAAoB,CAAC,EACrC,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,CAAA,CAAoB,CAAC,EACrC,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,CAAA,CAAoB,CAAC,EACrC,QAAQ,EACR,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAA,CAAoB,CAAC,EAC9C,OAAO,IAAI,CAAC,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAoB,CAAC,EACpD,IAAI,IAAI,CAAC,CAAC,IAAI,EACd,SAAS,CACV;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,iBAAY,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAA,GAAM,KAAK,YACxE,QAAQ,EAAA,CACC;AAEhB,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM;;"}
+{"version":3,"file":"grid.js","sources":["../../../src/layout/Grid/grid.tsx"],"sourcesContent":["import { type GridProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { useFlip } from '../../hooks/layout/use-flip';\nimport s from './grid.module.scss';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      children,\n      className,\n      el,\n      columns = 1,\n      sm,\n      md,\n      lg,\n      xl,\n      gap = 2,\n      min,\n      fill,\n      masonry,\n      animate,\n      style,\n      align,\n      justify,\n      full = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? 'div') as 'div';\n    /*\n     * The hook needs a ref to the element it is animating the children of, and\n     * the caller may have asked for one too, so both are kept pointed at it.\n     */\n    const innerRef = React.useRef<HTMLDivElement | null>(null);\n    useFlip(innerRef, { enabled: !!animate });\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    // `0.5` -> `gap-0-5`: a dot is not valid in a class name, so the numeric\n    // prop is sanitised here rather than making callers write the string.\n    const gapClass =\n      gap != null ? s[`gap-${String(gap).replace('.', '-')}` as keyof typeof s] : undefined;\n\n    /*\n     * `min` wins over `columns`: a track floor is a different question from a\n     * column count, and answering both at once is how you get a grid that\n     * claims three columns and shows two.\n     */\n    const rootClassName = cn(\n      s.grid,\n      masonry\n        ? s.masonry\n        : min\n          ? fill\n            ? s['auto-fill']\n            : s.auto\n          : s[`cols-${columns}` as keyof typeof s],\n      !min && sm && s[`sm-${sm}` as keyof typeof s],\n      !min && md && s[`md-${md}` as keyof typeof s],\n      !min && lg && s[`lg-${lg}` as keyof typeof s],\n      !min && xl && s[`xl-${xl}` as keyof typeof s],\n      gapClass,\n      align && s[`align-${align}` as keyof typeof s],\n      justify && s[`justify-${justify}` as keyof typeof s],\n      full && s.full,\n      className,\n    );\n\n    return (\n      <Component\n        data-slot={'grid'}\n        ref={setRef}\n        className={rootClassName}\n        style={\n          min || masonry\n            ? ({\n                ...style,\n                ...(min ? { '--grid-min': min } : null),\n                // Column gaps come from `gap`, but the vertical rhythm in a\n                // multi-column flow is a margin on each item, so it needs the\n                // same number as a length.\n                ...(masonry ? { '--grid-masonry-gap': `var(--size-${gap})` } : null),\n              } as React.CSSProperties)\n            : style\n        }\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nGrid.displayName = 'Grid';\n\nexport { Grid };\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EACF,OAAO,GAAG,CAAC,EACX,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,GAAG,CAAC,EACP,GAAG,EACH,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,SAAS,IAAI,EAAE,IAAI,KAAK,CAAU;AACxC;;;AAGG;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC;IAC1D,OAAO,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,IAA2B,KAAI;AAC9B,QAAA,QAAQ,CAAC,OAAO,GAAG,IAAI;QACvB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC;AACnC,aAAA,IAAI,GAAG;AAAG,YAAA,GAAqD,CAAC,OAAO,GAAG,IAAI;AACrF,IAAA,CAAC,EACD,CAAC,GAAG,CAAC,CACN;;;AAGD,IAAA,MAAM,QAAQ,GACZ,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAA,IAAA,EAAO,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA,CAAoB,CAAC,GAAG,SAAS;AAEvF;;;;AAIG;IACH,MAAM,aAAa,GAAG,EAAE,CACtB,CAAC,CAAC,IAAI,EACN;UACI,CAAC,CAAC;AACJ,UAAE;AACA,cAAE;AACA,kBAAE,CAAC,CAAC,WAAW;kBACb,CAAC,CAAC;AACN,cAAE,CAAC,CAAC,QAAQ,OAAO,CAAA,CAAoB,CAAC,EAC5C,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,EAAoB,CAAC,EAC7C,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,CAAA,CAAoB,CAAC,EAC7C,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,CAAA,CAAoB,CAAC,EAC7C,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,CAAA,CAAoB,CAAC,EAC7C,QAAQ,EACR,KAAK,IAAI,CAAC,CAAC,CAAA,MAAA,EAAS,KAAK,CAAA,CAAoB,CAAC,EAC9C,OAAO,IAAI,CAAC,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAoB,CAAC,EACpD,IAAI,IAAI,CAAC,CAAC,IAAI,EACd,SAAS,CACV;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,iBACG,MAAM,EACjB,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,aAAa,EACxB,KAAK,EACH,GAAG,IAAI;AACL,cAAG;AACC,gBAAA,GAAG,KAAK;AACR,gBAAA,IAAI,GAAG,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;;;;AAIvC,gBAAA,IAAI,OAAO,GAAG,EAAE,oBAAoB,EAAE,CAAA,WAAA,EAAc,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7C;cACzB,KAAK,EAAA,GAEP,KAAK,YAER,QAAQ,EAAA,CACC;AAEhB,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM;;"}

package/dist/layout/Grid/grid.module.scss.js

@@ -1,6 +1,6 @@
 import './grid.css';
 
-var s = {"grid":"grid-module_grid__URZOP","gap-0":"grid-module_gap-0__iRAf0","gap-1":"grid-module_gap-1__OwDWN","gap-2":"grid-module_gap-2__1Jw0p","gap-3":"grid-module_gap-3__70iEG","gap-4":"grid-module_gap-4__U1761","gap-5":"grid-module_gap-5__CEdka","gap-6":"grid-module_gap-6__4y75R","gap-7":"grid-module_gap-7__u3368","gap-8":"grid-module_gap-8__cgz4p","gap-9":"grid-module_gap-9__mM214","gap-10":"grid-module_gap-10__vpyiI","gap-11":"grid-module_gap-11__AM-Si","gap-12":"grid-module_gap-12__D0Agl","cols-1":"grid-module_cols-1__tDyLx","cols-2":"grid-module_cols-2__Aabcv","cols-3":"grid-module_cols-3__9qlO2","cols-4":"grid-module_cols-4___jysa","cols-5":"grid-module_cols-5__ydWoG","cols-6":"grid-module_cols-6__E7LZ5","cols-7":"grid-module_cols-7__a4q39","cols-8":"grid-module_cols-8__zHglg","cols-9":"grid-module_cols-9__SiCSD","cols-10":"grid-module_cols-10__gClfi","cols-11":"grid-module_cols-11__sJlaU","cols-12":"grid-module_cols-12__o8LoO","sm-1":"grid-module_sm-1__D8Lls","md-1":"grid-module_md-1__455Mc","lg-1":"grid-module_lg-1__5W2k8","xl-1":"grid-module_xl-1__rAkG_","sm-2":"grid-module_sm-2__yR0Fc","md-2":"grid-module_md-2__0DmLp","lg-2":"grid-module_lg-2__CUQgJ","xl-2":"grid-module_xl-2__xCLrj","sm-3":"grid-module_sm-3__vrTa-","md-3":"grid-module_md-3__x3eV8","lg-3":"grid-module_lg-3__huUPl","xl-3":"grid-module_xl-3__yyfwM","sm-4":"grid-module_sm-4__Uncvx","md-4":"grid-module_md-4__FLFcT","lg-4":"grid-module_lg-4__ip-Ks","xl-4":"grid-module_xl-4__ZOpLp","sm-5":"grid-module_sm-5__KbBZQ","md-5":"grid-module_md-5__mFdLw","lg-5":"grid-module_lg-5__CF141","xl-5":"grid-module_xl-5__Fwp3k","sm-6":"grid-module_sm-6__P6ncv","md-6":"grid-module_md-6__zWNoi","lg-6":"grid-module_lg-6__C1pt0","xl-6":"grid-module_xl-6__2241T","sm-7":"grid-module_sm-7__q812T","md-7":"grid-module_md-7__zisaQ","lg-7":"grid-module_lg-7__ZZE2U","xl-7":"grid-module_xl-7__dMVdE","sm-8":"grid-module_sm-8__vljwl","md-8":"grid-module_md-8__FzUyb","lg-8":"grid-module_lg-8__Ugpvr","xl-8":"grid-module_xl-8__GVRNa","sm-9":"grid-module_sm-9__YlIuR","md-9":"grid-module_md-9__GmZlg","lg-9":"grid-module_lg-9__qBh6X","xl-9":"grid-module_xl-9__fMGsr","sm-10":"grid-module_sm-10__9EmPF","md-10":"grid-module_md-10__AHVfo","lg-10":"grid-module_lg-10__zeu56","xl-10":"grid-module_xl-10__7xkKT","sm-11":"grid-module_sm-11__Pa858","md-11":"grid-module_md-11__QcVjb","lg-11":"grid-module_lg-11__u6yCr","xl-11":"grid-module_xl-11__Ebvl8","sm-12":"grid-module_sm-12__rRstd","md-12":"grid-module_md-12__lUda6","lg-12":"grid-module_lg-12__XJzsH","xl-12":"grid-module_xl-12__hN8gf","align-start":"grid-module_align-start__r05R3","align-center":"grid-module_align-center__SdjWn","align-end":"grid-module_align-end__N43Tp","align-stretch":"grid-module_align-stretch__3MQKu","justify-start":"grid-module_justify-start__DpTS2","justify-center":"grid-module_justify-center__McRg0","justify-end":"grid-module_justify-end__TNvSn","justify-stretch":"grid-module_justify-stretch__1K88A","full":"grid-module_full__IH52K"};
+var s = {"grid":"grid-module_grid__URZOP","auto":"grid-module_auto__vjfH2","auto-fill":"grid-module_auto-fill__Z6bcz","masonry":"grid-module_masonry__ITaiI","gap-0":"grid-module_gap-0__iRAf0","gap-0-5":"grid-module_gap-0-5__3w5Z4","gap-1":"grid-module_gap-1__OwDWN","gap-1-5":"grid-module_gap-1-5__o1Xrf","gap-2":"grid-module_gap-2__1Jw0p","gap-3":"grid-module_gap-3__70iEG","gap-4":"grid-module_gap-4__U1761","gap-5":"grid-module_gap-5__CEdka","gap-6":"grid-module_gap-6__4y75R","gap-7":"grid-module_gap-7__u3368","gap-8":"grid-module_gap-8__cgz4p","gap-9":"grid-module_gap-9__mM214","gap-10":"grid-module_gap-10__vpyiI","gap-11":"grid-module_gap-11__AM-Si","gap-12":"grid-module_gap-12__D0Agl","cols-1":"grid-module_cols-1__tDyLx","cols-2":"grid-module_cols-2__Aabcv","cols-3":"grid-module_cols-3__9qlO2","cols-4":"grid-module_cols-4___jysa","cols-5":"grid-module_cols-5__ydWoG","cols-6":"grid-module_cols-6__E7LZ5","cols-7":"grid-module_cols-7__a4q39","cols-8":"grid-module_cols-8__zHglg","cols-9":"grid-module_cols-9__SiCSD","cols-10":"grid-module_cols-10__gClfi","cols-11":"grid-module_cols-11__sJlaU","cols-12":"grid-module_cols-12__o8LoO","sm-1":"grid-module_sm-1__D8Lls","md-1":"grid-module_md-1__455Mc","lg-1":"grid-module_lg-1__5W2k8","xl-1":"grid-module_xl-1__rAkG_","sm-2":"grid-module_sm-2__yR0Fc","md-2":"grid-module_md-2__0DmLp","lg-2":"grid-module_lg-2__CUQgJ","xl-2":"grid-module_xl-2__xCLrj","sm-3":"grid-module_sm-3__vrTa-","md-3":"grid-module_md-3__x3eV8","lg-3":"grid-module_lg-3__huUPl","xl-3":"grid-module_xl-3__yyfwM","sm-4":"grid-module_sm-4__Uncvx","md-4":"grid-module_md-4__FLFcT","lg-4":"grid-module_lg-4__ip-Ks","xl-4":"grid-module_xl-4__ZOpLp","sm-5":"grid-module_sm-5__KbBZQ","md-5":"grid-module_md-5__mFdLw","lg-5":"grid-module_lg-5__CF141","xl-5":"grid-module_xl-5__Fwp3k","sm-6":"grid-module_sm-6__P6ncv","md-6":"grid-module_md-6__zWNoi","lg-6":"grid-module_lg-6__C1pt0","xl-6":"grid-module_xl-6__2241T","sm-7":"grid-module_sm-7__q812T","md-7":"grid-module_md-7__zisaQ","lg-7":"grid-module_lg-7__ZZE2U","xl-7":"grid-module_xl-7__dMVdE","sm-8":"grid-module_sm-8__vljwl","md-8":"grid-module_md-8__FzUyb","lg-8":"grid-module_lg-8__Ugpvr","xl-8":"grid-module_xl-8__GVRNa","sm-9":"grid-module_sm-9__YlIuR","md-9":"grid-module_md-9__GmZlg","lg-9":"grid-module_lg-9__qBh6X","xl-9":"grid-module_xl-9__fMGsr","sm-10":"grid-module_sm-10__9EmPF","md-10":"grid-module_md-10__AHVfo","lg-10":"grid-module_lg-10__zeu56","xl-10":"grid-module_xl-10__7xkKT","sm-11":"grid-module_sm-11__Pa858","md-11":"grid-module_md-11__QcVjb","lg-11":"grid-module_lg-11__u6yCr","xl-11":"grid-module_xl-11__Ebvl8","sm-12":"grid-module_sm-12__rRstd","md-12":"grid-module_md-12__lUda6","lg-12":"grid-module_lg-12__XJzsH","xl-12":"grid-module_xl-12__hN8gf","align-start":"grid-module_align-start__r05R3","align-center":"grid-module_align-center__SdjWn","align-end":"grid-module_align-end__N43Tp","align-stretch":"grid-module_align-stretch__3MQKu","justify-start":"grid-module_justify-start__DpTS2","justify-center":"grid-module_justify-center__McRg0","justify-end":"grid-module_justify-end__TNvSn","justify-stretch":"grid-module_justify-stretch__1K88A","full":"grid-module_full__IH52K"};
 
 export { s as default };
 //# sourceMappingURL=grid.module.scss.js.map

package/dist/layout/Row/row.css

@@ -2,12 +2,54 @@
   display: flex;
   flex-direction: row;
 }
+.row-module_row__tK3mg.row-module_flex-1__HUP39 {
+  flex: 1;
+}
+.row-module_row__tK3mg.row-module_flex-2__458Pn {
+  flex: 2;
+}
+.row-module_row__tK3mg.row-module_flex-3__WHhFE {
+  flex: 3;
+}
+.row-module_row__tK3mg.row-module_flex-4___duTL {
+  flex: 4;
+}
+.row-module_row__tK3mg.row-module_flex-5__Xykyf {
+  flex: 5;
+}
+.row-module_row__tK3mg.row-module_flex-6__-uJVB {
+  flex: 6;
+}
+.row-module_row__tK3mg.row-module_flex-7__mKC_G {
+  flex: 7;
+}
+.row-module_row__tK3mg.row-module_flex-8__T5bTm {
+  flex: 8;
+}
+.row-module_row__tK3mg.row-module_flex-9__jnohJ {
+  flex: 9;
+}
+.row-module_row__tK3mg.row-module_flex-10__Y9Wm- {
+  flex: 10;
+}
+.row-module_row__tK3mg.row-module_flex-11__09pfT {
+  flex: 11;
+}
+.row-module_row__tK3mg.row-module_flex-12__Fblaj {
+  flex: 12;
+}
 .row-module_row__tK3mg.row-module_gap-0__B8drW {
   gap: 0;
 }
+.row-module_row__tK3mg.row-module_gap-0-5__LnFQS {
+  gap: var(--size-0-5);
+}
 .row-module_row__tK3mg.row-module_gap-1___Q8pm {
   gap: var(--size-1);
 }
+.row-module_row__tK3mg.row-module_gap-1-5__SYfcs {
+  gap: var(--size-1-5);
+}
 .row-module_row__tK3mg.row-module_gap-2__nvctX {
   gap: var(--size-2);
 }

package/dist/layout/Row/row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/layout/Row/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuClC,CAAC"}
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/layout/Row/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA2ClC,CAAC"}

package/dist/layout/Row/row.js

@@ -2,16 +2,18 @@ import { jsx } from 'react/jsx-runtime';
 import cn from 'clsx';
 import s from './row.module.scss.js';
 
-const Row = ({ children, className, style, el, gap = 0, breakpoint, align = 'center', justify, full = false, wrap = false, ...props }) => {
+const Row = ({ children, className, style, el, gap = 0, breakpoint, align = 'center', justify, full = false, wrap = false, flex, ...props }) => {
     const Component = (el ?? 'div');
-    const gapClass = gap ? s[`gap-${gap}`] : undefined;
+    // `0.5` -> `gap-0-5`: a dot is not valid in a class name, so the numeric
+    // prop is sanitised here rather than making callers write the string.
+    const gapClass = gap ? s[`gap-${String(gap).replace('.', '-')}`] : undefined;
     const breakpointClass = breakpoint ? s[`break-${breakpoint}`] : undefined;
     const hasWrap = !!wrap;
     const wrapMinWidth = typeof wrap === 'number' ? `${wrap}px` : undefined;
     const rootStyle = wrapMinWidth
         ? { ...style, '--row-wrap-min-width': wrapMinWidth }
         : style;
-    const rootClassName = cn(className, s.row, gapClass, align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, hasWrap && s.wrap, wrapMinWidth && s['wrap-fixed'], breakpointClass);
+    const rootClassName = cn(className, s.row, gapClass, align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, flex && s[`flex-${flex}`], hasWrap && s.wrap, wrapMinWidth && s['wrap-fixed'], breakpointClass);
     return (jsx(Component, { "data-slot": 'row', style: rootStyle, className: rootClassName, ...props, children: children }));
 };
 

package/dist/layout/Row/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sources":["../../../src/layout/Row/row.tsx"],"sourcesContent":["import { type RowProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './row.module.scss';\n\nexport const Row: React.FC<RowProps> = ({\n  children,\n  className,\n  style,\n  el,\n  gap = 0,\n  breakpoint,\n  align = 'center',\n  justify,\n  full = false,\n  wrap = false,\n  ...props\n}) => {\n  const Component = (el ?? 'div') as React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n  const gapClass = gap ? s[`gap-${gap}` as keyof typeof s] : undefined;\n  const breakpointClass = breakpoint ? s[`break-${breakpoint}` as keyof typeof s] : undefined;\n  const hasWrap = !!wrap;\n  const wrapMinWidth = typeof wrap === 'number' ? `${wrap}px` : undefined;\n  const rootStyle = wrapMinWidth\n    ? ({ ...style, '--row-wrap-min-width': wrapMinWidth } as React.CSSProperties)\n    : style;\n\n  const rootClassName = cn(\n    className,\n    s.row,\n    gapClass,\n    align && s[`align-${align}`],\n    justify && s[`justify-${justify}`],\n    full && s.full,\n    hasWrap && s.wrap,\n    wrapMinWidth && s['wrap-fixed'],\n    breakpointClass,\n  );\n\n  return (\n    <Component data-slot={'row'} style={rootStyle} className={rootClassName} {...props}>\n      {children}\n    </Component>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;AAKO,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,GAAG,GAAG,CAAC,EACP,UAAU,EACV,KAAK,GAAG,QAAQ,EAChB,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,SAAS,IAAI,EAAE,IAAI,KAAK,CAA4D;AAC1F,IAAA,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA,IAAA,EAAO,GAAG,EAAoB,CAAC,GAAG,SAAS;AACpE,IAAA,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC,CAAC,CAAA,MAAA,EAAS,UAAU,EAAoB,CAAC,GAAG,SAAS;AAC3F,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI;AACtB,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,GAAG,SAAS;IACvE,MAAM,SAAS,GAAG;UACb,EAAE,GAAG,KAAK,EAAE,sBAAsB,EAAE,YAAY;UACjD,KAAK;IAET,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,CAAC,CAAC,GAAG,EACL,QAAQ,EACR,KAAK,IAAI,CAAC,CAAC,CAAA,MAAA,EAAS,KAAK,EAAE,CAAC,EAC5B,OAAO,IAAI,CAAC,CAAC,WAAW,OAAO,CAAA,CAAE,CAAC,EAClC,IAAI,IAAI,CAAC,CAAC,IAAI,EACd,OAAO,IAAI,CAAC,CAAC,IAAI,EACjB,YAAY,IAAI,CAAC,CAAC,YAAY,CAAC,EAC/B,eAAe,CAChB;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,iBAAY,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAA,GAAM,KAAK,YAC/E,QAAQ,EAAA,CACC;AAEhB;;"}
+{"version":3,"file":"row.js","sources":["../../../src/layout/Row/row.tsx"],"sourcesContent":["import { type RowProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './row.module.scss';\n\nexport const Row: React.FC<RowProps> = ({\n  children,\n  className,\n  style,\n  el,\n  gap = 0,\n  breakpoint,\n  align = 'center',\n  justify,\n  full = false,\n  wrap = false,\n  flex,\n  ...props\n}) => {\n  const Component = (el ?? 'div') as React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n  // `0.5` -> `gap-0-5`: a dot is not valid in a class name, so the numeric\n  // prop is sanitised here rather than making callers write the string.\n  const gapClass = gap ? s[`gap-${String(gap).replace('.', '-')}` as keyof typeof s] : undefined;\n  const breakpointClass = breakpoint ? s[`break-${breakpoint}` as keyof typeof s] : undefined;\n  const hasWrap = !!wrap;\n  const wrapMinWidth = typeof wrap === 'number' ? `${wrap}px` : undefined;\n  const rootStyle = wrapMinWidth\n    ? ({ ...style, '--row-wrap-min-width': wrapMinWidth } as React.CSSProperties)\n    : style;\n\n  const rootClassName = cn(\n    className,\n    s.row,\n    gapClass,\n    align && s[`align-${align}`],\n    justify && s[`justify-${justify}`],\n    full && s.full,\n    flex && s[`flex-${flex}` as keyof typeof s],\n    hasWrap && s.wrap,\n    wrapMinWidth && s['wrap-fixed'],\n    breakpointClass,\n  );\n\n  return (\n    <Component data-slot={'row'} style={rootStyle} className={rootClassName} {...props}>\n      {children}\n    </Component>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;AAKO,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,GAAG,GAAG,CAAC,EACP,UAAU,EACV,KAAK,GAAG,QAAQ,EAChB,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,SAAS,IAAI,EAAE,IAAI,KAAK,CAA4D;;;IAG1F,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA,IAAA,EAAO,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA,CAAoB,CAAC,GAAG,SAAS;AAC9F,IAAA,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC,CAAC,CAAA,MAAA,EAAS,UAAU,EAAoB,CAAC,GAAG,SAAS;AAC3F,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI;AACtB,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,GAAG,SAAS;IACvE,MAAM,SAAS,GAAG;UACb,EAAE,GAAG,KAAK,EAAE,sBAAsB,EAAE,YAAY;UACjD,KAAK;AAET,IAAA,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,CAAC,CAAC,GAAG,EACL,QAAQ,EACR,KAAK,IAAI,CAAC,CAAC,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,CAAC,EAC5B,OAAO,IAAI,CAAC,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,CAAC,EAClC,IAAI,IAAI,CAAC,CAAC,IAAI,EACd,IAAI,IAAI,CAAC,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAoB,CAAC,EAC3C,OAAO,IAAI,CAAC,CAAC,IAAI,EACjB,YAAY,IAAI,CAAC,CAAC,YAAY,CAAC,EAC/B,eAAe,CAChB;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,iBAAY,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAA,GAAM,KAAK,YAC/E,QAAQ,EAAA,CACC;AAEhB;;"}

package/dist/layout/Row/row.module.scss.js

@@ -1,6 +1,6 @@
 import './row.css';
 
-var s = {"row":"row-module_row__tK3mg","gap-0":"row-module_gap-0__B8drW","gap-1":"row-module_gap-1___Q8pm","gap-2":"row-module_gap-2__nvctX","gap-3":"row-module_gap-3__3NYMq","gap-4":"row-module_gap-4__ZIu3e","gap-5":"row-module_gap-5__5NlJJ","gap-6":"row-module_gap-6__HUQ3h","gap-7":"row-module_gap-7__sdw2M","gap-8":"row-module_gap-8__nwu8D","gap-9":"row-module_gap-9__Ocqqr","gap-10":"row-module_gap-10__iKEJi","gap-11":"row-module_gap-11__4hI3w","gap-12":"row-module_gap-12__Fc9cX","align-start":"row-module_align-start__vK029","align-center":"row-module_align-center__4uOPj","align-end":"row-module_align-end__5criv","align-stretch":"row-module_align-stretch__xbM75","justify-space-between":"row-module_justify-space-between__njigI","justify-space-around":"row-module_justify-space-around__7w6ID","justify-space-evenly":"row-module_justify-space-evenly__DPXuV","justify-start":"row-module_justify-start__ny3F3","justify-end":"row-module_justify-end__C9aT9","justify-center":"row-module_justify-center___1_IC","full":"row-module_full__mCYDz","wrap":"row-module_wrap__QTshh","wrap-fixed":"row-module_wrap-fixed___lusi","break-xl":"row-module_break-xl__k-TPQ","break-lg":"row-module_break-lg__2sF1P","break-md":"row-module_break-md__11DI2","break-sm":"row-module_break-sm__ndWl9","break-xs":"row-module_break-xs__xvZCE"};
+var s = {"row":"row-module_row__tK3mg","flex-1":"row-module_flex-1__HUP39","flex-2":"row-module_flex-2__458Pn","flex-3":"row-module_flex-3__WHhFE","flex-4":"row-module_flex-4___duTL","flex-5":"row-module_flex-5__Xykyf","flex-6":"row-module_flex-6__-uJVB","flex-7":"row-module_flex-7__mKC_G","flex-8":"row-module_flex-8__T5bTm","flex-9":"row-module_flex-9__jnohJ","flex-10":"row-module_flex-10__Y9Wm-","flex-11":"row-module_flex-11__09pfT","flex-12":"row-module_flex-12__Fblaj","gap-0":"row-module_gap-0__B8drW","gap-0-5":"row-module_gap-0-5__LnFQS","gap-1":"row-module_gap-1___Q8pm","gap-1-5":"row-module_gap-1-5__SYfcs","gap-2":"row-module_gap-2__nvctX","gap-3":"row-module_gap-3__3NYMq","gap-4":"row-module_gap-4__ZIu3e","gap-5":"row-module_gap-5__5NlJJ","gap-6":"row-module_gap-6__HUQ3h","gap-7":"row-module_gap-7__sdw2M","gap-8":"row-module_gap-8__nwu8D","gap-9":"row-module_gap-9__Ocqqr","gap-10":"row-module_gap-10__iKEJi","gap-11":"row-module_gap-11__4hI3w","gap-12":"row-module_gap-12__Fc9cX","align-start":"row-module_align-start__vK029","align-center":"row-module_align-center__4uOPj","align-end":"row-module_align-end__5criv","align-stretch":"row-module_align-stretch__xbM75","justify-space-between":"row-module_justify-space-between__njigI","justify-space-around":"row-module_justify-space-around__7w6ID","justify-space-evenly":"row-module_justify-space-evenly__DPXuV","justify-start":"row-module_justify-start__ny3F3","justify-end":"row-module_justify-end__C9aT9","justify-center":"row-module_justify-center___1_IC","full":"row-module_full__mCYDz","wrap":"row-module_wrap__QTshh","wrap-fixed":"row-module_wrap-fixed___lusi","break-xl":"row-module_break-xl__k-TPQ","break-lg":"row-module_break-lg__2sF1P","break-md":"row-module_break-md__11DI2","break-sm":"row-module_break-sm__ndWl9","break-xs":"row-module_break-xs__xvZCE"};
 
 export { s as default };
 //# sourceMappingURL=row.module.scss.js.map

package/dist/layout/Sidebar/sidebar.css

@@ -41,6 +41,7 @@
   display: none;
   height: 100svh;
   inset: 0;
+  overflow: auto;
   position: fixed;
   top: 0;
   transition: all var(--sidebar-transition-duration) var(--sidebar-transition-ease);
@@ -97,8 +98,8 @@
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
+  height: 100svh;
   max-width: 100%;
-  min-height: 100svh;
   min-width: 0;
   position: relative;
   transition: all var(--sidebar-transition-duration) var(--sidebar-transition-ease);
@@ -548,7 +549,8 @@
   .sidebar-module_sidebar-base__8Qiqw[data-variant=inset] ~ .sidebar-module_sidebar-inset__DVzuf {
     border-radius: 1rem;
     box-shadow: var(--shadow-elevation-10);
+    height: calc(100svh - 1rem);
     margin: 0.5rem 0.5rem 0.5rem 0;
-    min-height: calc(100svh - 1rem);
+    overflow: hidden;
   }
 }

package/dist/layout/Sidebar/sidebar.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Input } from '../../form/Input/input.js';
+import * as React from 'react';
 import { useSidebar } from '../../hooks/layout/use-sidebar.js';
 import '../../ui/Alert/alert-context.js';
-import * as React from 'react';
 import '../../ui/Table/table-sort-context.js';
 import { useIsMobile } from '../../hooks/use-mobile.js';
 import { Skeleton } from '../Skeleton/skeleton.js';

package/dist/layout/index.d.ts

@@ -1,4 +1,6 @@
 export * from './AppContent';
+export * from './AppContentFooter';
+export * from './AppContentMain';
 export * from './AppFooter';
 export * from './AppShell';
 export * from './AppSidebar';

package/dist/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/dist/layout.d.ts

@@ -1,10 +1,10 @@
-export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-Mihuyg_o.js';
-export { R as RowProps } from './row-CS9-talZ.js';
+export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, G as Grid, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, V as Skeleton } from './index-BWTwKQsp.js';
+export { R as RowProps } from './row-CuhTBQhK.js';
 import 'react';
 import './nav-user-CJIcWKyY.js';
 import 'lucide-react';
 import './user-menu-content-D0Ldzigm.js';
 import './input-Cp5LET5i.js';
-import './tooltip-cjwkBINy.js';
+import './tooltip-BpAJwi3K.js';
 import 'class-variance-authority';
 import 'class-variance-authority/types';

package/dist/layout.js

@@ -1,4 +1,6 @@
 export { AppContent } from './layout/AppContent/app-content.js';
+export { AppContentFooter } from './layout/AppContentFooter/app-content-footer.js';
+export { AppContentMain } from './layout/AppContentMain/app-content-main.js';
 export { AppFooter } from './layout/AppFooter/app-footer.js';
 export { AppShell } from './layout/AppShell/app-shell.js';
 export { AppSidebar } from './layout/AppSidebar/app-sidebar.js';

package/dist/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/navigation/DropdownMenu/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/navigation/DropdownMenu/dropdown-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/navigation/DropdownMenu/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/navigation/DropdownMenu/dropdown-menu.js

@@ -125,7 +125,7 @@ function DropdownMenuContent({ className, children, align = 'start', sideOffset
     }, [open, onOpenChange, triggerRef]);
     if (!mounted)
         return null;
-    return createPortal(jsx("div", { ref: measureRef, style: positioned && state !== 'idle'
+    return createPortal(jsx("div", { "data-constellation-portal": '', ref: measureRef, style: positioned && state !== 'idle'
             ? position
             : { position: 'fixed', visibility: 'hidden', zIndex: 50 }, children: jsx("div", { "data-slot": 'dropdown-menu-content', "data-state": state === 'idle' ? undefined : state, "data-side": resolvedSide, role: 'menu', className: cn(s['dropdown-menu-content'], className), ...props, children: children }) }), document.body);
 }