@tcn/ui 0.8.0 → 0.9.0

package/dist/layouts/responsive/responsive.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ResponsiveContainer as i } from "./responsive_container.js";
+import { ResponsiveViewport as t } from "./responsive_viewport.js";
+function f(e) {
+  const { on: n = "container", children: o } = e;
+  return n === "viewport" ? /* @__PURE__ */ r(t, { children: o }) : /* @__PURE__ */ r(i, { children: o });
+}
+export {
+  f as Responsive
+};
+//# sourceMappingURL=responsive.js.map

package/dist/layouts/responsive/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sources":["../../../src/layouts/responsive/responsive.tsx"],"sourcesContent":["import type { BreakpointProps } from './breakpoint.js';\nimport { ResponsiveContainer } from './responsive_container.js';\nimport { ResponsiveViewport } from './responsive_viewport.js';\n\nexport interface ResponsiveProps {\n  on?: 'viewport' | 'container';\n  children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;\n}\n\nexport function Responsive(props: ResponsiveProps) {\n  const { on = 'container', children } = props;\n\n  if (on === 'viewport') {\n    return <ResponsiveViewport>{children}</ResponsiveViewport>;\n  }\n\n  return <ResponsiveContainer>{children}</ResponsiveContainer>;\n}\n"],"names":["Responsive","props","on","children","jsx","ResponsiveViewport","ResponsiveContainer"],"mappings":";;;AASO,SAASA,EAAWC,GAAwB;AACjD,QAAM,EAAE,IAAAC,IAAK,aAAa,UAAAC,EAAA,IAAaF;AAEvC,SAAIC,MAAO,aACF,gBAAAE,EAACC,KAAoB,UAAAF,GAAS,IAGhC,gBAAAC,EAACE,KAAqB,UAAAH,GAAS;AACxC;"}

