@tcn/ui 0.9.0 → 0.10.0

package/dist/bar.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._bar_8fa8c58){width:100%;height:auto;min-height:0}}

package/dist/body.css

@@ -1 +1 @@
-@layer tcn-system{._body_42a1eac{min-height:0;flex-grow:1;width:100%;height:100%}:where(._tcn-main_5114d87){height:auto}}
+@layer tcn-system{._body_42a1eac{min-height:0;min-width:0;flex-grow:1;flex-shrink:unset}._h-body_cda9f1f{overflow-x:auto}._v-body_a12af62{overflow-y:auto}}

package/dist/body.module-BbFZ7KNP.js

@@ -0,0 +1,5 @@
+import './body.css';const o = "_body_42a1eac", d = "_h-body_cda9f1f", y = "_v-body_a12af62", s = { body: o, "h-body": d, "v-body": y };
+export {
+  s
+};
+//# sourceMappingURL=body.module-BbFZ7KNP.js.map

package/dist/body.module-BbFZ7KNP.js.map

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

package/dist/divider.css

@@ -1 +1 @@
-@layer tcn-system{:where(._divider_af0a0c6){display:flex;align-items:center;justify-content:center}:where(._divider-line_cae0189){background:var(--material-line, #aaa);border-radius:calc(4px * var(--scalar, 1))}:where(._divider-line_cae0189[data-emphasis=strong]){background:color-mix(in srgb,#aaa,black 20%)}:where(._divider-line_cae0189[data-emphasis=normal]){background:#aaa}:where(._divider-line_cae0189[data-emphasis=light]){background:color-mix(in srgb,#aaa,white 20%)}:where(._divider_af0a0c6[data-orientation=horizontal]){width:100%;height:auto}:where(._divider-line_cae0189[data-orientation=horizontal]){width:var(--divider-width, 100%);height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=sm]){height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=md]){height:calc(var(--divider-height, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=lg]){height:calc(var(--divider-height, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=full]){width:var(--divider-width, 100%)}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=sm]){width:calc(var(--divider-width, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=md]){width:calc(var(--divider-width, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=lg]){width:calc(var(--divider-width, 24px) * var(--scalar, 1))}:where(._divider_af0a0c6[data-orientation=vertical]){height:100%;width:auto}:where(._divider-line_cae0189[data-orientation=vertical]){width:calc(var(--divider-width, 1px) * var(--scalar, 1));height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=sm]){min-width:calc(var(--divider-width, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=md]){min-width:calc(var(--divider-width, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=lg]){min-width:calc(var(--divider-width, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=full]){height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-length=sm]){height:calc(var(--divider-height, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=md]){height:calc(var(--divider-height, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=lg]){height:calc(var(--divider-height, 24px) * var(--scalar, 1))}}
+@layer tcn-system{:where(._divider_af0a0c6){display:flex;align-items:center;justify-content:center}:where(._divider-line_cae0189){background:var(--material-line, #aaa);border-radius:calc(4px * var(--scalar, 1))}:where(._divider-line_cae0189[data-emphasis=strong]){background:color-mix(in srgb,#aaa,black 20%)}:where(._divider-line_cae0189[data-emphasis=normal]){background:#aaa}:where(._divider-line_cae0189[data-emphasis=faint]){background:color-mix(in srgb,#aaa,white 20%)}:where(._divider_af0a0c6[data-orientation=horizontal]){width:100%;height:auto}:where(._divider-line_cae0189[data-orientation=horizontal]){width:var(--divider-width, 100%);height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=sm]){height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=md]){height:calc(var(--divider-height, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=lg]){height:calc(var(--divider-height, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=full]){width:var(--divider-width, 100%)}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=sm]){width:calc(var(--divider-width, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=md]){width:calc(var(--divider-width, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=lg]){width:calc(var(--divider-width, 24px) * var(--scalar, 1))}:where(._divider_af0a0c6[data-orientation=vertical]){height:100%;width:auto}:where(._divider-line_cae0189[data-orientation=vertical]){width:calc(var(--divider-width, 1px) * var(--scalar, 1));height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=sm]){min-width:calc(var(--divider-width, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=md]){min-width:calc(var(--divider-width, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=lg]){min-width:calc(var(--divider-width, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=full]){height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-length=sm]){height:calc(var(--divider-height, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=md]){height:calc(var(--divider-height, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=lg]){height:calc(var(--divider-height, 24px) * var(--scalar, 1))}}

package/dist/footer.css

@@ -1 +1 @@
-@layer tcn-system{:where(._footer_4a43c3e){width:100%;min-height:0;padding:var(--padding) var(--padding-large);gap:var(--gap)}:where(._footer_4a43c3e[data-kind=app]){position:relative}:where(._footer_4a43c3e[data-kind=nav]){position:relative}:where(._footer_4a43c3e[data-kind=toolbar]){position:relative}:where(._footer_4a43c3e[data-kind=window]){position:relative}:where(._footer_4a43c3e[data-kind=status]){position:relative}}
+@layer tcn-system{:where(._footer_4a43c3e){min-height:0}:where(._footer_4a43c3e[data-kind=app]){position:relative}:where(._footer_4a43c3e[data-kind=nav]){position:relative}:where(._footer_4a43c3e[data-kind=toolbar]){position:relative}:where(._footer_4a43c3e[data-kind=window]){position:relative}:where(._footer_4a43c3e[data-kind=status]){position:relative}}

package/dist/layouts/bar/bar.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
+export type BarProps = HStackProps;
+export declare const Bar: React.ForwardRefExoticComponent<BarProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../src/layouts/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;AAEnC,eAAO,MAAM,GAAG,8EAcd,CAAC"}

package/dist/layouts/bar/bar.js

@@ -0,0 +1,20 @@
+import { jsx as c } from "react/jsx-runtime";
+import s from "react";
+import { clsx as e } from "clsx";
+import { HStack as f } from "../../stacks/h_stack.js";
+import '../../bar.css';const m = "_bar_8fa8c58", n = { bar: m }, d = s.forwardRef(function({ children: r, className: a, ...t }, o) {
+  return /* @__PURE__ */ c(
+    f,
+    {
+      ref: o,
+      as: "header",
+      className: e(a, n.bar, "tcn-bar"),
+      ...t,
+      children: r
+    }
+  );
+});
+export {
+  d as Bar
+};
+//# sourceMappingURL=bar.js.map

package/dist/layouts/bar/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.js","sources":["../../../src/layouts/bar/bar.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nimport styles from './bar.module.css';\n\nexport type BarProps = HStackProps;\n\nexport const Bar = React.forwardRef<HTMLElement, BarProps>(function Bar(\n  { children, className, ...props }: BarProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"header\"\n      className={clsx(className, styles['bar'], 'tcn-bar')}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Bar","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;0CAQaA,IAAMC,EAAM,WAAkC,SACzD,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,KAAQ,SAAS;AAAA,MAClD,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/body/body.d.ts

@@ -1,6 +1,6 @@
-import { VStackProps } from '../../stacks/v_stack.js';
 import { default as React } from 'react';
-export interface BodyProps extends Omit<VStackProps, 'as'> {
+import { BoxProps } from '../../stacks/box/box.js';
+export interface BodyProps extends Omit<BoxProps, 'as'> {
 }
 export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=body.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE7D,eAAO,MAAM,IAAI,+EAef,CAAC"}
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;CAAG;AAI1D,eAAO,MAAM,IAAI,+EAcf,CAAC"}

package/dist/layouts/body/body.js

@@ -1,21 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { VStack as m } from "../../stacks/v_stack.js";
-import s from "react";
-import { clsx as d } from "clsx";
-import '../../body.css';const i = "_body_42a1eac", e = "_tcn-main_5114d87", f = { body: i, "tcn-main": e }, u = s.forwardRef(function({ children: o, className: t, overflowY: c = "auto", ...n }, a) {
-  return /* @__PURE__ */ r(
-    m,
+import { jsx as s } from "react/jsx-runtime";
+import f from "react";
+import { clsx as a } from "clsx";
+import { s as d } from "../../body.module-BbFZ7KNP.js";
+import { Box as e } from "../../stacks/box/box.js";
+const x = f.forwardRef(function({ children: o, className: r, ...t }, m) {
+  return /* @__PURE__ */ s(
+    e,
     {
-      ref: a,
+      ref: m,
       as: "div",
-      overflowY: c,
-      className: d(f.body, t, "tcn-body"),
-      ...n,
+      className: a(d.body, r, "tcn-body"),
+      ...t,
       children: o
     }
   );
 });
 export {
-  u as Body
+  x as Body
 };
 //# sourceMappingURL=body.js.map

package/dist/layouts/body/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sources":["../../../src/layouts/body/body.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\n\nexport interface BodyProps extends Omit<VStackProps, 'as'> {}\n\nexport const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(\n  { children, className, overflowY = 'auto', ...props }: BodyProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      overflowY={overflowY}\n      className={clsx(styles['body'], className, 'tcn-body')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Body","React","children","className","overflowY","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;oFAOaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,QAAQ,GAAGC,EAAA,GAC9CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAAF;AAAA,MACA,WAAWK,EAAKC,EAAO,MAASP,GAAW,UAAU;AAAA,MACpD,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"body.js","sources":["../../../src/layouts/body/body.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface BodyProps extends Omit<BoxProps, 'as'> {}\n\n// Under construction: although this component behaves correctly, a content/child component that manages scrolling is needed.\n// For now HBody and VBody are recommended.\nexport const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(\n  { children, className, ...props }: BodyProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      as=\"div\"\n      className={clsx(styles['body'], className, 'tcn-body')}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Body","React","children","className","props","ref","jsx","Box","clsx","styles"],"mappings":";;;;;AASO,MAAMA,IAAOC,EAAM,WAAmC,SAC3D,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,EAAKC,EAAO,MAASN,GAAW,UAAU;AAAA,MACpD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/body/h_body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h_body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/h_body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAehB,CAAC"}
+{"version":3,"file":"h_body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/h_body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAoBhB,CAAC"}

package/dist/layouts/body/h_body.js

@@ -1,17 +1,23 @@
-import { jsx as f } from "react/jsx-runtime";
-import { HStack as s } from "../../stacks/h_stack.js";
-import m from "react";
-import { clsx as y } from "clsx";
-import '../../h_body.css';const a = "_h-body_d56f4f1", n = { "h-body": a }, l = m.forwardRef(function({ children: o, className: t, overflowX: r = "auto", ...d }, c) {
-  return /* @__PURE__ */ f(
-    s,
+import { jsx as d } from "react/jsx-runtime";
+import { HStack as f } from "../../stacks/h_stack.js";
+import a from "react";
+import { clsx as c } from "clsx";
+import { s as o } from "../../body.module-BbFZ7KNP.js";
+const l = a.forwardRef(function({ children: r, className: t, ...m }, s) {
+  return /* @__PURE__ */ d(
+    f,
     {
-      ref: c,
+      ref: s,
       as: "div",
-      overflowX: r,
-      className: y(n["h-body"], t, "tcn-h-body", "tcn-body"),
-      ...d,
-      children: o
+      className: c(
+        o.body,
+        o["h-body"],
+        t,
+        "tcn-h-body",
+        "tcn-body"
+      ),
+      ...m,
+      children: r
     }
   );
 });

package/dist/layouts/body/h_body.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_body.js","sources":["../../../src/layouts/body/h_body.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './h_body.module.css';\n\nexport interface HBodyProps extends Omit<HStackProps, 'as'> {}\n\nexport const HBody = React.forwardRef<HTMLElement, HBodyProps>(function HBody(\n  { children, className, overflowX = 'auto', ...props }: HBodyProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      overflowX={overflowX}\n      className={clsx(styles['h-body'], className, 'tcn-h-body', 'tcn-body')}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HBody","React","children","className","overflowX","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;kDAOaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,QAAQ,GAAGC,EAAA,GAC9CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAAF;AAAA,MACA,WAAWK,EAAKC,EAAO,QAAQ,GAAGP,GAAW,cAAc,UAAU;AAAA,MACpE,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"h_body.js","sources":["../../../src/layouts/body/h_body.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\n\nexport interface HBodyProps extends Omit<HStackProps, 'as'> {}\n\nexport const HBody = React.forwardRef<HTMLElement, HBodyProps>(function HBody(\n  { children, className, ...props }: HBodyProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      className={clsx(\n        styles['body'],\n        styles['h-body'],\n        className,\n        'tcn-h-body',\n        'tcn-body'\n      )}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HBody","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,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;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,QAAQ;AAAA,QACfN;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/body/v_body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v_body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/v_body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAehB,CAAC"}
+{"version":3,"file":"v_body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/v_body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAoBhB,CAAC"}

package/dist/layouts/body/v_body.js

@@ -1,17 +1,23 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { VStack as f } from "../../stacks/v_stack.js";
-import m from "react";
-import { clsx as y } from "clsx";
-import '../../v_body.css';const a = "_v-body_d8f1917", n = { "v-body": a }, l = m.forwardRef(function({ children: o, className: t, overflowY: r = "auto", ...d }, c) {
-  return /* @__PURE__ */ s(
+import a from "react";
+import { clsx as c } from "clsx";
+import { s as o } from "../../body.module-BbFZ7KNP.js";
+const l = a.forwardRef(function({ children: r, className: t, ...m }, s) {
+  return /* @__PURE__ */ d(
     f,
     {
-      ref: c,
+      ref: s,
       as: "div",
-      overflowY: r,
-      className: y(n["v-body"], t, "tcn-body", "tcn-v-body"),
-      ...d,
-      children: o
+      className: c(
+        o.body,
+        o["v-body"],
+        t,
+        "tcn-body",
+        "tcn-v-body"
+      ),
+      ...m,
+      children: r
     }
   );
 });

package/dist/layouts/body/v_body.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_body.js","sources":["../../../src/layouts/body/v_body.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './v_body.module.css';\n\nexport interface VBodyProps extends Omit<VStackProps, 'as'> {}\n\nexport const VBody = React.forwardRef<HTMLElement, VBodyProps>(function VBody(\n  { children, className, overflowY = 'auto', ...props }: VBodyProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      overflowY={overflowY}\n      className={clsx(styles['v-body'], className, 'tcn-body', 'tcn-v-body')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VBody","React","children","className","overflowY","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;kDAOaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,QAAQ,GAAGC,EAAA,GAC9CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAAF;AAAA,MACA,WAAWK,EAAKC,EAAO,QAAQ,GAAGP,GAAW,YAAY,YAAY;AAAA,MACpE,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"v_body.js","sources":["../../../src/layouts/body/v_body.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\n\nexport interface VBodyProps extends Omit<VStackProps, 'as'> {}\n\nexport const VBody = React.forwardRef<HTMLElement, VBodyProps>(function VBody(\n  { children, className, ...props }: VBodyProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      className={clsx(\n        styles['body'],\n        styles['v-body'],\n        className,\n        'tcn-body',\n        'tcn-v-body'\n      )}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VBody","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,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;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,QAAQ;AAAA,QACfN;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/footer/footer.d.ts

@@ -1,10 +1,9 @@
 import { default as React } from 'react';
-import { HStackProps } from '../../stacks/h_stack.js';
 import { Hierarchy, Size } from '../../utils/index.js';
-export interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {
+import { BarProps } from '../bar/bar.js';
+export interface FooterProps extends Omit<BarProps, 'as'> {
     hierarchy?: Hierarchy;
     size?: Size;
-    children?: React.ReactNode;
 }
 export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=footer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/layouts/footer/footer.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;AAG5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/layouts/footer/footer.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,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}

package/dist/layouts/footer/footer.js

@@ -1,18 +1,18 @@
-import { jsx as c } from "react/jsx-runtime";
-import s from "react";
+import { jsx as s } from "react/jsx-runtime";
+import c from "react";
 import { clsx as m } from "clsx";
-import { HStack as n } from "../../stacks/h_stack.js";
-import '../../footer.css';const i = "_footer_4a43c3e", d = { footer: i }, y = s.forwardRef(function({ hierarchy: o = "secondary", size: t = "md", children: r, className: e, ...a }, f) {
-  return /* @__PURE__ */ c(
+import { Bar as n } from "../bar/bar.js";
+import '../../footer.css';const i = "_footer_4a43c3e", d = { footer: i }, y = c.forwardRef(function({ hierarchy: o = "secondary", size: r = "md", children: t, className: e, ...a }, f) {
+  return /* @__PURE__ */ s(
     n,
     {
       ref: f,
       as: "footer",
       className: m(d.footer, e, "tcn-footer"),
       "data-hierarchy": o,
-      "data-size": t,
+      "data-size": r,
       ...a,
-      children: r
+      children: t
     }
   );
 });

package/dist/layouts/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../src/layouts/footer/footer.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 './footer.module.css';\n\nexport interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children?: React.ReactNode;\n}\n\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(function Footer(\n  { hierarchy = 'secondary', size = 'md', children, className, ...props }: FooterProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"footer\"\n      className={clsx(styles.footer, className, 'tcn-footer')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Footer","React","hierarchy","size","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;gDAYaA,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,EAAKC,EAAO,QAAQN,GAAW,YAAY;AAAA,MACtD,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"footer.js","sources":["../../../src/layouts/footer/footer.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\nimport styles from './footer.module.css';\nexport interface FooterProps extends Omit<BarProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n}\n\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(function Footer(\n  { hierarchy = 'secondary', size = 'md', children, className, ...props }: FooterProps,\n  ref\n) {\n  return (\n    <Bar\n      ref={ref}\n      as=\"footer\"\n      className={clsx(styles.footer, className, 'tcn-footer')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </Bar>\n  );\n});\n"],"names":["Footer","React","hierarchy","size","children","className","props","ref","jsx","Bar","clsx","styles"],"mappings":";;;;gDAWaA,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,EAAKC,EAAO,QAAQN,GAAW,YAAY;AAAA,MACtD,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/header/header.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 HeaderProps extends Omit<HStackProps, 'as'> {
+import { BarProps } from '../bar/bar.js';
+export interface HeaderProps extends Omit<BarProps, 'as'> {
     hierarchy?: Hierarchy;
     size?: Size;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/layouts/header/header.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;AAG5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAwBjB,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/layouts/header/header.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;AAEnD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}

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
     }