@tcn/ui 0.8.0 → 0.8.1

package/dist/layouts/index.js

@@ -1,35 +1,51 @@
 import { Column as e } from "./column/column.js";
 import { Divider as f } from "./divider/divider.js";
 import { Grid as p } from "./grid/grid.js";
-import { Item as d } from "./list/item.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 y } 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 H } from "./scaffold/scaffold.js";
-import { HBody as c } from "./body/h_body.js";
-import { VBody as s } from "./body/v_body.js";
-import { Footer as v } from "./footer/footer.js";
-import { Header as C } from "./header/header.js";
-import { UtilityBar as E } from "./utility_bar/utility_bar.js";
-import { Row as G } from "./row/row.js";
-import { Section as L } from "./section/section.js";
-import { Heading as U } from "./section/heading.js";
+import { HBody as b } from "./body/h_body.js";
+import { VBody as c } from "./body/v_body.js";
+import { Footer as F } from "./footer/footer.js";
+import { Header as g } from "./header/header.js";
+import { UtilityBar as u } from "./utility_bar/utility_bar.js";
+import { Row as w } from "./row/row.js";
+import { Section as E } from "./section/section.js";
+import { Heading as I } from "./section/heading.js";
+import { TBody as M, TD as V, TFoot as h, TH as j, THead as k, TR as q, TTable as z } from "./table/table.js";
+import { Rail as J } from "./rail/rail.js";
+import { Main as N } from "./rail/main/main.js";
+import { Side as P } from "./rail/side/side.js";
+import { UtilityStrip as W } from "./rail/utility_strip/utility_strip.js";
 export {
   e as Column,
   f as Divider,
-  v as Footer,
+  F as Footer,
   p as Grid,
-  c as HBody,
-  C as Header,
-  U as Heading,
-  d as Item,
+  b as HBody,
+  g as Header,
+  I as Heading,
+  i as Item,
   a as List,
-  G as Row,
+  N as Main,
+  J as Rail,
+  w as Row,
   H as Scaffold,
-  L as Section,
-  n as SidebarEnd,
-  y as SidebarStart,
-  E as UtilityBar,
-  s as VBody
+  E as Section,
+  P as Side,
+  S as SidebarEnd,
+  n as SidebarStart,
+  M as TBody,
+  V as TD,
+  h as TFoot,
+  j as TH,
+  k as THead,
+  q as TR,
+  z as TTable,
+  u as UtilityBar,
+  W as UtilityStrip,
+  c 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/main/main.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { HStackProps } from '../../../stacks/h_stack.js';
+export interface MainProps extends Omit<HStackProps, 'as'> {
+}
+export declare const Main: React.ForwardRefExoticComponent<MainProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=main.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/main/main.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;AAG7D,eAAO,MAAM,IAAI,+EAef,CAAC"}

package/dist/layouts/rail/main/main.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "react";
+import { clsx as c } from "clsx";
+import { HStack as s } from "../../../stacks/h_stack.js";
+import '../../../main.css';const e = "_main_bc17de6", f = { main: e }, x = i.forwardRef(function({ children: t, className: o, overflowX: a = "auto", ...m }, n) {
+  return /* @__PURE__ */ r(
+    s,
+    {
+      ref: n,
+      as: "div",
+      overflowX: a,
+      className: c(f.main, o, "tcn-main"),
+      ...m,
+      children: t
+    }
+  );
+});
+export {
+  x as Main
+};
+//# sourceMappingURL=main.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../../../../src/layouts/rail/main/main.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../../stacks/h_stack.js';\n\n// Styles\nimport styles from './main.module.css';\n\nexport interface MainProps extends Omit<HStackProps, 'as'> {}\n\n// WIP: This component is not fully implemented.\nexport const Main = React.forwardRef<HTMLElement, MainProps>(function Main(\n  { children, className, overflowX = 'auto', ...props }: MainProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      overflowX={overflowX}\n      className={clsx(styles['main'], className, 'tcn-main')}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Main","React","children","className","overflowX","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;4CAUaA,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;"}

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { BoxProps } from '../../stacks/box/box.js';
+import { Alignment } from '../../stacks/types/alignment.js';
+export interface RailProps extends Omit<BoxProps, 'as'> {
+    vAlign?: Alignment;
+    hAlign?: Alignment;
+}
+export declare const Rail: React.ForwardRefExoticComponent<RailProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=rail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rail.d.ts","sourceRoot":"","sources":["../../../src/layouts/rail/rail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAGD,eAAO,MAAM,IAAI,+EA8Cf,CAAC"}

package/dist/layouts/rail/rail.js

@@ -0,0 +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,
+  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(
+    _,
+    {
+      ref: n,
+      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,
+        {
+          as: "section",
+          minWidth: t,
+          maxWidth: a,
+          minHeight: c,
+          maxHeight: r,
+          hAlign: o,
+          vAlign: s,
+          ref: n,
+          className: e(u["rail-stack"], "tcn-rail-stack"),
+          zIndex: 0,
+          children: i
+        }
+      )
+    }
+  );
+});
+export {
+  z as Rail
+};
+//# sourceMappingURL=rail.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import c from "react";
+import { clsx as f } from "clsx";
+import { VStack as m } from "../../../stacks/v_stack.js";
+import '../../../side.css';const a = "_side_499f5c3", n = { side: a }, x = c.forwardRef(function({ children: t, className: o, width: s = "auto", ...i }, r) {
+  return /* @__PURE__ */ e(
+    m,
+    {
+      ref: r,
+      className: f(n.side, "tcn-side", o),
+      as: "section",
+      width: s,
+      ...i,
+      children: t
+    }
+  );
+});
+export {
+  x as Side
+};
+//# sourceMappingURL=side.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Hierarchy, Size } from '../../../utils/index.js';
+import { VStackProps } from '../../../stacks/v_stack.js';
+export interface UtilityStripProps extends Omit<VStackProps, 'as'> {
+    hierarchy?: Hierarchy;
+    size?: Size;
+}
+export declare const UtilityStrip: React.ForwardRefExoticComponent<UtilityStripProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=utility_strip.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+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(
+  function({
+    children: t,
+    className: i,
+    width: r = "auto",
+    hierarchy: o = "secondary",
+    size: s = "md",
+    ...a
+  }, e) {
+    return /* @__PURE__ */ p(
+      m,
+      {
+        ref: e,
+        as: "header",
+        className: l(f["utility-strip"], "tcn-utility-strip", i),
+        "data-hierarchy": o,
+        "data-size": s,
+        width: r,
+        ...a,
+        children: t
+      }
+    );
+  }
+);
+export {
+  h as UtilityStrip
+};
+//# sourceMappingURL=utility_strip.js.map

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

