@tcn/ui 0.14.0 → 0.16.0

package/dist/column.css

@@ -1 +1 @@
-@layer tcn-system{:where(._column_ce05462){min-width:250px;height:100%;min-height:100%}:where(._column-stack_80b940b){gap:8px;padding:8px;width:100%;height:100%}:where(._column_ce05462:after){content:"";position:absolute;bottom:var(--padding);top:var(--padding);right:0;width:1px;background-color:#ddd}:where(._column_ce05462:last-child:after){display:none}:where(.h-stack>._column_ce05462[data-width=default]){width:auto;flex-basis:auto;flex-grow:0;flex-shrink:0}}
+@layer tcn-system{:where(._column_f14ce93){height:100%;min-height:100%;width:auto;min-width:0;flex-grow:0}:where(._column_f14ce93[data-width=fill]){flex-grow:1;width:0}}

package/dist/inputs/multiselect/multiselect_inline_values.js

@@ -1,4 +1,4 @@
-import { jsxs as p, jsx as r, Fragment as c } from "react/jsx-runtime";
+import { jsxs as n, jsx as r, Fragment as c } from "react/jsx-runtime";
 import { s as e } from "../../multiselect_values.module-BMJOyYHe.js";
 import { CrossIcon as a } from "@tcn/icons/cross_icon.js";
 import "../../actions/button/base_button/base_button.js";
@@ -11,12 +11,14 @@ import "../../tokens/badge/badge.js";
 import "../../tokens/bubble/bubble.js";
 import m from "clsx";
 import "../../stacks/h_stack.js";
-function v({
+import "../../value.module-DFaCouFD.js";
+import "../../tokens/term/term.js";
+function A({
   values: o,
   disabled: s,
-  onRemove: l
+  onRemove: p
 }) {
-  const t = o.map((i, n) => /* @__PURE__ */ p(
+  const t = o.map((i, l) => /* @__PURE__ */ n(
     u,
     {
       hAlign: "start",
@@ -33,18 +35,18 @@ function v({
             hierarchy: "tertiary",
             className: m(e.remove, "tcn-multiselect-chip-remove"),
             onClick: () => {
-              l(i);
+              p(i);
             },
             children: /* @__PURE__ */ r(a, { size: "xs" })
           }
         )
       ]
     },
-    n
+    l
   ));
   return t.length === 0 ? null : /* @__PURE__ */ r(c, { children: t });
 }
 export {
-  v as MultiselectInlineValues
+  A as MultiselectInlineValues
 };
 //# sourceMappingURL=multiselect_inline_values.js.map

package/dist/inputs/multiselect/multiselect_inline_values.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect_inline_values.js","sources":["../../../src/inputs/multiselect/multiselect_inline_values.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './multiselect_values.module.css';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\nimport { SlimButton } from '../../actions/index.js';\nimport { OptionProps } from '../options/option.js';\nimport { Chip } from '../../tokens/index.js';\nimport clsx from 'clsx';\n\nexport interface MultiselectInlineValuesProps {\n  values: React.ReactElement<OptionProps>[];\n  disabled: boolean;\n  onRemove: (value: React.ReactElement<OptionProps>) => void;\n}\n\nexport function MultiselectInlineValues({\n  values,\n  disabled,\n  onRemove,\n}: MultiselectInlineValuesProps) {\n  const items = values.map((v, index) => {\n    return (\n      <Chip\n        hAlign=\"start\"\n        className={clsx(styles.chip, 'tcn-multiselect-chip')}\n        key={index}\n        paddingInlineStart=\"8px\"\n        width=\"auto\"\n      >\n        <span>{v.props.label}</span>\n        <SlimButton\n          disabled={disabled}\n          size=\"sm\"\n          hierarchy=\"tertiary\"\n          className={clsx(styles.remove, 'tcn-multiselect-chip-remove')}\n          onClick={() => {\n            onRemove(v);\n          }}\n        >\n          <CrossIcon size=\"xs\" />\n        </SlimButton>\n      </Chip>\n    );\n  });\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return <>{items}</>;\n}\n"],"names":["MultiselectInlineValues","values","disabled","onRemove","items","v","index","jsxs","Chip","clsx","styles","jsx","SlimButton","CrossIcon"],"mappings":";;;;;;;;;;;;;AAcO,SAASA,EAAwB;AAAA,EACtC,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,GAAiC;AAC/B,QAAMC,IAAQH,EAAO,IAAI,CAACI,GAAGC,MAEzB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAWC,EAAKC,EAAO,MAAM,sBAAsB;AAAA,MAEnD,oBAAmB;AAAA,MACnB,OAAM;AAAA,MAEN,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAN,EAAE,MAAM,OAAM;AAAA,QACrB,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAAV;AAAA,YACA,MAAK;AAAA,YACL,WAAU;AAAA,YACV,WAAWO,EAAKC,EAAO,QAAQ,6BAA6B;AAAA,YAC5D,SAAS,MAAM;AACb,cAAAP,EAASE,CAAC;AAAA,YACZ;AAAA,YAEA,UAAA,gBAAAM,EAACE,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB;AAAA,IAAA;AAAA,IAfKP;AAAA,EAAA,CAkBV;AAED,SAAIF,EAAM,WAAW,IACZ,8BAGC,UAAAA,EAAA,CAAM;AAClB;"}
+{"version":3,"file":"multiselect_inline_values.js","sources":["../../../src/inputs/multiselect/multiselect_inline_values.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './multiselect_values.module.css';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\nimport { SlimButton } from '../../actions/index.js';\nimport { OptionProps } from '../options/option.js';\nimport { Chip } from '../../tokens/index.js';\nimport clsx from 'clsx';\n\nexport interface MultiselectInlineValuesProps {\n  values: React.ReactElement<OptionProps>[];\n  disabled: boolean;\n  onRemove: (value: React.ReactElement<OptionProps>) => void;\n}\n\nexport function MultiselectInlineValues({\n  values,\n  disabled,\n  onRemove,\n}: MultiselectInlineValuesProps) {\n  const items = values.map((v, index) => {\n    return (\n      <Chip\n        hAlign=\"start\"\n        className={clsx(styles.chip, 'tcn-multiselect-chip')}\n        key={index}\n        paddingInlineStart=\"8px\"\n        width=\"auto\"\n      >\n        <span>{v.props.label}</span>\n        <SlimButton\n          disabled={disabled}\n          size=\"sm\"\n          hierarchy=\"tertiary\"\n          className={clsx(styles.remove, 'tcn-multiselect-chip-remove')}\n          onClick={() => {\n            onRemove(v);\n          }}\n        >\n          <CrossIcon size=\"xs\" />\n        </SlimButton>\n      </Chip>\n    );\n  });\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return <>{items}</>;\n}\n"],"names":["MultiselectInlineValues","values","disabled","onRemove","items","v","index","jsxs","Chip","clsx","styles","jsx","SlimButton","CrossIcon"],"mappings":";;;;;;;;;;;;;;;AAcO,SAASA,EAAwB;AAAA,EACtC,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,GAAiC;AAC/B,QAAMC,IAAQH,EAAO,IAAI,CAACI,GAAGC,MAEzB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAWC,EAAKC,EAAO,MAAM,sBAAsB;AAAA,MAEnD,oBAAmB;AAAA,MACnB,OAAM;AAAA,MAEN,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAN,EAAE,MAAM,OAAM;AAAA,QACrB,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAAV;AAAA,YACA,MAAK;AAAA,YACL,WAAU;AAAA,YACV,WAAWO,EAAKC,EAAO,QAAQ,6BAA6B;AAAA,YAC5D,SAAS,MAAM;AACb,cAAAP,EAASE,CAAC;AAAA,YACZ;AAAA,YAEA,UAAA,gBAAAM,EAACE,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB;AAAA,IAAA;AAAA,IAfKP;AAAA,EAAA,CAkBV;AAED,SAAIF,EAAM,WAAW,IACZ,8BAGC,UAAAA,EAAA,CAAM;AAClB;"}

package/dist/inputs/multiselect/multiselect_values.js

@@ -11,7 +11,9 @@ import { Chip as u } from "../../tokens/chip/chip.js";
 import "../../tokens/badge/badge.js";
 import "../../tokens/bubble/bubble.js";
 import "../../stacks/h_stack.js";
-function k({
+import "../../value.module-DFaCouFD.js";
+import "../../tokens/term/term.js";
+function B({
   values: s,
   disabled: e,
   className: l,
@@ -57,6 +59,6 @@ function k({
   );
 }
 export {
-  k as MultiselectValues
+  B as MultiselectValues
 };
 //# sourceMappingURL=multiselect_values.js.map

package/dist/inputs/multiselect/multiselect_values.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect_values.js","sources":["../../../src/inputs/multiselect/multiselect_values.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './multiselect_values.module.css';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\nimport { OptionProps } from '../options/option.js';\nimport { SlimButton } from '../../actions/index.js';\nimport { Chip } from '../../tokens/index.js';\n\nexport interface MultiselectValueProps {\n  values: React.ReactElement<OptionProps>[];\n  disabled: boolean;\n  onRemove: (value: React.ReactElement<OptionProps>) => void;\n  className?: string;\n}\n\nexport function MultiselectValues({\n  values,\n  disabled,\n  className,\n  onRemove,\n}: MultiselectValueProps) {\n  const items = values.map((v, index) => {\n    return (\n      <Chip\n        hAlign=\"start\"\n        color=\"rgb(57, 85, 120)\"\n        className={clsx(styles.chip, 'tcn-multiselect-chip')}\n        key={index}\n        paddingInlineStart=\"8px\"\n      >\n        <span>{v.props.label}</span>\n        <SlimButton\n          disabled={disabled}\n          size=\"sm\"\n          hierarchy=\"tertiary\"\n          className={clsx(styles.remove, 'tcn-multiselect-chip-remove')}\n          onClick={() => {\n            onRemove(v);\n          }}\n        >\n          <CrossIcon size=\"xs\" />\n        </SlimButton>\n      </Chip>\n    );\n  });\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles['item-container'],\n        className,\n        'tcn-multiselect-values-container'\n      )}\n      data-is-disabled={disabled}\n    >\n      {items}\n    </div>\n  );\n}\n"],"names":["MultiselectValues","values","disabled","className","onRemove","items","v","index","jsxs","Chip","clsx","styles","jsx","SlimButton","CrossIcon"],"mappings":";;;;;;;;;;;;;AAeO,SAASA,EAAkB;AAAA,EAChC,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAA0B;AACxB,QAAMC,IAAQJ,EAAO,IAAI,CAACK,GAAGC,MAEzB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAM;AAAA,MACN,WAAWC,EAAKC,EAAO,MAAM,sBAAsB;AAAA,MAEnD,oBAAmB;AAAA,MAEnB,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAN,EAAE,MAAM,OAAM;AAAA,QACrB,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAAX;AAAA,YACA,MAAK;AAAA,YACL,WAAU;AAAA,YACV,WAAWQ,EAAKC,EAAO,QAAQ,6BAA6B;AAAA,YAC5D,SAAS,MAAM;AACb,cAAAP,EAASE,CAAC;AAAA,YACZ;AAAA,YAEA,UAAA,gBAAAM,EAACE,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB;AAAA,IAAA;AAAA,IAdKP;AAAA,EAAA,CAiBV;AAED,SAAIF,EAAM,WAAW,IACZ,OAIP,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACTC,EAAO,gBAAgB;AAAA,QACvBR;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,oBAAkBD;AAAA,MAEjB,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"multiselect_values.js","sources":["../../../src/inputs/multiselect/multiselect_values.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './multiselect_values.module.css';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\nimport { OptionProps } from '../options/option.js';\nimport { SlimButton } from '../../actions/index.js';\nimport { Chip } from '../../tokens/index.js';\n\nexport interface MultiselectValueProps {\n  values: React.ReactElement<OptionProps>[];\n  disabled: boolean;\n  onRemove: (value: React.ReactElement<OptionProps>) => void;\n  className?: string;\n}\n\nexport function MultiselectValues({\n  values,\n  disabled,\n  className,\n  onRemove,\n}: MultiselectValueProps) {\n  const items = values.map((v, index) => {\n    return (\n      <Chip\n        hAlign=\"start\"\n        color=\"rgb(57, 85, 120)\"\n        className={clsx(styles.chip, 'tcn-multiselect-chip')}\n        key={index}\n        paddingInlineStart=\"8px\"\n      >\n        <span>{v.props.label}</span>\n        <SlimButton\n          disabled={disabled}\n          size=\"sm\"\n          hierarchy=\"tertiary\"\n          className={clsx(styles.remove, 'tcn-multiselect-chip-remove')}\n          onClick={() => {\n            onRemove(v);\n          }}\n        >\n          <CrossIcon size=\"xs\" />\n        </SlimButton>\n      </Chip>\n    );\n  });\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles['item-container'],\n        className,\n        'tcn-multiselect-values-container'\n      )}\n      data-is-disabled={disabled}\n    >\n      {items}\n    </div>\n  );\n}\n"],"names":["MultiselectValues","values","disabled","className","onRemove","items","v","index","jsxs","Chip","clsx","styles","jsx","SlimButton","CrossIcon"],"mappings":";;;;;;;;;;;;;;;AAeO,SAASA,EAAkB;AAAA,EAChC,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAA0B;AACxB,QAAMC,IAAQJ,EAAO,IAAI,CAACK,GAAGC,MAEzB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAM;AAAA,MACN,WAAWC,EAAKC,EAAO,MAAM,sBAAsB;AAAA,MAEnD,oBAAmB;AAAA,MAEnB,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAN,EAAE,MAAM,OAAM;AAAA,QACrB,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAAX;AAAA,YACA,MAAK;AAAA,YACL,WAAU;AAAA,YACV,WAAWQ,EAAKC,EAAO,QAAQ,6BAA6B;AAAA,YAC5D,SAAS,MAAM;AACb,cAAAP,EAASE,CAAC;AAAA,YACZ;AAAA,YAEA,UAAA,gBAAAM,EAACE,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACvB;AAAA,IAAA;AAAA,IAdKP;AAAA,EAAA,CAiBV;AAED,SAAIF,EAAM,WAAW,IACZ,OAIP,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACTC,EAAO,gBAAgB;AAAA,QACvBR;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,oBAAkBD;AAAA,MAEjB,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/layouts/containers/columns/column.d.ts

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

package/dist/layouts/containers/columns/column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../src/layouts/containers/columns/column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGtE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE/D,eAAO,MAAM,MAAM,iFAcjB,CAAC"}

package/dist/layouts/containers/columns/column.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sources":["../../../../src/layouts/containers/columns/column.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport styles from './column.module.css';\n\nexport interface ColumnProps extends Omit<VStackProps, 'as'> {}\n\nexport const Column = React.forwardRef<HTMLElement, ColumnProps>(function Column(\n  { children, className, ...props }: ColumnProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx('tcn-column', styles['column'], className)}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Column","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;gDAOaA,IAASC,EAAM,WAAqC,SAC/D,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,EAAK,cAAcC,EAAO,QAAWN,CAAS;AAAA,MACxD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/containers/columns/columns.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { RailProps } from '../rail.js';
+export interface ColumnsProps extends Omit<RailProps, 'as'> {
+}
+export declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=columns.d.ts.map

package/dist/layouts/containers/columns/columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/layouts/containers/columns/columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,OAAO,kFASlB,CAAC"}

package/dist/layouts/containers/columns/columns.js

@@ -0,0 +1,11 @@
+import { jsx as f } from "react/jsx-runtime";
+import n from "react";
+import { clsx as s } from "clsx";
+import { Rail as c } from "../rail.js";
+const p = n.forwardRef(function({ children: o, className: r, ...m }, t) {
+  return /* @__PURE__ */ f(c, { ref: t, className: s("tcn-columns", r), ...m, children: o });
+});
+export {
+  p as Columns
+};
+//# sourceMappingURL=columns.js.map

package/dist/layouts/containers/columns/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sources":["../../../../src/layouts/containers/columns/columns.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Rail, type RailProps } from '../rail.js';\n\nexport interface ColumnsProps extends Omit<RailProps, 'as'> {}\n\nexport const Columns = React.forwardRef<HTMLElement, ColumnsProps>(function Columns(\n  { children, className, ...props }: ColumnsProps,\n  ref\n) {\n  return (\n    <Rail ref={ref} className={clsx('tcn-columns', className)} {...props}>\n      {children}\n    </Rail>\n  );\n});\n"],"names":["Columns","React","children","className","props","ref","jsx","Rail","clsx"],"mappings":";;;;AAMO,MAAMA,IAAUC,EAAM,WAAsC,SACjE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAK,KAAAF,GAAU,WAAWG,EAAK,eAAeL,CAAS,GAAI,GAAGC,GAC5D,UAAAF,EAAA,CACH;AAEJ,CAAC;"}

package/dist/layouts/index.d.ts

@@ -1,4 +1,4 @@
-export * from './column/column.js';
+export { Column, type ColumnProps } from './containers/columns/column.js';
 export * from './divider/divider.js';
 export * from './grid/grid.js';
 export * from './list/item.js';
@@ -11,13 +11,11 @@ export { Header, type HeaderProps } from './header/header.js';
 export { UtilityBar, type UtilityBarProps } from './utility_bar/utility_bar.js';
 export { Group, type GroupProps } from './group/group.js';
 export { Bar, type BarProps } from './bar/bar.js';
-export { Row } from './row/row.js';
-export { Section } from './section/section.js';
-export { Heading, type HeadingOwnProps } from './section/heading.js';
+export { Section, Heading, Detail, type HeadingOwnProps } from './section/index.js';
 export { Responsive, type ResponsiveProps } from './responsive/responsive.js';
 export { Breakpoint, type BreakpointProps } from './responsive/breakpoint.js';
 export { TTable, THead, TBody, TFoot, TR, TH, TD } from './table/table.js';
 export { Rail, type RailProps } from './containers/rail.js';
-export { Side, type SideProps } from './containers/side/side.js';
+export { Columns, type ColumnsProps } from './containers/columns/columns.js';
 export { UtilityStrip, type UtilityStripProps, } from './containers/utility_strip/utility_strip.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,6CAA6C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC1E,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,6CAA6C,CAAC"}

package/dist/layouts/index.js

@@ -1,45 +1,45 @@
-import { Column as e } from "./column/column.js";
+import { Column as e } from "./containers/columns/column.js";
 import { Divider as p } from "./divider/divider.js";
-import { Grid as m } from "./grid/grid.js";
+import { Grid as f } from "./grid/grid.js";
 import { Item as i } from "./list/item.js";
 import { List as d } from "./list/list.js";
-import { SidebarEnd as S } from "./sidebar_end/sidebar_end.js";
-import { SidebarStart as n } from "./sidebar_start/sidebar_start.js";
-import { Scaffold as H } from "./containers/scaffold.js";
+import { SidebarEnd as T } from "./sidebar_end/sidebar_end.js";
+import { SidebarStart as S } from "./sidebar_start/sidebar_start.js";
+import { Scaffold as B } from "./containers/scaffold.js";
 import { Footer as b } from "./footer/footer.js";
 import { Header as y } from "./header/header.js";
-import { UtilityBar as u } from "./utility_bar/utility_bar.js";
-import { Group as D } from "./group/group.js";
-import { Bar as G } from "./bar/bar.js";
-import { Row as g } from "./row/row.js";
-import { Section as w } from "./section/section.js";
-import { Heading as E } from "./section/heading.js";
-import { Responsive as L } from "./responsive/responsive.js";
-import { Breakpoint as j } from "./responsive/breakpoint.js";
+import { UtilityBar as R } from "./utility_bar/utility_bar.js";
+import { Group as v } from "./group/group.js";
+import { Bar as F } from "./bar/bar.js";
+import { Section as U } from "./section/section.js";
+import { Heading as k } from "./section/heading.js";
+import { Detail as I } from "./section/detail.js";
+import { Responsive as h } from "./responsive/responsive.js";
+import { Breakpoint as q } from "./responsive/breakpoint.js";
 import { TBody as z, TD as A, TFoot as J, TH as K, THead as M, TR as N, TTable as O } from "./table/table.js";
 import { Rail as Q } from "./containers/rail.js";
-import { Side as W } from "./containers/side/side.js";
+import { Columns as W } from "./containers/columns/columns.js";
 import { UtilityStrip as Y } from "./containers/utility_strip/utility_strip.js";
 export {
-  G as Bar,
-  j as Breakpoint,
+  F as Bar,
+  q as Breakpoint,
   e as Column,
+  W as Columns,
+  I as Detail,
   p as Divider,
   b as Footer,
-  m as Grid,
-  D as Group,
+  f as Grid,
+  v as Group,
   y as Header,
-  E as Heading,
+  k as Heading,
   i as Item,
   d as List,
   Q as Rail,
-  L as Responsive,
-  g as Row,
-  H as Scaffold,
-  w as Section,
-  W as Side,
-  S as SidebarEnd,
-  n as SidebarStart,
+  h as Responsive,
+  B as Scaffold,
+  U as Section,
+  T as SidebarEnd,
+  S as SidebarStart,
   z as TBody,
   A as TD,
   J as TFoot,
@@ -47,7 +47,7 @@ export {
   M as THead,
   N as TR,
   O as TTable,
-  u as UtilityBar,
+  R as UtilityBar,
   Y as UtilityStrip
 };
 //# sourceMappingURL=index.js.map

package/dist/layouts/section/detail.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { VStackProps } from '../../stacks/v_stack.js';
+export declare const Detail: React.ForwardRefExoticComponent<VStackProps<HTMLElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=detail.d.ts.map

package/dist/layouts/section/detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail.d.ts","sourceRoot":"","sources":["../../../src/layouts/section/detail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,eAAO,MAAM,MAAM,iGASjB,CAAC"}

package/dist/layouts/section/detail.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { clsx as f } from "clsx";
+import { VStack as i } from "../../stacks/v_stack.js";
+const d = m.forwardRef(function({ children: t, className: r, ...o }, a) {
+  return /* @__PURE__ */ e(i, { ref: a, className: f(r, "tcn-detail"), ...o, children: t });
+});
+export {
+  d as Detail
+};
+//# sourceMappingURL=detail.js.map

package/dist/layouts/section/detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail.js","sources":["../../../src/layouts/section/detail.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\n\nexport const Detail = React.forwardRef<HTMLDivElement, VStackProps>(function Detail(\n  { children, className, ...props },\n  ref\n) {\n  return (\n    <VStack ref={ref} className={clsx(className, 'tcn-detail')} {...props}>\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Detail","React","children","className","props","ref","jsx","VStack","clsx"],"mappings":";;;;AAIO,MAAMA,IAASC,EAAM,WAAwC,SAClE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,WAAWG,EAAKL,GAAW,YAAY,GAAI,GAAGC,GAC7D,UAAAF,EAAA,CACH;AAEJ,CAAC;"}

package/dist/layouts/section/heading.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "clsx";
 import { HStack as a } from "../../stacks/h_stack.js";
-import { s as e } from "../../section.module-0wyGkhDg.js";
+import { s as e } from "../../section.module-BXlxYmJK.js";
 const f = ({ children: r, className: o, ...t }) => /* @__PURE__ */ m(a, { className: s(o, e.heading, "tcn-heading"), ...t, children: r });
 export {
   f as Heading

package/dist/layouts/section/index.d.ts

@@ -0,0 +1,4 @@
+export { Section } from './section.js';
+export { Heading, type HeadingOwnProps } from './heading.js';
+export { Detail } from './detail.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/layouts/section/index.js

@@ -0,0 +1,9 @@
+import { Section as r } from "./section.js";
+import { Heading as f } from "./heading.js";
+import { Detail as m } from "./detail.js";
+export {
+  m as Detail,
+  f as Heading,
+  r as Section
+};
+//# sourceMappingURL=index.js.map

package/dist/layouts/section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/layouts/section/section.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import n from "react";
 import { clsx as f } from "clsx";
 import { VStack as a } from "../../stacks/v_stack.js";
-import { s as p } from "../../section.module-0wyGkhDg.js";
+import { s as p } from "../../section.module-BXlxYmJK.js";
 const _ = n.forwardRef(function({ children: t, className: o, hAlign: r = "start", as: c = "section", style: s, ...e }, i) {
   return /* @__PURE__ */ m(
     a,

package/dist/section.css

@@ -1 +1 @@
-@layer tcn-system{:where(._section_0d82329){position:relative}:where(._heading_7bf5e47){position:sticky;height:23px;z-index:4;padding-inline-end:8px;-webkit-user-select:none;user-select:none}:where(._section_0d82329>._heading_7bf5e47){top:0;padding-inline:8px 8px;z-index:3}:where(._section_0d82329>._section_0d82329>._heading_7bf5e47){top:30px;padding-inline:12px 8px;z-index:2}:where(._section_0d82329>._section_0d82329>._section_0d82329>._heading_7bf5e47){top:60px;padding-inline:16px 8px;z-index:1}:where(._section_0d82329>._section_0d82329>._section_0d82329>._section_0d82329>._heading_7bf5e47){top:90px;padding-inline:20px 8px;z-index:0}._section_0d82329>:not(._heading_7bf5e47,._section_0d82329){padding-inline-end:8px}}
+@layer tcn-system{:where(._section_0d82329){position:relative}}

package/dist/section.module-BXlxYmJK.js

@@ -0,0 +1,5 @@
+import './section.css';const s = "_section_0d82329", t = { section: s };
+export {
+  t as s
+};
+//# sourceMappingURL=section.module-BXlxYmJK.js.map

package/dist/section.module-BXlxYmJK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.module-BXlxYmJK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/surfaces/pop_confirm/pop_confirm.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { clsx as c } from "clsx";
 import e from "react";
-import "../../layouts/column/column.js";
+import "../../layouts/containers/columns/column.js";
 import "../../divider.module-FptFV0PX.js";
 import "../../layouts/grid/grid.js";
 import "../../layouts/list/item.js";
@@ -14,10 +14,10 @@ import "../../layouts/header/header.js";
 import "../../layouts/utility_bar/utility_bar.js";
 import "../../layouts/group/group.js";
 import "../../layouts/bar/bar.js";
-import "../../layouts/row/row.js";
 import "../../layouts/section/section.js";
 import "../../stacks/h_stack.js";
-import "../../section.module-0wyGkhDg.js";
+import "../../section.module-BXlxYmJK.js";
+import "../../layouts/section/detail.js";
 import "../../utils/hooks/use_resize_observer.js";
 import "../../table.module-BtSxOntS.js";
 import "../../stacks/box/box.js";
@@ -27,7 +27,7 @@ import "../../stacks/v_collapsible_box.js";
 import "../../stacks/v_stack.js";
 import "../../stacks/z_stack.js";
 import "../../layouts/containers/rail.js";
-import "../../layouts/containers/side/side.js";
+import "../../layouts/containers/columns/columns.js";
 import "../../layouts/containers/utility_strip/utility_strip.js";
 import { PopperDismissal as a } from "../../overlay/popper/base/dismissal_decorator.js";
 import { ElementPopper as s } from "../../overlay/popper/element_popper.js";

package/dist/term.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._term_52494f3){padding-block:4px}:where(._term_52494f3)>:where(._tcn-key_46ec5e1){flex-shrink:0}:where(._term_52494f3)>:where(._tcn-value_865b381){flex:1;min-width:0}}

package/dist/themes/build_stylesheet.d.ts

@@ -0,0 +1,2 @@
+export declare function buildStyleSheet(parts: string[]): CSSStyleSheet;
+//# sourceMappingURL=build_stylesheet.d.ts.map

package/dist/themes/build_stylesheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build_stylesheet.d.ts","sourceRoot":"","sources":["../../src/themes/build_stylesheet.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,CAI9D"}

package/dist/themes/build_stylesheet.js

@@ -0,0 +1,9 @@
+function n(t) {
+  const e = new CSSStyleSheet();
+  return e.replaceSync(t.join(`
+`)), e;
+}
+export {
+  n as buildStyleSheet
+};
+//# sourceMappingURL=build_stylesheet.js.map

package/dist/themes/build_stylesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build_stylesheet.js","sources":["../../src/themes/build_stylesheet.ts"],"sourcesContent":["export function buildStyleSheet(parts: string[]): CSSStyleSheet {\n  const sheet = new CSSStyleSheet();\n  sheet.replaceSync(parts.join('\\n'));\n  return sheet;\n}\n"],"names":["buildStyleSheet","parts","sheet"],"mappings":"AAAO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAQ,IAAI,cAAA;AAClB,SAAAA,EAAM,YAAYD,EAAM,KAAK;AAAA,CAAI,CAAC,GAC3BC;AACT;"}

package/dist/themes/theme_variables.d.ts

@@ -62,5 +62,12 @@ export declare const theme: {
         success: string;
         failed: string;
     };
+    actionSeverity: {
+        dangerous: string;
+        cautious: string;
+        neutral: string;
+        suggested: string;
+        encouraged: string;
+    };
 };
 //# sourceMappingURL=theme_variables.d.ts.map

package/dist/themes/theme_variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme_variables.d.ts","sourceRoot":"","sources":["../../src/themes/theme_variables.ts"],"names":[],"mappings":"AAqEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWjB,CAAC"}
+{"version":3,"file":"theme_variables.d.ts","sourceRoot":"","sources":["../../src/themes/theme_variables.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjB,CAAC"}

package/dist/themes/theme_variables.js

@@ -16,6 +16,12 @@ const r = {
   pending: "var(--async-color-pending)",
   success: "var(--async-color-success)",
   failed: "var(--async-color-failed)"
+}, t = {
+  dangerous: "var(--action-severity-dangerous)",
+  cautious: "var(--action-severity-cautious)",
+  neutral: "var(--action-severity-neutral)",
+  suggested: "var(--action-severity-suggested)",
+  encouraged: "var(--action-severity-encouraged)"
 }, c = {
   primary: {
     faint: "var(--primary-color-faint)",
@@ -37,33 +43,34 @@ const r = {
     normal: "var(--quaternary-color)",
     strong: "var(--quaternary-color-strong)"
   }
-}, t = {
+}, s = {
   color: "var(--font-color)",
   family: "var(--font-family)",
   size: "var(--font-size)"
-}, s = {
+}, e = {
   primary: "var(--background-color-primary)",
   secondary: "var(--background-color-secondary)",
   tertiary: "var(--background-color-tertiary)",
   quaternary: "var(--background-color-quaternary)"
-}, l = {
+}, i = {
   primary: "var(--foreground-color-primary)",
   secondary: "var(--foreground-color-secondary)",
   tertiary: "var(--foreground-color-tertiary)",
   quaternary: "var(--foreground-color-quaternary)"
-}, e = {
+}, l = {
   scalar: "var(--scalar)",
-  backgroundColors: s,
-  foregroundColors: l,
+  backgroundColors: e,
+  foregroundColors: i,
   gap: r,
   padding: a,
-  font: t,
+  font: s,
   colors: c,
   accentColor: "var(--accent-color)",
   statusColors: o,
-  asyncColors: n
+  asyncColors: n,
+  actionSeverity: t
 };
 export {
-  e as theme
+  l as theme
 };
 //# sourceMappingURL=theme_variables.js.map

package/dist/themes/theme_variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_variables.js","sources":["../../src/themes/theme_variables.ts"],"sourcesContent":["const gap = {\n  sm: 'var(--gap-small)',\n  md: 'var(--gap-medium)',\n  lg: 'var(--gap-large)',\n};\n\nconst padding = {\n  sm: 'var(--padding-small)',\n  md: 'var(--padding-medium)',\n  lg: 'var(--padding-large)',\n};\n\nconst statusColors = {\n  disabled: 'var(--status-color-disabled)',\n  info: 'var(--status-color-info)',\n  warning: 'var(--status-color-warning)',\n  error: 'var(--status-color-error)',\n};\n\nconst asyncColors = {\n  initial: 'var(--async-color-initial)',\n  pending: 'var(--async-color-pending)',\n  success: 'var(--async-color-success)',\n  failed: 'var(--async-color-failed)',\n};\n\nconst colors = {\n  primary: {\n    faint: 'var(--primary-color-faint)',\n    normal: 'var(--primary-color)',\n    strong: 'var(--primary-color-strong)',\n  },\n  secondary: {\n    faint: 'var(--secondary-color-faint)',\n    normal: 'var(--secondary-color)',\n    strong: 'var(--secondary-color-strong)',\n  },\n  tertiary: {\n    faint: 'var(--tertiary-color-faint)',\n    normal: 'var(--tertiary-color)',\n    strong: 'var(--tertiary-color-strong)',\n  },\n  quaternary: {\n    faint: 'var(--quaternary-color-faint)',\n    normal: 'var(--quaternary-color)',\n    strong: 'var(--quaternary-color-strong)',\n  },\n};\n\nconst font = {\n  color: 'var(--font-color)',\n  family: 'var(--font-family)',\n  size: 'var(--font-size)',\n};\n\nconst backgroundColors = {\n  primary: 'var(--background-color-primary)',\n  secondary: 'var(--background-color-secondary)',\n  tertiary: 'var(--background-color-tertiary)',\n  quaternary: 'var(--background-color-quaternary)',\n};\n\nconst foregroundColors = {\n  primary: 'var(--foreground-color-primary)',\n  secondary: 'var(--foreground-color-secondary)',\n  tertiary: 'var(--foreground-color-tertiary)',\n  quaternary: 'var(--foreground-color-quaternary)',\n};\n\nexport const theme = {\n  scalar: 'var(--scalar)',\n  backgroundColors,\n  foregroundColors,\n  gap,\n  padding,\n  font,\n  colors,\n  accentColor: 'var(--accent-color)',\n  statusColors,\n  asyncColors,\n};\n"],"names":["gap","padding","statusColors","asyncColors","colors","font","backgroundColors","foregroundColors","theme"],"mappings":"AAAA,MAAMA,IAAM;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAU;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT,GAEMC,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAEMC,IAAS;AAAA,EACb,SAAS;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEV,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEV,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEZ,GAEMC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,GAEMC,IAAmB;AAAA,EACvB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AACd,GAEMC,IAAmB;AAAA,EACvB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AACd,GAEaC,IAAQ;AAAA,EACnB,QAAQ;AAAA,EACR,kBAAAF;AAAA,EACA,kBAAAC;AAAA,EACA,KAAAP;AAAA,EACA,SAAAC;AAAA,EACA,MAAAI;AAAA,EACA,QAAAD;AAAA,EACA,aAAa;AAAA,EACb,cAAAF;AAAA,EACA,aAAAC;AACF;"}
+{"version":3,"file":"theme_variables.js","sources":["../../src/themes/theme_variables.ts"],"sourcesContent":["const gap = {\n  sm: 'var(--gap-small)',\n  md: 'var(--gap-medium)',\n  lg: 'var(--gap-large)',\n};\n\nconst padding = {\n  sm: 'var(--padding-small)',\n  md: 'var(--padding-medium)',\n  lg: 'var(--padding-large)',\n};\n\nconst statusColors = {\n  disabled: 'var(--status-color-disabled)',\n  info: 'var(--status-color-info)',\n  warning: 'var(--status-color-warning)',\n  error: 'var(--status-color-error)',\n};\n\nconst asyncColors = {\n  initial: 'var(--async-color-initial)',\n  pending: 'var(--async-color-pending)',\n  success: 'var(--async-color-success)',\n  failed: 'var(--async-color-failed)',\n};\n\nconst actionSeverity = {\n  dangerous: 'var(--action-severity-dangerous)',\n  cautious: 'var(--action-severity-cautious)',\n  neutral: 'var(--action-severity-neutral)',\n  suggested: 'var(--action-severity-suggested)',\n  encouraged: 'var(--action-severity-encouraged)',\n};\n\nconst colors = {\n  primary: {\n    faint: 'var(--primary-color-faint)',\n    normal: 'var(--primary-color)',\n    strong: 'var(--primary-color-strong)',\n  },\n  secondary: {\n    faint: 'var(--secondary-color-faint)',\n    normal: 'var(--secondary-color)',\n    strong: 'var(--secondary-color-strong)',\n  },\n  tertiary: {\n    faint: 'var(--tertiary-color-faint)',\n    normal: 'var(--tertiary-color)',\n    strong: 'var(--tertiary-color-strong)',\n  },\n  quaternary: {\n    faint: 'var(--quaternary-color-faint)',\n    normal: 'var(--quaternary-color)',\n    strong: 'var(--quaternary-color-strong)',\n  },\n};\n\nconst font = {\n  color: 'var(--font-color)',\n  family: 'var(--font-family)',\n  size: 'var(--font-size)',\n};\n\nconst backgroundColors = {\n  primary: 'var(--background-color-primary)',\n  secondary: 'var(--background-color-secondary)',\n  tertiary: 'var(--background-color-tertiary)',\n  quaternary: 'var(--background-color-quaternary)',\n};\n\nconst foregroundColors = {\n  primary: 'var(--foreground-color-primary)',\n  secondary: 'var(--foreground-color-secondary)',\n  tertiary: 'var(--foreground-color-tertiary)',\n  quaternary: 'var(--foreground-color-quaternary)',\n};\n\nexport const theme = {\n  scalar: 'var(--scalar)',\n  backgroundColors,\n  foregroundColors,\n  gap,\n  padding,\n  font,\n  colors,\n  accentColor: 'var(--accent-color)',\n  statusColors,\n  asyncColors,\n  actionSeverity,\n};\n"],"names":["gap","padding","statusColors","asyncColors","actionSeverity","colors","font","backgroundColors","foregroundColors","theme"],"mappings":"AAAA,MAAMA,IAAM;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAU;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT,GAEMC,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAEMC,IAAiB;AAAA,EACrB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAEMC,IAAS;AAAA,EACb,SAAS;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEV,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEV,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEZ,GAEMC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,GAEMC,IAAmB;AAAA,EACvB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AACd,GAEMC,IAAmB;AAAA,EACvB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AACd,GAEaC,IAAQ;AAAA,EACnB,QAAQ;AAAA,EACR,kBAAAF;AAAA,EACA,kBAAAC;AAAA,EACA,KAAAR;AAAA,EACA,SAAAC;AAAA,EACA,MAAAK;AAAA,EACA,QAAAD;AAAA,EACA,aAAa;AAAA,EACb,cAAAH;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF;"}