@tcn/ui 0.3.1 → 0.3.2

package/dist/layouts/column/column.js

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { clsx as s } from "clsx";
 import x from "react";
 import { Box as b } from "../../stacks/box/box.js";
@@ -10,13 +10,13 @@ import '../../column.css';const i = "_column_ce05462", C = "_column-stack_80b940
   minWidth: o,
   maxWidth: c,
   minHeight: t,
-  maxHeight: m,
+  maxHeight: n,
   hAlign: e,
   vAlign: f = "start",
   className: k,
   ...p
 }, _) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ m(
     b,
     {
       width: u,
@@ -24,21 +24,21 @@ import '../../column.css';const i = "_column_ce05462", C = "_column-stack_80b940
       minWidth: o,
       maxWidth: c,
       minHeight: t,
-      maxHeight: m,
-      className: s(k, l.column, "column"),
+      maxHeight: n,
+      className: s(k, l.column, "tcn-column"),
       ...p,
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ m(
         d,
         {
           minWidth: o,
           maxWidth: c,
           minHeight: t,
-          maxHeight: m,
+          maxHeight: n,
           hAlign: e,
           vAlign: f,
           ref: _,
           as: "section",
-          className: s(l["column-stack"], "column-stack"),
+          className: s(l["column-stack"], "tcn-column-stack"),
           zIndex: 0,
           children: r
         }

package/dist/layouts/column/column.js.map

@@ -1 +1 @@
-{"version":3,"file":"column.js","sources":["../../../src/layouts/column/column.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './column.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n\nexport interface ColumnProps extends Omit<BoxProps, 'as' | 'children'> {\n  hAlign?: Alignment;\n  vAlign?: Alignment;\n  children?: React.ReactNode;\n}\n\nexport const Column = React.forwardRef<HTMLElement, ColumnProps>(function Column(\n  {\n    children,\n    width,\n    height,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: ColumnProps,\n  ref\n) {\n  return (\n    <Box\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      className={clsx(className, styles['column'], 'column')}\n      {...props}\n    >\n      <VStack\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles['column-stack'], 'column-stack')}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["Column","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","VStack"],"mappings":";;;;;gGAaaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,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,OAAAZ;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAWQ,EAAKL,GAAWM,EAAO,QAAW,QAAQ;AAAA,MACpD,GAAGL;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,IAAG;AAAA,UACH,WAAWG,EAAKC,EAAO,cAAc,GAAG,cAAc;AAAA,UACtD,QAAQ;AAAA,UAEP,UAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"column.js","sources":["../../../src/layouts/column/column.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './column.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n\nexport interface ColumnProps extends Omit<BoxProps, 'as' | 'children'> {\n  hAlign?: Alignment;\n  vAlign?: Alignment;\n  children?: React.ReactNode;\n}\n\nexport const Column = React.forwardRef<HTMLElement, ColumnProps>(function Column(\n  {\n    children,\n    width,\n    height,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: ColumnProps,\n  ref\n) {\n  return (\n    <Box\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      className={clsx(className, styles['column'], 'tcn-column')}\n      {...props}\n    >\n      <VStack\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles['column-stack'], 'tcn-column-stack')}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["Column","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","VStack"],"mappings":";;;;;gGAaaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,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,OAAAZ;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAWQ,EAAKL,GAAWM,EAAO,QAAW,YAAY;AAAA,MACxD,GAAGL;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,IAAG;AAAA,UACH,WAAWG,EAAKC,EAAO,cAAc,GAAG,kBAAkB;AAAA,UAC1D,QAAQ;AAAA,UAEP,UAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/layouts/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,MAAM,kBAAkB,GAC1B;IACE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,iBAAiB,GAAG;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8C1C,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/layouts/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,MAAM,kBAAkB,GAC1B;IACE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,iBAAiB,GAAG;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6C1C,CAAC"}

package/dist/layouts/divider/divider.js

@@ -1,5 +1,5 @@
 import { jsxs as h, jsx as p } from "react/jsx-runtime";
-import { clsx as r } from "clsx";
+import { clsx as d } from "clsx";
 import { s } from "../../divider.module-FptFV0PX.js";
 const u = ({
   emphasis: i = "normal",
@@ -11,10 +11,10 @@ const u = ({
   width: o,
   height: l,
   className: e,
-  children: v,
-  ...c
+  children: c,
+  ...m
 }) => {
-  const d = n ? "horizontal" : "vertical", m = {
+  const r = n ? "horizontal" : "vertical", v = {
     "--divider-width": o,
     "--divider-height": l
   };
@@ -24,9 +24,9 @@ const u = ({
       "data-emphasis": i,
       "data-thickness": t,
       "data-length": a,
-      "data-orientation": d,
-      className: r(s.divider, "divider", "tcn-divider", e),
-      ...c,
+      "data-orientation": r,
+      className: d(s.divider, "tcn-divider", e),
+      ...m,
       children: [
         /* @__PURE__ */ p(
           "div",
@@ -34,18 +34,17 @@ const u = ({
             "data-emphasis": i,
             "data-thickness": t,
             "data-length": a,
-            "data-orientation": d,
-            style: m,
-            className: r(
+            "data-orientation": r,
+            style: v,
+            className: d(
               s["divider-line"],
-              "divider-line",
               "tcn-divider-line",
               "material",
               e
             )
           }
         ),
-        v
+        c
       ]
     }
   );

package/dist/layouts/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../src/layouts/divider/divider.tsx"],"sourcesContent":["import React, { type CSSProperties } from 'react';\nimport { clsx } from 'clsx';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport type { Emphasis, Size } from '../../utils/index.js';\nimport styles from './divider.module.css';\n\nexport type DividerOrientation =\n  | {\n      horizontal?: boolean;\n      vertical?: never;\n    }\n  | {\n      horizontal?: never;\n      vertical?: boolean;\n    };\n\nexport interface DividerClasses {\n  line?: string;\n}\n\nexport interface DividerProperties {\n  width?: CSSProperties['width'];\n  height?: CSSProperties['height'];\n}\n\nexport type DividerOwnProps = DividerOrientation &\n  DividerProperties & {\n    emphasis?: Emphasis;\n    thickness?: Size;\n    length?: Size | 'full';\n    classes?: Partial<DividerClasses>;\n  };\n\nexport type DividerProps = WithDetailedHTMLProps<DividerOwnProps, 'div'>;\n\nexport const Divider: React.FC<DividerProps> = ({\n  emphasis = 'normal',\n  thickness = 'sm',\n  length = 'full',\n  style,\n  horizontal,\n  vertical,\n  width,\n  height,\n  className,\n  children,\n  ...props\n}) => {\n  const orientation = horizontal ? 'horizontal' : 'vertical';\n\n  const cssVariables = {\n    '--divider-width': width,\n    '--divider-height': height,\n  } as CSSProperties;\n\n  return (\n    <div\n      data-emphasis={emphasis}\n      data-thickness={thickness}\n      data-length={length}\n      data-orientation={orientation}\n      className={clsx(styles[`divider`], 'divider', 'tcn-divider', className)}\n      {...props}\n    >\n      <div\n        data-emphasis={emphasis}\n        data-thickness={thickness}\n        data-length={length}\n        data-orientation={orientation}\n        style={cssVariables}\n        className={clsx(\n          styles[`divider-line`],\n          'divider-line',\n          'tcn-divider-line',\n          'material',\n          className\n        )}\n      />\n      {children}\n    </div>\n  );\n};\n"],"names":["Divider","emphasis","thickness","length","style","horizontal","vertical","width","height","className","children","props","orientation","cssVariables","jsxs","clsx","styles","jsx"],"mappings":";;;AAmCO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcP,IAAa,eAAe,YAE1CQ,IAAe;AAAA,IACnB,mBAAmBN;AAAA,IACnB,oBAAoBC;AAAA,EAAA;AAGtB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeb;AAAA,MACf,kBAAgBC;AAAA,MAChB,eAAaC;AAAA,MACb,oBAAkBS;AAAA,MAClB,WAAWG,EAAKC,EAAO,SAAY,WAAW,eAAeP,CAAS;AAAA,MACrE,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,iBAAehB;AAAA,YACf,kBAAgBC;AAAA,YAChB,eAAaC;AAAA,YACb,oBAAkBS;AAAA,YAClB,OAAOC;AAAA,YACP,WAAWE;AAAA,cACTC,EAAO,cAAc;AAAA,cACrB;AAAA,cACA;AAAA,cACA;AAAA,cACAP;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEDC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"divider.js","sources":["../../../src/layouts/divider/divider.tsx"],"sourcesContent":["import React, { type CSSProperties } from 'react';\nimport { clsx } from 'clsx';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport type { Emphasis, Size } from '../../utils/index.js';\nimport styles from './divider.module.css';\n\nexport type DividerOrientation =\n  | {\n      horizontal?: boolean;\n      vertical?: never;\n    }\n  | {\n      horizontal?: never;\n      vertical?: boolean;\n    };\n\nexport interface DividerClasses {\n  line?: string;\n}\n\nexport interface DividerProperties {\n  width?: CSSProperties['width'];\n  height?: CSSProperties['height'];\n}\n\nexport type DividerOwnProps = DividerOrientation &\n  DividerProperties & {\n    emphasis?: Emphasis;\n    thickness?: Size;\n    length?: Size | 'full';\n    classes?: Partial<DividerClasses>;\n  };\n\nexport type DividerProps = WithDetailedHTMLProps<DividerOwnProps, 'div'>;\n\nexport const Divider: React.FC<DividerProps> = ({\n  emphasis = 'normal',\n  thickness = 'sm',\n  length = 'full',\n  style,\n  horizontal,\n  vertical,\n  width,\n  height,\n  className,\n  children,\n  ...props\n}) => {\n  const orientation = horizontal ? 'horizontal' : 'vertical';\n\n  const cssVariables = {\n    '--divider-width': width,\n    '--divider-height': height,\n  } as CSSProperties;\n\n  return (\n    <div\n      data-emphasis={emphasis}\n      data-thickness={thickness}\n      data-length={length}\n      data-orientation={orientation}\n      className={clsx(styles[`divider`], 'tcn-divider', className)}\n      {...props}\n    >\n      <div\n        data-emphasis={emphasis}\n        data-thickness={thickness}\n        data-length={length}\n        data-orientation={orientation}\n        style={cssVariables}\n        className={clsx(\n          styles[`divider-line`],\n          'tcn-divider-line',\n          'material',\n          className\n        )}\n      />\n      {children}\n    </div>\n  );\n};\n"],"names":["Divider","emphasis","thickness","length","style","horizontal","vertical","width","height","className","children","props","orientation","cssVariables","jsxs","clsx","styles","jsx"],"mappings":";;;AAmCO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcP,IAAa,eAAe,YAE1CQ,IAAe;AAAA,IACnB,mBAAmBN;AAAA,IACnB,oBAAoBC;AAAA,EAAA;AAGtB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeb;AAAA,MACf,kBAAgBC;AAAA,MAChB,eAAaC;AAAA,MACb,oBAAkBS;AAAA,MAClB,WAAWG,EAAKC,EAAO,SAAY,eAAeP,CAAS;AAAA,MAC1D,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,iBAAehB;AAAA,YACf,kBAAgBC;AAAA,YAChB,eAAaC;AAAA,YACb,oBAAkBS;AAAA,YAClB,OAAOC;AAAA,YACP,WAAWE;AAAA,cACTC,EAAO,cAAc;AAAA,cACrB;AAAA,cACA;AAAA,cACAP;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEDC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/layouts/grid/grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,MAAM,WAAW,SAAU,SAAQ,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC;IACzE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,+EAkFf,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/layouts/grid/grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,MAAM,WAAW,SAAU,SAAQ,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC;IACzE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,+EAuFf,CAAC"}

package/dist/layouts/grid/grid.js

@@ -3,20 +3,20 @@ import { clsx as q } from "clsx";
 import c from "react";
 import { removeUndefinedProperties as z } from "../../stacks/utils/remove_undefined_properties.js";
 import '../../grid.css';const B = "_grid_d0ae3e3", D = { grid: B }, L = c.forwardRef(function({
-  as: l = "div",
-  children: r,
-  style: d,
+  as: d = "div",
+  children: e,
+  style: l,
   className: a,
   itemHeight: m,
-  itemWidth: o,
-  columnAmount: i,
-  gap: e,
+  itemWidth: i,
+  columnAmount: o,
+  gap: r,
   rowGap: f,
   columnGap: p,
   padding: h,
   paddingInline: x,
-  paddingBlock: y,
-  paddingInlineStart: g,
+  paddingBlock: g,
+  paddingInlineStart: y,
   paddingInlineEnd: u,
   paddingTop: _,
   paddingBottom: $,
@@ -30,15 +30,15 @@ import '../../grid.css';const B = "_grid_d0ae3e3", D = { grid: B }, L = c.forwar
   zIndex: j,
   ...M
 }, N) {
-  const P = l, U = c.Children.toArray(r).length, W = `repeat(auto-fill, ${o}px)`;
+  const P = d, U = c.Children.toArray(e).length, W = `repeat(auto-fill, ${i}px)`;
   let t;
-  if (i) {
-    const n = Math.min(i, U), s = String(n * o) + "px";
-    e ? t = `calc(${s} + ${e} * ${n - 1})` : t = s;
+  if (o) {
+    const n = Math.min(o, U), s = String(n * i) + "px";
+    r ? t = `calc(${s} + ${r} * ${n - 1})` : t = s;
   } else
     t = "100%";
   const b = z({
-    gap: e,
+    gap: r,
     rowGap: f,
     columnGap: p,
     "--item-height": m + "px",
@@ -46,8 +46,8 @@ import '../../grid.css';const B = "_grid_d0ae3e3", D = { grid: B }, L = c.forwar
     "--template": W,
     padding: h,
     paddingInline: x,
-    paddingBlock: y,
-    paddingInlineStart: g,
+    paddingBlock: g,
+    paddingInlineStart: y,
     paddingInlineEnd: u,
     paddingTop: _,
     paddingBottom: $,
@@ -59,9 +59,18 @@ import '../../grid.css';const B = "_grid_d0ae3e3", D = { grid: B }, L = c.forwar
     marginTop: R,
     marginBottom: S,
     zIndex: j,
-    ...d
+    ...l
   });
-  return /* @__PURE__ */ k(P, { ref: N, className: q(D.grid, a), style: b, ...M, children: r });
+  return /* @__PURE__ */ k(
+    P,
+    {
+      ref: N,
+      className: q(D.grid, a, "tcn-grid"),
+      style: b,
+      ...M,
+      children: e
+    }
+  );
 });
 export {
   L as Grid

package/dist/layouts/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../src/layouts/grid/grid.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport { CommonProps } from '../../stacks/types/common.js';\nimport styles from './grid.module.css';\nimport { removeUndefinedProperties } from '../../stacks/utils/remove_undefined_properties.js';\n\nexport interface GridProps extends CommonProps, HTMLAttributes<HTMLElement> {\n  itemHeight: number;\n  itemWidth: number;\n  as?: string;\n  columnAmount?: number;\n  children?: React.ReactNode;\n  gap?: string | number;\n  rowGap?: string | number;\n  columnGap?: string | number;\n  padding?: string;\n  paddingInline?: string;\n  paddingBlock?: string;\n  paddingInlineStart?: string;\n  paddingInlineEnd?: string;\n  paddingTop?: string;\n  paddingBottom?: string;\n  margin?: string;\n  marginInline?: string;\n  marginBlock?: string;\n  marginInlineStart?: string;\n  marginInlineEnd?: string;\n  marginTop?: string;\n  marginBottom?: string;\n  zIndex?: string | number;\n}\n\nexport const Grid = React.forwardRef(function Grid(\n  {\n    as = 'div',\n    children,\n    style,\n    className,\n    itemHeight,\n    itemWidth,\n    columnAmount,\n    gap,\n    rowGap,\n    columnGap,\n    padding,\n    paddingInline,\n    paddingBlock,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginInline,\n    marginBlock,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    ...attr\n  }: GridProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const As = as as React.ElementType;\n  // Calculate the number of children\n  const childrenArray = React.Children.toArray(children);\n  const childrenCount = childrenArray.length;\n\n  const template = `repeat(auto-fill, ${itemWidth}px)`;\n  let maxWidth: string;\n\n  if (columnAmount) {\n    const amount = Math.min(columnAmount, childrenCount);\n    const columnWidth = String(amount * itemWidth) + 'px';\n\n    if (gap) {\n      maxWidth = `calc(${columnWidth} + ${gap} * ${amount - 1})`;\n    } else {\n      maxWidth = columnWidth;\n    }\n  } else {\n    maxWidth = '100%';\n  }\n\n  const gridStyles: any = removeUndefinedProperties({\n    gap,\n    rowGap,\n    columnGap,\n    '--item-height': itemHeight + 'px',\n    '--max-width': maxWidth,\n    '--template': template,\n    padding,\n    paddingInline,\n    paddingBlock,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginInline,\n    marginBlock,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    ...style,\n  });\n\n  return (\n    <As ref={ref} className={clsx(styles.grid, className)} style={gridStyles} {...attr}>\n      {children}\n    </As>\n  );\n});\n"],"names":["Grid","React","as","children","style","className","itemHeight","itemWidth","columnAmount","gap","rowGap","columnGap","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginInline","marginBlock","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","attr","ref","As","childrenCount","template","maxWidth","amount","columnWidth","gridStyles","removeUndefinedProperties","jsx","clsx","styles"],"mappings":";;;;4CAgCaA,IAAOC,EAAM,WAAW,SACnC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAK3B,GAGL4B,IADgB7B,EAAM,SAAS,QAAQE,CAAQ,EACjB,QAE9B4B,IAAW,qBAAqBxB,CAAS;AAC/C,MAAIyB;AAEJ,MAAIxB,GAAc;AAChB,UAAMyB,IAAS,KAAK,IAAIzB,GAAcsB,CAAa,GAC7CI,IAAc,OAAOD,IAAS1B,CAAS,IAAI;AAEjD,IAAIE,IACFuB,IAAW,QAAQE,CAAW,MAAMzB,CAAG,MAAMwB,IAAS,CAAC,MAEvDD,IAAWE;AAAA,EAEf;AACE,IAAAF,IAAW;AAGb,QAAMG,IAAkBC,EAA0B;AAAA,IAChD,KAAA3B;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAiBL,IAAa;AAAA,IAC9B,eAAe0B;AAAA,IACf,cAAcD;AAAA,IACd,SAAAnB;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGtB;AAAA,EAAA,CACJ;AAED,SACE,gBAAAiC,EAACR,GAAA,EAAG,KAAAD,GAAU,WAAWU,EAAKC,EAAO,MAAMlC,CAAS,GAAG,OAAO8B,GAAa,GAAGR,GAC3E,UAAAxB,EAAA,CACH;AAEJ,CAAC;"}
+{"version":3,"file":"grid.js","sources":["../../../src/layouts/grid/grid.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport { CommonProps } from '../../stacks/types/common.js';\nimport styles from './grid.module.css';\nimport { removeUndefinedProperties } from '../../stacks/utils/remove_undefined_properties.js';\n\nexport interface GridProps extends CommonProps, HTMLAttributes<HTMLElement> {\n  itemHeight: number;\n  itemWidth: number;\n  as?: string;\n  columnAmount?: number;\n  children?: React.ReactNode;\n  gap?: string | number;\n  rowGap?: string | number;\n  columnGap?: string | number;\n  padding?: string;\n  paddingInline?: string;\n  paddingBlock?: string;\n  paddingInlineStart?: string;\n  paddingInlineEnd?: string;\n  paddingTop?: string;\n  paddingBottom?: string;\n  margin?: string;\n  marginInline?: string;\n  marginBlock?: string;\n  marginInlineStart?: string;\n  marginInlineEnd?: string;\n  marginTop?: string;\n  marginBottom?: string;\n  zIndex?: string | number;\n}\n\nexport const Grid = React.forwardRef(function Grid(\n  {\n    as = 'div',\n    children,\n    style,\n    className,\n    itemHeight,\n    itemWidth,\n    columnAmount,\n    gap,\n    rowGap,\n    columnGap,\n    padding,\n    paddingInline,\n    paddingBlock,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginInline,\n    marginBlock,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    ...attr\n  }: GridProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const As = as as React.ElementType;\n  // Calculate the number of children\n  const childrenArray = React.Children.toArray(children);\n  const childrenCount = childrenArray.length;\n\n  const template = `repeat(auto-fill, ${itemWidth}px)`;\n  let maxWidth: string;\n\n  if (columnAmount) {\n    const amount = Math.min(columnAmount, childrenCount);\n    const columnWidth = String(amount * itemWidth) + 'px';\n\n    if (gap) {\n      maxWidth = `calc(${columnWidth} + ${gap} * ${amount - 1})`;\n    } else {\n      maxWidth = columnWidth;\n    }\n  } else {\n    maxWidth = '100%';\n  }\n\n  const gridStyles: any = removeUndefinedProperties({\n    gap,\n    rowGap,\n    columnGap,\n    '--item-height': itemHeight + 'px',\n    '--max-width': maxWidth,\n    '--template': template,\n    padding,\n    paddingInline,\n    paddingBlock,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginInline,\n    marginBlock,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    ...style,\n  });\n\n  return (\n    <As\n      ref={ref}\n      className={clsx(styles.grid, className, 'tcn-grid')}\n      style={gridStyles}\n      {...attr}\n    >\n      {children}\n    </As>\n  );\n});\n"],"names":["Grid","React","as","children","style","className","itemHeight","itemWidth","columnAmount","gap","rowGap","columnGap","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginInline","marginBlock","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","attr","ref","As","childrenCount","template","maxWidth","amount","columnWidth","gridStyles","removeUndefinedProperties","jsx","clsx","styles"],"mappings":";;;;4CAgCaA,IAAOC,EAAM,WAAW,SACnC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAK3B,GAGL4B,IADgB7B,EAAM,SAAS,QAAQE,CAAQ,EACjB,QAE9B4B,IAAW,qBAAqBxB,CAAS;AAC/C,MAAIyB;AAEJ,MAAIxB,GAAc;AAChB,UAAMyB,IAAS,KAAK,IAAIzB,GAAcsB,CAAa,GAC7CI,IAAc,OAAOD,IAAS1B,CAAS,IAAI;AAEjD,IAAIE,IACFuB,IAAW,QAAQE,CAAW,MAAMzB,CAAG,MAAMwB,IAAS,CAAC,MAEvDD,IAAWE;AAAA,EAEf;AACE,IAAAF,IAAW;AAGb,QAAMG,IAAkBC,EAA0B;AAAA,IAChD,KAAA3B;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAiBL,IAAa;AAAA,IAC9B,eAAe0B;AAAA,IACf,cAAcD;AAAA,IACd,SAAAnB;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGtB;AAAA,EAAA,CACJ;AAED,SACE,gBAAAiC;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWU,EAAKC,EAAO,MAAMlC,GAAW,UAAU;AAAA,MAClD,OAAO8B;AAAA,MACN,GAAGR;AAAA,MAEH,UAAAxB;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/header/header.js

@@ -1,8 +1,8 @@
 import { jsx as c } from "react/jsx-runtime";
 import m from "react";
 import { clsx as f } from "clsx";
-import { HStack as h } from "../../stacks/h_stack.js";
-import '../../header.css';const n = "_header_3155fa4", i = { header: n }, y = m.forwardRef(function({
+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,
@@ -11,11 +11,11 @@ import '../../header.css';const n = "_header_3155fa4", i = { header: n }, y = m.
   ...d
 }, s) {
   return /* @__PURE__ */ c(
-    h,
+    n,
     {
       ref: s,
       as: "header",
-      className: f(i.header, t, "tcn-header", "header"),
+      className: f(i.header, t, "tcn-header"),
       "data-hierarchy": e,
       "data-size": o,
       height: r,

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', '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,cAAc,QAAQ;AAAA,MAChE,kBAAgBH;AAAA,MAChB,aAAWI;AAAA,MACX,QAAAH;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"header.js","sources":["../../../src/layouts/header/header.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './header.module.css';\n\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;"}

package/dist/layouts/list/section_header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section_header.d.ts","sourceRoot":"","sources":["../../../src/layouts/list/section_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAEtE,eAAO,MAAM,aAAa,2FAQzB,CAAC"}
+{"version":3,"file":"section_header.d.ts","sourceRoot":"","sources":["../../../src/layouts/list/section_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAEtE,eAAO,MAAM,aAAa,2FAazB,CAAC"}

package/dist/layouts/list/section_header.js

@@ -1,12 +1,22 @@
 import { jsx as a } from "react/jsx-runtime";
-import f from "react";
+import c from "react";
 import { HStack as i } from "../../stacks/h_stack.js";
-const p = f.forwardRef(
-  function({ children: r, className: o, ...t }, e) {
-    return /* @__PURE__ */ a(i, { ref: e, as: "li", className: o, ...t, children: r });
+import m from "clsx";
+const l = c.forwardRef(
+  function({ children: r, className: e, ...o }, t) {
+    return /* @__PURE__ */ a(
+      i,
+      {
+        ref: t,
+        as: "li",
+        className: m(e, "tcn-section-header"),
+        ...o,
+        children: r
+      }
+    );
   }
 );
 export {
-  p as SectionHeader
+  l as SectionHeader
 };
 //# sourceMappingURL=section_header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"section_header.js","sources":["../../../src/layouts/list/section_header.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack } from '../../stacks/h_stack.js';\nimport type { HStackProps } from '../../stacks/h_stack.js';\n\nexport interface SectionHeaderProps extends Omit<HStackProps, 'as'> {}\n\nexport const SectionHeader = React.forwardRef<HTMLDivElement, SectionHeaderProps>(\n  function SectionHeader({ children, className, ...props }: SectionHeaderProps, ref) {\n    return (\n      <HStack ref={ref} as=\"li\" className={className} {...props}>\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["SectionHeader","React","children","className","props","ref","jsx","HStack"],"mappings":";;;AAMO,MAAMA,IAAgBC,EAAM;AAAA,EACjC,SAAuB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA6BC,GAAK;AACjF,WACE,gBAAAC,EAACC,KAAO,KAAAF,GAAU,IAAG,MAAK,WAAAF,GAAuB,GAAGC,GACjD,UAAAF,GACH;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"section_header.js","sources":["../../../src/layouts/list/section_header.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack } from '../../stacks/h_stack.js';\nimport type { HStackProps } from '../../stacks/h_stack.js';\nimport clsx from 'clsx';\n\nexport interface SectionHeaderProps extends Omit<HStackProps, 'as'> {}\n\nexport const SectionHeader = React.forwardRef<HTMLDivElement, SectionHeaderProps>(\n  function SectionHeader({ children, className, ...props }: SectionHeaderProps, ref) {\n    return (\n      <HStack\n        ref={ref}\n        as=\"li\"\n        className={clsx(className, 'tcn-section-header')}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["SectionHeader","React","children","className","props","ref","jsx","HStack","clsx"],"mappings":";;;;AAOO,MAAMA,IAAgBC,EAAM;AAAA,EACjC,SAAuB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA6BC,GAAK;AACjF,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKL,GAAW,oBAAoB;AAAA,QAC9C,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/layouts/sidebar_end/sidebar_end.js

@@ -1,49 +1,49 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Box as p } from "../../stacks/box/box.js";
-import { VStack as x } from "../../stacks/v_stack.js";
-import { clsx as _ } from "clsx";
+import { Box as x } from "../../stacks/box/box.js";
+import { VStack as _ } from "../../stacks/v_stack.js";
+import { clsx as c } from "clsx";
 import B from "react";
-import '../../sidebar_end.css';const u = "_sidebarEndBox_25f69cc", y = "_sidebarEnd_cb253a2", c = { sidebarEndBox: u, sidebarEnd: y }, I = B.forwardRef(
+import '../../sidebar_end.css';const u = "_sidebarEndBox_25f69cc", y = "_sidebarEnd_cb253a2", t = { sidebarEndBox: u, sidebarEnd: y }, I = B.forwardRef(
   function({
-    hierarchy: t = "secondary",
+    hierarchy: i = "secondary",
     children: b,
     width: r,
-    height: o,
-    minWidth: s,
-    maxWidth: a,
+    height: a,
+    minWidth: o,
+    maxWidth: s,
     minHeight: d,
     maxHeight: e,
     hAlign: f,
-    vAlign: i = "start",
-    className: m,
-    ...E
-  }, l) {
+    vAlign: m = "start",
+    className: E,
+    ...l
+  }, p) {
     return /* @__PURE__ */ n(
-      p,
+      x,
       {
         width: r,
-        height: o,
-        minWidth: s,
-        maxWidth: a,
+        height: a,
+        minWidth: o,
+        maxWidth: s,
         minHeight: d,
         maxHeight: e,
-        className: c.sidebarEndBox,
+        className: c(t.sidebarEndBox, "tcn-sidebar-end-container"),
         as: "section",
-        ...E,
+        ...l,
         children: /* @__PURE__ */ n(
-          x,
+          _,
           {
             width: r,
-            height: o,
-            minWidth: s,
-            maxWidth: a,
+            height: a,
+            minWidth: o,
+            maxWidth: s,
             minHeight: d,
             maxHeight: e,
             hAlign: f,
-            vAlign: i,
-            ref: l,
-            "data-hierarchy": t,
-            className: _(c.sidebarEnd, m, "sidebar-end"),
+            vAlign: m,
+            ref: p,
+            "data-hierarchy": i,
+            className: c(t.sidebarEnd, E, "tcn-sidebar-end"),
             zIndex: 0,
             children: b
           }

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

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

package/dist/layouts/sidebar_start/sidebar_start.js

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

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

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

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

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

package/dist/layouts/utility_bar/utility_bar.js

@@ -1,8 +1,8 @@
-import { jsx as s } from "react/jsx-runtime";
-import c from "react";
-import { clsx as y } from "clsx";
-import { HStack as m } from "../../stacks/h_stack.js";
-import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-bar": u }, h = c.forwardRef(
+import { jsx as c } from "react/jsx-runtime";
+import l from "react";
+import { clsx as m } from "clsx";
+import { HStack as y } from "../../stacks/h_stack.js";
+import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-bar": u }, h = l.forwardRef(
   function({
     hierarchy: t = "secondary",
     height: r = "auto",
@@ -10,18 +10,13 @@ import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-
     className: i,
     size: o = "md",
     ...e
-  }, l) {
-    return /* @__PURE__ */ s(
-      m,
+  }, s) {
+    return /* @__PURE__ */ c(
+      y,
       {
-        ref: l,
+        ref: s,
         as: "header",
-        className: y(
-          f["utility-bar"],
-          i,
-          "utility-bar",
-          "tcn-utility-bar"
-        ),
+        className: m(f["utility-bar"], i, "tcn-utility-bar"),
         "data-hierarchy": t,
         "data-size": o,
         height: r,

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

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

package/dist/left_resize_handle.css

@@ -1 +1 @@
-._left-resize-handle_215501a{position:fixed;bottom:0;left:var(--resize-offset, -8px);height:100%;width:16px;z-index:1;cursor:ew-resize;pointer-events:auto}
+@layer tcn-system{:where(._left-resize-handle_215501a){position:fixed;bottom:0;left:var(--resize-offset, -8px);height:100%;width:16px;z-index:1;cursor:ew-resize;pointer-events:auto}}

package/dist/loading.css

@@ -1 +1 @@
-:root{--loading-line-color: var(--accent-color)}@keyframes _linePulse_bde300c{0%{opacity:1}to{opacity:.1}}._loading-line_e364229{animation-name:_linePulse_bde300c;animation-timing-function:linear;animation-iteration-count:infinite;opacity:.1;color:var(--loading-line-color)}
+@layer tcn-system{:root{--loading-line-color: var(--accent-color)}@keyframes _linePulse_bde300c{0%{opacity:1}to{opacity:.1}}:where(._loading-line_e364229){animation-name:_linePulse_bde300c;animation-timing-function:linear;animation-iteration-count:infinite;opacity:.1;color:var(--loading-line-color)}}

package/dist/menu.css

@@ -1 +1 @@
-._menu_9ce21e3{box-shadow:0 0 30px #00000040;border-radius:8px;background-color:#fff;padding:8px}._menu-item_68b387f{border-radius:4px;padding:4px;padding-inline:8px;height:auto;outline:none;border:none;background-color:transparent;color:var(--text-color);cursor:pointer}._menu-item_68b387f:active{opacity:.75}._menu-item_68b387f:hover,._menu-item_68b387f[data-is-open=true]{background-color:var(--accent-color);color:#ffffffe6}._menu-item_68b387f:focus{background-color:var(--accent-color);color:#ffffffe6}
+@layer tcn-system{:where(._menu_9ce21e3){box-shadow:0 0 30px #00000040;border-radius:8px;background-color:#fff;padding:8px}:where(._menu-item_68b387f){border-radius:4px;padding:4px;padding-inline:8px;height:auto;outline:none;border:none;background-color:transparent;color:var(--text-color);cursor:pointer}:where(._menu-item_68b387f:active){opacity:.75}:where(._menu-item_68b387f:hover),:where(._menu-item_68b387f[data-is-open=true]){background-color:var(--accent-color);color:#ffffffe6}:where(._menu-item_68b387f:focus){background-color:var(--accent-color);color:#ffffffe6}}

package/dist/modal.css

@@ -1 +1 @@
-._modal_473c6ef{width:auto;height:auto}
+@layer tcn-system{:where(._modal_473c6ef){width:auto;height:auto}}

package/dist/multi_combo_box.css

@@ -1 +1 @@
-._multi-combo-box-container_9528df3{gap:1px}
+@layer tcn-system{._multi-combo-box-container_9528df3{gap:1px}}

package/dist/multiselect.css

@@ -1 +1 @@
-._multiselect-container_009951a{gap:1px}
+@layer tcn-system{:where(._multiselect-container_009951a){gap:1px}}