@tcn/ui 0.0.2 → 0.0.4

package/dist/inputs/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../src/inputs/switch/switch.tsx"],"sourcesContent":["import React, { useRef, useState, HTMLAttributes, ChangeEvent } from 'react';\nimport { useForkRef } from '../../utils/index.js';\nimport classnames from 'classnames';\nimport styles from './switch.module.css';\nimport { CheckIcon } from '@tcn/icons/check_icon.js';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\n\nexport interface SwitchProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {\n  checked?: boolean;\n  backgroundColor?: string;\n  inputRef?: React.Ref<HTMLInputElement>;\n  disabled?: boolean;\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  omitIcons?: boolean;\n}\n\nexport const Switch = React.forwardRef(function Switch(\n  {\n    checked,\n    backgroundColor: onColor,\n    style,\n    className,\n    inputRef,\n    omitIcons = false,\n    onChange,\n    ...props\n  }: SwitchProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [isFocused, setIsFocused] = useState(false);\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n  const customStyles: any = {};\n\n  function blur(event: React.FocusEvent<HTMLInputElement>) {\n    props.onBlur && props.onBlur(event);\n    setIsFocused(false);\n  }\n\n  function focus(event: React.FocusEvent<HTMLInputElement>) {\n    props.onFocus && props.onFocus(event);\n    setIsFocused(true);\n  }\n\n  if (onColor != null) {\n    customStyles['--accent-color'] = onColor;\n  }\n\n  const Icon = checked ? CheckIcon : CrossIcon;\n\n  return (\n    <div\n      ref={ref}\n      data-focused={isFocused}\n      data-is-checked={Boolean(checked)}\n      data-is-disabled={props.disabled || false}\n      data-width=\"fixed\"\n      className={classnames(styles['switch-wrapper'], className, 'switch-wrapper')}\n    >\n      {!omitIcons && (\n        <Icon\n          className={classnames(styles['switch-icon'], 'switch-icon')}\n          data-is-checked={checked}\n        />\n      )}\n      <input\n        ref={forkedInputRef}\n        type=\"checkbox\"\n        className={classnames(styles.switch, 'switch')}\n        onBlur={blur}\n        onFocus={focus}\n        style={{ ...style, ...customStyles }}\n        checked={checked}\n        data-is-disabled={props.disabled || false}\n        onChange={e => {\n          onChange && onChange(Boolean(e.currentTarget.checked), e);\n        }}\n        {...props}\n      />\n    </div>\n  );\n});\n"],"names":["Switch","React","checked","onColor","style","className","inputRef","omitIcons","onChange","props","ref","isFocused","setIsFocused","useState","internalInputRef","useRef","forkedInputRef","useForkRef","customStyles","blur","event","focus","Icon","CheckIcon","CrossIcon","jsxs","classnames","styles","jsx","e"],"mappings":";;;;;;;;;;kJAgBaA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,SAAAC;AAAA,EACA,iBAAiBC;AAAA,EACjB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAmBC,EAAgC,IAAI,GACvDC,IAAiBC,EAAWX,GAAUQ,CAAgB,GACtDI,IAAoB,CAAA;AAE1B,WAASC,EAAKC,GAA2C;AACvD,IAAAX,EAAM,UAAUA,EAAM,OAAOW,CAAK,GAClCR,EAAa,EAAK;AAAA,EACpB;AAEA,WAASS,EAAMD,GAA2C;AACxD,IAAAX,EAAM,WAAWA,EAAM,QAAQW,CAAK,GACpCR,EAAa,EAAI;AAAA,EACnB;AAEA,EAAIT,KAAW,SACbe,EAAa,gBAAgB,IAAIf;AAGnC,QAAMmB,IAAOpB,IAAUqB,IAAYC;AAEnC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAf;AAAA,MACA,gBAAcC;AAAA,MACd,mBAAiB,EAAQT;AAAA,MACzB,oBAAkBO,EAAM,YAAY;AAAA,MACpC,cAAW;AAAA,MACX,WAAWiB,EAAWC,EAAO,gBAAgB,GAAGtB,GAAW,gBAAgB;AAAA,MAE1E,UAAA;AAAA,QAAA,CAACE,KACA,gBAAAqB;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,WAAWI,EAAWC,EAAO,aAAa,GAAG,aAAa;AAAA,YAC1D,mBAAiBzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrB,gBAAA0B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,MAAK;AAAA,YACL,WAAWU,EAAWC,EAAO,QAAQ,QAAQ;AAAA,YAC7C,QAAQR;AAAA,YACR,SAASE;AAAA,YACT,OAAO,EAAE,GAAGjB,GAAO,GAAGc,EAAA;AAAA,YACtB,SAAAhB;AAAA,YACA,oBAAkBO,EAAM,YAAY;AAAA,YACpC,UAAU,CAAAoB,MAAK;AACb,cAAArB,KAAYA,EAAS,EAAQqB,EAAE,cAAc,SAAUA,CAAC;AAAA,YAC1D;AAAA,YACC,GAAGpB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"switch.js","sources":["../../../src/inputs/switch/switch.tsx"],"sourcesContent":["import React, { useRef, useState, HTMLAttributes, ChangeEvent } from 'react';\nimport { useForkRef } from '../../utils/index.js';\nimport { clsx } from 'clsx';\nimport styles from './switch.module.css';\nimport { CheckIcon } from '@tcn/icons/check_icon.js';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\n\nexport interface SwitchProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {\n  checked?: boolean;\n  backgroundColor?: string;\n  inputRef?: React.Ref<HTMLInputElement>;\n  disabled?: boolean;\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  omitIcons?: boolean;\n}\n\nexport const Switch = React.forwardRef(function Switch(\n  {\n    checked,\n    backgroundColor: onColor,\n    style,\n    className,\n    inputRef,\n    omitIcons = false,\n    onChange,\n    ...props\n  }: SwitchProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [isFocused, setIsFocused] = useState(false);\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n  const customStyles: any = {};\n\n  function blur(event: React.FocusEvent<HTMLInputElement>) {\n    props.onBlur && props.onBlur(event);\n    setIsFocused(false);\n  }\n\n  function focus(event: React.FocusEvent<HTMLInputElement>) {\n    props.onFocus && props.onFocus(event);\n    setIsFocused(true);\n  }\n\n  if (onColor != null) {\n    customStyles['--accent-color'] = onColor;\n  }\n\n  const Icon = checked ? CheckIcon : CrossIcon;\n\n  return (\n    <div\n      ref={ref}\n      data-focused={isFocused}\n      data-is-checked={Boolean(checked)}\n      data-is-disabled={props.disabled || false}\n      data-width=\"fixed\"\n      className={clsx(styles['switch-wrapper'], className, 'switch-wrapper')}\n    >\n      {!omitIcons && (\n        <Icon\n          className={clsx(styles['switch-icon'], 'switch-icon')}\n          data-is-checked={checked}\n        />\n      )}\n      <input\n        ref={forkedInputRef}\n        type=\"checkbox\"\n        className={clsx(styles.switch, 'switch')}\n        onBlur={blur}\n        onFocus={focus}\n        style={{ ...style, ...customStyles }}\n        checked={checked}\n        data-is-disabled={props.disabled || false}\n        onChange={e => {\n          onChange && onChange(Boolean(e.currentTarget.checked), e);\n        }}\n        {...props}\n      />\n    </div>\n  );\n});\n"],"names":["Switch","React","checked","onColor","style","className","inputRef","omitIcons","onChange","props","ref","isFocused","setIsFocused","useState","internalInputRef","useRef","forkedInputRef","useForkRef","customStyles","blur","event","focus","Icon","CheckIcon","CrossIcon","jsxs","clsx","styles","jsx","e"],"mappings":";;;;;;;;;;kJAgBaA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,SAAAC;AAAA,EACA,iBAAiBC;AAAA,EACjB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAmBC,EAAgC,IAAI,GACvDC,IAAiBC,EAAWX,GAAUQ,CAAgB,GACtDI,IAAoB,CAAA;AAE1B,WAASC,EAAKC,GAA2C;AACvD,IAAAX,EAAM,UAAUA,EAAM,OAAOW,CAAK,GAClCR,EAAa,EAAK;AAAA,EACpB;AAEA,WAASS,EAAMD,GAA2C;AACxD,IAAAX,EAAM,WAAWA,EAAM,QAAQW,CAAK,GACpCR,EAAa,EAAI;AAAA,EACnB;AAEA,EAAIT,KAAW,SACbe,EAAa,gBAAgB,IAAIf;AAGnC,QAAMmB,IAAOpB,IAAUqB,IAAYC;AAEnC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAf;AAAA,MACA,gBAAcC;AAAA,MACd,mBAAiB,EAAQT;AAAA,MACzB,oBAAkBO,EAAM,YAAY;AAAA,MACpC,cAAW;AAAA,MACX,WAAWiB,EAAKC,EAAO,gBAAgB,GAAGtB,GAAW,gBAAgB;AAAA,MAEpE,UAAA;AAAA,QAAA,CAACE,KACA,gBAAAqB;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,WAAWI,EAAKC,EAAO,aAAa,GAAG,aAAa;AAAA,YACpD,mBAAiBzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrB,gBAAA0B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,MAAK;AAAA,YACL,WAAWU,EAAKC,EAAO,QAAQ,QAAQ;AAAA,YACvC,QAAQR;AAAA,YACR,SAASE;AAAA,YACT,OAAO,EAAE,GAAGjB,GAAO,GAAGc,EAAA;AAAA,YACtB,SAAAhB;AAAA,YACA,oBAAkBO,EAAM,YAAY;AAAA,YACpC,UAAU,CAAAoB,MAAK;AACb,cAAArB,KAAYA,EAAS,EAAQqB,EAAE,cAAc,SAAUA,CAAC;AAAA,YAC1D;AAAA,YACC,GAAGpB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/inputs/textarea/textarea.js

@@ -1,16 +1,16 @@
 import { jsx as l } from "react/jsx-runtime";
-import m from "classnames";
-import f from "react";
-import '../../textarea.css';const i = "_textarea_8286394", n = { textarea: i }, p = f.forwardRef(function({ className: r, width: s, height: o, style: x, onChange: a, ...e }, c) {
+import { clsx as f } from "clsx";
+import i from "react";
+import '../../textarea.css';const m = "_textarea_8286394", n = { textarea: m }, p = i.forwardRef(function({ className: r, width: s, height: o, style: x, onChange: t, ...e }, c) {
   return /* @__PURE__ */ l(
     "textarea",
     {
       style: { width: s, height: o, ...x },
-      className: m(r, n.textarea, "textarea"),
+      className: f(r, n.textarea, "textarea"),
       "data-is-disabled": e.disabled || !1,
       ref: c,
-      onChange: (t) => {
-        a && a(t.currentTarget.value, t);
+      onChange: (a) => {
+        t && t(a.currentTarget.value, a);
       },
       ...e
     }

package/dist/inputs/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sources":["../../../src/inputs/textarea/textarea.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport { HTMLAttributes } from 'react';\nimport styles from './textarea.module.css';\n\nexport interface TextareaProps\n  extends Omit<HTMLAttributes<HTMLTextAreaElement>, 'onChange'> {\n  value?: string;\n  width?: string;\n  height?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nexport const Textarea = React.forwardRef(function Textarea(\n  { className, width, height, style, onChange, ...props }: TextareaProps,\n  ref: React.Ref<HTMLTextAreaElement>\n) {\n  return (\n    <textarea\n      style={{ width, height, ...style }}\n      className={classnames(className, styles.textarea, 'textarea')}\n      data-is-disabled={props.disabled || false}\n      ref={ref}\n      onChange={e => {\n        onChange && onChange(e.currentTarget.value, e);\n      }}\n      {...props}\n    />\n  );\n});\n"],"names":["Textarea","React","className","width","height","style","onChange","props","ref","jsx","classnames","styles","e"],"mappings":";;;oDAeaA,IAAWC,EAAM,WAAW,SACvC,EAAE,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAChDC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,OAAAN,GAAO,QAAAC,GAAQ,GAAGC,EAAA;AAAA,MAC3B,WAAWK,EAAWR,GAAWS,EAAO,UAAU,UAAU;AAAA,MAC5D,oBAAkBJ,EAAM,YAAY;AAAA,MACpC,KAAAC;AAAA,MACA,UAAU,CAAAI,MAAK;AACb,QAAAN,KAAYA,EAASM,EAAE,cAAc,OAAOA,CAAC;AAAA,MAC/C;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"textarea.js","sources":["../../../src/inputs/textarea/textarea.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { HTMLAttributes } from 'react';\nimport styles from './textarea.module.css';\n\nexport interface TextareaProps\n  extends Omit<HTMLAttributes<HTMLTextAreaElement>, 'onChange'> {\n  value?: string;\n  width?: string;\n  height?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nexport const Textarea = React.forwardRef(function Textarea(\n  { className, width, height, style, onChange, ...props }: TextareaProps,\n  ref: React.Ref<HTMLTextAreaElement>\n) {\n  return (\n    <textarea\n      style={{ width, height, ...style }}\n      className={clsx(className, styles.textarea, 'textarea')}\n      data-is-disabled={props.disabled || false}\n      ref={ref}\n      onChange={e => {\n        onChange && onChange(e.currentTarget.value, e);\n      }}\n      {...props}\n    />\n  );\n});\n"],"names":["Textarea","React","className","width","height","style","onChange","props","ref","jsx","clsx","styles","e"],"mappings":";;;oDAeaA,IAAWC,EAAM,WAAW,SACvC,EAAE,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAChDC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,OAAAN,GAAO,QAAAC,GAAQ,GAAGC,EAAA;AAAA,MAC3B,WAAWK,EAAKR,GAAWS,EAAO,UAAU,UAAU;AAAA,MACtD,oBAAkBJ,EAAM,YAAY;AAAA,MACpC,KAAAC;AAAA,MACA,UAAU,CAAAI,MAAK;AACb,QAAAN,KAAYA,EAASM,EAAE,cAAc,OAAOA,CAAC;AAAA,MAC/C;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

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.d.ts.map

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

package/dist/layouts/body/h_body.js

@@ -1,20 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
-import { HStack as m } from "../../stacks/h_stack.js";
-import c from "react";
-import f from "classnames";
-import '../../h_body.css';const y = "_h-body_d56f4f1", a = { "h-body": y }, p = c.forwardRef(function({ children: o, className: t, ...r }, s) {
-  return /* @__PURE__ */ d(
-    m,
+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: s,
-      as: "section",
-      className: f(a["h-body"], t, "h-body", "body"),
-      ...r,
+      as: "div",
+      overflowX: r,
+      className: y(n["h-body"], t, "tcn-h-body", "body"),
+      ...d,
       children: o
     }
   );
 });
 export {
-  p as HBody
+  l as HBody
 };
 //# sourceMappingURL=h_body.js.map

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, ...props }: HBodyProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"section\"\n      className={classNames(styles['h-body'], className, 'h-body', 'body')}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HBody","React","children","className","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;kDAOaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQ,GAAGN,GAAW,UAAU,MAAM;AAAA,MAClE,GAAGC;AAAA,MAEH,UAAAF;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.d.ts.map

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

package/dist/layouts/body/v_body.js

@@ -1,20 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { VStack as m } from "../../stacks/v_stack.js";
-import c from "react";
-import y from "classnames";
-import '../../v_body.css';const a = "_v-body_d8f1917", e = { "v-body": a }, v = c.forwardRef(function({ children: o, className: t, ...r }, s) {
-  return /* @__PURE__ */ d(
+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: s,
-      as: "section",
-      className: y(e["v-body"], t, "v-body", "body"),
-      ...r,
+      ref: c,
+      as: "div",
+      overflowY: r,
+      className: f(a["v-body"], t, "tcn-body", "tcn-v-body"),
+      ...d,
       children: o
     }
   );
 });
 export {
-  v as VBody
+  l as VBody
 };
 //# sourceMappingURL=v_body.js.map

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, ...props }: VBodyProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={classNames(styles['v-body'], className, 'v-body', 'body')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VBody","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;kDAOaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWC,EAAO,QAAQ,GAAGN,GAAW,UAAU,MAAM;AAAA,MAClE,GAAGC;AAAA,MAEH,UAAAF;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.d.ts

@@ -1,6 +1,6 @@
-import { Emphasis, Size } from '../../utils/index.js';
-import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
 import { default as React, CSSProperties } from 'react';
+import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
+import { Emphasis, Size } from '../../utils/index.js';
 export type DividerOrientation = {
     horizontal?: boolean;
     vertical?: never;

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,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,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"}
+{"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"}

package/dist/layouts/divider/divider.js

@@ -1,45 +1,46 @@
 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", s = { 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: a = "full",
-  style: x,
-  horizontal: n,
+  thickness: d = "sm",
+  length: e = "full",
+  style: _,
+  horizontal: s,
   vertical: y,
-  width: o,
-  height: l,
-  className: d,
+  width: l,
+  height: o,
+  className: t,
   children: v,
   ...c
 }) => {
-  const t = n ? "horizontal" : "vertical", m = {
-    "--divider-width": o,
-    "--divider-height": l
+  const a = s ? "horizontal" : "vertical", m = {
+    "--divider-width": l,
+    "--divider-height": o
   };
   return /* @__PURE__ */ h(
     "div",
     {
       "data-emphasis": i,
-      "data-thickness": e,
-      "data-length": a,
-      "data-orientation": t,
-      className: r(s.divider, "divider", d),
+      "data-thickness": d,
+      "data-length": e,
+      "data-orientation": a,
+      className: r(n.divider, "divider", "tcn-divider", t),
       ...c,
       children: [
         /* @__PURE__ */ f(
           "div",
           {
             "data-emphasis": i,
-            "data-thickness": e,
-            "data-length": a,
-            "data-orientation": t,
+            "data-thickness": d,
+            "data-length": e,
+            "data-orientation": a,
             style: m,
             className: r(
-              s["divider-line"],
+              n["divider-line"],
               "divider-line",
+              "tcn-divider-line",
               "material",
-              d
+              t
             )
           }
         ),

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

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../src/layouts/divider/divider.tsx"],"sourcesContent":["import { Emphasis, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport classnames from 'classnames';\nimport React, { CSSProperties } from 'react';\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', 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          '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,WAAWP,CAAS;AAAA,MAC5D,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,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.d.ts

@@ -1,5 +1,5 @@
-import { HStackProps } from '../../stacks/h_stack.js';
 import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
 import { Hierarchy, Size } from '../../utils/index.js';
 export interface FooterProps extends Omit<HStackProps, 'as' | 'children'> {
     hierarchy?: Hierarchy;

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}

package/dist/layouts/footer/footer.js

@@ -1,14 +1,14 @@
-import { jsx as f } from "react/jsx-runtime";
-import { HStack as c } from "../../stacks/h_stack.js";
-import m from "classnames";
-import i from "react";
-import '../../footer.css';const n = "_footer_4a43c3e", d = { footer: n }, x = i.forwardRef(function({ hierarchy: o = "secondary", size: r = "md", children: t, className: e, ...a }, s) {
-  return /* @__PURE__ */ f(
-    c,
+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 }, 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"),
+      className: m(d.footer, e, "footer", "tcn-footer"),
       "data-hierarchy": o,
       "data-size": r,
       ...a,
@@ -17,6 +17,6 @@ import '../../footer.css';const n = "_footer_4a43c3e", d = { footer: n }, x = i.
   );
 });
 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 { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './footer.module.css';\nimport type { Hierarchy, Size } from '../../utils/index.js';\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')}\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,QAAQ;AAAA,MACxD,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.d.ts

@@ -1,5 +1,5 @@
-import { HStackProps } from '../../stacks/h_stack.js';
 import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
 import { Hierarchy, Size } from '../../utils/index.js';
 export interface HeaderProps extends Omit<HStackProps, 'as'> {
     hierarchy?: Hierarchy;

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/layouts/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAwBjB,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/layouts/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAwBjB,CAAC"}