package/dist/layouts/responsive/responsive_container.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BreakpointProps } from './breakpoint.js';
+export interface ResponsiveContainerProps {
+    children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;
+}
+export declare function ResponsiveContainer(props: ResponsiveContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsive_container.d.ts.map

package/dist/layouts/responsive/responsive_container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_container.d.ts","sourceRoot":"","sources":["../../../src/layouts/responsive/responsive_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;CACxF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAyClE"}

package/dist/layouts/responsive/responsive_container.js

@@ -0,0 +1,30 @@
+import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import c, { useState as n, useLayoutEffect as h } from "react";
+import { useForkRef as R } from "../../utils/hooks/use_fork_ref.js";
+import { useResizeObserver as k } from "../../utils/hooks/use_resize_observer.js";
+import { InternalBreakpoint as y } from "./breakpoint.js";
+function z(o) {
+  const [s, r] = n(null), [i, l] = n(0), a = k((e) => {
+    l(e);
+  }), p = R((e) => {
+    e == null || e.parentElement == null || (a(e.parentElement), r(e.parentElement));
+  }), u = /* @__PURE__ */ t(
+    "div",
+    {
+      ref: p,
+      style: {
+        display: "none"
+      }
+    }
+  ), f = c.Children.toArray(o.children).map((e) => /* @__PURE__ */ t(y, { ...e.props, width: i }, e.key));
+  return h(() => () => {
+    r(null);
+  }, []), /* @__PURE__ */ m(d, { children: [
+    s == null ? u : null,
+    f
+  ] });
+}
+export {
+  z as ResponsiveContainer
+};
+//# sourceMappingURL=responsive_container.js.map

package/dist/layouts/responsive/responsive_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_container.js","sources":["../../../src/layouts/responsive/responsive_container.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport { useForkRef } from '../../utils/hooks/use_fork_ref.js';\nimport { useResizeObserver } from '../../utils/hooks/use_resize_observer.js';\nimport { InternalBreakpoint, BreakpointProps } from './breakpoint.js';\n\nexport interface ResponsiveContainerProps {\n  children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;\n}\n\nexport function ResponsiveContainer(props: ResponsiveContainerProps) {\n  const [parent, setParent] = useState<Element | null>(null);\n  const [width, setWidth] = useState(0);\n\n  const resizeRef = useResizeObserver(width => {\n    setWidth(width);\n  });\n\n  const forkedRef = useForkRef((element: any) => {\n    if (element == null || element.parentElement == null) {\n      return;\n    }\n    resizeRef(element.parentElement);\n    setParent(element.parentElement);\n  });\n\n  const hiddenChild = (\n    <div\n      ref={forkedRef}\n      style={{\n        display: 'none',\n      }}\n    ></div>\n  );\n\n  const internalBreakpoints = React.Children.toArray(props.children).map((child: any) => {\n    return <InternalBreakpoint key={child.key} {...child.props} width={width} />;\n  });\n\n  useLayoutEffect(() => {\n    return () => {\n      setParent(null);\n    };\n  }, []);\n\n  return (\n    <>\n      {parent == null ? hiddenChild : null}\n      {internalBreakpoints}\n    </>\n  );\n}\n"],"names":["ResponsiveContainer","props","parent","setParent","useState","width","setWidth","resizeRef","useResizeObserver","forkedRef","useForkRef","element","hiddenChild","jsx","internalBreakpoints","React","child","InternalBreakpoint","useLayoutEffect","jsxs","Fragment"],"mappings":";;;;;AASO,SAASA,EAAoBC,GAAiC;AACnE,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAyB,IAAI,GACnD,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAYC,EAAkB,CAAAH,MAAS;AAC3C,IAAAC,EAASD,CAAK;AAAA,EAChB,CAAC,GAEKI,IAAYC,EAAW,CAACC,MAAiB;AAC7C,IAAIA,KAAW,QAAQA,EAAQ,iBAAiB,SAGhDJ,EAAUI,EAAQ,aAAa,GAC/BR,EAAUQ,EAAQ,aAAa;AAAA,EACjC,CAAC,GAEKC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKJ;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAIEK,IAAsBC,EAAM,SAAS,QAAQd,EAAM,QAAQ,EAAE,IAAI,CAACe,wBAC9DC,GAAA,EAAoC,GAAGD,EAAM,OAAO,OAAAX,EAAA,GAA5BW,EAAM,GAAoC,CAC3E;AAED,SAAAE,EAAgB,MACP,MAAM;AACX,IAAAf,EAAU,IAAI;AAAA,EAChB,GACC,CAAA,CAAE,GAGH,gBAAAgB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAlB,KAAU,OAAOU,IAAc;AAAA,IAC/BE;AAAA,EAAA,GACH;AAEJ;"}

package/dist/layouts/responsive/responsive_viewport.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BreakpointProps } from './breakpoint.js';
+export interface ResponsiveViewportProps {
+    children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;
+}
+export declare function ResponsiveViewport(props: ResponsiveViewportProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsive_viewport.d.ts.map

package/dist/layouts/responsive/responsive_viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_viewport.d.ts","sourceRoot":"","sources":["../../../src/layouts/responsive/responsive_viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGtE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;CACxF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAQhE"}

package/dist/layouts/responsive/responsive_viewport.js

@@ -0,0 +1,12 @@
+import { jsx as e, Fragment as i } from "react/jsx-runtime";
+import p from "react";
+import { InternalBreakpoint as a } from "./breakpoint.js";
+import { useMediaQuery as m } from "../../utils/hooks/use_media_query.js";
+function d(t) {
+  const { width: o } = m(), n = p.Children.toArray(t.children).map((r) => /* @__PURE__ */ e(a, { ...r.props, width: o }, r.key));
+  return /* @__PURE__ */ e(i, { children: n });
+}
+export {
+  d as ResponsiveViewport
+};
+//# sourceMappingURL=responsive_viewport.js.map

package/dist/layouts/responsive/responsive_viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_viewport.js","sources":["../../../src/layouts/responsive/responsive_viewport.tsx"],"sourcesContent":["import React from 'react';\nimport { InternalBreakpoint, BreakpointProps } from './breakpoint.js';\nimport { useMediaQuery } from '../../utils/hooks/use_media_query.js';\n\nexport interface ResponsiveViewportProps {\n  children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;\n}\n\nexport function ResponsiveViewport(props: ResponsiveViewportProps) {\n  const { width } = useMediaQuery();\n\n  const internalBreakpoints = React.Children.toArray(props.children).map((child: any) => {\n    return <InternalBreakpoint key={child.key} {...child.props} width={width} />;\n  });\n\n  return <>{internalBreakpoints}</>;\n}\n"],"names":["ResponsiveViewport","props","width","useMediaQuery","internalBreakpoints","React","child","InternalBreakpoint"],"mappings":";;;;AAQO,SAASA,EAAmBC,GAAgC;AACjE,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAsBC,EAAM,SAAS,QAAQJ,EAAM,QAAQ,EAAE,IAAI,CAACK,wBAC9DC,GAAA,EAAoC,GAAGD,EAAM,OAAO,OAAAJ,EAAA,GAA5BI,EAAM,GAAoC,CAC3E;AAED,gCAAU,UAAAF,EAAA,CAAoB;AAChC;"}

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}}