@tcn/ui 0.0.2 → 0.0.4

package/dist/layouts/header/header.js

@@ -1,30 +1,30 @@
-import { jsx as m } from "react/jsx-runtime";
-import { HStack as c } from "../../stacks/h_stack.js";
-import f from "classnames";
-import h from "react";
-import '../../header.css';const i = "_header_3155fa4", n = { header: i }, x = h.forwardRef(function({
+import { jsx as c } from "react/jsx-runtime";
+import m from "react";
+import { clsx as f } from "clsx";
+import { HStack as h } from "../../stacks/h_stack.js";
+import '../../header.css';const n = "_header_3155fa4", i = { header: n }, H = m.forwardRef(function({
   hierarchy: e = "secondary",
-  height: a = "auto",
-  children: r,
-  className: o,
-  size: t = "md",
-  ...s
-}, d) {
-  return /* @__PURE__ */ m(
-    c,
+  height: r = "auto",
+  children: a,
+  className: t,
+  size: o = "md",
+  ...d
+}, s) {
+  return /* @__PURE__ */ c(
+    h,
     {
-      ref: d,
+      ref: s,
       as: "header",
-      className: f(n.header, o, "header"),
+      className: f(i.header, t, "tcn-header", "header"),
       "data-hierarchy": e,
-      "data-size": t,
-      height: a,
-      ...s,
-      children: r
+      "data-size": o,
+      height: r,
+      ...d,
+      children: a
     }
   );
 });
 export {
-  x as Header
+  H as Header
 };
 //# sourceMappingURL=header.js.map

package/dist/layouts/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../src/layouts/header/header.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './header.module.css';\nimport type { Hierarchy, Size } from '../../utils/index.js';\n\n// UtilityBar\nexport interface HeaderProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const Header = React.forwardRef<HTMLElement, HeaderProps>(function Header(\n  {\n    hierarchy = 'secondary',\n    height = 'auto',\n    children,\n    className,\n    size = 'md',\n    ...props\n  }: HeaderProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"header\"\n      className={classNames(styles.header, className, 'header')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      height={height}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Header","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQP,GAAW,QAAQ;AAAA,MACxD,kBAAgBH;AAAA,MAChB,aAAWI;AAAA,MACX,QAAAH;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"header.js","sources":["../../../src/layouts/header/header.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './header.module.css';\n\n// UtilityBar\nexport interface HeaderProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const Header = React.forwardRef<HTMLElement, HeaderProps>(function Header(\n  {\n    hierarchy = 'secondary',\n    height = 'auto',\n    children,\n    className,\n    size = 'md',\n    ...props\n  }: HeaderProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"header\"\n      className={clsx(styles.header, className, 'tcn-header', 'header')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      height={height}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Header","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,QAAQP,GAAW,cAAc,QAAQ;AAAA,MAChE,kBAAgBH;AAAA,MAChB,aAAWI;AAAA,MACX,QAAAH;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/list/item.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { HStack as s } from "../../stacks/h_stack.js";
-import f from "classnames";
-const u = a.forwardRef(function({ children: m, className: r, ...t }, o) {
-  return /* @__PURE__ */ e(s, { ref: o, as: "li", className: f("item", r), ...t, children: m });
+import f from "react";
+import { HStack as i } from "../../stacks/h_stack.js";
+import { clsx as a } from "clsx";
+const x = f.forwardRef(function({ children: r, className: t, ...m }, o) {
+  return /* @__PURE__ */ e(i, { ref: o, as: "li", className: a("item", t), ...m, children: r });
 });
 export {
-  u as Item
+  x as Item
 };
 //# sourceMappingURL=item.js.map

package/dist/layouts/list/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/layouts/list/item.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classnames from 'classnames';\n\nexport interface ItemProps extends Omit<HStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Item = React.forwardRef<HTMLDivElement, ItemProps>(function Item(\n  { children, className, ...props }: ItemProps,\n  ref\n) {\n  return (\n    <HStack ref={ref} as=\"li\" className={classnames('item', className)} {...props}>\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Item","React","children","className","props","ref","jsx","HStack","classnames"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,IAAG,MAAK,WAAWG,EAAW,QAAQL,CAAS,GAAI,GAAGC,GACrE,UAAAF,EAAA,CACH;AAEJ,CAAC;"}
+{"version":3,"file":"item.js","sources":["../../../src/layouts/list/item.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport { clsx } from 'clsx';\n\nexport interface ItemProps extends Omit<HStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Item = React.forwardRef<HTMLDivElement, ItemProps>(function Item(\n  { children, className, ...props }: ItemProps,\n  ref\n) {\n  return (\n    <HStack ref={ref} as=\"li\" className={clsx('item', className)} {...props}>\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Item","React","children","className","props","ref","jsx","HStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,IAAG,MAAK,WAAWG,EAAK,QAAQL,CAAS,GAAI,GAAGC,GAC/D,UAAAF,EAAA,CACH;AAEJ,CAAC;"}

package/dist/layouts/list/list.js

@@ -1,14 +1,14 @@
-import { jsx as a } from "react/jsx-runtime";
-import e from "react";
-import f from "classnames";
+import { jsx as f } from "react/jsx-runtime";
+import a from "react";
+import { clsx as e } from "clsx";
 import { VStack as i } from "../../stacks/v_stack.js";
-const x = e.forwardRef(function({ children: o, className: r, isOrdered: t = !1, ...m }, s) {
-  return /* @__PURE__ */ a(
+const x = a.forwardRef(function({ children: o, className: r, isOrdered: t = !1, ...m }, s) {
+  return /* @__PURE__ */ f(
     i,
     {
       ref: s,
       as: t ? "ol" : "ul",
-      className: f("list", r),
+      className: e("list", r),
       ...m,
       children: o
     }

package/dist/layouts/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/layouts/list/list.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\n\nexport interface ListProps extends Omit<VStackProps, 'as'> {\n  isOrdered?: boolean;\n}\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(function Item(\n  { children, className, isOrdered = false, ...props }: ListProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as={isOrdered ? 'ol' : 'ul'}\n      className={classnames('list', className)}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["List","React","children","className","isOrdered","props","ref","jsx","VStack","classnames"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,IAAO,GAAGC,EAAA,GAC7CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAIF,IAAY,OAAO;AAAA,MACvB,WAAWK,EAAW,QAAQN,CAAS;AAAA,MACtC,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"list.js","sources":["../../../src/layouts/list/list.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\n\nexport interface ListProps extends Omit<VStackProps, 'as'> {\n  isOrdered?: boolean;\n}\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(function Item(\n  { children, className, isOrdered = false, ...props }: ListProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as={isOrdered ? 'ol' : 'ul'}\n      className={clsx('list', className)}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["List","React","children","className","isOrdered","props","ref","jsx","VStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,IAAO,GAAGC,EAAA,GAC7CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAIF,IAAY,OAAO;AAAA,MACvB,WAAWK,EAAK,QAAQN,CAAS;AAAA,MAChC,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/sidebar_end/sidebar_end.js

@@ -1,16 +1,16 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Box as l } from "../../stacks/box/box.js";
-import { VStack as x } from "../../stacks/v_stack.js";
-import B from "classnames";
+import { Box as x } from "../../stacks/box/box.js";
+import { VStack as l } from "../../stacks/v_stack.js";
+import { clsx as B } from "clsx";
 import _ from "react";
-import '../../sidebar_end.css';const y = "_sidebarEndBox_25f69cc", N = "_sidebarEnd_cb253a2", c = { sidebarEndBox: y, sidebarEnd: N }, I = _.forwardRef(
+import '../../sidebar_end.css';const y = "_sidebarEndBox_25f69cc", S = "_sidebarEnd_cb253a2", c = { sidebarEndBox: y, sidebarEnd: S }, I = _.forwardRef(
   function({
     hierarchy: t = "secondary",
     children: b,
     width: r,
-    height: s,
-    minWidth: a,
-    maxWidth: o,
+    height: o,
+    minWidth: s,
+    maxWidth: a,
     minHeight: d,
     maxHeight: e,
     hAlign: i,
@@ -19,24 +19,24 @@ import '../../sidebar_end.css';const y = "_sidebarEndBox_25f69cc", N = "_sidebar
     ...E
   }, p) {
     return /* @__PURE__ */ n(
-      l,
+      x,
       {
         width: r,
-        height: s,
-        minWidth: a,
-        maxWidth: o,
+        height: o,
+        minWidth: s,
+        maxWidth: a,
         minHeight: d,
         maxHeight: e,
         className: c.sidebarEndBox,
         as: "section",
         ...E,
         children: /* @__PURE__ */ n(
-          x,
+          l,
           {
             width: r,
-            height: s,
-            minWidth: a,
-            maxWidth: o,
+            height: o,
+            minWidth: s,
+            maxWidth: a,
             minHeight: d,
             maxHeight: e,
             hAlign: i,

package/dist/layouts/sidebar_end/sidebar_end.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_end.js","sources":["../../../src/layouts/sidebar_end/sidebar_end.tsx"],"sourcesContent":["import { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './sidebar_end.module.css';\nimport type { Hierarchy } from '../../utils/index.js';\n\nexport interface SidebarEndProps extends Omit<BoxProps, 'as'> {\n  hierarchy?: Hierarchy;\n  hAlign?: Alignment;\n  vAlign?: Alignment;\n}\n\nexport const SidebarEnd = React.forwardRef<HTMLElement, SidebarEndProps>(\n  function SidebarEnd(\n    {\n      hierarchy = 'secondary',\n      children,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      hAlign,\n      vAlign = 'start',\n      className,\n      ...props\n    }: SidebarEndProps,\n    ref\n  ) {\n    return (\n      <Box\n        width={width}\n        height={height}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        className={styles.sidebarEndBox}\n        as={'section'}\n        {...props}\n      >\n        <VStack\n          width={width}\n          height={height}\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          hAlign={hAlign}\n          vAlign={vAlign}\n          ref={ref}\n          data-hierarchy={hierarchy}\n          className={classNames(styles.sidebarEnd, className, 'sidebar-end')}\n          zIndex={0}\n        >\n          {children}\n        </VStack>\n      </Box>\n    );\n  }\n);\n"],"names":["SidebarEnd","React","hierarchy","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","styles","VStack","classNames"],"mappings":";;;;;wGAcaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAZ;AAAA,QACA,QAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAWQ,EAAO;AAAA,QAClB,IAAI;AAAA,QACH,GAAGJ;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAAd;AAAA,YACA,QAAAC;AAAA,YACA,UAAAC;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,WAAAC;AAAA,YACA,QAAAC;AAAA,YACA,QAAAC;AAAA,YACA,KAAAG;AAAA,YACA,kBAAgBZ;AAAA,YAChB,WAAWiB,EAAWF,EAAO,YAAYL,GAAW,aAAa;AAAA,YACjE,QAAQ;AAAA,YAEP,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"sidebar_end.js","sources":["../../../src/layouts/sidebar_end/sidebar_end.tsx"],"sourcesContent":["import { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './sidebar_end.module.css';\nimport type { Hierarchy } from '../../utils/index.js';\n\nexport interface SidebarEndProps extends Omit<BoxProps, 'as'> {\n  hierarchy?: Hierarchy;\n  hAlign?: Alignment;\n  vAlign?: Alignment;\n}\n\nexport const SidebarEnd = React.forwardRef<HTMLElement, SidebarEndProps>(\n  function SidebarEnd(\n    {\n      hierarchy = 'secondary',\n      children,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      hAlign,\n      vAlign = 'start',\n      className,\n      ...props\n    }: SidebarEndProps,\n    ref\n  ) {\n    return (\n      <Box\n        width={width}\n        height={height}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        className={styles.sidebarEndBox}\n        as={'section'}\n        {...props}\n      >\n        <VStack\n          width={width}\n          height={height}\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          hAlign={hAlign}\n          vAlign={vAlign}\n          ref={ref}\n          data-hierarchy={hierarchy}\n          className={clsx(styles.sidebarEnd, className, 'sidebar-end')}\n          zIndex={0}\n        >\n          {children}\n        </VStack>\n      </Box>\n    );\n  }\n);\n"],"names":["SidebarEnd","React","hierarchy","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","styles","VStack","clsx"],"mappings":";;;;;wGAcaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAZ;AAAA,QACA,QAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAWQ,EAAO;AAAA,QAClB,IAAI;AAAA,QACH,GAAGJ;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAAd;AAAA,YACA,QAAAC;AAAA,YACA,UAAAC;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,WAAAC;AAAA,YACA,QAAAC;AAAA,YACA,QAAAC;AAAA,YACA,KAAAG;AAAA,YACA,kBAAgBZ;AAAA,YAChB,WAAWiB,EAAKF,EAAO,YAAYL,GAAW,aAAa;AAAA,YAC3D,QAAQ;AAAA,YAEP,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/layouts/sidebar_start/sidebar_start.js

@@ -1,9 +1,9 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Box as l } from "../../stacks/box/box.js";
-import { VStack as x } from "../../stacks/v_stack.js";
-import B from "classnames";
+import { jsx as s } from "react/jsx-runtime";
+import { Box as x } from "../../stacks/box/box.js";
+import { VStack as l } from "../../stacks/v_stack.js";
+import { clsx as B } from "clsx";
 import _ from "react";
-import '../../sidebar_start.css';const y = "_sidebarStartBox_4353011", N = "_sidebarStart_5b1e45b", e = { sidebarStartBox: y, sidebarStart: N }, I = _.forwardRef(
+import '../../sidebar_start.css';const y = "_sidebarStartBox_4353011", u = "_sidebarStart_5b1e45b", e = { sidebarStartBox: y, sidebarStart: u }, I = _.forwardRef(
   function({
     hierarchy: c = "secondary",
     children: d,
@@ -12,35 +12,35 @@ import '../../sidebar_start.css';const y = "_sidebarStartBox_4353011", N = "_sid
     minWidth: r,
     maxWidth: t,
     minHeight: a,
-    maxHeight: s,
+    maxHeight: o,
     hAlign: S,
-    vAlign: m = "start",
-    className: f,
+    vAlign: f = "start",
+    className: m,
     ...n
   }, p) {
-    return /* @__PURE__ */ o(
-      l,
+    return /* @__PURE__ */ s(
+      x,
       {
         width: b,
         height: i,
         minWidth: r,
         maxWidth: t,
         minHeight: a,
-        maxHeight: s,
+        maxHeight: o,
         className: e.sidebarStartBox,
         ...n,
-        children: /* @__PURE__ */ o(
-          x,
+        children: /* @__PURE__ */ s(
+          l,
           {
             minWidth: r,
             maxWidth: t,
             minHeight: a,
-            maxHeight: s,
+            maxHeight: o,
             hAlign: S,
-            vAlign: m,
+            vAlign: f,
             ref: p,
             "data-hierarchy": c,
-            className: B(e.sidebarStart, f, "sidebar-start"),
+            className: B(e.sidebarStart, m, "sidebar-start"),
             zIndex: 0,
             children: d
           }

package/dist/layouts/sidebar_start/sidebar_start.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_start.js","sources":["../../../src/layouts/sidebar_start/sidebar_start.tsx"],"sourcesContent":["import { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './sidebar_start.module.css';\nimport type { Hierarchy } from '../../utils/index.js';\n\nexport interface SidebarStartProps extends Omit<BoxProps, 'as'> {\n  hierarchy?: Hierarchy;\n  hAlign?: Alignment;\n  vAlign?: Alignment;\n}\n\nexport const SidebarStart = React.forwardRef<HTMLElement, SidebarStartProps>(\n  function SidebarStart(\n    {\n      hierarchy = 'secondary',\n      children,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      hAlign,\n      vAlign = 'start',\n      className,\n      ...props\n    }: SidebarStartProps,\n    ref\n  ) {\n    return (\n      <Box\n        width={width}\n        height={height}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        className={styles.sidebarStartBox}\n        {...props}\n      >\n        <VStack\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          hAlign={hAlign}\n          vAlign={vAlign}\n          ref={ref}\n          data-hierarchy={hierarchy}\n          className={classNames(styles.sidebarStart, className, 'sidebar-start')}\n          zIndex={0}\n        >\n          {children}\n        </VStack>\n      </Box>\n    );\n  }\n);\n"],"names":["SidebarStart","React","hierarchy","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","styles","VStack","classNames"],"mappings":";;;;;gHAcaA,IAAeC,EAAM;AAAA,EAChC,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAZ;AAAA,QACA,QAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAWQ,EAAO;AAAA,QACjB,GAAGJ;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAAZ;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,WAAAC;AAAA,YACA,QAAAC;AAAA,YACA,QAAAC;AAAA,YACA,KAAAG;AAAA,YACA,kBAAgBZ;AAAA,YAChB,WAAWiB,EAAWF,EAAO,cAAcL,GAAW,eAAe;AAAA,YACrE,QAAQ;AAAA,YAEP,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"sidebar_start.js","sources":["../../../src/layouts/sidebar_start/sidebar_start.tsx"],"sourcesContent":["import { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './sidebar_start.module.css';\nimport type { Hierarchy } from '../../utils/index.js';\n\nexport interface SidebarStartProps extends Omit<BoxProps, 'as'> {\n  hierarchy?: Hierarchy;\n  hAlign?: Alignment;\n  vAlign?: Alignment;\n}\n\nexport const SidebarStart = React.forwardRef<HTMLElement, SidebarStartProps>(\n  function SidebarStart(\n    {\n      hierarchy = 'secondary',\n      children,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      hAlign,\n      vAlign = 'start',\n      className,\n      ...props\n    }: SidebarStartProps,\n    ref\n  ) {\n    return (\n      <Box\n        width={width}\n        height={height}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        className={styles.sidebarStartBox}\n        {...props}\n      >\n        <VStack\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          hAlign={hAlign}\n          vAlign={vAlign}\n          ref={ref}\n          data-hierarchy={hierarchy}\n          className={clsx(styles.sidebarStart, className, 'sidebar-start')}\n          zIndex={0}\n        >\n          {children}\n        </VStack>\n      </Box>\n    );\n  }\n);\n"],"names":["SidebarStart","React","hierarchy","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","styles","VStack","clsx"],"mappings":";;;;;gHAcaA,IAAeC,EAAM;AAAA,EAChC,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAZ;AAAA,QACA,QAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAWQ,EAAO;AAAA,QACjB,GAAGJ;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAAZ;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,WAAAC;AAAA,YACA,QAAAC;AAAA,YACA,QAAAC;AAAA,YACA,KAAAG;AAAA,YACA,kBAAgBZ;AAAA,YAChB,WAAWiB,EAAKF,EAAO,cAAcL,GAAW,eAAe;AAAA,YAC/D,QAAQ;AAAA,YAEP,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/layouts/utility_bar/utility_bar.d.ts

@@ -1,5 +1,5 @@
-import { HStackProps } from '../../stacks/h_stack.js';
 import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
 import { Hierarchy, Size } from '../../utils/index.js';
 export interface UtilityBarProps extends Omit<HStackProps, 'as'> {
     hierarchy?: Hierarchy;

package/dist/layouts/utility_bar/utility_bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility_bar.d.ts","sourceRoot":"","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,UAAU,qFA0BtB,CAAC"}
+{"version":3,"file":"utility_bar.d.ts","sourceRoot":"","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,UAAU,qFA+BtB,CAAC"}

package/dist/layouts/utility_bar/utility_bar.js

@@ -1,32 +1,37 @@
-import { jsx as m } from "react/jsx-runtime";
-import { HStack as c } from "../../stacks/h_stack.js";
-import l from "classnames";
-import y from "react";
-import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-bar": u }, B = y.forwardRef(
+import { jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { clsx as y } from "clsx";
+import { HStack as m } from "../../stacks/h_stack.js";
+import '../../utility_bar.css';const u = "_utility-bar_3a92315", n = { "utility-bar": u }, x = l.forwardRef(
   function({
     hierarchy: t = "secondary",
-    height: a = "auto",
-    children: r,
+    height: r = "auto",
+    children: a,
     className: i,
     size: o = "md",
     ...s
-  }, e) {
-    return /* @__PURE__ */ m(
-      c,
+  }, c) {
+    return /* @__PURE__ */ e(
+      m,
       {
-        ref: e,
+        ref: c,
         as: "header",
-        className: l(f["utility-bar"], i, "utility-bar"),
+        className: y(
+          n["utility-bar"],
+          i,
+          "utility-bar",
+          "tcn-utility-bar"
+        ),
         "data-hierarchy": t,
         "data-size": o,
-        height: a,
+        height: r,
         ...s,
-        children: r
+        children: a
       }
     );
   }
 );
 export {
-  B as UtilityBar
+  x as UtilityBar
 };
 //# sourceMappingURL=utility_bar.js.map

package/dist/layouts/utility_bar/utility_bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"utility_bar.js","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './utility_bar.module.css';\nimport type { Hierarchy, Size } from '../../utils/index.js';\n\n// UtilityBar\nexport interface UtilityBarProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const UtilityBar = React.forwardRef<HTMLElement, UtilityBarProps>(\n  function UtilityBar(\n    {\n      hierarchy = 'secondary',\n      height = 'auto',\n      children,\n      className,\n      size = 'md',\n      ...props\n    }: UtilityBarProps,\n    ref\n  ) {\n    return (\n      <HStack\n        ref={ref}\n        as=\"header\"\n        className={classNames(styles['utility-bar'], className, 'utility-bar')}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        height={height}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["UtilityBar","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;4DAYaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAWC,EAAO,aAAa,GAAGP,GAAW,aAAa;AAAA,QACrE,kBAAgBH;AAAA,QAChB,aAAWI;AAAA,QACX,QAAAH;AAAA,QACC,GAAGI;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"utility_bar.js","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './utility_bar.module.css';\n\n// UtilityBar\nexport interface UtilityBarProps extends Omit<HStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const UtilityBar = React.forwardRef<HTMLElement, UtilityBarProps>(\n  function UtilityBar(\n    {\n      hierarchy = 'secondary',\n      height = 'auto',\n      children,\n      className,\n      size = 'md',\n      ...props\n    }: UtilityBarProps,\n    ref\n  ) {\n    return (\n      <HStack\n        ref={ref}\n        as=\"header\"\n        className={clsx(\n          styles['utility-bar'],\n          className,\n          'utility-bar',\n          'tcn-utility-bar'\n        )}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        height={height}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["UtilityBar","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;4DAYaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG;AAAA,UACTC,EAAO,aAAa;AAAA,UACpBP;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,kBAAgBH;AAAA,QAChB,aAAWI;AAAA,QACX,QAAAH;AAAA,QACC,GAAGI;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/modal.css

@@ -1 +1 @@
-._modal_473c6ef{background-color:var(--background-color-primary)}
+._modal_473c6ef{width:100%;height:100%}

package/dist/overlay/menu/menu.js

@@ -9,8 +9,8 @@ import "../../utils/hooks/use_resize_observer.js";
 import { HStack as G } from "../../stacks/h_stack.js";
 import { VStack as J } from "../../stacks/v_stack.js";
 import { Popper as K } from "../popper/popper.js";
-import L from "classnames";
-import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", N = { menu: Q, "menu-item": U }, Z = f.forwardRef(function({
+import { clsx as L } from "clsx";
+import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", j = { menu: Q, "menu-item": U }, Z = f.forwardRef(function({
   anchorElement: R,
   verticalAnchor: y,
   verticalOrigin: S,
@@ -73,7 +73,7 @@ import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", N =
       onClose: x,
       restoreFocus: Y,
       veil: s,
-      children: /* @__PURE__ */ g(J, { ref: z, className: L(N.menu, E, "menu"), ...I, children: l })
+      children: /* @__PURE__ */ g(J, { ref: z, className: L(j.menu, E, "menu"), ...I, children: l })
     }
   );
 }), D = f.forwardRef(function({
@@ -105,14 +105,14 @@ import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", N =
           o.x = n.clientX, o.y = n.clientY, r(!1);
           return;
         }
-        const A = Math.sqrt(p.x ** 2 + p.y ** 2);
+        const H = Math.sqrt(p.x ** 2 + p.y ** 2);
         if (E.current) {
           o.x = n.clientX, o.y = n.clientY, r(!1);
           return;
         }
-        if (A > 5) {
-          const H = p.x / p.y > 0.2;
-          r(!!H), o.x = n.clientX, o.y = n.clientY;
+        if (H > 5) {
+          const N = p.x / p.y > 0.2;
+          r(!!N), o.x = n.clientX, o.y = n.clientY;
         }
       };
       return window.addEventListener("mousemove", B), () => {
@@ -129,7 +129,7 @@ import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", N =
         ref: t,
         "data-is-selected": !!R,
         "data-has-children": !!a,
-        className: L(S, N["menu-item"], "menu-item"),
+        className: L(S, j["menu-item"], "menu-item"),
         "data-is-open": s,
         ...c,
         children: typeof y == "string" ? /* @__PURE__ */ g(O, { color: "inherit", children: y }) : y

package/dist/overlay/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../src/overlay/menu/menu.tsx"],"sourcesContent":["import { BodyText } from '../../typography/body_text/body_text.js';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport type { HStackProps } from '../../stacks/h_stack.js';\nimport type { VStackProps } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport styles from './menu.module.css';\nimport classNames from 'classnames';\n\nexport type MenuProps = Omit<PopperProps & VStackProps, 'children'> & {\n  children?: React.ReactNode;\n  onActivatedMenu?: (hasActiveMenu: boolean) => void;\n  direction?: 'up' | 'down';\n};\n\nexport const Menu = React.forwardRef(function Menu(\n  {\n    anchorElement,\n    verticalAnchor,\n    verticalOrigin,\n    verticalOffset,\n    horizontalAnchor,\n    horizontalOrigin,\n    horizontalOffset,\n    direction,\n    open,\n    onClose,\n    restoreFocus,\n    veil,\n    onActivatedMenu,\n    children = [],\n    className,\n    ...props\n  }: MenuProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const clonedChildren = React.Children.toArray(children).map((child, index) => {\n    if (!React.isValidElement(child)) {\n      return child;\n    }\n\n    if (child.type !== MenuItem) {\n      return React.cloneElement(child, {\n        ...child.props,\n        onClick: (e: React.MouseEvent<HTMLElement>) => {\n          e.stopPropagation();\n          child.props.onClick && child.props.onClick(e);\n        },\n      });\n    }\n\n    const props = {\n      ...child.props,\n      key: index,\n      verticalAnchor: direction === 'up' ? 'bottom' : 'top',\n      verticalOrigin: direction === 'up' ? 'bottom' : 'top',\n      verticalOffset,\n      horizontalAnchor: 'end',\n      horizontalOrigin: 'start',\n      horizontalOffset,\n      direction,\n      onClick: (e: React.MouseEvent<HTMLDivElement>) => {\n        if (child.props.children == null) {\n          onClose && onClose();\n        }\n        child.props.onClick && child.props.onClick(e);\n      },\n      onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {\n        setFocusedIndex(index);\n        onActivatedMenu && onActivatedMenu(true);\n        child.props.onMouseEnter && child.props.onMouseEnter(e);\n      },\n    };\n\n    if (child.type === MenuItem) {\n      props.open = focusedIndex === index;\n    }\n\n    return React.cloneElement(child, props);\n  });\n\n  direction === 'up' && clonedChildren.reverse();\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setFocusedIndex(-1);\n      onActivatedMenu && onActivatedMenu(false);\n    }\n  }, [open, onActivatedMenu]);\n\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor || 'end'}\n      horizontalOrigin={horizontalOrigin || 'end'}\n      horizontalOffset={horizontalOffset}\n      open={open}\n      onClose={onClose}\n      restoreFocus={restoreFocus}\n      veil={veil}\n    >\n      <VStack ref={ref} className={classNames(styles.menu, className, 'menu')} {...props}>\n        {clonedChildren}\n      </VStack>\n    </Popper>\n  );\n});\n\nexport interface MenuItemProps extends Omit<HStackProps, 'children'> {\n  open?: boolean;\n  children?: React.ReactElement<MenuItemProps>[];\n  selected?: boolean;\n  label?: React.ReactNode;\n  direction?: 'up' | 'down';\n  verticalAnchor?: 'top' | 'center' | 'bottom';\n  verticalOrigin?: 'top' | 'center' | 'bottom';\n  verticalOffset?: number;\n  horizontalAnchor?: 'center' | 'start' | 'end';\n  horizontalOrigin?: 'center' | 'start' | 'end';\n  horizontalOffset?: number;\n}\n\nexport const MenuItem = React.forwardRef(function MenuItem(\n  {\n    selected,\n    label,\n    className,\n    children,\n    direction = 'down',\n    verticalAnchor = 'top',\n    verticalOrigin = 'top',\n    verticalOffset,\n    horizontalAnchor = 'end',\n    horizontalOrigin = 'start',\n    horizontalOffset,\n    open = false,\n    ...props\n  }: MenuItemProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const hasEnteredMenuRef = useRef(false);\n  const cursorPositionRef = useRef({ x: -1, y: -1 });\n  const cursorDeltaRef = useRef({ x: -1, y: -1 });\n  const [showVeil, setShowVeil] = useState(false);\n  const itemRef = useRef<HTMLElement | null>(null);\n  const forkedRef = useForkRef(ref, itemRef);\n  const hasSubmenu = children != null && children.length > 0;\n\n  function close() {\n    setShowVeil(false);\n  }\n\n  useLayoutEffect(() => {\n    const itemElement = itemRef.current;\n\n    if (itemElement && hasSubmenu && open) {\n      const direction = window.getComputedStyle(itemElement).direction;\n\n      const startPosition = cursorPositionRef.current;\n      const delta = cursorDeltaRef.current;\n\n      const calculateSlope = (event: MouseEvent) => {\n        if (startPosition.x === -1) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n\n        const deltaX = event.clientX - startPosition.x;\n        const deltaY = event.clientY - startPosition.y;\n        delta.x = Math.max(Math.abs(deltaX), 0.001);\n        delta.y = Math.max(Math.abs(deltaY), 0.001);\n\n        const isSlopeWrongDirection =\n          ((deltaX < 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'ltr') ||\n          ((deltaX > 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'rtl');\n\n        if (isSlopeWrongDirection) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        const distance = Math.sqrt(delta.x ** 2 + delta.y ** 2);\n\n        if (hasEnteredMenuRef.current) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        if (distance > 5) {\n          const movingHorizontal = delta.x / delta.y > 0.2;\n\n          if (movingHorizontal) {\n            setShowVeil(true);\n          } else {\n            setShowVeil(false);\n          }\n\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n      };\n\n      window.addEventListener('mousemove', calculateSlope);\n\n      return () => {\n        window.removeEventListener('mousemove', calculateSlope);\n      };\n    }\n  }, [hasSubmenu, open]);\n\n  useLayoutEffect(() => {\n    setShowVeil(open);\n  }, [open]);\n\n  return (\n    <>\n      <HStack\n        as=\"button\"\n        ref={forkedRef}\n        data-is-selected={Boolean(selected)}\n        data-has-children={Boolean(hasSubmenu)}\n        className={classNames(className, styles['menu-item'], 'menu-item')}\n        data-is-open={open}\n        {...props}\n      >\n        {typeof label === 'string' ? <BodyText color=\"inherit\">{label}</BodyText> : label}\n      </HStack>\n      {children && (\n        <Menu\n          anchorElement={itemRef.current}\n          veil={showVeil}\n          onClose={close}\n          open={open}\n          direction={direction}\n          verticalAnchor={verticalAnchor}\n          verticalOrigin={verticalOrigin}\n          verticalOffset={verticalOffset}\n          horizontalAnchor={horizontalAnchor}\n          horizontalOrigin={horizontalOrigin}\n          horizontalOffset={horizontalOffset}\n          hAlign=\"start\"\n          onActivatedMenu={hasActiveMenu => {\n            hasEnteredMenuRef.current = hasActiveMenu;\n          }}\n        >\n          {children}\n        </Menu>\n      )}\n    </>\n  );\n});\n"],"names":["Menu","React","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","direction","open","onClose","restoreFocus","veil","onActivatedMenu","children","className","props","ref","focusedIndex","setFocusedIndex","useState","clonedChildren","child","index","MenuItem","useLayoutEffect","jsx","Popper","VStack","classNames","styles","selected","label","hasEnteredMenuRef","useRef","cursorPositionRef","cursorDeltaRef","showVeil","setShowVeil","itemRef","forkedRef","useForkRef","hasSubmenu","close","itemElement","startPosition","delta","calculateSlope","event","deltaX","deltaY","distance","movingHorizontal","jsxs","Fragment","HStack","BodyText","hasActiveMenu"],"mappings":"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"}
+{"version":3,"file":"menu.js","sources":["../../../src/overlay/menu/menu.tsx"],"sourcesContent":["import { BodyText } from '../../typography/body_text/body_text.js';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport type { HStackProps } from '../../stacks/h_stack.js';\nimport type { VStackProps } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport styles from './menu.module.css';\nimport { clsx } from 'clsx';\n\nexport type MenuProps = Omit<PopperProps & VStackProps, 'children'> & {\n  children?: React.ReactNode;\n  onActivatedMenu?: (hasActiveMenu: boolean) => void;\n  direction?: 'up' | 'down';\n};\n\nexport const Menu = React.forwardRef(function Menu(\n  {\n    anchorElement,\n    verticalAnchor,\n    verticalOrigin,\n    verticalOffset,\n    horizontalAnchor,\n    horizontalOrigin,\n    horizontalOffset,\n    direction,\n    open,\n    onClose,\n    restoreFocus,\n    veil,\n    onActivatedMenu,\n    children = [],\n    className,\n    ...props\n  }: MenuProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const clonedChildren = React.Children.toArray(children).map((child, index) => {\n    if (!React.isValidElement(child)) {\n      return child;\n    }\n\n    if (child.type !== MenuItem) {\n      return React.cloneElement(child, {\n        ...child.props,\n        onClick: (e: React.MouseEvent<HTMLElement>) => {\n          e.stopPropagation();\n          child.props.onClick && child.props.onClick(e);\n        },\n      });\n    }\n\n    const props = {\n      ...child.props,\n      key: index,\n      verticalAnchor: direction === 'up' ? 'bottom' : 'top',\n      verticalOrigin: direction === 'up' ? 'bottom' : 'top',\n      verticalOffset,\n      horizontalAnchor: 'end',\n      horizontalOrigin: 'start',\n      horizontalOffset,\n      direction,\n      onClick: (e: React.MouseEvent<HTMLDivElement>) => {\n        if (child.props.children == null) {\n          onClose && onClose();\n        }\n        child.props.onClick && child.props.onClick(e);\n      },\n      onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {\n        setFocusedIndex(index);\n        onActivatedMenu && onActivatedMenu(true);\n        child.props.onMouseEnter && child.props.onMouseEnter(e);\n      },\n    };\n\n    if (child.type === MenuItem) {\n      props.open = focusedIndex === index;\n    }\n\n    return React.cloneElement(child, props);\n  });\n\n  direction === 'up' && clonedChildren.reverse();\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setFocusedIndex(-1);\n      onActivatedMenu && onActivatedMenu(false);\n    }\n  }, [open, onActivatedMenu]);\n\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor || 'end'}\n      horizontalOrigin={horizontalOrigin || 'end'}\n      horizontalOffset={horizontalOffset}\n      open={open}\n      onClose={onClose}\n      restoreFocus={restoreFocus}\n      veil={veil}\n    >\n      <VStack ref={ref} className={clsx(styles.menu, className, 'menu')} {...props}>\n        {clonedChildren}\n      </VStack>\n    </Popper>\n  );\n});\n\nexport interface MenuItemProps extends Omit<HStackProps, 'children'> {\n  open?: boolean;\n  children?: React.ReactElement<MenuItemProps>[];\n  selected?: boolean;\n  label?: React.ReactNode;\n  direction?: 'up' | 'down';\n  verticalAnchor?: 'top' | 'center' | 'bottom';\n  verticalOrigin?: 'top' | 'center' | 'bottom';\n  verticalOffset?: number;\n  horizontalAnchor?: 'center' | 'start' | 'end';\n  horizontalOrigin?: 'center' | 'start' | 'end';\n  horizontalOffset?: number;\n}\n\nexport const MenuItem = React.forwardRef(function MenuItem(\n  {\n    selected,\n    label,\n    className,\n    children,\n    direction = 'down',\n    verticalAnchor = 'top',\n    verticalOrigin = 'top',\n    verticalOffset,\n    horizontalAnchor = 'end',\n    horizontalOrigin = 'start',\n    horizontalOffset,\n    open = false,\n    ...props\n  }: MenuItemProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const hasEnteredMenuRef = useRef(false);\n  const cursorPositionRef = useRef({ x: -1, y: -1 });\n  const cursorDeltaRef = useRef({ x: -1, y: -1 });\n  const [showVeil, setShowVeil] = useState(false);\n  const itemRef = useRef<HTMLElement | null>(null);\n  const forkedRef = useForkRef(ref, itemRef);\n  const hasSubmenu = children != null && children.length > 0;\n\n  function close() {\n    setShowVeil(false);\n  }\n\n  useLayoutEffect(() => {\n    const itemElement = itemRef.current;\n\n    if (itemElement && hasSubmenu && open) {\n      const direction = window.getComputedStyle(itemElement).direction;\n\n      const startPosition = cursorPositionRef.current;\n      const delta = cursorDeltaRef.current;\n\n      const calculateSlope = (event: MouseEvent) => {\n        if (startPosition.x === -1) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n\n        const deltaX = event.clientX - startPosition.x;\n        const deltaY = event.clientY - startPosition.y;\n        delta.x = Math.max(Math.abs(deltaX), 0.001);\n        delta.y = Math.max(Math.abs(deltaY), 0.001);\n\n        const isSlopeWrongDirection =\n          ((deltaX < 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'ltr') ||\n          ((deltaX > 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'rtl');\n\n        if (isSlopeWrongDirection) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        const distance = Math.sqrt(delta.x ** 2 + delta.y ** 2);\n\n        if (hasEnteredMenuRef.current) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        if (distance > 5) {\n          const movingHorizontal = delta.x / delta.y > 0.2;\n\n          if (movingHorizontal) {\n            setShowVeil(true);\n          } else {\n            setShowVeil(false);\n          }\n\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n      };\n\n      window.addEventListener('mousemove', calculateSlope);\n\n      return () => {\n        window.removeEventListener('mousemove', calculateSlope);\n      };\n    }\n  }, [hasSubmenu, open]);\n\n  useLayoutEffect(() => {\n    setShowVeil(open);\n  }, [open]);\n\n  return (\n    <>\n      <HStack\n        as=\"button\"\n        ref={forkedRef}\n        data-is-selected={Boolean(selected)}\n        data-has-children={Boolean(hasSubmenu)}\n        className={clsx(className, styles['menu-item'], 'menu-item')}\n        data-is-open={open}\n        {...props}\n      >\n        {typeof label === 'string' ? <BodyText color=\"inherit\">{label}</BodyText> : label}\n      </HStack>\n      {children && (\n        <Menu\n          anchorElement={itemRef.current}\n          veil={showVeil}\n          onClose={close}\n          open={open}\n          direction={direction}\n          verticalAnchor={verticalAnchor}\n          verticalOrigin={verticalOrigin}\n          verticalOffset={verticalOffset}\n          horizontalAnchor={horizontalAnchor}\n          horizontalOrigin={horizontalOrigin}\n          horizontalOffset={horizontalOffset}\n          hAlign=\"start\"\n          onActivatedMenu={hasActiveMenu => {\n            hasEnteredMenuRef.current = hasActiveMenu;\n          }}\n        >\n          {children}\n        </Menu>\n      )}\n    </>\n  );\n});\n"],"names":["Menu","React","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","direction","open","onClose","restoreFocus","veil","onActivatedMenu","children","className","props","ref","focusedIndex","setFocusedIndex","useState","clonedChildren","child","index","MenuItem","useLayoutEffect","jsx","Popper","VStack","clsx","styles","selected","label","hasEnteredMenuRef","useRef","cursorPositionRef","cursorDeltaRef","showVeil","setShowVeil","itemRef","forkedRef","useForkRef","hasSubmenu","close","itemElement","startPosition","delta","calculateSlope","event","deltaX","deltaY","distance","movingHorizontal","jsxs","Fragment","HStack","BodyText","hasActiveMenu"],"mappings":"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"}

package/dist/overlay/tooltip/tooltip.js

@@ -1,20 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
-import { VStack as a } from "../../stacks/v_stack.js";
-import e from "classnames";
-import i from "react";
-import '../../tooltip.css';const m = "_tooltip_e324d7e", l = { tooltip: m }, x = i.forwardRef(function({ children: o, className: t, ...r }, s) {
-  return /* @__PURE__ */ p(
-    a,
+import { jsx as s } from "react/jsx-runtime";
+import { VStack as i } from "../../stacks/v_stack.js";
+import { clsx as e } from "clsx";
+import l from "react";
+import '../../tooltip.css';const m = "_tooltip_e324d7e", a = { tooltip: m }, u = l.forwardRef(function({ children: o, className: t, ...r }, p) {
+  return /* @__PURE__ */ s(
+    i,
     {
-      ref: s,
+      ref: p,
       as: "span",
-      className: e(t, l.tooltip, "tooltip"),
+      className: e(t, a.tooltip, "tooltip"),
       ...r,
       children: o
     }
   );
 });
 export {
-  x as Tooltip
+  u as Tooltip
 };
 //# sourceMappingURL=tooltip.js.map

package/dist/overlay/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/overlay/tooltip/tooltip.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './tooltip.module.css';\n\nexport interface TooltipProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(function VPanel(\n  { children, className, ...props }: TooltipProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"span\"\n      className={classNames(className, styles.tooltip, 'tooltip')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Tooltip","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;kDASaA,IAAUC,EAAM,WAAsC,SACjE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWL,GAAWM,EAAO,SAAS,SAAS;AAAA,MACzD,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/overlay/tooltip/tooltip.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './tooltip.module.css';\n\nexport interface TooltipProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(function VPanel(\n  { children, className, ...props }: TooltipProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"span\"\n      className={clsx(className, styles.tooltip, 'tooltip')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Tooltip","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;kDASaA,IAAUC,EAAM,WAAsC,SACjE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKL,GAAWM,EAAO,SAAS,SAAS;AAAA,MACnD,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/panel.css

@@ -1 +1 @@
-._panel_c1dbe05{background-color:#fff;border-radius:4px}._panel-stack_f1896f3{width:100%;height:100%;overflow:auto}._page-stack_53ad282>.stack{gap:var(--gap)}
+._panel-stack_f1896f3{width:100%;height:100%;overflow:auto}

package/dist/panel.module-DwGKncon.js

@@ -0,0 +1,5 @@
+import './panel.css';const s = "_panel-stack_f1896f3", a = { "panel-stack": s };
+export {
+  a as s
+};
+//# sourceMappingURL=panel.module-DwGKncon.js.map

package/dist/panel.module-DwGKncon.js.map

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

package/dist/stack.css

@@ -1 +1 @@
-._h-stack_f3d929e,._v-stack_c5b98b6{display:flex}._h-stack_f3d929e[data-inline=true],._v-stack_c5b98b6[data-inline=true]{display:inline-flex}._z-stack_0734316{display:grid}._z-stack_0734316[data-inline=true]{display:inline-grid}._box_16766f3[data-height=flex]{height:auto}:where(._h-stack_f3d929e){display:flex;position:relative;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:row;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._v-stack_c5b98b6){position:relative;display:flex;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._z-stack_0734316){position:relative;min-width:0;min-height:0;width:100%;height:auto;overflow:visible;box-sizing:border-box}:where(._box_16766f3){width:100%;min-width:0;max-width:100%;min-height:0;height:auto;max-height:100%;z-index:0;position:relative;box-sizing:border-box;transform:none}:where(._h-stack_f3d929e[data-inline=true]){display:inline-flex}:where(._h-stack_f3d929e[data-allow-flow=true]){flex-wrap:wrap}:where(._h-stack_f3d929e[data-v-alignment=start]){align-items:flex-start}:where(._h-stack_f3d929e[data-v-alignment=center]){align-items:center}:where(._h-stack_f3d929e[data-v-alignment=end]){align-items:flex-end}:where(._h-stack_f3d929e[data-h-alignment=start]){justify-content:flex-start}:where(._h-stack_f3d929e[data-h-alignment=center]){justify-content:center}:where(._h-stack_f3d929e[data-h-alignment=end]){justify-content:flex-end}:where(._h-stack_f3d929e>*){position:relative}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._reveal-layout_d966b23 ._h-stack_f3d929e:after),:where(._reveal-h-stack_aab60c1 ._h-stack_f3d929e:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,123,160);pointer-events:none;z-index:1}:where(._v-stack_c5b98b6[data-inline=true]){display:inline-flex}:where(._v-stack_c5b98b6[data-allow-flow=true]){flex-wrap:wrap}:where(._v-stack_c5b98b6[data-h-alignment=start]){align-items:flex-start}:where(._v-stack_c5b98b6[data-h-alignment=center]){align-items:center}:where(._v-stack_c5b98b6[data-h-alignment=end]){align-items:flex-end}:where(._v-stack_c5b98b6[data-v-alignment=start]){justify-content:flex-start}:where(._v-stack_c5b98b6[data-v-alignment=center]){justify-content:center}:where(._v-stack_c5b98b6[data-v-alignment=end]){justify-content:flex-end}:where(._v-stack_c5b98b6>*){position:relative}:where(._v-stack_c5b98b6[data-height=auto]){flex-grow:0;flex-shrink:0;flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;height:auto}:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=flex]){flex-basis:auto}:where(._v-stack_c5b98b6[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto;flex-basis:auto}:where(._reveal-layout_d966b23 ._v-stack_c5b98b6:after),:where(._reveal-v-stack_389c691 ._v-stack_c5b98b6:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,165,152);pointer-events:none;z-index:1}:where(._z-stack_0734316>*){position:relative;min-width:0;min-height:0;grid-area:1 / 1 / 2 / 2;box-sizing:border-box}:where(._z-stack_0734316[data-h-alignment=start]>*){justify-self:start}:where(._z-stack_0734316[data-h-alignment=center]>*){justify-self:center}:where(._z-stack_0734316[data-h-alignment=end]>*){justify-self:end}:where(._z-stack_0734316[data-v-alignment=start]>*){align-self:start}:where(._z-stack_0734316[data-v-alignment=center]>*){align-self:center}:where(._z-stack_0734316[data-v-alignment=end]>*){align-self:end}:where(._z-stack_0734316>._h-stack_f3d929e[data-height=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=default]){height:100%}:where(._z-stack_0734316>._h-stack_f3d929e[data-width=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=default]){width:100%}:where(._reveal-layout_d966b23 ._z-stack_0734316:after),:where(._reveal-z-stack_366b960 ._z-stack_0734316:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(119,0,255);pointer-events:none;z-index:1}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=default]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=default]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=default]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=default]),:where(._h-stack_f3d929e>._box_16766f3[data-width=default]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto}:where(._h-stack_f3d929e[data-width=auto]){flex-grow:0;flex-shrink:0;width:auto;flex-basis:auto}:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=flex]){flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=default]){flex-basis:auto;height:auto}:where(._v-stack_c5b98b6[data-overflow-y=auto]:not([data-height=auto])),:where(._v-stack_c5b98b6[data-overflow-y=scroll]:not([data-height=auto])),:where(._h-stack_f3d929e[data-overflow-y=auto]:not([data-width=auto])),:where(._h-stack_f3d929e[data-overflow-y=scroll]:not([data-width=auto])){flex-shrink:1}:where(._box_16766f3[data-enabled-resize-on-start=true]),:where(._box_16766f3[data-enabled-resize-on-end=true]),:where(._box_16766f3[data-enabled-resize-on-top=true]),:where(._box_16766f3[data-enabled-resize-on-bottom=true]),:where(._box_16766f3[data-enabled-resize-on-left=true]),:where(._box_16766f3[data-enabled-resize-on-right=true]){transform:translateZ(0)}:where(._box_16766f3[data-width=flex]){width:auto}:where(.reveal-layout ._box_16766f3:after),:where(.reveal-box ._box_16766f3:after){content:"";position:absolute;inset:0;border:1px dashed rgb(138,138,138);pointer-events:none;z-index:1}
+._h-stack_f3d929e,._v-stack_c5b98b6{display:flex}._h-stack_f3d929e[data-inline=true],._v-stack_c5b98b6[data-inline=true]{display:inline-flex}._z-stack_0734316{display:grid}._z-stack_0734316[data-inline=true]{display:inline-grid}._box_16766f3[data-height=flex],._box_16766f3[data-height=fill]{height:auto}:where(._h-stack_f3d929e){display:flex;position:relative;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:row;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._v-stack_c5b98b6){position:relative;display:flex;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._z-stack_0734316){position:relative;min-width:0;min-height:0;width:100%;height:auto;overflow:visible;box-sizing:border-box}:where(._box_16766f3){width:100%;min-width:0;max-width:100%;min-height:0;height:auto;max-height:100%;z-index:0;position:relative;box-sizing:border-box;transform:none}:where(._h-stack_f3d929e[data-inline=true]){display:inline-flex}:where(._h-stack_f3d929e[data-allow-flow=true]){flex-wrap:wrap}:where(._h-stack_f3d929e[data-v-alignment=start]){align-items:flex-start}:where(._h-stack_f3d929e[data-v-alignment=center]){align-items:center}:where(._h-stack_f3d929e[data-v-alignment=end]){align-items:flex-end}:where(._h-stack_f3d929e[data-h-alignment=start]){justify-content:flex-start}:where(._h-stack_f3d929e[data-h-alignment=center]){justify-content:center}:where(._h-stack_f3d929e[data-h-alignment=end]){justify-content:flex-end}:where(._h-stack_f3d929e>*){position:relative}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=flex]),:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=fill]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=fill]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=fill]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=fill]),:where(._h-stack_f3d929e>._box_16766f3[data-width=fill]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-height=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-height=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-height=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-height=flex]),:where(._h-stack_f3d929e>._h-stack_f3d929e[data-height=fill]),:where(._h-stack_f3d929e>._z-stack_0734316[data-height=fill]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-height=fill]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-height=fill]),:where(._h-stack_f3d929e>._box_16766f3[data-height=fill]){height:100%}:where(._reveal-layout_d966b23 ._h-stack_f3d929e:after),:where(._reveal-h-stack_aab60c1 ._h-stack_f3d929e:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,123,160);pointer-events:none;z-index:1}:where(._v-stack_c5b98b6[data-inline=true]){display:inline-flex}:where(._v-stack_c5b98b6[data-allow-flow=true]){flex-wrap:wrap}:where(._v-stack_c5b98b6[data-h-alignment=start]){align-items:flex-start}:where(._v-stack_c5b98b6[data-h-alignment=center]){align-items:center}:where(._v-stack_c5b98b6[data-h-alignment=end]){align-items:flex-end}:where(._v-stack_c5b98b6[data-v-alignment=start]){justify-content:flex-start}:where(._v-stack_c5b98b6[data-v-alignment=center]){justify-content:center}:where(._v-stack_c5b98b6[data-v-alignment=end]){justify-content:flex-end}:where(._v-stack_c5b98b6>*){position:relative}:where(._v-stack_c5b98b6[data-height=auto]){flex-grow:0;flex-shrink:0;flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=flex]),:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=fill]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=fill]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=fill]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=fill]),:where(._v-stack_c5b98b6>._box_16766f3[data-height=fill]){flex-grow:1;flex-shrink:0;flex-basis:0%;height:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-width=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-width=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-width=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-width=flex]),:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-width=fill]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-width=fill]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-width=fill]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-width=fill]),:where(._v-stack_c5b98b6>._box_16766f3[data-width=fill]){width:100%}:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=fill]){flex-basis:auto}:where(._v-stack_c5b98b6[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto;flex-basis:auto}:where(._reveal-layout_d966b23 ._v-stack_c5b98b6:after),:where(._reveal-v-stack_389c691 ._v-stack_c5b98b6:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,165,152);pointer-events:none;z-index:1}:where(._z-stack_0734316>*){position:relative;min-width:0;min-height:0;grid-area:1 / 1 / 2 / 2;box-sizing:border-box}:where(._z-stack_0734316[data-h-alignment=start]>*){justify-self:start}:where(._z-stack_0734316[data-h-alignment=center]>*){justify-self:center}:where(._z-stack_0734316[data-h-alignment=end]>*){justify-self:end}:where(._z-stack_0734316[data-v-alignment=start]>*){align-self:start}:where(._z-stack_0734316[data-v-alignment=center]>*){align-self:center}:where(._z-stack_0734316[data-v-alignment=end]>*){align-self:end}:where(._z-stack_0734316>._h-stack_f3d929e[data-height=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=flex]),:where(._z-stack_0734316>._h-stack_f3d929e[data-height=fill]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=default]){height:100%}:where(._z-stack_0734316>._h-stack_f3d929e[data-width=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=flex]),:where(._z-stack_0734316>._h-stack_f3d929e[data-width=fill]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=default]){width:100%}:where(._reveal-layout_d966b23 ._z-stack_0734316:after),:where(._reveal-z-stack_366b960 ._z-stack_0734316:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(119,0,255);pointer-events:none;z-index:1}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=default]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=default]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=default]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=default]),:where(._h-stack_f3d929e>._box_16766f3[data-width=default]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto}:where(._h-stack_f3d929e[data-width=auto]){flex-grow:0;flex-shrink:0;width:auto;flex-basis:auto}:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=fill]){flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=default]){flex-basis:auto;height:auto}:where(._v-stack_c5b98b6[data-overflow-y=auto]:not([data-height=auto])),:where(._v-stack_c5b98b6[data-overflow-y=scroll]:not([data-height=auto])),:where(._h-stack_f3d929e[data-overflow-y=auto]:not([data-width=auto])),:where(._h-stack_f3d929e[data-overflow-y=scroll]:not([data-width=auto])){flex-shrink:1}:where(._box_16766f3[data-enabled-resize-on-start=true]),:where(._box_16766f3[data-enabled-resize-on-end=true]),:where(._box_16766f3[data-enabled-resize-on-top=true]),:where(._box_16766f3[data-enabled-resize-on-bottom=true]),:where(._box_16766f3[data-enabled-resize-on-left=true]),:where(._box_16766f3[data-enabled-resize-on-right=true]){transform:translateZ(0)}:where(._box_16766f3[data-width=flex]){width:auto}:where(.reveal-layout ._box_16766f3:after),:where(.reveal-box ._box_16766f3:after){content:"";position:absolute;inset:0;border:1px dashed rgb(138,138,138);pointer-events:none;z-index:1}