@@ -0,0 +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;"}

package/dist/layouts/scaffold/scaffold.js

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

package/dist/layouts/table/table.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { BoxProps } from '../../stacks/index.js';
+export interface TTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    sticky?: boolean;
+}
+export declare const TTable: ({ children, className, sticky, ...props }: React.PropsWithChildren<TTableProps>) => import("react/jsx-runtime").JSX.Element;
+export interface THeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export declare const THead: ({ children, className, ...props }: React.PropsWithChildren<THeadProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const TBody: ({ children, className, ...props }: React.PropsWithChildren<React.HTMLAttributes<HTMLTableSectionElement>>) => import("react/jsx-runtime").JSX.Element;
+export interface TFootProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export declare const TFoot: ({ children, className, ...props }: React.PropsWithChildren<TFootProps>) => import("react/jsx-runtime").JSX.Element;
+export interface TRProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    isSelected?: boolean;
+}
+export declare const TR: ({ children, className, isSelected, ...props }: React.PropsWithChildren<TRProps>) => import("react/jsx-runtime").JSX.Element;
+export interface CellSharedProps extends Omit<BoxProps<HTMLTableCellElement>, 'as'> {
+    fill?: boolean;
+}
+export interface THProps extends CellSharedProps, React.ThHTMLAttributes<HTMLTableCellElement> {
+}
+export declare const TH: ({ children, className, fill, ...props }: React.PropsWithChildren<THProps>) => import("react/jsx-runtime").JSX.Element;
+export interface TDProps extends CellSharedProps, React.TdHTMLAttributes<HTMLTableCellElement> {
+}
+export declare const TD: ({ children, className, fill, ...props }: React.PropsWithChildren<TDProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/layouts/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAE9E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,GAAI,2CAKpB,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,4CAUtC,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAGpF,eAAO,MAAM,KAAK,GAAI,mCAInB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,4CAMrC,CAAC;AAGF,eAAO,MAAM,KAAK,GAAI,mCAInB,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC,4CAMxE,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAGpF,eAAO,MAAM,KAAK,GAAI,mCAInB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,4CAMrC,CAAC;AAEF,MAAM,WAAW,OAAQ,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,eAAO,MAAM,EAAE,GAAI,+CAKhB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,4CAWlC,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,OACf,SAAQ,eAAe,EACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAGnD,eAAO,MAAM,EAAE,GAAI,yCAKhB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,4CAMlC,CAAC;AAEF,MAAM,WAAW,OACf,SAAQ,eAAe,EACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAGnD,eAAO,MAAM,EAAE,GAAI,yCAKhB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,4CAMlC,CAAC"}

package/dist/layouts/table/table.js

@@ -0,0 +1,70 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "clsx";
+import { s as c } from "../../table.module-BtSxOntS.js";
+import { Box as l } from "../../stacks/box/box.js";
+import "../../stacks/h_collapsible_box.js";
+import "../../stacks/h_stack.js";
+import "../../stacks/spacer.js";
+import "../../stacks/v_collapsible_box.js";
+import "../../stacks/v_stack.js";
+import "../../stacks/z_stack.js";
+const h = ({
+  children: s,
+  className: a,
+  sticky: t = !1,
+  ...o
+}) => /* @__PURE__ */ r(
+  "table",
+  {
+    "data-is-sticky": t,
+    className: e("tcn-table", c.table, a),
+    ...o,
+    children: s
+  }
+), y = ({
+  children: s,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ r("thead", { className: e("tcn-thead", a), ...t, children: s }), x = ({
+  children: s,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ r("tbody", { className: e("tcn-tbody", a), ...t, children: s }), B = ({
+  children: s,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ r("tfoot", { className: e("tcn-tfoot", a), ...t, children: s }), H = ({
+  children: s,
+  className: a,
+  isSelected: t = !1,
+  ...o
+}) => /* @__PURE__ */ r(
+  "tr",
+  {
+    className: e("tcn-tr", a),
+    "aria-selected": t,
+    "data-is-selected": t,
+    ...o,
+    children: s
+  }
+), j = ({
+  children: s,
+  className: a,
+  fill: t = !1,
+  ...o
+}) => /* @__PURE__ */ r(l, { as: "th", "data-should-fill": t, className: e("tcn-th", a), ...o, children: s }), k = ({
+  children: s,
+  className: a,
+  fill: t = !1,
+  ...o
+}) => /* @__PURE__ */ r("td", { "data-should-fill": t, className: e("tcn-td", a), ...o, children: s });
+export {
+  x as TBody,
+  k as TD,
+  B as TFoot,
+  j as TH,
+  y as THead,
+  H as TR,
+  h as TTable
+};
+//# sourceMappingURL=table.js.map

package/dist/layouts/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../src/layouts/table/table.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport styles from './table.module.css';\nimport { Box, type BoxProps } from '../../stacks/index.js';\n\nexport interface TTableProps extends React.TableHTMLAttributes<HTMLTableElement> {\n  // Makes the header, footer and first and last column (th only) sticky\n  sticky?: boolean;\n}\n\nexport const TTable = ({\n  children,\n  className,\n  sticky = false,\n  ...props\n}: React.PropsWithChildren<TTableProps>) => {\n  return (\n    <table\n      data-is-sticky={sticky}\n      className={clsx('tcn-table', styles.table, className)}\n      {...props}\n    >\n      {children}\n    </table>\n  );\n};\n\nexport interface THeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\n// Header\nexport const THead = ({\n  children,\n  className,\n  ...props\n}: React.PropsWithChildren<THeadProps>) => {\n  return (\n    <thead className={clsx('tcn-thead', className)} {...props}>\n      {children}\n    </thead>\n  );\n};\n\n// Body\nexport const TBody = ({\n  children,\n  className,\n  ...props\n}: React.PropsWithChildren<React.HTMLAttributes<HTMLTableSectionElement>>) => {\n  return (\n    <tbody className={clsx('tcn-tbody', className)} {...props}>\n      {children}\n    </tbody>\n  );\n};\n\nexport interface TFootProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\n// Footer\nexport const TFoot = ({\n  children,\n  className,\n  ...props\n}: React.PropsWithChildren<TFootProps>) => {\n  return (\n    <tfoot className={clsx('tcn-tfoot', className)} {...props}>\n      {children}\n    </tfoot>\n  );\n};\n\nexport interface TRProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  isSelected?: boolean;\n}\n\n// Row\nexport const TR = ({\n  children,\n  className,\n  isSelected = false,\n  ...props\n}: React.PropsWithChildren<TRProps>) => {\n  return (\n    <tr\n      className={clsx('tcn-tr', className)}\n      aria-selected={isSelected}\n      data-is-selected={isSelected}\n      {...props}\n    >\n      {children}\n    </tr>\n  );\n};\n\nexport interface CellSharedProps extends Omit<BoxProps<HTMLTableCellElement>, 'as'> {\n  fill?: boolean;\n}\n\nexport interface THProps\n  extends CellSharedProps,\n    React.ThHTMLAttributes<HTMLTableCellElement> {}\n\n// Header Cell\nexport const TH = ({\n  children,\n  className,\n  fill = false,\n  ...props\n}: React.PropsWithChildren<THProps>) => {\n  return (\n    <Box as=\"th\" data-should-fill={fill} className={clsx('tcn-th', className)} {...props}>\n      {children}\n    </Box>\n  );\n};\n\nexport interface TDProps\n  extends CellSharedProps,\n    React.TdHTMLAttributes<HTMLTableCellElement> {}\n\n// Data Cell\nexport const TD = ({\n  children,\n  className,\n  fill = false,\n  ...props\n}: React.PropsWithChildren<TDProps>) => {\n  return (\n    <td data-should-fill={fill} className={clsx('tcn-td', className)} {...props}>\n      {children}\n    </td>\n  );\n};\n"],"names":["TTable","children","className","sticky","props","jsx","clsx","styles","THead","TBody","TFoot","TR","isSelected","TH","fill","Box","TD"],"mappings":";;;;;;;;;;AAUO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,kBAAgBF;AAAA,IAChB,WAAWG,EAAK,aAAaC,EAAO,OAAOL,CAAS;AAAA,IACnD,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,GAQMO,IAAQ,CAAC;AAAA,EACpB,UAAAP;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAEI,gBAAAC,EAAC,WAAM,WAAWC,EAAK,aAAaJ,CAAS,GAAI,GAAGE,GACjD,UAAAH,GACH,GAKSQ,IAAQ,CAAC;AAAA,EACpB,UAAAR;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAEI,gBAAAC,EAAC,WAAM,WAAWC,EAAK,aAAaJ,CAAS,GAAI,GAAGE,GACjD,UAAAH,GACH,GAOSS,IAAQ,CAAC;AAAA,EACpB,UAAAT;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAEI,gBAAAC,EAAC,WAAM,WAAWC,EAAK,aAAaJ,CAAS,GAAI,GAAGE,GACjD,UAAAH,GACH,GASSU,IAAK,CAAC;AAAA,EACjB,UAAAV;AAAA,EACA,WAAAC;AAAA,EACA,YAAAU,IAAa;AAAA,EACb,GAAGR;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,UAAUJ,CAAS;AAAA,IACnC,iBAAeU;AAAA,IACf,oBAAkBA;AAAA,IACjB,GAAGR;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,GAcMY,IAAK,CAAC;AAAA,EACjB,UAAAZ;AAAA,EACA,WAAAC;AAAA,EACA,MAAAY,IAAO;AAAA,EACP,GAAGV;AACL,MAEI,gBAAAC,EAACU,GAAA,EAAI,IAAG,MAAK,oBAAkBD,GAAM,WAAWR,EAAK,UAAUJ,CAAS,GAAI,GAAGE,GAC5E,UAAAH,EAAA,CACH,GASSe,IAAK,CAAC;AAAA,EACjB,UAAAf;AAAA,EACA,WAAAC;AAAA,EACA,MAAAY,IAAO;AAAA,EACP,GAAGV;AACL,MAEI,gBAAAC,EAAC,MAAA,EAAG,oBAAkBS,GAAM,WAAWR,EAAK,UAAUJ,CAAS,GAAI,GAAGE,GACnE,UAAAH,EAAA,CACH;"}

package/dist/main.css

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

package/dist/rail.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._rail-stack_76bc40f){width:100%;height:100%;overflow:auto}:where(._rail-stack_76bc40f) :where(._tcn-body_a4d9cc2){height:100%}}

package/dist/scaffold.css

@@ -1 +1 @@
-@layer tcn-system{:where(._scaffold-stack_8f97a6a){width:100%;height:100%;overflow:auto}}
+@layer tcn-system{:where(._scaffold-stack_8f97a6a){width:100%;height:100%;overflow:auto}:where(._scaffold-stack_8f97a6a) :where(._tcn-main_8a04212){height:auto;background:#000!important}}