@tcn/ui 0.0.3 → 0.0.4

package/dist/inputs/unit_input/unit_input.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import y, { useRef as k } from "react";
-import o from "classnames";
+import { clsx as o } from "clsx";
 import "../../utils/focus_redirect.js";
 import "../../utils/click_away_listener.js";
 import "../../utils/scroll_away_listener.js";
@@ -22,8 +22,8 @@ const O = y.forwardRef(function({
   inputRef: b,
   unitRef: x,
   disabled: c,
-  ...N
-}, R) {
+  ...R
+}, N) {
   const a = k(null), S = E(b, a);
   function I(e, u) {
     if (u == null)
@@ -41,10 +41,10 @@ const O = y.forwardRef(function({
   return /* @__PURE__ */ g(
     V,
     {
-      ref: R,
+      ref: N,
       className: o(s["unit-input"], "unit-input"),
       height: "auto",
-      ...N,
+      ...R,
       children: [
         /* @__PURE__ */ l(w, { width: "flex", children: /* @__PURE__ */ l(
           h,

package/dist/inputs/unit_input/unit_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"unit_input.js","sources":["../../../src/inputs/unit_input/unit_input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport { Input } from '../input/input.js';\nimport { Select } from '../select/select.js';\nimport { OptionProps } from '../options/option.js';\nimport styles from './unit_input.module.css';\n\nimport { ZStack } from '../../stacks/z_stack.js';\n\nfunction getDisplayValue(value: string) {\n  return value\n    .replace(/[^.\\d-]/g, '') // Remove invalid characters\n    .replace(/(?!^)-/g, '') // Ensure `-` only at the start\n    .replace(/(\\..*?)\\.+/g, '$1'); // Allow only one dot\n}\n\nexport interface UnitInputProps extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: number | null;\n  unit?: string;\n  children: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n  onChange?: (value: number | null, unit: string) => void;\n  inputRef?: React.Ref<HTMLInputElement>;\n  unitRef?: React.Ref<HTMLButtonElement>;\n  disabled?: boolean;\n}\n\nexport const UnitInput = React.forwardRef(function UnitInput(\n  {\n    value,\n    unit,\n    children,\n    onChange,\n    inputRef,\n    unitRef,\n    disabled,\n    ...props\n  }: UnitInputProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const internalInputRef = useRef<HTMLInputElement>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n\n  function valueHandler(value: string, event?: React.ChangeEvent<HTMLInputElement>) {\n    if (event == null) {\n      return;\n    }\n\n    const input = event.currentTarget;\n    const cursorPosition = input.selectionStart || 0;\n    const displayValue = getDisplayValue(value);\n    const potentialValue = Number(displayValue);\n\n    input.value = displayValue;\n\n    if (displayValue.length < value.length) {\n      input.setSelectionRange(cursorPosition - 1, cursorPosition - 1);\n    }\n\n    if (displayValue === '') {\n      onChange && onChange(null, unit || '');\n    } else if (!isNaN(potentialValue)) {\n      onChange && onChange(potentialValue, unit || '');\n    }\n  }\n\n  function unitHandler(unit: string) {\n    const input = internalInputRef.current;\n    if (input == null) {\n      return;\n    }\n\n    const potentialValue = Number(input.value);\n    if (isNaN(potentialValue)) {\n      onChange && onChange(null, unit);\n    } else {\n      onChange && onChange(potentialValue, unit);\n    }\n  }\n\n  return (\n    <HStack\n      ref={ref}\n      className={classNames(styles['unit-input'], 'unit-input')}\n      height=\"auto\"\n      {...props}\n    >\n      <ZStack width=\"flex\">\n        <Input\n          className={classNames(styles['unit-input-number'], 'unit-input-number')}\n          ref={forkedInputRef}\n          onChange={valueHandler}\n          disabled={disabled}\n          style={{\n            borderEndEndRadius: 0,\n            borderStartEndRadius: 0,\n            textAlign: 'start',\n          }}\n        />\n      </ZStack>\n      <Select\n        className={classNames(styles['unit-input-select'], 'unit-input-select')}\n        ref={unitRef}\n        width=\"auto\"\n        value={unit}\n        onChange={unitHandler}\n        disabled={disabled}\n        style={{ borderStartStartRadius: 0, borderEndStartRadius: 0 }}\n      >\n        {children}\n      </Select>\n    </HStack>\n  );\n});\n"],"names":["getDisplayValue","value","UnitInput","React","unit","children","onChange","inputRef","unitRef","disabled","props","ref","internalInputRef","useRef","forkedInputRef","useForkRef","valueHandler","event","input","cursorPosition","displayValue","potentialValue","unitHandler","jsxs","HStack","classNames","styles","jsx","ZStack","Input","Select"],"mappings":";;;;;;;;;;;;;AAWA,SAASA,EAAgBC,GAAe;AACtC,SAAOA,EACJ,QAAQ,YAAY,EAAE,EACtB,QAAQ,WAAW,EAAE,EACrB,QAAQ,eAAe,IAAI;AAChC;AAYO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,OAAAF;AAAA,EACA,MAAAG;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWR,GAAUK,CAAgB;AAE5D,WAASI,EAAaf,GAAegB,GAA6C;AAChF,QAAIA,KAAS;AACX;AAGF,UAAMC,IAAQD,EAAM,eACdE,IAAiBD,EAAM,kBAAkB,GACzCE,IAAepB,EAAgBC,CAAK,GACpCoB,IAAiB,OAAOD,CAAY;AAE1C,IAAAF,EAAM,QAAQE,GAEVA,EAAa,SAASnB,EAAM,UAC9BiB,EAAM,kBAAkBC,IAAiB,GAAGA,IAAiB,CAAC,GAG5DC,MAAiB,KACnBd,KAAYA,EAAS,MAAMF,KAAQ,EAAE,IAC3B,MAAMiB,CAAc,KAC9Bf,KAAYA,EAASe,GAAgBjB,KAAQ,EAAE;AAAA,EAEnD;AAEA,WAASkB,EAAYlB,GAAc;AACjC,UAAMc,IAAQN,EAAiB;AAC/B,QAAIM,KAAS;AACX;AAGF,UAAMG,IAAiB,OAAOH,EAAM,KAAK;AACzC,IAAI,MAAMG,CAAc,IACtBf,KAAYA,EAAS,MAAMF,CAAI,IAE/BE,KAAYA,EAASe,GAAgBjB,CAAI;AAAA,EAE7C;AAEA,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAWC,EAAO,YAAY,GAAG,YAAY;AAAA,MACxD,QAAO;AAAA,MACN,GAAGhB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAiB,EAACC,GAAA,EAAO,OAAM,QACZ,UAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWJ,EAAWC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,YACtE,KAAKZ;AAAA,YACL,UAAUE;AAAA,YACV,UAAAP;AAAA,YACA,OAAO;AAAA,cACL,oBAAoB;AAAA,cACpB,sBAAsB;AAAA,cACtB,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAkB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWL,EAAWC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,YACtE,KAAKlB;AAAA,YACL,OAAM;AAAA,YACN,OAAOJ;AAAA,YACP,UAAUkB;AAAA,YACV,UAAAb;AAAA,YACA,OAAO,EAAE,wBAAwB,GAAG,sBAAsB,EAAA;AAAA,YAEzD,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"unit_input.js","sources":["../../../src/inputs/unit_input/unit_input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { clsx } from 'clsx';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport { Input } from '../input/input.js';\nimport { Select } from '../select/select.js';\nimport { OptionProps } from '../options/option.js';\nimport styles from './unit_input.module.css';\n\nimport { ZStack } from '../../stacks/z_stack.js';\n\nfunction getDisplayValue(value: string) {\n  return value\n    .replace(/[^.\\d-]/g, '') // Remove invalid characters\n    .replace(/(?!^)-/g, '') // Ensure `-` only at the start\n    .replace(/(\\..*?)\\.+/g, '$1'); // Allow only one dot\n}\n\nexport interface UnitInputProps extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: number | null;\n  unit?: string;\n  children: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n  onChange?: (value: number | null, unit: string) => void;\n  inputRef?: React.Ref<HTMLInputElement>;\n  unitRef?: React.Ref<HTMLButtonElement>;\n  disabled?: boolean;\n}\n\nexport const UnitInput = React.forwardRef(function UnitInput(\n  {\n    value,\n    unit,\n    children,\n    onChange,\n    inputRef,\n    unitRef,\n    disabled,\n    ...props\n  }: UnitInputProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const internalInputRef = useRef<HTMLInputElement>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n\n  function valueHandler(value: string, event?: React.ChangeEvent<HTMLInputElement>) {\n    if (event == null) {\n      return;\n    }\n\n    const input = event.currentTarget;\n    const cursorPosition = input.selectionStart || 0;\n    const displayValue = getDisplayValue(value);\n    const potentialValue = Number(displayValue);\n\n    input.value = displayValue;\n\n    if (displayValue.length < value.length) {\n      input.setSelectionRange(cursorPosition - 1, cursorPosition - 1);\n    }\n\n    if (displayValue === '') {\n      onChange && onChange(null, unit || '');\n    } else if (!isNaN(potentialValue)) {\n      onChange && onChange(potentialValue, unit || '');\n    }\n  }\n\n  function unitHandler(unit: string) {\n    const input = internalInputRef.current;\n    if (input == null) {\n      return;\n    }\n\n    const potentialValue = Number(input.value);\n    if (isNaN(potentialValue)) {\n      onChange && onChange(null, unit);\n    } else {\n      onChange && onChange(potentialValue, unit);\n    }\n  }\n\n  return (\n    <HStack\n      ref={ref}\n      className={clsx(styles['unit-input'], 'unit-input')}\n      height=\"auto\"\n      {...props}\n    >\n      <ZStack width=\"flex\">\n        <Input\n          className={clsx(styles['unit-input-number'], 'unit-input-number')}\n          ref={forkedInputRef}\n          onChange={valueHandler}\n          disabled={disabled}\n          style={{\n            borderEndEndRadius: 0,\n            borderStartEndRadius: 0,\n            textAlign: 'start',\n          }}\n        />\n      </ZStack>\n      <Select\n        className={clsx(styles['unit-input-select'], 'unit-input-select')}\n        ref={unitRef}\n        width=\"auto\"\n        value={unit}\n        onChange={unitHandler}\n        disabled={disabled}\n        style={{ borderStartStartRadius: 0, borderEndStartRadius: 0 }}\n      >\n        {children}\n      </Select>\n    </HStack>\n  );\n});\n"],"names":["getDisplayValue","value","UnitInput","React","unit","children","onChange","inputRef","unitRef","disabled","props","ref","internalInputRef","useRef","forkedInputRef","useForkRef","valueHandler","event","input","cursorPosition","displayValue","potentialValue","unitHandler","jsxs","HStack","clsx","styles","jsx","ZStack","Input","Select"],"mappings":";;;;;;;;;;;;;AAWA,SAASA,EAAgBC,GAAe;AACtC,SAAOA,EACJ,QAAQ,YAAY,EAAE,EACtB,QAAQ,WAAW,EAAE,EACrB,QAAQ,eAAe,IAAI;AAChC;AAYO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,OAAAF;AAAA,EACA,MAAAG;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWR,GAAUK,CAAgB;AAE5D,WAASI,EAAaf,GAAegB,GAA6C;AAChF,QAAIA,KAAS;AACX;AAGF,UAAMC,IAAQD,EAAM,eACdE,IAAiBD,EAAM,kBAAkB,GACzCE,IAAepB,EAAgBC,CAAK,GACpCoB,IAAiB,OAAOD,CAAY;AAE1C,IAAAF,EAAM,QAAQE,GAEVA,EAAa,SAASnB,EAAM,UAC9BiB,EAAM,kBAAkBC,IAAiB,GAAGA,IAAiB,CAAC,GAG5DC,MAAiB,KACnBd,KAAYA,EAAS,MAAMF,KAAQ,EAAE,IAC3B,MAAMiB,CAAc,KAC9Bf,KAAYA,EAASe,GAAgBjB,KAAQ,EAAE;AAAA,EAEnD;AAEA,WAASkB,EAAYlB,GAAc;AACjC,UAAMc,IAAQN,EAAiB;AAC/B,QAAIM,KAAS;AACX;AAGF,UAAMG,IAAiB,OAAOH,EAAM,KAAK;AACzC,IAAI,MAAMG,CAAc,IACtBf,KAAYA,EAAS,MAAMF,CAAI,IAE/BE,KAAYA,EAASe,GAAgBjB,CAAI;AAAA,EAE7C;AAEA,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAKC,EAAO,YAAY,GAAG,YAAY;AAAA,MAClD,QAAO;AAAA,MACN,GAAGhB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAiB,EAACC,GAAA,EAAO,OAAM,QACZ,UAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWJ,EAAKC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,YAChE,KAAKZ;AAAA,YACL,UAAUE;AAAA,YACV,UAAAP;AAAA,YACA,OAAO;AAAA,cACL,oBAAoB;AAAA,cACpB,sBAAsB;AAAA,cACtB,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAkB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWL,EAAKC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,YAChE,KAAKlB;AAAA,YACL,OAAM;AAAA,YACN,OAAOJ;AAAA,YACP,UAAUkB;AAAA,YACV,UAAAb;AAAA,YACA,OAAO,EAAE,wBAAwB,GAAG,sBAAsB,EAAA;AAAA,YAEzD,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/layouts/body/h_body.js

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

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

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

package/dist/layouts/body/v_body.js

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

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

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

package/dist/layouts/column/column.js

@@ -1,39 +1,39 @@
-import { jsx as n } from "react/jsx-runtime";
-import t from "classnames";
-import N from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as t } from "clsx";
+import x from "react";
 import { Box as b } from "../../stacks/box/box.js";
 import { VStack as i } from "../../stacks/v_stack.js";
-import '../../column.css';const x = "_column_ce05462", C = "_column-stack_80b940b", r = { column: x, "column-stack": C }, z = N.forwardRef(function({
+import '../../column.css';const C = "_column_ce05462", N = "_column-stack_80b940b", r = { column: C, "column-stack": N }, z = x.forwardRef(function({
   children: l,
-  width: a,
-  height: u,
+  width: u,
+  height: a,
   minWidth: o,
   maxWidth: c,
-  minHeight: s,
-  maxHeight: m,
+  minHeight: m,
+  maxHeight: n,
   hAlign: e,
   vAlign: f = "start",
   className: k,
   ...p
 }, _) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     b,
     {
-      width: a,
-      height: u,
+      width: u,
+      height: a,
       minWidth: o,
       maxWidth: c,
-      minHeight: s,
-      maxHeight: m,
+      minHeight: m,
+      maxHeight: n,
       className: t(k, r.column, "column"),
       ...p,
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ s(
         i,
         {
           minWidth: o,
           maxWidth: c,
-          minHeight: s,
-          maxHeight: m,
+          minHeight: m,
+          maxHeight: n,
           hAlign: e,
           vAlign: f,
           ref: _,

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

@@ -1 +1 @@
-{"version":3,"file":"column.js","sources":["../../../src/layouts/column/column.tsx"],"sourcesContent":["import classNames from 'classnames';\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={classNames(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={classNames(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","classNames","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,EAAWL,GAAWM,EAAO,QAAW,QAAQ;AAAA,MAC1D,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,EAAWC,EAAO,cAAc,GAAG,cAAc;AAAA,UAC5D,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'], '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;"}

package/dist/layouts/divider/divider.js

@@ -1,10 +1,10 @@
 import { jsxs as h, jsx as f } from "react/jsx-runtime";
-import r from "classnames";
-import '../../divider.css';const p = "_divider_af0a0c6", _ = "_divider-line_cae0189", n = { divider: p, "divider-line": _ }, u = ({
+import { clsx as r } from "clsx";
+import '../../divider.css';const p = "_divider_af0a0c6", x = "_divider-line_cae0189", n = { divider: p, "divider-line": x }, u = ({
   emphasis: i = "normal",
-  thickness: e = "sm",
-  length: d = "full",
-  style: x,
+  thickness: d = "sm",
+  length: e = "full",
+  style: _,
   horizontal: s,
   vertical: y,
   width: l,
@@ -21,8 +21,8 @@ import '../../divider.css';const p = "_divider_af0a0c6", _ = "_divider-line_cae0
     "div",
     {
       "data-emphasis": i,
-      "data-thickness": e,
-      "data-length": d,
+      "data-thickness": d,
+      "data-length": e,
       "data-orientation": a,
       className: r(n.divider, "divider", "tcn-divider", t),
       ...c,
@@ -31,8 +31,8 @@ import '../../divider.css';const p = "_divider_af0a0c6", _ = "_divider-line_cae0
           "div",
           {
             "data-emphasis": i,
-            "data-thickness": e,
-            "data-length": d,
+            "data-thickness": d,
+            "data-length": e,
             "data-orientation": a,
             style: m,
             className: r(

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 classnames from 'classnames';\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={classnames(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={classnames(\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","classnames","styles","jsx"],"mappings":";;kGAmCaA,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,EAAWC,EAAO,SAAY,WAAW,eAAeP,CAAS;AAAA,MAC3E,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;AAAAA,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`], '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":";;kGAmCaA,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;"}

package/dist/layouts/footer/footer.js

@@ -1,12 +1,12 @@
-import { jsx as f } from "react/jsx-runtime";
-import c from "react";
-import m from "classnames";
+import { jsx as c } from "react/jsx-runtime";
+import s from "react";
+import { clsx as m } from "clsx";
 import { HStack as n } from "../../stacks/h_stack.js";
-import '../../footer.css';const i = "_footer_4a43c3e", d = { footer: i }, x = c.forwardRef(function({ hierarchy: o = "secondary", size: r = "md", children: t, className: e, ...a }, s) {
-  return /* @__PURE__ */ f(
+import '../../footer.css';const i = "_footer_4a43c3e", d = { footer: i }, u = s.forwardRef(function({ hierarchy: o = "secondary", size: r = "md", children: t, className: e, ...a }, f) {
+  return /* @__PURE__ */ c(
     n,
     {
-      ref: s,
+      ref: f,
       as: "footer",
       className: m(d.footer, e, "footer", "tcn-footer"),
       "data-hierarchy": o,
@@ -17,6 +17,6 @@ import '../../footer.css';const i = "_footer_4a43c3e", d = { footer: i }, x = c.
   );
 });
 export {
-  x as Footer
+  u as Footer
 };
 //# sourceMappingURL=footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../src/layouts/footer/footer.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './footer.module.css';\n\nexport interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children?: React.ReactNode;\n}\n\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(function Footer(\n  { hierarchy = 'secondary', size = 'md', children, className, ...props }: FooterProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"footer\"\n      className={classNames(styles.footer, className, 'footer', 'tcn-footer')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Footer","React","hierarchy","size","children","className","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D,EAAE,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAChEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQN,GAAW,UAAU,YAAY;AAAA,MACtE,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"footer.js","sources":["../../../src/layouts/footer/footer.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './footer.module.css';\n\nexport interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children?: React.ReactNode;\n}\n\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(function Footer(\n  { hierarchy = 'secondary', size = 'md', children, className, ...props }: FooterProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"footer\"\n      className={clsx(styles.footer, className, 'footer', 'tcn-footer')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Footer","React","hierarchy","size","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;gDAYaA,IAASC,EAAM,WAAqC,SAC/D,EAAE,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAChEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,QAAQN,GAAW,UAAU,YAAY;AAAA,MAChE,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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,+EAuFf,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,+EAkFf,CAAC"}

package/dist/layouts/grid/grid.js

@@ -1,16 +1,16 @@
 import { jsx as k } from "react/jsx-runtime";
-import q from "classnames";
+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: a = "div",
-  children: r,
-  style: l,
-  className: d,
+  as: l = "div",
+  children: e,
+  style: d,
+  className: a,
   itemHeight: m,
   itemWidth: o,
   columnAmount: i,
-  gap: e,
+  gap: r,
   rowGap: f,
   columnGap: p,
   padding: h,
@@ -24,21 +24,21 @@ import '../../grid.css';const B = "_grid_d0ae3e3", D = { grid: B }, L = c.forwar
   marginInline: w,
   marginBlock: C,
   marginInlineStart: G,
-  marginInlineEnd: N,
-  marginTop: R,
-  marginBottom: S,
-  zIndex: _,
-  ...j
-}, M) {
-  const P = a, U = c.Children.toArray(r).length, W = `repeat(auto-fill, ${o}px)`;
+  marginInlineEnd: R,
+  marginTop: S,
+  marginBottom: _,
+  zIndex: j,
+  ...M
+}, N) {
+  const P = l, U = c.Children.toArray(e).length, W = `repeat(auto-fill, ${o}px)`;
   let t;
   if (i) {
-    const s = Math.min(i, U), n = String(s * o) + "px";
-    e ? t = `calc(${n} + ${e} * ${s - 1})` : t = n;
+    const n = Math.min(i, U), s = String(n * o) + "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",
@@ -55,22 +55,13 @@ import '../../grid.css';const B = "_grid_d0ae3e3", D = { grid: B }, L = c.forwar
     marginInline: w,
     marginBlock: C,
     marginInlineStart: G,
-    marginInlineEnd: N,
-    marginTop: R,
-    marginBottom: S,
-    zIndex: _,
-    ...l
+    marginInlineEnd: R,
+    marginTop: S,
+    marginBottom: _,
+    zIndex: j,
+    ...d
   });
-  return /* @__PURE__ */ k(
-    P,
-    {
-      ref: M,
-      className: q(D.grid, d),
-      style: b,
-      ...j,
-      children: r
-    }
-  );
+  return /* @__PURE__ */ k(P, { ref: N, className: q(D.grid, a), 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 classNames from 'classnames';\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={classNames(styles.grid, className)}\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","classNames","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,EAAWC,EAAO,MAAMlC,CAAS;AAAA,MAC5C,OAAO8B;AAAA,MACN,GAAGR;AAAA,MAEH,UAAAxB;AAAA,IAAA;AAAA,EAAA;AAGP,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 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;"}

package/dist/layouts/header/header.js

@@ -1,30 +1,30 @@
 import { jsx as c } from "react/jsx-runtime";
 import m from "react";
-import f from "classnames";
+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 }, x = m.forwardRef(function({
+import '../../header.css';const n = "_header_3155fa4", i = { header: n }, H = m.forwardRef(function({
   hierarchy: e = "secondary",
-  height: a = "auto",
-  children: r,
+  height: r = "auto",
+  children: a,
   className: t,
   size: o = "md",
-  ...s
-}, d) {
+  ...d
+}, s) {
   return /* @__PURE__ */ c(
     h,
     {
-      ref: d,
+      ref: s,
       as: "header",
       className: f(i.header, t, "tcn-header", "header"),
       "data-hierarchy": e,
       "data-size": o,
-      height: a,
-      ...s,
-      children: r
+      height: r,
+      ...d,
+      children: a
     }
   );
 });
 export {
-  x as Header
+  H as Header
 };
 //# sourceMappingURL=header.js.map

package/dist/layouts/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../src/layouts/header/header.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './header.module.css';\n\n// UtilityBar\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={classNames(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","classNames","styles"],"mappings":";;;;gDAYaA,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,EAAWC,EAAO,QAAQP,GAAW,cAAc,QAAQ;AAAA,MACtE,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\n// UtilityBar\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":";;;;gDAYaA,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;"}

package/dist/layouts/list/item.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { HStack as s } from "../../stacks/h_stack.js";
-import f from "classnames";
-const u = a.forwardRef(function({ children: m, className: r, ...t }, o) {
-  return /* @__PURE__ */ e(s, { ref: o, as: "li", className: f("item", r), ...t, children: m });
+import f from "react";
+import { HStack as i } from "../../stacks/h_stack.js";
+import { clsx as a } from "clsx";
+const x = f.forwardRef(function({ children: r, className: t, ...m }, o) {
+  return /* @__PURE__ */ e(i, { ref: o, as: "li", className: a("item", t), ...m, children: r });
 });
 export {
-  u as Item
+  x as Item
 };
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/layouts/list/item.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classnames from 'classnames';\n\nexport interface ItemProps extends Omit<HStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Item = React.forwardRef<HTMLDivElement, ItemProps>(function Item(\n  { children, className, ...props }: ItemProps,\n  ref\n) {\n  return (\n    <HStack ref={ref} as=\"li\" className={classnames('item', className)} {...props}>\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Item","React","children","className","props","ref","jsx","HStack","classnames"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,IAAG,MAAK,WAAWG,EAAW,QAAQL,CAAS,GAAI,GAAGC,GACrE,UAAAF,EAAA,CACH;AAEJ,CAAC;"}
+{"version":3,"file":"item.js","sources":["../../../src/layouts/list/item.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport { clsx } from 'clsx';\n\nexport interface ItemProps extends Omit<HStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Item = React.forwardRef<HTMLDivElement, ItemProps>(function Item(\n  { children, className, ...props }: ItemProps,\n  ref\n) {\n  return (\n    <HStack ref={ref} as=\"li\" className={clsx('item', className)} {...props}>\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Item","React","children","className","props","ref","jsx","HStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,IAAG,MAAK,WAAWG,EAAK,QAAQL,CAAS,GAAI,GAAGC,GAC/D,UAAAF,EAAA,CACH;AAEJ,CAAC;"}

package/dist/layouts/list/list.js

@@ -1,14 +1,14 @@
-import { jsx as a } from "react/jsx-runtime";
-import e from "react";
-import f from "classnames";
+import { jsx as f } from "react/jsx-runtime";
+import a from "react";
+import { clsx as e } from "clsx";
 import { VStack as i } from "../../stacks/v_stack.js";
-const x = e.forwardRef(function({ children: o, className: r, isOrdered: t = !1, ...m }, s) {
-  return /* @__PURE__ */ a(
+const x = a.forwardRef(function({ children: o, className: r, isOrdered: t = !1, ...m }, s) {
+  return /* @__PURE__ */ f(
     i,
     {
       ref: s,
       as: t ? "ol" : "ul",
-      className: f("list", r),
+      className: e("list", r),
       ...m,
       children: o
     }

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/layouts/list/list.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\n\nexport interface ListProps extends Omit<VStackProps, 'as'> {\n  isOrdered?: boolean;\n}\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(function Item(\n  { children, className, isOrdered = false, ...props }: ListProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as={isOrdered ? 'ol' : 'ul'}\n      className={classnames('list', className)}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["List","React","children","className","isOrdered","props","ref","jsx","VStack","classnames"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,IAAO,GAAGC,EAAA,GAC7CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAIF,IAAY,OAAO;AAAA,MACvB,WAAWK,EAAW,QAAQN,CAAS;AAAA,MACtC,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"list.js","sources":["../../../src/layouts/list/list.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\n\nexport interface ListProps extends Omit<VStackProps, 'as'> {\n  isOrdered?: boolean;\n}\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(function Item(\n  { children, className, isOrdered = false, ...props }: ListProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as={isOrdered ? 'ol' : 'ul'}\n      className={clsx('list', className)}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["List","React","children","className","isOrdered","props","ref","jsx","VStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,IAAO,GAAGC,EAAA,GAC7CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAIF,IAAY,OAAO;AAAA,MACvB,WAAWK,EAAK,QAAQN,CAAS;AAAA,MAChC,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/sidebar_end/sidebar_end.js

@@ -1,16 +1,16 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Box as l } from "../../stacks/box/box.js";
-import { VStack as x } from "../../stacks/v_stack.js";
-import B from "classnames";
+import { Box as x } from "../../stacks/box/box.js";
+import { VStack as l } from "../../stacks/v_stack.js";
+import { clsx as B } from "clsx";
 import _ from "react";
-import '../../sidebar_end.css';const y = "_sidebarEndBox_25f69cc", N = "_sidebarEnd_cb253a2", c = { sidebarEndBox: y, sidebarEnd: N }, I = _.forwardRef(
+import '../../sidebar_end.css';const y = "_sidebarEndBox_25f69cc", S = "_sidebarEnd_cb253a2", c = { sidebarEndBox: y, sidebarEnd: S }, I = _.forwardRef(
   function({
     hierarchy: t = "secondary",
     children: b,
     width: r,
-    height: s,
-    minWidth: a,
-    maxWidth: o,
+    height: o,
+    minWidth: s,
+    maxWidth: a,
     minHeight: d,
     maxHeight: e,
     hAlign: i,
@@ -19,24 +19,24 @@ import '../../sidebar_end.css';const y = "_sidebarEndBox_25f69cc", N = "_sidebar
     ...E
   }, p) {
     return /* @__PURE__ */ n(
-      l,
+      x,
       {
         width: r,
-        height: s,
-        minWidth: a,
-        maxWidth: o,
+        height: o,
+        minWidth: s,
+        maxWidth: a,
         minHeight: d,
         maxHeight: e,
         className: c.sidebarEndBox,
         as: "section",
         ...E,
         children: /* @__PURE__ */ n(
-          x,
+          l,
           {
             width: r,
-            height: s,
-            minWidth: a,
-            maxWidth: o,
+            height: o,
+            minWidth: s,
+            maxWidth: a,
             minHeight: d,
             maxHeight: e,
             hAlign: i,

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 classNames from 'classnames';\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={classNames(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","classNames"],"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,EAAWF,EAAO,YAAYL,GAAW,aAAa;AAAA,YACjE,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={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;"}