@tcn/ui 0.9.0 → 0.11.0

package/dist/layouts/header/header.js

@@ -1,30 +1,22 @@
-import { jsx as c } from "react/jsx-runtime";
-import m from "react";
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
 import { clsx as f } from "clsx";
-import { HStack as n } from "../../stacks/h_stack.js";
-import '../../header.css';const h = "_header_3155fa4", i = { header: h }, y = m.forwardRef(function({
-  hierarchy: e = "secondary",
-  height: r = "auto",
-  children: a,
-  className: t,
-  size: o = "md",
-  ...d
-}, s) {
-  return /* @__PURE__ */ c(
-    n,
+import { Bar as s } from "../bar/bar.js";
+const u = c.forwardRef(function({ hierarchy: r = "secondary", size: a = "md", children: e, className: o, ...t }, d) {
+  return /* @__PURE__ */ m(
+    s,
     {
-      ref: s,
+      ref: d,
       as: "header",
-      className: f(i.header, t, "tcn-header"),
-      "data-hierarchy": e,
-      "data-size": o,
-      height: r,
-      ...d,
-      children: a
+      className: f(o, "tcn-header"),
+      "data-hierarchy": r,
+      "data-size": a,
+      ...t,
+      children: e
     }
   );
 });
 export {
-  y as Header
+  u 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 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\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')}\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":";;;;gDAWaA,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,YAAY;AAAA,MACtD,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 type { Hierarchy, Size } from '../../utils/index.js';\nimport { Bar, type BarProps } from '../bar/bar.js';\n\nexport interface HeaderProps extends Omit<BarProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const Header = React.forwardRef<HTMLElement, HeaderProps>(function Header(\n  { hierarchy = 'secondary', size = 'md', children, className, ...props }: HeaderProps,\n  ref\n) {\n  return (\n    <Bar\n      ref={ref}\n      as=\"header\"\n      className={clsx(className, 'tcn-header')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </Bar>\n  );\n});\n"],"names":["Header","React","hierarchy","size","children","className","props","ref","jsx","Bar","clsx"],"mappings":";;;;AAUO,MAAMA,IAASC,EAAM,WAAqC,SAC/D,EAAE,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAChEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKL,GAAW,YAAY;AAAA,MACvC,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/index.d.ts

@@ -18,7 +18,6 @@ export { Responsive, type ResponsiveProps } from './responsive/responsive.js';
 export { Breakpoint, type BreakpointProps } from './responsive/breakpoint.js';
 export { TTable, THead, TBody, TFoot, TR, TH, TD } from './table/table.js';
 export { Rail, type RailProps } from './rail/rail.js';
-export { Main, type MainProps } from './rail/main/main.js';
 export { Side, type SideProps } from './rail/side/side.js';
 export { UtilityStrip, type UtilityStripProps, } from './rail/utility_strip/utility_strip.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC"}

package/dist/layouts/index.js

@@ -3,8 +3,8 @@ import { Divider as p } from "./divider/divider.js";
 import { Grid as m } from "./grid/grid.js";
 import { Item as i } from "./list/item.js";
 import { List as a } from "./list/list.js";
-import { SidebarEnd as n } from "./sidebar_end/sidebar_end.js";
-import { SidebarStart as l } from "./sidebar_start/sidebar_start.js";
+import { SidebarEnd as S } from "./sidebar_end/sidebar_end.js";
+import { SidebarStart as n } from "./sidebar_start/sidebar_start.js";
 import { Scaffold as B } from "./scaffold/scaffold.js";
 import { HBody as R } from "./body/h_body.js";
 import { VBody as s } from "./body/v_body.js";
@@ -15,14 +15,13 @@ import { Row as u } from "./row/row.js";
 import { Section as C } from "./section/section.js";
 import { Heading as G } from "./section/heading.js";
 import { Responsive as L } from "./responsive/responsive.js";
-import { Breakpoint as V } from "./responsive/breakpoint.js";
-import { TBody as j, TD as q, TFoot as z, TH as A, THead as J, TR as K, TTable as N } from "./table/table.js";
+import { Breakpoint as h } from "./responsive/breakpoint.js";
+import { TBody as q, TD as z, TFoot as A, TH as J, THead as K, TR as M, TTable as N } from "./table/table.js";
 import { Rail as P } from "./rail/rail.js";
-import { Main as W } from "./rail/main/main.js";
-import { Side as Y } from "./rail/side/side.js";
-import { UtilityStrip as _ } from "./rail/utility_strip/utility_strip.js";
+import { Side as W } from "./rail/side/side.js";
+import { UtilityStrip as Y } from "./rail/utility_strip/utility_strip.js";
 export {
-  V as Breakpoint,
+  h as Breakpoint,
   e as Column,
   p as Divider,
   v as Footer,
@@ -32,24 +31,23 @@ export {
   G as Heading,
   i as Item,
   a as List,
-  W as Main,
   P as Rail,
   L as Responsive,
   u as Row,
   B as Scaffold,
   C as Section,
-  Y as Side,
-  n as SidebarEnd,
-  l as SidebarStart,
-  j as TBody,
-  q as TD,
-  z as TFoot,
-  A as TH,
-  J as THead,
-  K as TR,
+  W as Side,
+  S as SidebarEnd,
+  n as SidebarStart,
+  q as TBody,
+  z as TD,
+  A as TFoot,
+  J as TH,
+  K as THead,
+  M as TR,
   N as TTable,
   g as UtilityBar,
-  _ as UtilityStrip,
+  Y as UtilityStrip,
   s as VBody
 };
 //# sourceMappingURL=index.js.map

package/dist/layouts/index.js.map

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

package/dist/layouts/rail/rail.js

@@ -1,55 +1,55 @@
-import { jsx as l } from "react/jsx-runtime";
-import p from "react";
-import { clsx as e } from "clsx";
-import { Box as _ } from "../../stacks/box/box.js";
-import { HStack as y } from "../../stacks/h_stack.js";
-import '../../rail.css';const R = "_rail-stack_76bc40f", b = "_tcn-body_a4d9cc2", u = { "rail-stack": R, "tcn-body": b }, z = p.forwardRef(function({
-  children: i,
+import { jsx as i } from "react/jsx-runtime";
+import d from "react";
+import { clsx as n } from "clsx";
+import { Box as R } from "../../stacks/box/box.js";
+import { HStack as u } from "../../stacks/h_stack.js";
+import '../../rail.css';const x = "_rail_adfa91f", N = "_rail-stack_76bc40f", f = { rail: x, "rail-stack": N }, B = d.forwardRef(function({
+  children: e,
   width: m,
-  height: f = "100%",
-  minWidth: t,
-  maxWidth: a,
-  minHeight: c,
-  maxHeight: r,
-  hAlign: o = "start",
-  vAlign: s = "start",
-  className: d,
-  ...k
-}, n) {
-  return /* @__PURE__ */ l(
-    _,
+  height: k = "100%",
+  minWidth: a,
+  maxWidth: t,
+  minHeight: r,
+  maxHeight: c,
+  hAlign: s = "start",
+  vAlign: o = "start",
+  className: p,
+  ..._
+}, l) {
+  return /* @__PURE__ */ i(
+    R,
     {
-      ref: n,
+      ref: l,
       width: m,
-      height: f,
-      minWidth: t,
-      maxWidth: a,
-      minHeight: c,
-      maxHeight: r,
-      "data-h-alignment": o,
-      "data-v-alignment": s,
-      className: e(d, "tcn-rail"),
-      ...k,
-      children: /* @__PURE__ */ l(
-        y,
+      height: k,
+      minWidth: a,
+      maxWidth: t,
+      minHeight: r,
+      maxHeight: c,
+      "data-h-alignment": s,
+      "data-v-alignment": o,
+      className: n(p, f.rail, "tcn-rail"),
+      ..._,
+      children: /* @__PURE__ */ i(
+        u,
         {
           as: "section",
-          minWidth: t,
-          maxWidth: a,
-          minHeight: c,
-          maxHeight: r,
-          hAlign: o,
-          vAlign: s,
-          ref: n,
-          className: e(u["rail-stack"], "tcn-rail-stack"),
+          minWidth: a,
+          maxWidth: t,
+          minHeight: r,
+          maxHeight: c,
+          hAlign: s,
+          vAlign: o,
+          ref: l,
+          className: n(f["rail-stack"], "tcn-rail-stack"),
           zIndex: 0,
-          children: i
+          children: e
         }
       )
     }
   );
 });
 export {
-  z as Rail
+  B as Rail
 };
 //# sourceMappingURL=rail.js.map

package/dist/layouts/rail/rail.js.map

@@ -1 +1 @@
-{"version":3,"file":"rail.js","sources":["../../../src/layouts/rail/rail.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { HStack } from '../../stacks/h_stack.js';\n\n// Styles\nimport styles from './rail.module.css';\n\nexport interface RailProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\n// WIP: This component is not fully implemented.\nexport const Rail = React.forwardRef<HTMLElement, RailProps>(function Rail(\n  {\n    children,\n    width,\n    height = '100%',\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign = 'start',\n    vAlign = 'start',\n    className,\n    ...props\n  }: RailProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      data-h-alignment={hAlign}\n      data-v-alignment={vAlign}\n      className={clsx(className, 'tcn-rail')}\n      {...props}\n    >\n      <HStack\n        as=\"section\"\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        className={clsx(styles['rail-stack'], 'tcn-rail-stack')}\n        zIndex={0}\n      >\n        {children}\n      </HStack>\n    </Box>\n  );\n});\n"],"names":["Rail","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","HStack","styles"],"mappings":";;;;;kGAeaA,IAAOC,EAAM,WAAmC,SAC3D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAW,UAAU;AAAA,MACpC,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAZ;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG,EAAKE,EAAO,YAAY,GAAG,gBAAgB;AAAA,UACtD,QAAQ;AAAA,UAEP,UAAAhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"rail.js","sources":["../../../src/layouts/rail/rail.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { HStack } from '../../stacks/h_stack.js';\n\n// Styles\nimport styles from './rail.module.css';\n\nexport interface RailProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\n// WIP: This component is not fully implemented.\nexport const Rail = React.forwardRef<HTMLElement, RailProps>(function Rail(\n  {\n    children,\n    width,\n    height = '100%',\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign = 'start',\n    vAlign = 'start',\n    className,\n    ...props\n  }: RailProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      data-h-alignment={hAlign}\n      data-v-alignment={vAlign}\n      className={clsx(className, styles['rail'], 'tcn-rail')}\n      {...props}\n    >\n      <HStack\n        as=\"section\"\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        className={clsx(styles['rail-stack'], 'tcn-rail-stack')}\n        zIndex={0}\n      >\n        {children}\n      </HStack>\n    </Box>\n  );\n});\n"],"names":["Rail","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","HStack"],"mappings":";;;;;wFAeaA,IAAOC,EAAM,WAAmC,SAC3D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAWM,EAAO,MAAS,UAAU;AAAA,MACpD,GAAGL;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG,EAAKC,EAAO,YAAY,GAAG,gBAAgB;AAAA,UACtD,QAAQ;AAAA,UAEP,UAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

package/dist/layouts/rail/side/side.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/side/side.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKtE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE7D,eAAO,MAAM,IAAI,+EAef,CAAC"}
+{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/side/side.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE7D,eAAO,MAAM,IAAI,+EAef,CAAC"}

package/dist/layouts/rail/side/side.js

@@ -7,9 +7,9 @@ import '../../../side.css';const a = "_side_499f5c3", n = { side: a }, x = c.for
     m,
     {
       ref: r,
+      width: s,
       className: f(n.side, "tcn-side", o),
       as: "section",
-      width: s,
       ...i,
       children: t
     }

package/dist/layouts/rail/side/side.js.map

@@ -1 +1 @@
-{"version":3,"file":"side.js","sources":["../../../../src/layouts/rail/side/side.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../../stacks/v_stack.js';\n\nimport styles from './side.module.css';\n\n// UtilityBar\nexport interface SideProps extends Omit<VStackProps, 'as'> {}\n\nexport const Side = React.forwardRef<HTMLElement, SideProps>(function UtilityStrip(\n  { children, className, width = 'auto', ...props }: SideProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      className={clsx(styles['side'], 'tcn-side', className)}\n      as=\"section\"\n      width={width}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Side","React","children","className","width","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4CASaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,QAAQ,GAAGC,EAAA,GAC1CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,MAAS,YAAYP,CAAS;AAAA,MACrD,IAAG;AAAA,MACH,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"side.js","sources":["../../../../src/layouts/rail/side/side.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../../stacks/v_stack.js';\n\nimport styles from './side.module.css';\n\nexport interface SideProps extends Omit<VStackProps, 'as'> {}\n\nexport const Side = React.forwardRef<HTMLElement, SideProps>(function UtilityStrip(\n  { children, className, width = 'auto', ...props }: SideProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      width={width}\n      className={clsx(styles['side'], 'tcn-side', className)}\n      as=\"section\"\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Side","React","children","className","width","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4CAQaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,QAAQ,GAAGC,EAAA,GAC1CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAF;AAAA,MACA,WAAWK,EAAKC,EAAO,MAAS,YAAYP,CAAS;AAAA,MACrD,IAAG;AAAA,MACF,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/rail/utility_strip/utility_strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility_strip.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/utility_strip/utility_strip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKtE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,YAAY,uFA0BxB,CAAC"}
+{"version":3,"file":"utility_strip.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/utility_strip/utility_strip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,YAAY,uFA8BxB,CAAC"}

package/dist/layouts/rail/utility_strip/utility_strip.js

@@ -1,32 +1,36 @@
-import { jsx as p } from "react/jsx-runtime";
-import c from "react";
-import { clsx as l } from "clsx";
-import { VStack as m } from "../../../stacks/v_stack.js";
-import '../../../utility_strip.css';const y = "_utility-strip_23b31df", f = { "utility-strip": y }, h = c.forwardRef(
+import { jsx as l } from "react/jsx-runtime";
+import m from "react";
+import { clsx as y } from "clsx";
+import { VStack as f } from "../../../stacks/v_stack.js";
+import '../../../utility_strip.css';const n = "_utility-strip_23b31df", u = { "utility-strip": n }, R = m.forwardRef(
   function({
     children: t,
     className: i,
     width: r = "auto",
-    hierarchy: o = "secondary",
-    size: s = "md",
-    ...a
-  }, e) {
-    return /* @__PURE__ */ p(
-      m,
+    hierarchy: s = "secondary",
+    vAlign: a = "start",
+    hAlign: o = "center",
+    size: e = "md",
+    ...c
+  }, p) {
+    return /* @__PURE__ */ l(
+      f,
       {
-        ref: e,
+        ref: p,
         as: "header",
-        className: l(f["utility-strip"], "tcn-utility-strip", i),
-        "data-hierarchy": o,
-        "data-size": s,
+        vAlign: a,
+        hAlign: o,
+        className: y(u["utility-strip"], "tcn-utility-strip", i),
+        "data-hierarchy": s,
+        "data-size": e,
         width: r,
-        ...a,
+        ...c,
         children: t
       }
     );
   }
 );
 export {
-  h as UtilityStrip
+  R as UtilityStrip
 };
 //# sourceMappingURL=utility_strip.js.map

package/dist/layouts/rail/utility_strip/utility_strip.js.map

@@ -1 +1 @@
-{"version":3,"file":"utility_strip.js","sources":["../../../../src/layouts/rail/utility_strip/utility_strip.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport type { Hierarchy, Size } from '../../../utils/index.js';\nimport { VStack, type VStackProps } from '../../../stacks/v_stack.js';\n\nimport styles from './utility_strip.module.css';\n\n// UtilityBar\nexport interface UtilityStripProps extends Omit<VStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const UtilityStrip = React.forwardRef<HTMLElement, UtilityStripProps>(\n  function UtilityStrip(\n    {\n      children,\n      className,\n      width = 'auto',\n      hierarchy = 'secondary',\n      size = 'md',\n      ...props\n    }: UtilityStripProps,\n    ref\n  ) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"header\"\n        className={clsx(styles['utility-strip'], 'tcn-utility-strip', className)}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        width={width}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["UtilityStrip","React","children","className","width","hierarchy","size","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;gEAaaA,IAAeC,EAAM;AAAA,EAChC,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,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,EAAKC,EAAO,eAAe,GAAG,qBAAqBT,CAAS;AAAA,QACvE,kBAAgBE;AAAA,QAChB,aAAWC;AAAA,QACX,OAAAF;AAAA,QACC,GAAGG;AAAA,QAEH,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"utility_strip.js","sources":["../../../../src/layouts/rail/utility_strip/utility_strip.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport type { Hierarchy, Size } from '../../../utils/index.js';\nimport { VStack, type VStackProps } from '../../../stacks/v_stack.js';\n\nimport styles from './utility_strip.module.css';\n\nexport interface UtilityStripProps extends Omit<VStackProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const UtilityStrip = React.forwardRef<HTMLElement, UtilityStripProps>(\n  function UtilityStrip(\n    {\n      children,\n      className,\n      width = 'auto',\n      hierarchy = 'secondary',\n      vAlign = 'start',\n      hAlign = 'center',\n      size = 'md',\n      ...props\n    }: UtilityStripProps,\n    ref\n  ) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"header\"\n        vAlign={vAlign}\n        hAlign={hAlign}\n        className={clsx(styles['utility-strip'], 'tcn-utility-strip', className)}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        width={width}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["UtilityStrip","React","children","className","width","hierarchy","vAlign","hAlign","size","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;gEAYaA,IAAeC,EAAM;AAAA,EAChC,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,QAAAC,IAAS;AAAA,IACT,QAAAC,IAAS;AAAA,IACT,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,QAAAJ;AAAA,QACA,QAAAC;AAAA,QACA,WAAWM,EAAKC,EAAO,eAAe,GAAG,qBAAqBX,CAAS;AAAA,QACvE,kBAAgBE;AAAA,QAChB,aAAWG;AAAA,QACX,OAAAJ;AAAA,QACC,GAAGK;AAAA,QAEH,UAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/layouts/scaffold/scaffold.js

@@ -1,55 +1,55 @@
 import { jsx as r } from "react/jsx-runtime";
-import _ from "react";
-import { clsx as l } from "clsx";
-import { Box as i } from "../../stacks/box/box.js";
-import { VStack as S } from "../../stacks/v_stack.js";
-import '../../scaffold.css';const u = "_scaffold-stack_8f97a6a", x = "_tcn-main_8a04212", N = { "scaffold-stack": u, "tcn-main": x }, I = _.forwardRef(function({
-  children: d,
+import S from "react";
+import { clsx as d } from "clsx";
+import { Box as u } from "../../stacks/box/box.js";
+import { VStack as x } from "../../stacks/v_stack.js";
+import '../../scaffold.css';const b = "_scaffold_b13e64b", i = "_scaffold-stack_8f97a6a", n = { scaffold: b, "scaffold-stack": i }, B = S.forwardRef(function({
+  children: e,
   width: m,
-  height: e = "100%",
+  height: k = "100%",
   minWidth: a,
-  maxWidth: c,
-  minHeight: t,
+  maxWidth: f,
+  minHeight: c,
   maxHeight: o,
-  hAlign: f,
-  vAlign: s = "start",
-  className: k,
-  ...p
-}, n) {
+  hAlign: s,
+  vAlign: t = "start",
+  className: p,
+  ..._
+}, l) {
   return /* @__PURE__ */ r(
-    i,
+    u,
     {
-      ref: n,
+      ref: l,
       width: m,
-      height: e,
+      height: k,
       minWidth: a,
-      maxWidth: c,
-      minHeight: t,
+      maxWidth: f,
+      minHeight: c,
       maxHeight: o,
-      "data-h-alignment": f,
-      "data-v-alignment": s,
-      className: l(k, "tcn-scaffold"),
-      ...p,
+      "data-h-alignment": s,
+      "data-v-alignment": t,
+      className: d(p, n.scaffold, "tcn-scaffold"),
+      ..._,
       children: /* @__PURE__ */ r(
-        S,
+        x,
         {
           as: "section",
           minWidth: a,
-          maxWidth: c,
-          minHeight: t,
+          maxWidth: f,
+          minHeight: c,
           maxHeight: o,
-          hAlign: f,
-          vAlign: s,
-          ref: n,
-          className: l(N["scaffold-stack"], "tcn-scaffold-stack"),
+          hAlign: s,
+          vAlign: t,
+          ref: l,
+          className: d(n["scaffold-stack"], "tcn-scaffold-stack"),
           zIndex: 0,
-          children: d
+          children: e
         }
       )
     }
   );
 });
 export {
-  I as Scaffold
+  B as Scaffold
 };
 //# sourceMappingURL=scaffold.js.map

package/dist/layouts/scaffold/scaffold.js.map

@@ -1 +1 @@
-{"version":3,"file":"scaffold.js","sources":["../../../src/layouts/scaffold/scaffold.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n// Styles\nimport styles from './scaffold.module.css';\n\nexport interface ScaffoldProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const Scaffold = React.forwardRef<HTMLElement, ScaffoldProps>(function Scaffold(\n  {\n    children,\n    width,\n    height = '100%',\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: ScaffoldProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      data-h-alignment={hAlign}\n      data-v-alignment={vAlign}\n      className={clsx(className, 'tcn-scaffold')}\n      {...props}\n    >\n      <VStack\n        as=\"section\"\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        className={clsx(styles['scaffold-stack'], 'tcn-scaffold-stack')}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["Scaffold","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","VStack","styles"],"mappings":";;;;;0GAaaA,IAAWC,EAAM,WAAuC,SACnE;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAW,cAAc;AAAA,MACxC,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAZ;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG,EAAKE,EAAO,gBAAgB,GAAG,oBAAoB;AAAA,UAC9D,QAAQ;AAAA,UAEP,UAAAhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"scaffold.js","sources":["../../../src/layouts/scaffold/scaffold.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n// Styles\nimport styles from './scaffold.module.css';\n\nexport interface ScaffoldProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const Scaffold = React.forwardRef<HTMLElement, ScaffoldProps>(function Scaffold(\n  {\n    children,\n    width,\n    height = '100%',\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: ScaffoldProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      data-h-alignment={hAlign}\n      data-v-alignment={vAlign}\n      className={clsx(className, styles['scaffold'], 'tcn-scaffold')}\n      {...props}\n    >\n      <VStack\n        as=\"section\"\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        className={clsx(styles['scaffold-stack'], 'tcn-scaffold-stack')}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["Scaffold","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","VStack"],"mappings":";;;;;wGAaaA,IAAWC,EAAM,WAAuC,SACnE;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAWM,EAAO,UAAa,cAAc;AAAA,MAC5D,GAAGL;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG,EAAKC,EAAO,gBAAgB,GAAG,oBAAoB;AAAA,UAC9D,QAAQ;AAAA,UAEP,UAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -1,7 +1,7 @@
 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'> {
+import { BarProps } from '../bar/bar.js';
+export interface UtilityBarProps extends Omit<BarProps, 'as'> {
     hierarchy?: Hierarchy;
     size?: Size;
 }

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,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,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,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,UAAU,qFAwBtB,CAAC"}

package/dist/layouts/utility_bar/utility_bar.js

@@ -1,32 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import l from "react";
-import { clsx as m } from "clsx";
-import { HStack as y } from "../../stacks/h_stack.js";
-import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-bar": u }, h = l.forwardRef(
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
+import { clsx as f } from "clsx";
+import { Bar as s } from "../bar/bar.js";
+const u = c.forwardRef(
   function({
-    hierarchy: t = "secondary",
-    height: r = "auto",
+    hierarchy: r = "secondary",
+    size: t = "md",
     children: a,
     className: i,
-    size: o = "md",
-    ...e
-  }, s) {
-    return /* @__PURE__ */ c(
-      y,
+    ...o
+  }, e) {
+    return /* @__PURE__ */ m(
+      s,
       {
-        ref: s,
+        ref: e,
         as: "header",
-        className: m(f["utility-bar"], i, "tcn-utility-bar"),
-        "data-hierarchy": t,
-        "data-size": o,
-        height: r,
-        ...e,
+        className: f(i, "tcn-utility-bar"),
+        "data-hierarchy": r,
+        "data-size": t,
+        ...o,
         children: a
       }
     );
   }
 );
 export {
-  h as UtilityBar
+  u 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 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(styles['utility-bar'], className, 'tcn-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","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,EAAKC,EAAO,aAAa,GAAGP,GAAW,iBAAiB;AAAA,QACnE,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 type { Hierarchy, Size } from '../../utils/index.js';\nimport { Bar, type BarProps } from '../bar/bar.js';\n\n// UtilityBar\nexport interface UtilityBarProps extends Omit<BarProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const UtilityBar = React.forwardRef<HTMLElement, UtilityBarProps>(\n  function UtilityBar(\n    {\n      hierarchy = 'secondary',\n      size = 'md',\n      children,\n      className,\n      ...props\n    }: UtilityBarProps,\n    ref\n  ) {\n    return (\n      <Bar\n        ref={ref}\n        as=\"header\"\n        className={clsx(className, 'tcn-utility-bar')}\n        data-hierarchy={hierarchy}\n        data-size={size}\n        {...props}\n      >\n        {children}\n      </Bar>\n    );\n  }\n);\n"],"names":["UtilityBar","React","hierarchy","size","children","className","props","ref","jsx","Bar","clsx"],"mappings":";;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKL,GAAW,iBAAiB;AAAA,QAC5C,kBAAgBH;AAAA,QAChB,aAAWC;AAAA,QACV,GAAGG;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/overlay/frame/frame.d.ts

@@ -1,11 +1,15 @@
 import { default as React } from 'react';
-import { ZStackProps } from '../../stacks/index.js';
+import { BoxProps } from '../../stacks/index.js';
 export interface FrameOwnProps {
     isOpen?: boolean;
-    children?: React.ReactNode;
     draggable?: boolean;
     veil?: boolean;
+    resizable?: boolean;
 }
-export type FrameProps = ZStackProps & FrameOwnProps;
-export declare const Frame: React.ForwardRefExoticComponent<ZStackProps<HTMLElement> & FrameOwnProps & React.RefAttributes<HTMLDialogElement>>;
+export type FrameProps = Omit<BoxProps, 'enableResizeOnLeft' | 'enableResizeOnRight' | 'enableResizeOnTop' | 'enableResizeOnBottom'> & FrameOwnProps;
+export declare const Frame: React.ForwardRefExoticComponent<Omit<BoxProps<HTMLElement>, "enableResizeOnTop" | "enableResizeOnBottom" | "enableResizeOnLeft" | "enableResizeOnRight"> & FrameOwnProps & React.RefAttributes<HTMLElement>>;
+interface FrameDialogProps extends BoxProps {
+}
+export declare const FrameDialog: React.ForwardRefExoticComponent<FrameDialogProps & React.RefAttributes<HTMLElement>>;
+export {};
 //# sourceMappingURL=frame.d.ts.map

package/dist/overlay/frame/frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../src/overlay/frame/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQjE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,aAAa,CAAC;AAErD,eAAO,MAAM,KAAK,oHA+BhB,CAAC"}
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../src/overlay/frame/frame.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOnE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,QAAQ,EACN,oBAAoB,GACpB,qBAAqB,GACrB,mBAAmB,GACnB,sBAAsB,CACzB,GACC,aAAa,CAAC;AAEhB,eAAO,MAAM,KAAK,8MAiChB,CAAC;AACH,UAAU,gBAAiB,SAAQ,QAAQ;CAAG;AAE9C,eAAO,MAAM,WAAW,sFA+FvB,CAAC"}