@kismet-ux/constellation 1.8.0 → 1.11.0

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, 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,8 +36,25 @@ const Container = React.forwardRef(({ children, className, style, el, styled = t
             window.clearTimeout(showTimeout);
             window.clearTimeout(resetTimeout);
         };
-    }, []);
-    const mergedStyle = outlined ? { opacity, transition, ...style } : style;
+    }, [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      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 mergedStyle = outlined ? { opacity, transition, ...style } : style;\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":";;;;;AAKO,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,QAAQ,EACpB,KAAK,EACL,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,IAAI,EACd,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,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;AAEpE,IAAA,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,QAAQ,IAAI,MAAM,EAClB,MAAM,IAAI,CAAC,CAAC,MAAM,EAClB,CAAC,CAAC,SAAS,CAAC,EACZ,KAAK,IAAI,CAAC,CAAC,CAAA,MAAA,EAAS,KAAK,CAAA,CAAoB,CAAC,EAC9C,OAAO,IAAI,CAAC,CAAC,WAAW,OAAO,CAAA,CAAoB,CAAC,EACpD,IAAI,IAAI,CAAC,CAAC,IAAI,EACd,CAAC,MAAM,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,CAAC,eAAe,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EAC/E,MAAM,IAAI,QAAQ,IAAI,CAAC,CAAC,UAAU,CAAC,EACnC,MAAM,IAAI,OAAO,OAAO,KAAK;AAC3B,UAAE,CAAC,CAAC,CAAA,QAAA,EAAW,OAAO,EAAoB;AAC1C,UAAE,MAAM,IAAI,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAoB,CAAC,EAC3E,MAAM,IAAI,SAAS,IAAI,CAAC,CAAC,CAAA,UAAA,EAAa,SAAS,CAAA,CAAoB,CAAC,EACpE,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,GAAG,KAAK,CAAA,CAAoB,CAAC,EAClD,QAAQ,CACT;AAED,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC/C,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;AAEjE,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YACzC,UAAU,CAAC,CAAC,CAAC;QACf,CAAC,EAAE,GAAG,CAAC;AACP,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YAC1C,aAAa,CAAC,cAAc,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC;AAER,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC;AAChC,YAAA,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC;AACnC,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,WAAW,GAAG,QAAQ,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK;AAExE,IAAA,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,EAAE;QACvB,QACEA,0BACa,WAAW,EACtB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,aAAa,EAAA,GACpB,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL;IAEV;AAEA,IAAA,QACEA,GAAA,CAAC,SAAS,iBAAY,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAA,GAAM,KAAK,YACvF,QAAQ,EAAA,CACC;AAEhB,CAAC;AAGH,SAAS,CAAC,WAAW,GAAG,WAAW;;"}
+{"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/layout/Sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAUlD,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAW,cAAc,EAAmC,MAAM,2BAA2B,CAAC;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAU/D,iBAAS,eAAe,CAAC,EACvB,WAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,WAAW,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC9D,qBA4FA;AAED,iBAAS,OAAO,CAAC,EACf,IAAa,EACb,OAAmB,EACnB,WAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7C,qBA2DA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAsB5F;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,qBAe3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAShF;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAS1E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAS1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAS3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBASzE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAWrD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAWxD;AAED,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAShF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBASvE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAS3E;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAe,EACf,QAAgB,EAChB,OAAmB,EACnB,IAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CAChE,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,qBA+BjD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAe,EACf,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,qBAWA;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAS7E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,qBA2BA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAS1E;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAS9E;AAED,iBAAS,oBAAoB,CAAC,EAC5B,OAAe,EACf,IAAW,EACX,QAAgB,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CAChE,qBA6BA;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,cAAc,GACf,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/layout/Sidebar/sidebar.tsx"],"names":[],"mappings":"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"}

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/Sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../src/layout/Sidebar/sidebar.tsx"],"sourcesContent":["import { Input } from '@constellation/form/Input';\nimport { useIsMobile, useSidebar } from '@constellation/hooks';\nimport { Skeleton } from '@constellation/layout/Skeleton';\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@constellation/navigation/Sheet';\nimport { type SidebarContextValue, type SidebarVariant } from '@constellation/types';\nimport { Button } from '@constellation/ui/Button';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@constellation/ui/Tooltip';\nimport { VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport { PanelLeftIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Slot } from '../../internal/slot';\nimport { SidebarContext } from './sidebar-context';\nimport { sidebarMenuButtonVariants } from './sidebar-variants';\nimport s from './sidebar.module.scss';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '264px';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = React.useState(false);\n  const [sidebarVariant, setSidebarVariant] = React.useState<SidebarVariant>('sidebar');\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(() => {\n    if (typeof document === 'undefined') return defaultOpen;\n\n    const match = document.cookie\n      .split('; ')\n      .find(row => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));\n    if (match) {\n      return match.split('=')[1] === 'true';\n    }\n\n    return defaultOpen;\n  });\n  const open = openProp ?? _open;\n  const setOpen = React.useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n    value => {\n      const openState = typeof value === 'function' ? value(open) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = React.useMemo<SidebarContextValue>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n      variant: sidebarVariant,\n      setVariant: setSidebarVariant,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar, sidebarVariant],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          data-slot={'sidebar-wrapper'}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as React.CSSProperties\n          }\n          className={cn(s['sidebar-wrapper'], className, sidebarVariant === 'inset' && s.inset)}\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'icon',\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  variant?: SidebarVariant;\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n  const { isMobile, state, openMobile, setOpenMobile, setVariant } = useSidebar();\n\n  React.useEffect(() => {\n    setVariant(variant);\n  }, [setVariant, variant]);\n\n  if (collapsible === 'none') {\n    return (\n      <div data-slot={'sidebar'} className={cn(s['sidebar-panel'], className)} {...props}>\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetHeader className={'srOnly'}>\n          <SheetTitle>Sidebar</SheetTitle>\n          <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n        </SheetHeader>\n        <SheetContent\n          data-sidebar={'sidebar'}\n          data-slot={'sidebar'}\n          data-mobile={'true'}\n          className={s['mobile-sheet-content']}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <div className={s['sidebar-panel']}>{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <div\n      className={cn(s['sidebar-base'], className)}\n      data-state={state}\n      data-collapsible={state === 'collapsed' ? collapsible : ''}\n      data-variant={variant}\n      data-side={side}\n      data-slot={'sidebar'}\n      {...props}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div className={s['sidebar-spacer']} />\n      <div className={s['sidebar-fixed']}>\n        <div data-sidebar={'sidebar'} className={s['sidebar-panel']}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar={'trigger'}\n      data-slot={'sidebar-trigger'}\n      variant={'ghost'}\n      theme={'primary'}\n      size={'md'}\n      iconOnly\n      className={cn(className)}\n      onClick={event => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className={'srOnly'}>Toggle Sidebar</span>\n    </Button>\n  );\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar={'rail'}\n      data-slot={'sidebar-rail'}\n      aria-label={'Toggle Sidebar'}\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title={'Toggle Sidebar'}\n      className={cn(s['sidebar-rail'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot={'sidebar-inset'} className={cn(s['sidebar-inset'], className)} {...props} />\n  );\n}\n\nfunction SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot={'sidebar-input'}\n      data-sidebar={'input'}\n      className={cn(s['sidebar-input'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-header'}\n      data-sidebar={'header'}\n      className={cn(s['sidebar-header'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-footer'}\n      data-sidebar={'footer'}\n      className={cn(s['sidebar-footer'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-content'}\n      data-sidebar={'content'}\n      className={cn(s['sidebar-content'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-group'}\n      data-sidebar={'group'}\n      className={cn(s['sidebar-group'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot={'sidebar-group-label'}\n      data-sidebar={'group-label'}\n      className={cn(s['sidebar-group-label'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot={'sidebar-group-action'}\n      data-sidebar={'group-action'}\n      className={cn(s['sidebar-group-action'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-group-content'}\n      data-sidebar={'group-content'}\n      className={cn(s['sidebar-group-content'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot={'sidebar-menu'}\n      data-sidebar={'menu'}\n      className={cn(s['sidebar-menu'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot={'sidebar-menu-item'}\n      data-sidebar={'menu-item'}\n      className={cn(s['sidebar-menu-item'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'md',\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const Comp = asChild ? Slot : 'button';\n  const { isMobile, state } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot={'sidebar-menu-button'}\n      data-sidebar={'menu-button'}\n      data-size={size}\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side={'right'} hidden={state !== 'collapsed' || isMobile} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot={'sidebar-menu-action'}\n      data-sidebar={'menu-action'}\n      className={cn(s['sidebar-menu-action'], showOnHover && 'is-hover', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-menu-badge'}\n      data-sidebar={'menu-badge'}\n      className={cn(s['sidebar-menu-badge'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showIcon?: boolean;\n}) {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      data-slot={'sidebar-menu-skeleton'}\n      data-sidebar={'menu-skeleton'}\n      className={cn(s['sidebar-menu-skeleton'], className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton className={s['menu-skeleton-icon']} data-sidebar={'menu-skeleton-icon'} />\n      )}\n      <Skeleton\n        className={s['menu-skeleton-text']}\n        data-sidebar={'menu-skeleton-text'}\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot={'sidebar-menu-sub'}\n      data-sidebar={'menu-sub'}\n      className={cn(s['sidebar-menu'], s['sidebar-menu-sub'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot={'sidebar-menu-sub-item'}\n      data-sidebar={'menu-sub-item'}\n      className={cn(s['sidebar-menu-item'], s['sidebar-menu-sub-item'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = 'md',\n  isActive = false,\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n}) {\n  const Comp = asChild ? Slot : 'a';\n  const { isMobile } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot={'sidebar-menu-sub-button'}\n      data-sidebar={'menu-sub-button'}\n      data-size={size}\n      data-active={isActive}\n      className={cn(s['sidebar-menu-button'], s['sidebar-menu-sub-button'], className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = { children: tooltip };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side={'right'} hidden={isMobile} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sources":["../../../src/layout/Sidebar/sidebar.tsx"],"sourcesContent":["import { Input } from '@constellation/form/Input';\nimport { useIsMobile, useSidebar } from '@constellation/hooks';\nimport { Skeleton } from '@constellation/layout/Skeleton';\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@constellation/navigation/Sheet';\nimport { type SidebarContextValue, type SidebarVariant } from '@constellation/types';\nimport { Button } from '@constellation/ui/Button';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@constellation/ui/Tooltip';\nimport { VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport { PanelLeftIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Slot } from '../../internal/slot';\nimport { SidebarContext } from './sidebar-context';\nimport { sidebarMenuButtonVariants } from './sidebar-variants';\nimport s from './sidebar.module.scss';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '264px';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = React.useState(false);\n  const [sidebarVariant, setSidebarVariant] = React.useState<SidebarVariant>('sidebar');\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(() => {\n    if (typeof document === 'undefined') return defaultOpen;\n\n    const match = document.cookie\n      .split('; ')\n      .find(row => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));\n    if (match) {\n      return match.split('=')[1] === 'true';\n    }\n\n    return defaultOpen;\n  });\n  const open = openProp ?? _open;\n  const setOpen = React.useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n    value => {\n      const openState = typeof value === 'function' ? value(open) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = React.useMemo<SidebarContextValue>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n      variant: sidebarVariant,\n      setVariant: setSidebarVariant,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar, sidebarVariant],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          data-slot={'sidebar-wrapper'}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as React.CSSProperties\n          }\n          className={cn(s['sidebar-wrapper'], className, sidebarVariant === 'inset' && s.inset)}\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'icon',\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  variant?: SidebarVariant;\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n  const { isMobile, state, openMobile, setOpenMobile, setVariant } = useSidebar();\n\n  React.useEffect(() => {\n    setVariant(variant);\n  }, [setVariant, variant]);\n\n  if (collapsible === 'none') {\n    return (\n      <div data-slot={'sidebar'} className={cn(s['sidebar-panel'], className)} {...props}>\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetHeader className={'srOnly'}>\n          <SheetTitle>Sidebar</SheetTitle>\n          <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n        </SheetHeader>\n        <SheetContent\n          data-sidebar={'sidebar'}\n          data-slot={'sidebar'}\n          data-mobile={'true'}\n          className={s['mobile-sheet-content']}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <div className={s['sidebar-panel']}>{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <div\n      className={cn(s['sidebar-base'], className)}\n      data-state={state}\n      data-collapsible={state === 'collapsed' ? collapsible : ''}\n      data-variant={variant}\n      data-side={side}\n      data-slot={'sidebar'}\n      {...props}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div className={s['sidebar-spacer']} />\n      <div className={s['sidebar-fixed']}>\n        <div data-sidebar={'sidebar'} className={s['sidebar-panel']}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar={'trigger'}\n      data-slot={'sidebar-trigger'}\n      variant={'ghost'}\n      theme={'primary'}\n      size={'md'}\n      iconOnly\n      className={cn(className)}\n      onClick={event => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className={'srOnly'}>Toggle Sidebar</span>\n    </Button>\n  );\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar={'rail'}\n      data-slot={'sidebar-rail'}\n      aria-label={'Toggle Sidebar'}\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title={'Toggle Sidebar'}\n      className={cn(s['sidebar-rail'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot={'sidebar-inset'} className={cn(s['sidebar-inset'], className)} {...props} />\n  );\n}\n\nfunction SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot={'sidebar-input'}\n      data-sidebar={'input'}\n      className={cn(s['sidebar-input'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-header'}\n      data-sidebar={'header'}\n      className={cn(s['sidebar-header'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-footer'}\n      data-sidebar={'footer'}\n      className={cn(s['sidebar-footer'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-content'}\n      data-sidebar={'content'}\n      className={cn(s['sidebar-content'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-group'}\n      data-sidebar={'group'}\n      className={cn(s['sidebar-group'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot={'sidebar-group-label'}\n      data-sidebar={'group-label'}\n      className={cn(s['sidebar-group-label'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot={'sidebar-group-action'}\n      data-sidebar={'group-action'}\n      className={cn(s['sidebar-group-action'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-group-content'}\n      data-sidebar={'group-content'}\n      className={cn(s['sidebar-group-content'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot={'sidebar-menu'}\n      data-sidebar={'menu'}\n      className={cn(s['sidebar-menu'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot={'sidebar-menu-item'}\n      data-sidebar={'menu-item'}\n      className={cn(s['sidebar-menu-item'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'md',\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const Comp = asChild ? Slot : 'button';\n  const { isMobile, state } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot={'sidebar-menu-button'}\n      data-sidebar={'menu-button'}\n      data-size={size}\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side={'right'} hidden={state !== 'collapsed' || isMobile} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot={'sidebar-menu-action'}\n      data-sidebar={'menu-action'}\n      className={cn(s['sidebar-menu-action'], showOnHover && 'is-hover', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-menu-badge'}\n      data-sidebar={'menu-badge'}\n      className={cn(s['sidebar-menu-badge'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showIcon?: boolean;\n}) {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      data-slot={'sidebar-menu-skeleton'}\n      data-sidebar={'menu-skeleton'}\n      className={cn(s['sidebar-menu-skeleton'], className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton className={s['menu-skeleton-icon']} data-sidebar={'menu-skeleton-icon'} />\n      )}\n      <Skeleton\n        className={s['menu-skeleton-text']}\n        data-sidebar={'menu-skeleton-text'}\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot={'sidebar-menu-sub'}\n      data-sidebar={'menu-sub'}\n      className={cn(s['sidebar-menu'], s['sidebar-menu-sub'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot={'sidebar-menu-sub-item'}\n      data-sidebar={'menu-sub-item'}\n      className={cn(s['sidebar-menu-item'], s['sidebar-menu-sub-item'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = 'md',\n  isActive = false,\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n}) {\n  const Comp = asChild ? Slot : 'a';\n  const { isMobile } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot={'sidebar-menu-sub-button'}\n      data-sidebar={'menu-sub-button'}\n      data-size={size}\n      data-active={isActive}\n      className={cn(s['sidebar-menu-button'], s['sidebar-menu-sub-button'], className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = { children: tooltip };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side={'right'} hidden={isMobile} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAM,mBAAmB,GAAG,eAAe;AAC3C,MAAM,sBAAsB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAC/C,MAAM,aAAa,GAAG,OAAO;AAC7B,MAAM,oBAAoB,GAAG,OAAO;AACpC,MAAM,kBAAkB,GAAG,MAAM;AACjC,MAAM,yBAAyB,GAAG,GAAG;AAErC,SAAS,eAAe,CAAC,EACvB,WAAW,GAAG,IAAI,EAClB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,WAAW,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EAKT,EAAA;AACC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzD,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiB,SAAS,CAAC;;;IAIrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAK;QAC5C,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,YAAA,OAAO,WAAW;AAEvD,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC;aACpB,KAAK,CAAC,IAAI;AACV,aAAA,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAA,EAAG,mBAAmB,CAAA,CAAA,CAAG,CAAC,CAAC;QACzD,IAAI,KAAK,EAAE;YACT,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM;QACvC;AAEA,QAAA,OAAO,WAAW;AACpB,IAAA,CAAC,CAAC;AACF,IAAA,MAAM,IAAI,GAAG,QAAQ,IAAI,KAAK;IAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,KAAK,IAAG;AACN,QAAA,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK;QACnE,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,SAAS,CAAC;QACxB;aAAO;YACL,QAAQ,CAAC,SAAS,CAAC;QACrB;;QAGA,QAAQ,CAAC,MAAM,GAAG,CAAA,EAAG,mBAAmB,IAAI,SAAS,CAAA,kBAAA,EAAqB,sBAAsB,CAAA,CAAE;AACpG,IAAA,CAAC,EACD,CAAC,WAAW,EAAE,IAAI,CAAC,CACpB;;AAGD,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;QAC3C,OAAO,QAAQ,GAAG,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IACzE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;;AAGtC,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;AAC7C,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,yBAAyB,KAAK,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;gBAC/E,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,aAAa,EAAE;YACjB;AACF,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;QACjD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACnE,IAAA,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;;;IAInB,MAAM,KAAK,GAAG,IAAI,GAAG,UAAU,GAAG,WAAW;IAE7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,OAAO;QACL,KAAK;QACL,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,UAAU;QACV,aAAa;QACb,aAAa;AACb,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,UAAU,EAAE,iBAAiB;AAC9B,KAAA,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,CAC3F;IAED,QACEA,IAAC,cAAc,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAC1CA,IAAC,eAAe,EAAA,EAAC,aAAa,EAAE,CAAC,YAC/BA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACa,iBAAiB,EAC5B,KAAK,EACH;AACE,oBAAA,iBAAiB,EAAE,aAAa;AAChC,oBAAA,sBAAsB,EAAE,kBAAkB;AAC1C,oBAAA,GAAG,KAAK;iBACc,EAE1B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,SAAS,EAAE,cAAc,KAAK,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,EAAA,GACjF,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL,EAAA,CACU,EAAA,CACM;AAE9B;AAEA,SAAS,OAAO,CAAC,EACf,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,MAAM,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAKT,EAAA;AACC,IAAA,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE;AAE/E,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;QACnB,UAAU,CAAC,OAAO,CAAC;AACrB,IAAA,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEzB,IAAA,IAAI,WAAW,KAAK,MAAM,EAAE;QAC1B,QACEA,0BAAgB,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EAC/E,QAAQ,EAAA,CACL;IAEV;IAEA,IAAI,QAAQ,EAAE;QACZ,QACEC,KAAC,KAAK,EAAA,EAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAA,GAAM,KAAK,aAC7DA,IAAA,CAAC,WAAW,IAAC,SAAS,EAAE,QAAQ,EAAA,QAAA,EAAA,CAC9BD,GAAA,CAAC,UAAU,0BAAqB,EAChCA,GAAA,CAAC,gBAAgB,EAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,CAAgD,CAAA,EAAA,CACrD,EACdA,GAAA,CAAC,YAAY,EAAA,EAAA,cAAA,EACG,SAAS,EAAA,WAAA,EACZ,SAAS,iBACP,MAAM,EACnB,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,EACpC,KAAK,EACH;AACE,wBAAA,iBAAiB,EAAE,oBAAoB;AACjB,qBAAA,EAE1B,IAAI,EAAE,IAAI,EAAA,QAAA,EAEVA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAA,QAAA,EAAG,QAAQ,GAAO,EAAA,CACvC,CAAA,EAAA,CACT;IAEZ;AAEA,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,gBAC/B,KAAK,EAAA,kBAAA,EACC,KAAK,KAAK,WAAW,GAAG,WAAW,GAAG,EAAE,EAAA,cAAA,EAC5C,OAAO,EAAA,WAAA,EACV,IAAI,eACJ,SAAS,EAAA,GAChB,KAAK,EAAA,QAAA,EAAA,CAGTD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAA,CAAI,EACvCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAA,QAAA,EAChCA,GAAA,CAAA,KAAA,EAAA,EAAA,cAAA,EAAmB,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAA,QAAA,EACxD,QAAQ,EAAA,CACL,EAAA,CACF,CAAA,EAAA,CACF;AAEV;AAEA,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAuC,EAAA;AAC3F,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE;AAEtC,IAAA,QACEC,IAAA,CAAC,MAAM,EAAA,EAAA,cAAA,EACS,SAAS,EAAA,WAAA,EACZ,iBAAiB,EAC5B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAA,IAAA,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,OAAO,EAAE,KAAK,IAAG;AACf,YAAA,OAAO,GAAG,KAAK,CAAC;AAChB,YAAA,aAAa,EAAE;AACjB,QAAA,CAAC,EAAA,GACG,KAAK,EAAA,QAAA,EAAA,CAETD,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EACjBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,QAAQ,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAuB,CAAA,EAAA,CACzC;AAEb;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC,EAAA;AAC1E,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE;AAEtC,IAAA,QACEA,GAAA,CAAA,QAAA,EAAA,EAAA,cAAA,EACgB,MAAM,EAAA,WAAA,EACT,cAAc,gBACb,gBAAgB,EAC5B,QAAQ,EAAE,EAAE,EACZ,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EAAA,GACvC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACxE,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,eAAe,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,CAAI;AAEhG;AAEA,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsC,EAAA;IAC/E,QACEA,IAAC,KAAK,EAAA,EAAA,WAAA,EACO,eAAe,EAAA,cAAA,EACZ,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,EAAA,GACxC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;IACzE,QACEA,0BACa,gBAAgB,EAAA,cAAA,EACb,QAAQ,EACtB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,EAAA,GACzC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;IACzE,QACEA,0BACa,gBAAgB,EAAA,cAAA,EACb,QAAQ,EACtB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,EAAA,GACzC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;IAC1E,QACEA,0BACa,iBAAiB,EAAA,cAAA,EACd,SAAS,EACvB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EAAA,GAC1C,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;IACxE,QACEA,0BACa,eAAe,EAAA,cAAA,EACZ,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,EAAA,GACxC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAC4C,EAAA;IACpD,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK;IAEnC,QACEA,IAAC,IAAI,EAAA,EAAA,WAAA,EACQ,qBAAqB,EAAA,cAAA,EAClB,aAAa,EAC3B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,EAAA,GAC9C,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAC+C,EAAA;IACvD,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ;IAEtC,QACEA,IAAC,IAAI,EAAA,EAAA,WAAA,EACQ,sBAAsB,EAAA,cAAA,EACnB,cAAc,EAC5B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,SAAS,CAAC,EAAA,GAC/C,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;IAC/E,QACEA,0BACa,uBAAuB,EAAA,cAAA,EACpB,eAAe,EAC7B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAAE,SAAS,CAAC,EAAA,GAChD,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;IACtE,QACEA,yBACa,cAAc,EAAA,cAAA,EACX,MAAM,EACpB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EAAA,GACvC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;IAC1E,QACEA,yBACa,mBAAmB,EAAA,cAAA,EAChB,WAAW,EACzB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,EAAA,GAC5C,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,iBAAiB,CAAC,EACzB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAKwC,EAAA;IAChD,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ;IACtC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE;AAExC,IAAA,MAAM,MAAM,IACVA,GAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EACQ,qBAAqB,EAAA,cAAA,EAClB,aAAa,EAAA,WAAA,EAChB,IAAI,EAAA,aAAA,EACF,QAAQ,EACrB,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GAClE,KAAK,EAAA,CACT,CACH;IAED,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;AAC/B,QAAA,OAAO,GAAG;AACR,YAAA,QAAQ,EAAE,OAAO;SAClB;IACH;AAEA,IAAA,QACEC,IAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EAAA,CACND,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAkB,EACjDA,IAAC,cAAc,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,KAAK,WAAW,IAAI,QAAQ,EAAA,GAAM,OAAO,EAAA,CAAI,CAAA,EAAA,CACjF;AAEd;AAEA,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EAIT,EAAA;IACC,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ;IAEtC,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EACQ,qBAAqB,EAAA,cAAA,EAClB,aAAa,EAC3B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,WAAW,IAAI,UAAU,EAAE,SAAS,CAAC,EAAA,GACzE,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;IAC5E,QACEA,0BACa,oBAAoB,EAAA,cAAA,EACjB,YAAY,EAC1B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAE,SAAS,CAAC,EAAA,GAC7C,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EAGT,EAAA;;AAEC,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAK;AAC/B,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG;IAClD,CAAC,EAAE,EAAE,CAAC;IAEN,QACEC,2BACa,uBAAuB,EAAA,cAAA,EACpB,eAAe,EAC7B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAAE,SAAS,CAAC,EAAA,GAChD,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,KACPD,GAAA,CAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAA,cAAA,EAAgB,oBAAoB,EAAA,CAAI,CACrF,EACDA,GAAA,CAAC,QAAQ,EAAA,EACP,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAA,cAAA,EACpB,oBAAoB,EAClC,KAAK,EACH;AACE,oBAAA,kBAAkB,EAAE,KAAK;iBACH,EAAA,CAE1B,CAAA,EAAA,CACE;AAEV;AAEA,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;IACzE,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACa,kBAAkB,EAAA,cAAA,EACf,UAAU,EACxB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,SAAS,CAAC,EAAA,GAC9D,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;IAC7E,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACa,uBAAuB,EAAA,cAAA,EACpB,eAAe,EAC7B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAAE,SAAS,CAAC,EAAA,GACxE,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,oBAAoB,CAAC,EAC5B,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAMT,EAAA;IACC,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,GAAG;AACjC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE;AAEjC,IAAA,MAAM,MAAM,IACVA,GAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EACQ,yBAAyB,EAAA,cAAA,EACtB,iBAAiB,eACpB,IAAI,EAAA,aAAA,EACF,QAAQ,EACrB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAAA,GAC5E,KAAK,EAAA,CACT,CACH;IAED,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;AAC/B,QAAA,OAAO,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE;IACjC;IAEA,QACEC,IAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EAAA,CACND,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAkB,EACjDA,GAAA,CAAC,cAAc,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAA,GAAM,OAAO,EAAA,CAAI,CAAA,EAAA,CACxD;AAEd;;"}