@tcn/ui 0.8.1 → 0.10.0

package/dist/bar.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._bar_8fa8c58){width:100%;height:auto;min-height:0}}

package/dist/body.css

@@ -1 +1 @@
-@layer tcn-system{._body_42a1eac{min-height:0;flex-grow:1;width:100%;height:100%}:where(._tcn-main_5114d87){height:auto}}
+@layer tcn-system{._body_42a1eac{min-height:0;min-width:0;flex-grow:1;flex-shrink:unset}._h-body_cda9f1f{overflow-x:auto}._v-body_a12af62{overflow-y:auto}}

package/dist/body.module-BbFZ7KNP.js

@@ -0,0 +1,5 @@
+import './body.css';const o = "_body_42a1eac", d = "_h-body_cda9f1f", y = "_v-body_a12af62", s = { body: o, "h-body": d, "v-body": y };
+export {
+  s
+};
+//# sourceMappingURL=body.module-BbFZ7KNP.js.map

package/dist/body.module-BbFZ7KNP.js.map

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

package/dist/divider.css

@@ -1 +1 @@
-@layer tcn-system{:where(._divider_af0a0c6){display:flex;align-items:center;justify-content:center}:where(._divider-line_cae0189){background:var(--material-line, #aaa);border-radius:calc(4px * var(--scalar, 1))}:where(._divider-line_cae0189[data-emphasis=strong]){background:color-mix(in srgb,#aaa,black 20%)}:where(._divider-line_cae0189[data-emphasis=normal]){background:#aaa}:where(._divider-line_cae0189[data-emphasis=light]){background:color-mix(in srgb,#aaa,white 20%)}:where(._divider_af0a0c6[data-orientation=horizontal]){width:100%;height:auto}:where(._divider-line_cae0189[data-orientation=horizontal]){width:var(--divider-width, 100%);height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=sm]){height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=md]){height:calc(var(--divider-height, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=lg]){height:calc(var(--divider-height, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=full]){width:var(--divider-width, 100%)}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=sm]){width:calc(var(--divider-width, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=md]){width:calc(var(--divider-width, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=lg]){width:calc(var(--divider-width, 24px) * var(--scalar, 1))}:where(._divider_af0a0c6[data-orientation=vertical]){height:100%;width:auto}:where(._divider-line_cae0189[data-orientation=vertical]){width:calc(var(--divider-width, 1px) * var(--scalar, 1));height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=sm]){min-width:calc(var(--divider-width, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=md]){min-width:calc(var(--divider-width, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=lg]){min-width:calc(var(--divider-width, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=full]){height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-length=sm]){height:calc(var(--divider-height, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=md]){height:calc(var(--divider-height, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=lg]){height:calc(var(--divider-height, 24px) * var(--scalar, 1))}}
+@layer tcn-system{:where(._divider_af0a0c6){display:flex;align-items:center;justify-content:center}:where(._divider-line_cae0189){background:var(--material-line, #aaa);border-radius:calc(4px * var(--scalar, 1))}:where(._divider-line_cae0189[data-emphasis=strong]){background:color-mix(in srgb,#aaa,black 20%)}:where(._divider-line_cae0189[data-emphasis=normal]){background:#aaa}:where(._divider-line_cae0189[data-emphasis=faint]){background:color-mix(in srgb,#aaa,white 20%)}:where(._divider_af0a0c6[data-orientation=horizontal]){width:100%;height:auto}:where(._divider-line_cae0189[data-orientation=horizontal]){width:var(--divider-width, 100%);height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=sm]){height:calc(var(--divider-height, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=md]){height:calc(var(--divider-height, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-thickness=lg]){height:calc(var(--divider-height, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=full]){width:var(--divider-width, 100%)}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=sm]){width:calc(var(--divider-width, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=md]){width:calc(var(--divider-width, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=horizontal][data-length=lg]){width:calc(var(--divider-width, 24px) * var(--scalar, 1))}:where(._divider_af0a0c6[data-orientation=vertical]){height:100%;width:auto}:where(._divider-line_cae0189[data-orientation=vertical]){width:calc(var(--divider-width, 1px) * var(--scalar, 1));height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=sm]){min-width:calc(var(--divider-width, 1px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=md]){min-width:calc(var(--divider-width, 2px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-thickness=lg]){min-width:calc(var(--divider-width, 3px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=full]){height:var(--divider-height, 100%)}:where(._divider-line_cae0189[data-orientation=vertical][data-length=sm]){height:calc(var(--divider-height, 16px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=md]){height:calc(var(--divider-height, 20px) * var(--scalar, 1))}:where(._divider-line_cae0189[data-orientation=vertical][data-length=lg]){height:calc(var(--divider-height, 24px) * var(--scalar, 1))}}

package/dist/feedback/progress/progress_bar.js

@@ -1,33 +1,33 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import m from "react";
 import { BodyText as t } from "../../typography/body_text/body_text.js";
-import l from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
-import { HStack as d } from "../../stacks/h_stack.js";
+import { HStack as l } from "../../stacks/h_stack.js";
 import { Spacer as a } from "../../stacks/spacer.js";
-import { VStack as b } from "../../stacks/v_stack.js";
-import { ZStack as f } from "../../stacks/z_stack.js";
+import { VStack as d } from "../../stacks/v_stack.js";
+import { ZStack as b } from "../../stacks/z_stack.js";
+import f from "clsx";
 import '../../progress_bar.css';const h = "_progress-bar-container_014b4d9", _ = "_progress-bar-background_9176cc0", x = "_progress-bar_057c33d", k = "_progress-bar-fill_00854f0", u = "_moveStripes_d219e85", s = { "progress-bar-container": h, "progress-bar-background": _, "progress-bar": x, "progress-bar-fill": k, moveStripes: u }, T = m.forwardRef(function({ message: i, value: p, ...c }, n) {
   const o = `${(p * 100).toFixed(0)}%`, g = { "--progress-percentage": o };
   return /* @__PURE__ */ e(
-    b,
+    d,
     {
       ref: n,
-      className: l(s["progress-bar-container"], "tcn-progress-bar"),
+      className: f(s["progress-bar-container"], "tcn-progress-bar"),
       ...c,
       children: [
-        /* @__PURE__ */ e(d, { height: "auto", vAlign: "end", children: [
+        /* @__PURE__ */ e(l, { height: "auto", vAlign: "end", children: [
           /* @__PURE__ */ r(t, { children: i }),
           /* @__PURE__ */ r(a, {}),
           /* @__PURE__ */ r(a, { width: "8px" }),
           /* @__PURE__ */ r(t, { size: "sm", style: { flexShrink: 0 }, children: o })
         ] }),
-        /* @__PURE__ */ e(f, { height: "8px", hAlign: "start", children: [
+        /* @__PURE__ */ e(b, { height: "8px", hAlign: "start", children: [
           /* @__PURE__ */ r("div", { className: s["progress-bar-background"] }),
           /* @__PURE__ */ r(
             "div",

package/dist/footer.css

@@ -1 +1 @@
-@layer tcn-system{:where(._footer_4a43c3e){width:100%;min-height:0;padding:var(--padding) var(--padding-large);gap:var(--gap)}:where(._footer_4a43c3e[data-kind=app]){position:relative}:where(._footer_4a43c3e[data-kind=nav]){position:relative}:where(._footer_4a43c3e[data-kind=toolbar]){position:relative}:where(._footer_4a43c3e[data-kind=window]){position:relative}:where(._footer_4a43c3e[data-kind=status]){position:relative}}
+@layer tcn-system{:where(._footer_4a43c3e){min-height:0}:where(._footer_4a43c3e[data-kind=app]){position:relative}:where(._footer_4a43c3e[data-kind=nav]){position:relative}:where(._footer_4a43c3e[data-kind=toolbar]){position:relative}:where(._footer_4a43c3e[data-kind=window]){position:relative}:where(._footer_4a43c3e[data-kind=status]){position:relative}}

package/dist/form/field/common/field_description.js

@@ -1,13 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import { BodyText as i } from "../../../typography/body_text/body_text.js";
-import "clsx";
-import "../../../callout.module-D8ECmxpO.js";
-import "../../../caption.module-DDq0H4xZ.js";
-import "../../../footnote.module-DEyFuqOr.js";
-import "../../../headline.module-BiwHBtGf.js";
-import "../../../subheadline.module-C-v7zMkQ.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
 import "../../../typography/title/title.js";
-const x = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
+const c = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
   i,
   {
     breakWords: !0,
@@ -20,6 +19,6 @@ const x = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */
   }
 ) : r : null;
 export {
-  x as FieldDescription
+  c as FieldDescription
 };
 //# sourceMappingURL=field_description.js.map

package/dist/form/field/common/field_description.js.map

@@ -1 +1 @@
-{"version":3,"file":"field_description.js","sources":["../../../../src/form/field/common/field_description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldDescriptionOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n}\n\nexport const FieldDescription = ({ children, id }: FieldDescriptionOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        hierarchy=\"secondary\"\n        emphasis=\"normal\"\n        size=\"sm\"\n        className=\"tcn-field-row-description-text\"\n        id={id}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldDescription","children","id","jsx","BodyText"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,GAAU,IAAAC,QACtCD,IACD,OAAOA,KAAa,WAEpB,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAU;AAAA,IACV,IAAAF;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA,IAIAA,IAfe;"}
+{"version":3,"file":"field_description.js","sources":["../../../../src/form/field/common/field_description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldDescriptionOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n}\n\nexport const FieldDescription = ({ children, id }: FieldDescriptionOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        hierarchy=\"secondary\"\n        emphasis=\"normal\"\n        size=\"sm\"\n        className=\"tcn-field-row-description-text\"\n        id={id}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldDescription","children","id","jsx","BodyText"],"mappings":";;;;;;;;AAQO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,GAAU,IAAAC,QACtCD,IACD,OAAOA,KAAa,WAEpB,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAU;AAAA,IACV,IAAAF;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA,IAIAA,IAfe;"}

package/dist/form/field/common/field_error.js

@@ -1,11 +1,10 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { BodyText as p } from "../../../typography/body_text/body_text.js";
-import "clsx";
-import "../../../callout.module-D8ECmxpO.js";
-import "../../../caption.module-DDq0H4xZ.js";
-import "../../../footnote.module-DEyFuqOr.js";
-import "../../../headline.module-BiwHBtGf.js";
-import "../../../subheadline.module-C-v7zMkQ.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
 import "../../../typography/title/title.js";
 import { theme as i } from "../../../themes/theme_variables.js";
 import "react";
@@ -16,6 +15,7 @@ import "../../../stacks/spacer.js";
 import "../../../stacks/v_collapsible_box.js";
 import "../../../stacks/v_stack.js";
 import "../../../stacks/z_stack.js";
+import "clsx";
 import '../../../themes/stylesheets/reset.css';/* empty css                                    */
 import "../../../theme_provider.module-ChZQ5Xsk.js";
 import "../../../themes/stylesheets/reset.js";

package/dist/form/field/common/field_label.js

@@ -1,13 +1,12 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
 import { BodyText as t } from "../../../typography/body_text/body_text.js";
-import "clsx";
-import "../../../callout.module-D8ECmxpO.js";
-import "../../../caption.module-DDq0H4xZ.js";
-import "../../../footnote.module-DEyFuqOr.js";
-import "../../../headline.module-BiwHBtGf.js";
-import "../../../subheadline.module-C-v7zMkQ.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
 import "../../../typography/title/title.js";
-const x = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
+const u = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
   t,
   {
     breakWords: !0,
@@ -33,6 +32,6 @@ const x = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /*
   }
 ) : r : null;
 export {
-  x as FieldLabel
+  u as FieldLabel
 };
 //# sourceMappingURL=field_label.js.map

package/dist/form/field/common/field_label.js.map

@@ -1 +1 @@
-{"version":3,"file":"field_label.js","sources":["../../../../src/form/field/common/field_label.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldLabelOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n  required?: boolean;\n}\n\nexport const FieldLabel = ({ children, id, required }: FieldLabelOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        color=\"inherit\"\n        size=\"lg\"\n        id={id}\n        style={{\n          justifyContent: 'center',\n          alignItems: 'center',\n          display: 'flex',\n        }}\n      >\n        {children}\n        {required && (\n          <BodyText\n            size=\"lg\"\n            style={{ color: 'red', paddingInline: 'calc(var(--scalar, 1)*4px)' }}\n          >\n            *\n          </BodyText>\n        )}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldLabel","children","id","required","jsxs","BodyText","jsx"],"mappings":";;;;;;;;;AASO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,UAAAC,QACpCF,IACD,OAAOA,KAAa,WAEpB,gBAAAG;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,OAAM;AAAA,IACN,MAAK;AAAA,IACL,IAAAH;AAAA,IACA,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAGV,UAAA;AAAA,MAAAD;AAAA,MACAE,KACC,gBAAAG;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO,EAAE,OAAO,OAAO,eAAe,6BAAA;AAAA,UACvC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAAA,IAKDJ,IA1Be;"}
+{"version":3,"file":"field_label.js","sources":["../../../../src/form/field/common/field_label.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldLabelOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n  required?: boolean;\n}\n\nexport const FieldLabel = ({ children, id, required }: FieldLabelOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        color=\"inherit\"\n        size=\"lg\"\n        id={id}\n        style={{\n          justifyContent: 'center',\n          alignItems: 'center',\n          display: 'flex',\n        }}\n      >\n        {children}\n        {required && (\n          <BodyText\n            size=\"lg\"\n            style={{ color: 'red', paddingInline: 'calc(var(--scalar, 1)*4px)' }}\n          >\n            *\n          </BodyText>\n        )}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldLabel","children","id","required","jsxs","BodyText","jsx"],"mappings":";;;;;;;;AASO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,UAAAC,QACpCF,IACD,OAAOA,KAAa,WAEpB,gBAAAG;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,OAAM;AAAA,IACN,MAAK;AAAA,IACL,IAAAH;AAAA,IACA,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAGV,UAAA;AAAA,MAAAD;AAAA,MACAE,KACC,gBAAAG;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO,EAAE,OAAO,OAAO,eAAe,6BAAA;AAAA,UACvC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAAA,IAKDJ,IA1Be;"}

package/dist/form/field_set/field_set.js

@@ -1,15 +1,15 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { clsx as i } from "clsx";
-import "../../body_text.module-h4XQE2pC.js";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/body_text/body_text.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import { Title as h } from "../../typography/title/title.js";
 import { HStack as b } from "../../stacks/h_stack.js";
 import { Spacer as c } from "../../stacks/spacer.js";
 import { VStack as f } from "../../stacks/v_stack.js";
+import { clsx as i } from "clsx";
 import y, { useMemo as S } from "react";
 import '../../field_set.css';const u = "_field-set_8e981d9", x = "_field-set-body_4cd3139", m = { "field-set": u, "field-set-body": x };
 let _ = 0;

package/dist/inputs/date_picker/date_picker_date.js

@@ -1,14 +1,14 @@
 import { jsx as n, jsxs as w } from "react/jsx-runtime";
 import { useSignalValue as u } from "@tcn/state";
 import { BodyText as b } from "../../typography/body_text/body_text.js";
-import { clsx as f } from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { ZStack as M } from "../../stacks/z_stack.js";
+import { clsx as f } from "clsx";
 import '../../date_picker_date.css';const B = "_date-picker-date_38d540e", _ = "_date-picker-today_af9d1ab", k = { "date-picker-date": B, "date-picker-today": _ };
 function C({ presenter: i, date: t }) {
   const {

package/dist/inputs/date_picker/date_picker_day.js

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
-import r from "clsx";
-import "../../body_text.module-h4XQE2pC.js";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
+import "../../typography/body_text/body_text.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
 import { Headline as c } from "../../typography/headline/headline.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { ZStack as p } from "../../stacks/z_stack.js";
 import { useMemo as s } from "react";
+import r from "clsx";
 import '../../date_picker_day.css';const d = "_date-picker-day_2945845", i = { "date-picker-day": d };
 function u({ dayOfTheWeek: o, countryCode: t }) {
   const e = /* @__PURE__ */ new Date();

package/dist/inputs/date_picker/date_picker_time_selector.js

@@ -10,11 +10,11 @@ import "../../actions/button/select_group/select_group.js";
 import "../../actions/button/select_group/single_select_group.js";
 import "../../actions/toggle/toggle.js";
 import { BodyText as $ } from "../../typography/body_text/body_text.js";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { ClockIcon as j } from "@tcn/icons/clock_icon.js";
 import '../../date_picker_time_selector.css';const z = "_time-box_f3145be", P = "_time-box-title_6cc801b", Z = "_time-box-title-container_22add52", v = "_selected-time_33e3aa3", m = { "time-box": z, "time-box-title": P, "time-box-title-container": Z, "selected-time": v };

package/dist/inputs/date_picker/date_picker_year_selector.js

@@ -14,18 +14,18 @@ import { HStack as t } from "../../stacks/h_stack.js";
 import { Spacer as x } from "../../stacks/spacer.js";
 import { VStack as E } from "../../stacks/v_stack.js";
 import { BodyText as L } from "../../typography/body_text/body_text.js";
-import { clsx as y } from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
 import { Headline as M } from "../../typography/headline/headline.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import "../../utils/click_away_listener.js";
 import { FocusRedirect as T } from "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
 import "../../utils/hooks/use_resize_observer.js";
 import "../../utils/dnd/context.js";
+import { clsx as y } from "clsx";
 import "../../draggable.module-BgelQsuJ.js";
 import '../../date_picker_year_selector.css';const q = "_date-picker-year-selector_ab05e1f", A = "_date-picker-year-button_fded757", Y = { "date-picker-year-selector": q, "date-picker-year-button": A };
 function be({

package/dist/inputs/suggestions/suggestion_list.js

@@ -1,14 +1,14 @@
 import { jsx as r, jsxs as N, Fragment as ce } from "react/jsx-runtime";
 import { BodyText as ae } from "../../typography/body_text/body_text.js";
-import { clsx as R } from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { VStack as O } from "../../stacks/v_stack.js";
 import { ZStack as ue } from "../../stacks/z_stack.js";
+import { clsx as R } from "clsx";
 import { Children as pe, isValidElement as de, useState as a, useRef as T, useLayoutEffect as S } from "react";
 import "../../utils/click_away_listener.js";
 import { FocusRedirect as fe } from "../../utils/focus_redirect.js";

package/dist/layouts/bar/bar.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { HStackProps } from '../../stacks/h_stack.js';
+export type BarProps = HStackProps;
+export declare const Bar: React.ForwardRefExoticComponent<BarProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../src/layouts/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;AAEnC,eAAO,MAAM,GAAG,8EAcd,CAAC"}

package/dist/layouts/bar/bar.js

@@ -0,0 +1,20 @@
+import { jsx as c } from "react/jsx-runtime";
+import s from "react";
+import { clsx as e } from "clsx";
+import { HStack as f } from "../../stacks/h_stack.js";
+import '../../bar.css';const m = "_bar_8fa8c58", n = { bar: m }, d = s.forwardRef(function({ children: r, className: a, ...t }, o) {
+  return /* @__PURE__ */ c(
+    f,
+    {
+      ref: o,
+      as: "header",
+      className: e(a, n.bar, "tcn-bar"),
+      ...t,
+      children: r
+    }
+  );
+});
+export {
+  d as Bar
+};
+//# sourceMappingURL=bar.js.map

package/dist/layouts/bar/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.js","sources":["../../../src/layouts/bar/bar.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nimport styles from './bar.module.css';\n\nexport type BarProps = HStackProps;\n\nexport const Bar = React.forwardRef<HTMLElement, BarProps>(function Bar(\n  { children, className, ...props }: BarProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"header\"\n      className={clsx(className, styles['bar'], 'tcn-bar')}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Bar","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;0CAQaA,IAAMC,EAAM,WAAkC,SACzD,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,EAAKL,GAAWM,EAAO,KAAQ,SAAS;AAAA,MAClD,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/body/body.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE7D,eAAO,MAAM,IAAI,+EAef,CAAC"}
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;CAAG;AAI1D,eAAO,MAAM,IAAI,+EAcf,CAAC"}

package/dist/layouts/body/body.js

@@ -1,21 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { VStack as m } from "../../stacks/v_stack.js";
-import s from "react";
-import { clsx as d } from "clsx";
-import '../../body.css';const i = "_body_42a1eac", e = "_tcn-main_5114d87", f = { body: i, "tcn-main": e }, u = s.forwardRef(function({ children: o, className: t, overflowY: c = "auto", ...n }, a) {
-  return /* @__PURE__ */ r(
-    m,
+import { jsx as s } from "react/jsx-runtime";
+import f from "react";
+import { clsx as a } from "clsx";
+import { s as d } from "../../body.module-BbFZ7KNP.js";
+import { Box as e } from "../../stacks/box/box.js";
+const x = f.forwardRef(function({ children: o, className: r, ...t }, m) {
+  return /* @__PURE__ */ s(
+    e,
     {
-      ref: a,
+      ref: m,
       as: "div",
-      overflowY: c,
-      className: d(f.body, t, "tcn-body"),
-      ...n,
+      className: a(d.body, r, "tcn-body"),
+      ...t,
       children: o
     }
   );
 });
 export {
-  u as Body
+  x as Body
 };
 //# sourceMappingURL=body.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"body.js","sources":["../../../src/layouts/body/body.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\n\nexport interface BodyProps extends Omit<VStackProps, 'as'> {}\n\nexport const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(\n  { children, className, overflowY = 'auto', ...props }: BodyProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      overflowY={overflowY}\n      className={clsx(styles['body'], className, 'tcn-body')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Body","React","children","className","overflowY","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;oFAOaA,IAAOC,EAAM,WAAmC,SAC3D,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,MAASP,GAAW,UAAU;AAAA,MACpD,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"body.js","sources":["../../../src/layouts/body/body.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface BodyProps extends Omit<BoxProps, 'as'> {}\n\n// Under construction: although this component behaves correctly, a content/child component that manages scrolling is needed.\n// For now HBody and VBody are recommended.\nexport const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(\n  { children, className, ...props }: BodyProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      as=\"div\"\n      className={clsx(styles['body'], className, 'tcn-body')}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Body","React","children","className","props","ref","jsx","Box","clsx","styles"],"mappings":";;;;;AASO,MAAMA,IAAOC,EAAM,WAAmC,SAC3D,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,EAAKC,EAAO,MAASN,GAAW,UAAU;AAAA,MACpD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,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,gFAehB,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,gFAoBhB,CAAC"}

package/dist/layouts/body/h_body.js

@@ -1,17 +1,23 @@
-import { jsx as f } from "react/jsx-runtime";
-import { HStack as s } 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 }, c) {
-  return /* @__PURE__ */ f(
-    s,
+import { jsx as d } from "react/jsx-runtime";
+import { HStack as f } from "../../stacks/h_stack.js";
+import a from "react";
+import { clsx as c } from "clsx";
+import { s as o } from "../../body.module-BbFZ7KNP.js";
+const l = a.forwardRef(function({ children: r, className: t, ...m }, s) {
+  return /* @__PURE__ */ d(
+    f,
     {
-      ref: c,
+      ref: s,
       as: "div",
-      overflowX: r,
-      className: y(n["h-body"], t, "tcn-h-body", "tcn-body"),
-      ...d,
-      children: o
+      className: c(
+        o.body,
+        o["h-body"],
+        t,
+        "tcn-h-body",
+        "tcn-body"
+      ),
+      ...m,
+      children: r
     }
   );
 });

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 { 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', 'tcn-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,UAAU;AAAA,MACpE,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"h_body.js","sources":["../../../src/layouts/body/h_body.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './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=\"div\"\n      className={clsx(\n        styles['body'],\n        styles['h-body'],\n        className,\n        'tcn-h-body',\n        'tcn-body'\n      )}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HBody","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,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;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,QAAQ;AAAA,QACfN;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;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,gFAehB,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,gFAoBhB,CAAC"}

package/dist/layouts/body/v_body.js

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

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 { 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;"}
+{"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 './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=\"div\"\n      className={clsx(\n        styles['body'],\n        styles['v-body'],\n        className,\n        'tcn-body',\n        'tcn-v-body'\n      )}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VBody","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,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;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,QAAQ;AAAA,QACfN;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -1,10 +1,9 @@
 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'> {
+import { BarProps } from '../bar/bar.js';
+export interface FooterProps extends Omit<BarProps, 'as'> {
     hierarchy?: Hierarchy;
     size?: Size;
-    children?: React.ReactNode;
 }
 export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=footer.d.ts.map

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,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"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,iFAgBjB,CAAC"}

package/dist/layouts/footer/footer.js

@@ -1,18 +1,18 @@
-import { jsx as c } from "react/jsx-runtime";
-import s from "react";
+import { jsx as s } from "react/jsx-runtime";
+import c 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 }, y = s.forwardRef(function({ hierarchy: o = "secondary", size: t = "md", children: r, className: e, ...a }, f) {
-  return /* @__PURE__ */ c(
+import { Bar as n } from "../bar/bar.js";
+import '../../footer.css';const i = "_footer_4a43c3e", d = { footer: i }, y = c.forwardRef(function({ hierarchy: o = "secondary", size: r = "md", children: t, className: e, ...a }, f) {
+  return /* @__PURE__ */ s(
     n,
     {
       ref: f,
       as: "footer",
       className: m(d.footer, e, "tcn-footer"),
       "data-hierarchy": o,
-      "data-size": t,
+      "data-size": r,
       ...a,
-      children: r
+      children: t
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../src/layouts/footer/footer.tsx"],"sourcesContent":["import React from 'react';\nimport { 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, '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,YAAY;AAAA,MACtD,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 type { Hierarchy, Size } from '../../utils/index.js';\nimport { Bar, type BarProps } from '../bar/bar.js';\n\nimport styles from './footer.module.css';\nexport interface FooterProps extends Omit<BarProps, 'as'> {\n  hierarchy?: Hierarchy;\n  size?: Size;\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    <Bar\n      ref={ref}\n      as=\"footer\"\n      className={clsx(styles.footer, className, 'tcn-footer')}\n      data-hierarchy={hierarchy}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </Bar>\n  );\n});\n"],"names":["Footer","React","hierarchy","size","children","className","props","ref","jsx","Bar","clsx","styles"],"mappings":";;;;gDAWaA,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,YAAY;AAAA,MACtD,kBAAgBH;AAAA,MAChB,aAAWC;AAAA,MACV,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}