@tcn/ui 0.3.0 → 0.3.2

package/dist/stacks/v_stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_stack.js","sources":["../../src/stacks/v_stack.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport { removeUndefinedProperties } from './utils/remove_undefined_properties.js';\nimport { CommonProps } from './types/common.js';\nimport { StackStyleProps, VerticalProps } from './types/styles.js';\nimport styles from './stack.module.css';\nimport { isCustomSizeProp } from './utils/isCustomSizeProp.js';\n\nexport type VStackOwnProps = CommonProps & StackStyleProps & VerticalProps;\n\nexport interface VStackProps<T extends HTMLElement = HTMLElement>\n  extends VStackOwnProps,\n    HTMLAttributes<T> {\n  as?: string;\n  children?: React.ReactNode;\n}\n\nexport const VStack = React.forwardRef(function VStack<\n  T extends HTMLElement = HTMLElement,\n>(\n  {\n    as = 'div',\n    children,\n    style,\n    className,\n    hAlign = 'center',\n    vAlign = 'start',\n    inline,\n    allowFlow,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    minHeight,\n    maxHeight,\n    growWeight: flexGrow,\n    shrinkWeight: flexShrink,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    overflowY,\n    overflowX,\n    gap,\n    rowGap,\n    columnGap,\n    ...attr\n  }: VStackProps<T>,\n  ref: React.Ref<T>\n) {\n  const As = as as React.ElementType;\n  const defaultStyles: any = {\n    display: inline == null ? undefined : inline ? 'inline-flex' : 'flex',\n    minWidth,\n    width: !isCustomSizeProp(width) ? width : undefined,\n    maxWidth,\n    minHeight,\n    height: !isCustomSizeProp(height) ? height : undefined,\n    maxHeight,\n    flexGrow,\n    flexShrink,\n    zIndex,\n    overflowX,\n    overflowY,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    gap,\n    rowGap,\n    columnGap,\n  };\n\n  const finalStyles: React.CSSProperties = {\n    ...removeUndefinedProperties(defaultStyles),\n    ...style,\n  };\n\n  return (\n    <As\n      ref={ref}\n      className={clsx(styles['v-stack'], className, 'v-stack', 'stack')}\n      style={finalStyles}\n      data-inline={Boolean(inline)}\n      data-allow-flow={Boolean(allowFlow)}\n      data-v-alignment={vAlign}\n      data-h-alignment={hAlign}\n      data-height={height}\n      data-width={width}\n      data-overflow-y={overflowY}\n      data-overflow-x={overflowX}\n      {...attr}\n    >\n      {children}\n    </As>\n  );\n});\n"],"names":["VStack","React","as","children","style","className","hAlign","vAlign","inline","allowFlow","width","minWidth","maxWidth","height","minHeight","maxHeight","flexGrow","flexShrink","padding","paddingBlock","paddingInline","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","overflowY","overflowX","gap","rowGap","columnGap","attr","ref","As","defaultStyles","isCustomSizeProp","finalStyles","removeUndefinedProperties","jsx","clsx","styles"],"mappings":";;;;;;AAiBO,MAAMA,KAASC,EAAM,WAAW,SAGrC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,cAAcC;AAAA,EACd,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAKtC,GACLuC,IAAqB;AAAA,IACzB,SAASjC,KAAU,OAAO,SAAYA,IAAS,gBAAgB;AAAA,IAC/D,UAAAG;AAAA,IACA,OAAQ+B,EAAiBhC,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAE;AAAA,IACA,WAAAE;AAAA,IACA,QAAS4B,EAAiB7B,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAe;AAAA,IACA,WAAAE;AAAA,IACA,WAAAD;AAAA,IACA,SAAAf;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAI;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAGIM,IAAmC;AAAA,IACvC,GAAGC,EAA0BH,CAAa;AAAA,IAC1C,GAAGrC;AAAA,EAAA;AAGL,SACE,gBAAAyC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWO,EAAKC,EAAO,SAAS,GAAG1C,GAAW,WAAW,OAAO;AAAA,MAChE,OAAOsC;AAAA,MACP,eAAa,EAAQnC;AAAA,MACrB,mBAAiB,EAAQC;AAAA,MACzB,oBAAkBF;AAAA,MAClB,oBAAkBD;AAAA,MAClB,eAAaO;AAAA,MACb,cAAYH;AAAA,MACZ,mBAAiBuB;AAAA,MACjB,mBAAiBC;AAAA,MAChB,GAAGI;AAAA,MAEH,UAAAnC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"v_stack.js","sources":["../../src/stacks/v_stack.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport { removeUndefinedProperties } from './utils/remove_undefined_properties.js';\nimport { CommonProps } from './types/common.js';\nimport { StackStyleProps, VerticalProps } from './types/styles.js';\nimport styles from './stack.module.css';\nimport { isCustomSizeProp } from './utils/isCustomSizeProp.js';\n\nexport type VStackOwnProps = CommonProps & StackStyleProps & VerticalProps;\n\nexport interface VStackProps<T extends HTMLElement = HTMLElement>\n  extends VStackOwnProps,\n    HTMLAttributes<T> {\n  as?: string;\n  children?: React.ReactNode;\n}\n\nexport const VStack = React.forwardRef(function VStack<\n  T extends HTMLElement = HTMLElement,\n>(\n  {\n    as = 'div',\n    children,\n    style,\n    className,\n    hAlign = 'center',\n    vAlign = 'start',\n    inline,\n    allowFlow,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    minHeight,\n    maxHeight,\n    growWeight: flexGrow,\n    shrinkWeight: flexShrink,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    overflowY,\n    overflowX,\n    gap,\n    rowGap,\n    columnGap,\n    ...attr\n  }: VStackProps<T>,\n  ref: React.Ref<T>\n) {\n  const As = as as React.ElementType;\n  const defaultStyles: any = {\n    display: inline == null ? undefined : inline ? 'inline-flex' : 'flex',\n    minWidth,\n    width: !isCustomSizeProp(width) ? width : undefined,\n    maxWidth,\n    minHeight,\n    height: !isCustomSizeProp(height) ? height : undefined,\n    maxHeight,\n    flexGrow,\n    flexShrink,\n    zIndex,\n    overflowX,\n    overflowY,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    gap,\n    rowGap,\n    columnGap,\n  };\n\n  const finalStyles: React.CSSProperties = {\n    ...removeUndefinedProperties(defaultStyles),\n    ...style,\n  };\n\n  return (\n    <As\n      ref={ref}\n      className={clsx(styles['v-stack'], className, 'tcn-v-stack', 'tcn-stack')}\n      style={finalStyles}\n      data-inline={Boolean(inline)}\n      data-allow-flow={Boolean(allowFlow)}\n      data-v-alignment={vAlign}\n      data-h-alignment={hAlign}\n      data-height={height}\n      data-width={width}\n      data-overflow-y={overflowY}\n      data-overflow-x={overflowX}\n      {...attr}\n    >\n      {children}\n    </As>\n  );\n});\n"],"names":["VStack","React","as","children","style","className","hAlign","vAlign","inline","allowFlow","width","minWidth","maxWidth","height","minHeight","maxHeight","flexGrow","flexShrink","padding","paddingBlock","paddingInline","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","overflowY","overflowX","gap","rowGap","columnGap","attr","ref","As","defaultStyles","isCustomSizeProp","finalStyles","removeUndefinedProperties","jsx","clsx","styles"],"mappings":";;;;;;AAiBO,MAAMA,KAASC,EAAM,WAAW,SAGrC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,cAAcC;AAAA,EACd,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAKtC,GACLuC,IAAqB;AAAA,IACzB,SAASjC,KAAU,OAAO,SAAYA,IAAS,gBAAgB;AAAA,IAC/D,UAAAG;AAAA,IACA,OAAQ+B,EAAiBhC,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAE;AAAA,IACA,WAAAE;AAAA,IACA,QAAS4B,EAAiB7B,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAe;AAAA,IACA,WAAAE;AAAA,IACA,WAAAD;AAAA,IACA,SAAAf;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAI;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAGIM,IAAmC;AAAA,IACvC,GAAGC,EAA0BH,CAAa;AAAA,IAC1C,GAAGrC;AAAA,EAAA;AAGL,SACE,gBAAAyC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWO,EAAKC,EAAO,SAAS,GAAG1C,GAAW,eAAe,WAAW;AAAA,MACxE,OAAOsC;AAAA,MACP,eAAa,EAAQnC;AAAA,MACrB,mBAAiB,EAAQC;AAAA,MACzB,oBAAkBF;AAAA,MAClB,oBAAkBD;AAAA,MAClB,eAAaO;AAAA,MACb,cAAYH;AAAA,MACZ,mBAAiBuB;AAAA,MACjB,mBAAiBC;AAAA,MAChB,GAAGI;AAAA,MAEH,UAAAnC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/stacks/z_stack.js

@@ -1,25 +1,25 @@
-import { jsx as a } from "react/jsx-runtime";
-import { clsx as E } from "clsx";
-import F from "react";
-import { removeUndefinedProperties as G } from "./utils/remove_undefined_properties.js";
-import { s as H } from "../stack.module-CBV1f12Z.js";
+import { jsx as o } from "react/jsx-runtime";
+import { clsx as D } from "clsx";
+import E from "react";
+import { removeUndefinedProperties as F } from "./utils/remove_undefined_properties.js";
+import { s as G } from "../stack.module-CBV1f12Z.js";
 import { isCustomSizeProp as r } from "./utils/isCustomSizeProp.js";
-const T = F.forwardRef(function({
+const Q = E.forwardRef(function({
   as: s = "div",
   children: t,
   style: i,
   hAlign: n = "center",
   vAlign: m = "center",
-  inline: f,
+  inline: c,
   width: e = "default",
-  minWidth: c,
+  minWidth: f,
   maxWidth: d,
-  height: o = "default",
+  height: a = "default",
   minHeight: l,
   maxHeight: p,
-  growWeight: g,
-  shrinkWeight: k,
-  padding: u,
+  growWeight: u,
+  shrinkWeight: g,
+  padding: k,
   paddingBlock: v,
   paddingInline: y,
   paddingInlineStart: S,
@@ -31,25 +31,25 @@ const T = F.forwardRef(function({
   marginInline: R,
   marginInlineStart: W,
   marginInlineEnd: Z,
-  marginTop: j,
-  marginBottom: A,
-  zIndex: B,
-  className: C,
-  overflow: N,
-  ...U
-}, b) {
-  const q = s, D = {
-    minWidth: c,
+  marginTop: _,
+  marginBottom: j,
+  zIndex: A,
+  className: B,
+  overflow: C,
+  ...N
+}, U) {
+  const b = s, q = {
+    minWidth: f,
     width: r(e) ? void 0 : e,
     maxWidth: d,
     minHeight: l,
-    height: r(o) ? void 0 : o,
+    height: r(a) ? void 0 : a,
     maxHeight: p,
-    flexGrow: g,
-    flexShrink: k,
-    zIndex: B,
-    overflow: N,
-    padding: u,
+    flexGrow: u,
+    flexShrink: g,
+    zIndex: A,
+    overflow: C,
+    padding: k,
     paddingBlock: v,
     paddingInline: y,
     paddingInlineStart: S,
@@ -61,29 +61,29 @@ const T = F.forwardRef(function({
     marginInline: R,
     marginInlineStart: W,
     marginInlineEnd: Z,
-    marginTop: j,
-    marginBottom: A
+    marginTop: _,
+    marginBottom: j
   };
-  return /* @__PURE__ */ a(
-    q,
+  return /* @__PURE__ */ o(
+    b,
     {
-      ref: b,
+      ref: U,
       style: {
-        ...G(D),
+        ...F(q),
         ...i
       },
-      className: E(H["z-stack"], C, "z-stack", "stack"),
-      "data-inline": !!f,
+      className: D(G["z-stack"], B, "tcn-z-stack", "tcn-stack"),
+      "data-inline": !!c,
       "data-v-alignment": m,
       "data-h-alignment": n,
-      "data-height": o,
+      "data-height": a,
       "data-width": e,
-      ...U,
-      children: typeof t == "string" ? /* @__PURE__ */ a("span", { children: t }) : t
+      ...N,
+      children: typeof t == "string" ? /* @__PURE__ */ o("span", { children: t }) : t
     }
   );
 });
 export {
-  T as ZStack
+  Q as ZStack
 };
 //# sourceMappingURL=z_stack.js.map

package/dist/stacks/z_stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"z_stack.js","sources":["../../src/stacks/z_stack.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport { removeUndefinedProperties } from './utils/remove_undefined_properties.js';\nimport { CommonProps } from './types/common.js';\nimport { StackStyleProps } from './types/styles.js';\nimport styles from './stack.module.css';\nimport { isCustomSizeProp } from './utils/isCustomSizeProp.js';\n\nexport type ZStackOwnProps = CommonProps &\n  StackStyleProps & {\n    overflow?: 'hidden' | 'visible';\n  };\n\nexport interface ZStackProps<T extends HTMLElement = HTMLElement>\n  extends ZStackOwnProps,\n    HTMLAttributes<T> {\n  as?: string;\n  children?: React.ReactNode;\n}\n\nexport const ZStack = React.forwardRef(function ZStack<T extends HTMLElement>(\n  {\n    as = 'div',\n    children,\n    style,\n    hAlign = 'center',\n    vAlign = 'center',\n    inline,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    minHeight,\n    maxHeight,\n    growWeight: flexGrow,\n    shrinkWeight: flexShrink,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    className,\n    overflow,\n    ...attr\n  }: ZStackProps<T>,\n  ref: React.Ref<T>\n) {\n  const As = as as React.ElementType;\n  const defaultStyles = {\n    minWidth,\n    width: !isCustomSizeProp(width) ? width : undefined,\n    maxWidth,\n    minHeight,\n    height: !isCustomSizeProp(height) ? height : undefined,\n    maxHeight,\n    flexGrow,\n    flexShrink,\n    zIndex,\n    overflow,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n  };\n\n  return (\n    <As\n      ref={ref}\n      style={{\n        ...removeUndefinedProperties(defaultStyles),\n        ...style,\n      }}\n      className={clsx(styles['z-stack'], className, 'z-stack', 'stack')}\n      data-inline={Boolean(inline)}\n      data-v-alignment={vAlign}\n      data-h-alignment={hAlign}\n      data-height={height}\n      data-width={width}\n      {...attr}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </As>\n  );\n});\n"],"names":["ZStack","React","as","children","style","hAlign","vAlign","inline","width","minWidth","maxWidth","height","minHeight","maxHeight","flexGrow","flexShrink","padding","paddingBlock","paddingInline","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","className","overflow","attr","ref","As","defaultStyles","isCustomSizeProp","jsx","removeUndefinedProperties","clsx","styles"],"mappings":";;;;;;AAoBO,MAAMA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,cAAcC;AAAA,EACd,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAKjC,GACLkC,IAAgB;AAAA,IACpB,UAAA3B;AAAA,IACA,OAAQ4B,EAAiB7B,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAE;AAAA,IACA,WAAAE;AAAA,IACA,QAASyB,EAAiB1B,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAe;AAAA,IACA,UAAAE;AAAA,IACA,SAAAhB;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAGF,SACE,gBAAAS;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,OAAO;AAAA,QACL,GAAGK,EAA0BH,CAAa;AAAA,QAC1C,GAAGhC;AAAA,MAAA;AAAA,MAEL,WAAWoC,EAAKC,EAAO,SAAS,GAAGV,GAAW,WAAW,OAAO;AAAA,MAChE,eAAa,EAAQxB;AAAA,MACrB,oBAAkBD;AAAA,MAClB,oBAAkBD;AAAA,MAClB,eAAaM;AAAA,MACb,cAAYH;AAAA,MACX,GAAGyB;AAAA,MAEH,iBAAO9B,KAAa,WAAW,gBAAAmC,EAAC,QAAA,EAAM,UAAAnC,GAAS,IAAUA;AAAA,IAAA;AAAA,EAAA;AAGhE,CAAC;"}
+{"version":3,"file":"z_stack.js","sources":["../../src/stacks/z_stack.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport { removeUndefinedProperties } from './utils/remove_undefined_properties.js';\nimport { CommonProps } from './types/common.js';\nimport { StackStyleProps } from './types/styles.js';\nimport styles from './stack.module.css';\nimport { isCustomSizeProp } from './utils/isCustomSizeProp.js';\n\nexport type ZStackOwnProps = CommonProps &\n  StackStyleProps & {\n    overflow?: 'hidden' | 'visible';\n  };\n\nexport interface ZStackProps<T extends HTMLElement = HTMLElement>\n  extends ZStackOwnProps,\n    HTMLAttributes<T> {\n  as?: string;\n  children?: React.ReactNode;\n}\n\nexport const ZStack = React.forwardRef(function ZStack<T extends HTMLElement>(\n  {\n    as = 'div',\n    children,\n    style,\n    hAlign = 'center',\n    vAlign = 'center',\n    inline,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    minHeight,\n    maxHeight,\n    growWeight: flexGrow,\n    shrinkWeight: flexShrink,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    zIndex,\n    className,\n    overflow,\n    ...attr\n  }: ZStackProps<T>,\n  ref: React.Ref<T>\n) {\n  const As = as as React.ElementType;\n  const defaultStyles = {\n    minWidth,\n    width: !isCustomSizeProp(width) ? width : undefined,\n    maxWidth,\n    minHeight,\n    height: !isCustomSizeProp(height) ? height : undefined,\n    maxHeight,\n    flexGrow,\n    flexShrink,\n    zIndex,\n    overflow,\n    padding,\n    paddingBlock,\n    paddingInline,\n    paddingInlineStart,\n    paddingInlineEnd,\n    paddingTop,\n    paddingBottom,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n  };\n\n  return (\n    <As\n      ref={ref}\n      style={{\n        ...removeUndefinedProperties(defaultStyles),\n        ...style,\n      }}\n      className={clsx(styles['z-stack'], className, 'tcn-z-stack', 'tcn-stack')}\n      data-inline={Boolean(inline)}\n      data-v-alignment={vAlign}\n      data-h-alignment={hAlign}\n      data-height={height}\n      data-width={width}\n      {...attr}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </As>\n  );\n});\n"],"names":["ZStack","React","as","children","style","hAlign","vAlign","inline","width","minWidth","maxWidth","height","minHeight","maxHeight","flexGrow","flexShrink","padding","paddingBlock","paddingInline","paddingInlineStart","paddingInlineEnd","paddingTop","paddingBottom","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","zIndex","className","overflow","attr","ref","As","defaultStyles","isCustomSizeProp","jsx","removeUndefinedProperties","clsx","styles"],"mappings":";;;;;;AAoBO,MAAMA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,cAAcC;AAAA,EACd,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAKjC,GACLkC,IAAgB;AAAA,IACpB,UAAA3B;AAAA,IACA,OAAQ4B,EAAiB7B,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAE;AAAA,IACA,WAAAE;AAAA,IACA,QAASyB,EAAiB1B,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAe;AAAA,IACA,UAAAE;AAAA,IACA,SAAAhB;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAGF,SACE,gBAAAS;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,OAAO;AAAA,QACL,GAAGK,EAA0BH,CAAa;AAAA,QAC1C,GAAGhC;AAAA,MAAA;AAAA,MAEL,WAAWoC,EAAKC,EAAO,SAAS,GAAGV,GAAW,eAAe,WAAW;AAAA,MACxE,eAAa,EAAQxB;AAAA,MACrB,oBAAkBD;AAAA,MAClB,oBAAkBD;AAAA,MAClB,eAAaM;AAAA,MACb,cAAYH;AAAA,MACX,GAAGyB;AAAA,MAEH,iBAAO9B,KAAa,WAAW,gBAAAmC,EAAC,QAAA,EAAM,UAAAnC,GAAS,IAAUA;AAAA,IAAA;AAAA,EAAA;AAGhE,CAAC;"}

package/dist/start_resize_handle.css

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

package/dist/status_input.css

@@ -1 +1 @@
-._field-error_6d015c9{color:var(--status-color-error)}._field-status-input_c30d6fb>*[data-width="100%"]:first-child{width:100%;flex-grow:1;flex-shrink:0;flex-basis:0%}
+@layer tcn-system{:where(._field-error_6d015c9){color:var(--status-color-error)}:where(._field-status-input_c30d6fb>*[data-width="100%"]:first-child){width:100%;flex-grow:1;flex-shrink:0;flex-basis:0%}}

package/dist/subheadline.css

@@ -1 +1 @@
-._subheadline_ae8bc38{margin:0;padding:0;line-height:1.3;letter-spacing:.005em}._subheadline_ae8bc38[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._subheadline_ae8bc38[data-selectable=false]{-webkit-user-select:none;user-select:none}._subheadline_ae8bc38[data-size=sm]{font-size:calc(12px * var(--scalar, 1));line-height:1.4}._subheadline_ae8bc38[data-size=md]{font-size:calc(14px * var(--scalar, 1));line-height:1.3}._subheadline_ae8bc38[data-size=lg]{font-size:calc(18px * var(--scalar, 1));line-height:1.25}._subheadline_ae8bc38[data-hierarchy=primary]{opacity:1}._subheadline_ae8bc38[data-hierarchy=secondary]{opacity:.85}._subheadline_ae8bc38[data-hierarchy=tertiary]{opacity:.7}._subheadline_ae8bc38[data-emphasis=strong]{font-weight:600}._subheadline_ae8bc38[data-emphasis=normal]{font-weight:500}._subheadline_ae8bc38[data-emphasis=light]{font-weight:400}
+@layer tcn-system{:where(._subheadline_ae8bc38){margin:0;padding:0;line-height:1.3;letter-spacing:.005em}:where(._subheadline_ae8bc38[data-selectable=true]){-webkit-user-select:auto;user-select:auto}:where(._subheadline_ae8bc38[data-selectable=false]){-webkit-user-select:none;user-select:none}:where(._subheadline_ae8bc38[data-size=sm]){font-size:calc(12px * var(--scalar, 1));line-height:1.4}:where(._subheadline_ae8bc38[data-size=md]){font-size:calc(14px * var(--scalar, 1));line-height:1.3}:where(._subheadline_ae8bc38[data-size=lg]){font-size:calc(18px * var(--scalar, 1));line-height:1.25}:where(._subheadline_ae8bc38[data-hierarchy=primary]){opacity:1}:where(._subheadline_ae8bc38[data-hierarchy=secondary]){opacity:.85}:where(._subheadline_ae8bc38[data-hierarchy=tertiary]){opacity:.7}:where(._subheadline_ae8bc38[data-emphasis=strong]){font-weight:600}:where(._subheadline_ae8bc38[data-emphasis=normal]){font-weight:500}:where(._subheadline_ae8bc38[data-emphasis=light]){font-weight:400}}

package/dist/suggestion_item.css

@@ -1 +1 @@
-._suggestion-item_6b60309{background-color:#fff;outline:none;border:0;padding:0;margin:0;width:auto;min-width:100%;text-align:start;min-height:30px;border:4px solid transparent;z-index:1;cursor:pointer;color:var(--font-color);-webkit-tap-highlight-color:transparent}._suggestion-item_6b60309[data-is-selected=true]{border-inline-start-color:#ccc;background-color:#f1f1f1}._suggestion-item_6b60309[data-is-focused=true]{border-inline-start-color:var(--accent-color);background-color:#f1f1f1}._suggestion-item_6b60309[data-disabled=true]{cursor:not-allowed}._suggestion-item_6b60309:hover{background-color:#f5f5f5}.small-text ._suggestion-item_6b60309{min-height:30px}.medium-small-text ._suggestion-item_6b60309{min-height:32px}.medium-text ._suggestion-item_6b60309{min-height:34px}.medium-lart-text ._suggestion-item_6b60309{min-height:36px}.large-text ._suggestion-item_6b60309{min-height:38px}
+@layer tcn-system{:where(._suggestion-item_6b60309){background-color:#fff;outline:none;border:0;padding:0;margin:0;width:auto;min-width:100%;text-align:start;min-height:30px;border:4px solid transparent;z-index:1;cursor:pointer;color:var(--font-color);-webkit-tap-highlight-color:transparent}:where(._suggestion-item_6b60309[data-is-selected=true]){border-inline-start-color:#ccc;background-color:#f1f1f1}:where(._suggestion-item_6b60309[data-is-focused=true]){border-inline-start-color:var(--accent-color);background-color:#f1f1f1}:where(._suggestion-item_6b60309[data-disabled=true]){cursor:not-allowed}:where(._suggestion-item_6b60309:hover){background-color:#f5f5f5}}

package/dist/suggestion_list.css

@@ -1 +1 @@
-._suggestion-list_711fb17{border-radius:8px;box-shadow:var(--drop-shadow-depth-3, 0 2px 10px 0 rgba(0, 0, 0, .25));border:1px solid var(--border-tertiary-color);overflow-y:auto;overflow-x:hidden;background-color:#fff}._input_a0df060{position:sticky;top:0;left:0;border:none;margin:0;outline:none;padding-inline-start:8px;height:calc(32px * var(--scalar, 1));min-height:calc(32px * var(--scalar, 1));z-index:2;border-bottom:1px solid var(--border-tertiary-color, #e2e2e2);border-radius:8px 8px 0 0/8px 8px 0px 0px;background-color:#fff;color:var(--font-color);font-size:calc(14px * var(--scalar, 1));width:100%}
+@layer tcn-system{:where(._suggestion-list_711fb17){border-radius:8px;box-shadow:var(--drop-shadow-depth-3, 0 2px 10px 0 rgba(0, 0, 0, .25));border:1px solid var(--border-tertiary-color);overflow-y:auto;overflow-x:hidden;background-color:#fff}:where(._input_a0df060){position:sticky;top:0;left:0;border:none;margin:0;outline:none;padding-inline-start:8px;height:calc(32px * var(--scalar, 1));min-height:calc(32px * var(--scalar, 1));z-index:2;border-bottom:1px solid var(--border-tertiary-color, #e2e2e2);border-radius:8px 8px 0 0/8px 8px 0px 0px;background-color:#fff;color:var(--font-color);font-size:calc(14px * var(--scalar, 1));width:100%}}

package/dist/surfaces/alert/alert.js

@@ -8,14 +8,14 @@ import { Button as c } from "../../actions/button/button/button.js";
 import "../../actions/button/select_group/select_group.js";
 import "../../actions/button/select_group/single_select_group.js";
 import { Confirm as f } from "../confirm/confirm.js";
-const C = e.forwardRef(function({ className: o, onAccept: t, ...i }, m) {
+const C = e.forwardRef(function({ className: t, onAccept: o, ...i }, m) {
   return /* @__PURE__ */ r(
     f,
     {
       ref: m,
-      className: p(o, "alert"),
+      className: p(t, "tcn-alert"),
       ...i,
-      actions: /* @__PURE__ */ r(c, { onClick: t, hierarchy: "primary", width: "100%", children: "OK" })
+      actions: /* @__PURE__ */ r(c, { onClick: o, hierarchy: "primary", width: "100%", children: "OK" })
     }
   );
 });

package/dist/surfaces/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../src/surfaces/alert/alert.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Button } from '../../actions/index.js';\nimport { Confirm, ConfirmProps } from '../confirm/confirm.js';\n\nexport interface AlertProps extends Omit<ConfirmProps, 'actions'> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  onAccept?: () => void;\n}\n\nexport const Alert = React.forwardRef(function Alert(\n  { className, onAccept, ...props }: AlertProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  return (\n    <Confirm\n      ref={ref}\n      className={clsx(className, 'alert')}\n      {...props}\n      actions={\n        <Button onClick={onAccept} hierarchy=\"primary\" width=\"100%\">\n          OK\n        </Button>\n      }\n    />\n  );\n});\n"],"names":["Alert","React","className","onAccept","props","ref","jsx","Confirm","clsx","Button"],"mappings":";;;;;;;;;;AAaO,MAAMA,IAAQC,EAAM,WAAW,SACpC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKN,GAAW,OAAO;AAAA,MACjC,GAAGE;AAAA,MACJ,2BACGK,GAAA,EAAO,SAASN,GAAU,WAAU,WAAU,OAAM,QAAO,UAAA,KAAA,CAE5D;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"alert.js","sources":["../../../src/surfaces/alert/alert.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Button } from '../../actions/index.js';\nimport { Confirm, ConfirmProps } from '../confirm/confirm.js';\n\nexport interface AlertProps extends Omit<ConfirmProps, 'actions'> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  onAccept?: () => void;\n}\n\nexport const Alert = React.forwardRef(function Alert(\n  { className, onAccept, ...props }: AlertProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  return (\n    <Confirm\n      ref={ref}\n      className={clsx(className, 'tcn-alert')}\n      {...props}\n      actions={\n        <Button onClick={onAccept} hierarchy=\"primary\" width=\"100%\">\n          OK\n        </Button>\n      }\n    />\n  );\n});\n"],"names":["Alert","React","className","onAccept","props","ref","jsx","Confirm","clsx","Button"],"mappings":";;;;;;;;;;AAaO,MAAMA,IAAQC,EAAM,WAAW,SACpC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKN,GAAW,WAAW;AAAA,MACrC,GAAGE;AAAA,MACJ,2BACGK,GAAA,EAAO,SAASN,GAAU,WAAU,WAAU,OAAM,QAAO,UAAA,KAAA,CAE5D;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/surfaces/card/card.js

@@ -1,9 +1,9 @@
-import { jsx as f } from "react/jsx-runtime";
-import { clsx as a } from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+import { clsx as c } from "clsx";
 import m from "react";
 import { Scaffold as e } from "../../layouts/scaffold/scaffold.js";
-const l = m.forwardRef(function({ children: r, className: o, ...t }, c) {
-  return /* @__PURE__ */ f(e, { ref: c, className: a(o, "tcn-surface", "tcn-card"), ...t, children: r });
+const l = m.forwardRef(function({ children: r, className: o, ...t }, f) {
+  return /* @__PURE__ */ a(e, { ref: f, className: c(o, "tcn-surface", "tcn-card"), ...t, children: r });
 });
 export {
   l as Card

package/dist/surfaces/confirm/confirm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/confirm/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAoElB,CAAC"}
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/confirm/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAuElB,CAAC"}

package/dist/surfaces/confirm/confirm.js

@@ -1,6 +1,6 @@
-import { jsx as r, Fragment as _, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, Fragment as y, jsxs as i } from "react/jsx-runtime";
 import w, { useRef as S, useState as C, useLayoutEffect as n } from "react";
-import { clsx as s } from "clsx";
+import { clsx as c } from "clsx";
 import { Spacer as N } from "../../stacks/spacer.js";
 import { VStack as T } from "../../stacks/v_stack.js";
 import { ZStack as R } from "../../stacks/z_stack.js";
@@ -12,46 +12,53 @@ import "../../footnote.module-DEyFuqOr.js";
 import "../../headline.module-BiwHBtGf.js";
 import "../../subheadline.module-C-v7zMkQ.js";
 import { Title as b } from "../../typography/title/title.js";
-import { Box as c } from "../../stacks/box/box.js";
+import { Box as s } from "../../stacks/box/box.js";
 import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A = "_actions_b7ffee5", m = { confirm: v, shake: z, actions: A }, U = w.forwardRef(function({
   open: a,
   graphic: f,
   title: h,
   description: l,
-  actions: p,
-  veilProps: d,
+  actions: d,
+  veilProps: p,
   className: u,
   ...k
 }, x) {
-  const t = S(!1), [e, o] = C(!1);
-  n(() => (t.current = !0, () => {
-    t.current = !1;
+  const r = S(!1), [e, o] = C(!1);
+  n(() => (r.current = !0, () => {
+    r.current = !1;
   }), []), n(() => {
-    if (e && t.current) {
-      const y = window.setTimeout(() => {
+    if (e && r.current) {
+      const g = window.setTimeout(() => {
         o(!1);
       }, 600);
-      return () => window.clearTimeout(y);
+      return () => window.clearTimeout(g);
     }
   }, [e]);
-  function g() {
+  function _() {
     o(!0);
   }
-  return /* @__PURE__ */ r(_, { children: a && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ i(R, { height: "100%", style: { position: "fixed" }, children: [
-    /* @__PURE__ */ r(c, { onClick: g, ...d, height: "100%" }),
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ t(y, { children: a && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ i(R, { height: "100%", style: { position: "fixed" }, children: [
+    /* @__PURE__ */ t(s, { onClick: _, ...p, height: "100%" }),
+    /* @__PURE__ */ t(
       "div",
       {
         ref: x,
-        className: s(m.confirm, u, "confirm"),
+        className: c(m.confirm, u, "tcn-confirm"),
         "data-shake": e,
         ...k,
         children: /* @__PURE__ */ i(T, { hAlign: "center", children: [
           f,
-          /* @__PURE__ */ r(b, { className: "confirm-title", emphasis: "strong", size: "sm", children: h }),
-          /* @__PURE__ */ r(B, { className: "confirm-description", hierarchy: "tertiary", children: l }),
-          /* @__PURE__ */ r(N, { height: "16px" }),
-          /* @__PURE__ */ r(c, { className: s(m.actions, "confirm-actions"), height: "auto", children: p })
+          /* @__PURE__ */ t(b, { className: "tcn-confirm-title", emphasis: "strong", size: "sm", children: h }),
+          /* @__PURE__ */ t(B, { className: "tcn-confirm-description", hierarchy: "tertiary", children: l }),
+          /* @__PURE__ */ t(N, { height: "16px" }),
+          /* @__PURE__ */ t(
+            s,
+            {
+              className: c(m.actions, "tcn-confirm-actions"),
+              height: "auto",
+              children: d
+            }
+          )
         ] })
       }
     )

package/dist/surfaces/confirm/confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.js","sources":["../../../src/surfaces/confirm/confirm.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Portal } from '../../overlay/portal/portal.js';\nimport { BodyText, Title } from '../../typography/index.js';\nimport styles from './confirm.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface ConfirmProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  actions?: React.ReactNode;\n  veilProps?: BoxProps;\n}\n\nexport const Confirm = React.forwardRef(function Confirm(\n  {\n    open,\n    graphic,\n    title,\n    description,\n    actions,\n    veilProps,\n    className,\n    ...props\n  }: ConfirmProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const isMounted = useRef(false);\n  const [shake, setShake] = useState(false);\n\n  useLayoutEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (shake && isMounted.current) {\n      const id = window.setTimeout(() => {\n        setShake(false);\n      }, 600);\n\n      return () => window.clearTimeout(id);\n    }\n  }, [shake]);\n\n  function shakeConfirm() {\n    setShake(true);\n  }\n\n  return (\n    <>\n      {open && (\n        <Portal>\n          <ZStack height=\"100%\" style={{ position: 'fixed' }}>\n            <Box onClick={shakeConfirm} {...veilProps} height=\"100%\"></Box>\n            <div\n              ref={ref}\n              className={clsx(styles.confirm, className, 'confirm')}\n              data-shake={shake}\n              {...props}\n            >\n              <VStack hAlign=\"center\">\n                {graphic}\n                <Title className=\"confirm-title\" emphasis=\"strong\" size=\"sm\">\n                  {title}\n                </Title>\n                <BodyText className=\"confirm-description\" hierarchy=\"tertiary\">\n                  {description}\n                </BodyText>\n                <Spacer height=\"16px\" />\n                <Box className={clsx(styles.actions, 'confirm-actions')} height=\"auto\">\n                  {actions}\n                </Box>\n              </VStack>\n            </div>\n          </ZStack>\n        </Portal>\n      )}\n    </>\n  );\n});\n"],"names":["Confirm","React","open","graphic","title","description","actions","veilProps","className","props","ref","isMounted","useRef","shake","setShake","useState","useLayoutEffect","id","shakeConfirm","jsx","Fragment","Portal","jsxs","ZStack","Box","clsx","styles","VStack","Title","BodyText","Spacer"],"mappings":";;;;;;;;;;;;;;;sHAmBaA,IAAUC,EAAM,WAAW,SACtC;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAO,EAAK,GACxB,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AAExC,EAAAC,EAAgB,OACdL,EAAU,UAAU,IACb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE,GAELK,EAAgB,MAAM;AACpB,QAAIH,KAASF,EAAU,SAAS;AAC9B,YAAMM,IAAK,OAAO,WAAW,MAAM;AACjC,QAAAH,EAAS,EAAK;AAAA,MAChB,GAAG,GAAG;AAEN,aAAO,MAAM,OAAO,aAAaG,CAAE;AAAA,IACrC;AAAA,EACF,GAAG,CAACJ,CAAK,CAAC;AAEV,WAASK,IAAe;AACtB,IAAAJ,EAAS,EAAI;AAAA,EACf;AAEA,SACE,gBAAAK,EAAAC,GAAA,EACG,UAAAlB,KACC,gBAAAiB,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAO,QAAO,QAAO,OAAO,EAAE,UAAU,QAAA,GACvC,UAAA;AAAA,IAAA,gBAAAJ,EAACK,KAAI,SAASN,GAAe,GAAGX,GAAW,QAAO,QAAO;AAAA,IACzD,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWe,EAAKC,EAAO,SAASlB,GAAW,SAAS;AAAA,QACpD,cAAYK;AAAA,QACX,GAAGJ;AAAA,QAEJ,UAAA,gBAAAa,EAACK,GAAA,EAAO,QAAO,UACZ,UAAA;AAAA,UAAAxB;AAAA,UACD,gBAAAgB,EAACS,KAAM,WAAU,iBAAgB,UAAS,UAAS,MAAK,MACrD,UAAAxB,EAAA,CACH;AAAA,4BACCyB,GAAA,EAAS,WAAU,uBAAsB,WAAU,YACjD,UAAAxB,GACH;AAAA,UACA,gBAAAc,EAACW,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,UACtB,gBAAAX,EAACK,GAAA,EAAI,WAAWC,EAAKC,EAAO,SAAS,iBAAiB,GAAG,QAAO,QAC7D,UAAApB,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,GACF,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"confirm.js","sources":["../../../src/surfaces/confirm/confirm.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Portal } from '../../overlay/portal/portal.js';\nimport { BodyText, Title } from '../../typography/index.js';\nimport styles from './confirm.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface ConfirmProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  actions?: React.ReactNode;\n  veilProps?: BoxProps;\n}\n\nexport const Confirm = React.forwardRef(function Confirm(\n  {\n    open,\n    graphic,\n    title,\n    description,\n    actions,\n    veilProps,\n    className,\n    ...props\n  }: ConfirmProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const isMounted = useRef(false);\n  const [shake, setShake] = useState(false);\n\n  useLayoutEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (shake && isMounted.current) {\n      const id = window.setTimeout(() => {\n        setShake(false);\n      }, 600);\n\n      return () => window.clearTimeout(id);\n    }\n  }, [shake]);\n\n  function shakeConfirm() {\n    setShake(true);\n  }\n\n  return (\n    <>\n      {open && (\n        <Portal>\n          <ZStack height=\"100%\" style={{ position: 'fixed' }}>\n            <Box onClick={shakeConfirm} {...veilProps} height=\"100%\"></Box>\n            <div\n              ref={ref}\n              className={clsx(styles.confirm, className, 'tcn-confirm')}\n              data-shake={shake}\n              {...props}\n            >\n              <VStack hAlign=\"center\">\n                {graphic}\n                <Title className=\"tcn-confirm-title\" emphasis=\"strong\" size=\"sm\">\n                  {title}\n                </Title>\n                <BodyText className=\"tcn-confirm-description\" hierarchy=\"tertiary\">\n                  {description}\n                </BodyText>\n                <Spacer height=\"16px\" />\n                <Box\n                  className={clsx(styles.actions, 'tcn-confirm-actions')}\n                  height=\"auto\"\n                >\n                  {actions}\n                </Box>\n              </VStack>\n            </div>\n          </ZStack>\n        </Portal>\n      )}\n    </>\n  );\n});\n"],"names":["Confirm","React","open","graphic","title","description","actions","veilProps","className","props","ref","isMounted","useRef","shake","setShake","useState","useLayoutEffect","id","shakeConfirm","jsx","Fragment","Portal","jsxs","ZStack","Box","clsx","styles","VStack","Title","BodyText","Spacer"],"mappings":";;;;;;;;;;;;;;;sHAmBaA,IAAUC,EAAM,WAAW,SACtC;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAO,EAAK,GACxB,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AAExC,EAAAC,EAAgB,OACdL,EAAU,UAAU,IACb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE,GAELK,EAAgB,MAAM;AACpB,QAAIH,KAASF,EAAU,SAAS;AAC9B,YAAMM,IAAK,OAAO,WAAW,MAAM;AACjC,QAAAH,EAAS,EAAK;AAAA,MAChB,GAAG,GAAG;AAEN,aAAO,MAAM,OAAO,aAAaG,CAAE;AAAA,IACrC;AAAA,EACF,GAAG,CAACJ,CAAK,CAAC;AAEV,WAASK,IAAe;AACtB,IAAAJ,EAAS,EAAI;AAAA,EACf;AAEA,SACE,gBAAAK,EAAAC,GAAA,EACG,UAAAlB,KACC,gBAAAiB,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAO,QAAO,QAAO,OAAO,EAAE,UAAU,QAAA,GACvC,UAAA;AAAA,IAAA,gBAAAJ,EAACK,KAAI,SAASN,GAAe,GAAGX,GAAW,QAAO,QAAO;AAAA,IACzD,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWe,EAAKC,EAAO,SAASlB,GAAW,aAAa;AAAA,QACxD,cAAYK;AAAA,QACX,GAAGJ;AAAA,QAEJ,UAAA,gBAAAa,EAACK,GAAA,EAAO,QAAO,UACZ,UAAA;AAAA,UAAAxB;AAAA,UACD,gBAAAgB,EAACS,KAAM,WAAU,qBAAoB,UAAS,UAAS,MAAK,MACzD,UAAAxB,EAAA,CACH;AAAA,4BACCyB,GAAA,EAAS,WAAU,2BAA0B,WAAU,YACrD,UAAAxB,GACH;AAAA,UACA,gBAAAc,EAACW,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,UACtB,gBAAAX;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWC,EAAKC,EAAO,SAAS,qBAAqB;AAAA,cACrD,QAAO;AAAA,cAEN,UAAApB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,GACF,GAEJ;AAEJ,CAAC;"}

package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js

@@ -3,15 +3,15 @@ import { VStack as a } from "../../../stacks/v_stack.js";
 import { clsx as s } from "clsx";
 import c from "react";
 import '../../../drawer_bottom.css';const f = "_drawerBottom_9359033", n = { drawerBottom: f }, l = c.forwardRef(
-  function({ children: o, className: t, ...r }, m) {
+  function({ children: t, className: o, ...r }, m) {
     return /* @__PURE__ */ e(
       a,
       {
         ref: m,
         as: "section",
-        className: s(n.drawerBottom, t, "drawer-bottom"),
+        className: s(n.drawerBottom, o, "tcn-drawer-bottom"),
         ...r,
-        children: o
+        children: t
       }
     );
   }

package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_bottom.js","sources":["../../../../src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_bottom.module.css';\n\nexport interface DrawerBottomProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerBottom = React.forwardRef<HTMLElement, DrawerBottomProps>(\n  function DrawerBottom({ children, className, ...props }: DrawerBottomProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles.drawerBottom, className, 'drawer-bottom')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerBottom","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4DASaA,IAAeC,EAAM;AAAA,EAChC,SAAsB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA4BC,GAAK;AAC/E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKC,EAAO,cAAcN,GAAW,eAAe;AAAA,QAC9D,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"drawer_bottom.js","sources":["../../../../src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_bottom.module.css';\n\nexport interface DrawerBottomProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerBottom = React.forwardRef<HTMLElement, DrawerBottomProps>(\n  function DrawerBottom({ children, className, ...props }: DrawerBottomProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles.drawerBottom, className, 'tcn-drawer-bottom')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerBottom","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4DASaA,IAAeC,EAAM;AAAA,EAChC,SAAsB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA4BC,GAAK;AAC/E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKC,EAAO,cAAcN,GAAW,mBAAmB;AAAA,QAClE,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/surfaces/drawers/drawer_end/drawer_end.js

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
 import { VStack as n } from "../../../stacks/v_stack.js";
 import { clsx as d } from "clsx";
-import s from "react";
-import '../../../drawer_end.css';const c = "_drawerEnd_39acb27", m = { drawerEnd: c }, l = s.forwardRef(function({ children: r, className: o, ...t }, a) {
+import c from "react";
+import '../../../drawer_end.css';const s = "_drawerEnd_39acb27", m = { drawerEnd: s }, l = c.forwardRef(function({ children: r, className: t, ...o }, a) {
   return /* @__PURE__ */ e(
     n,
     {
       ref: a,
       as: "section",
-      className: d(m.drawerEnd, o, "drawerEnd"),
-      ...t,
+      className: d(m.drawerEnd, t, "tcn-drawerEnd"),
+      ...o,
       children: r
     }
   );

package/dist/surfaces/drawers/drawer_end/drawer_end.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_end.js","sources":["../../../../src/surfaces/drawers/drawer_end/drawer_end.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_end.module.css';\n\nexport interface DrawerEndProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerEnd = React.forwardRef<HTMLElement, DrawerEndProps>(function DrawerEnd(\n  { children, className, ...props }: DrawerEndProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerEnd, className, 'drawerEnd')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerEnd","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;sDASaA,IAAYC,EAAM,WAAwC,SACrE,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,WAAWN,GAAW,WAAW;AAAA,MACvD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"drawer_end.js","sources":["../../../../src/surfaces/drawers/drawer_end/drawer_end.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_end.module.css';\n\nexport interface DrawerEndProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerEnd = React.forwardRef<HTMLElement, DrawerEndProps>(function DrawerEnd(\n  { children, className, ...props }: DrawerEndProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerEnd, className, 'tcn-drawerEnd')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerEnd","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;sDASaA,IAAYC,EAAM,WAAwC,SACrE,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,WAAWN,GAAW,eAAe;AAAA,MAC3D,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/drawers/drawer_start/drawer_start.js

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
 import { VStack as s } from "../../../stacks/v_stack.js";
 import { clsx as c } from "clsx";
-import m from "react";
-import '../../../drawer_start.css';const f = "_drawerStart_3abbf56", n = { drawerStart: f }, l = m.forwardRef(
+import f from "react";
+import '../../../drawer_start.css';const m = "_drawerStart_3abbf56", n = { drawerStart: m }, l = f.forwardRef(
   function({ children: r, className: t, ...a }, o) {
     return /* @__PURE__ */ e(
       s,
       {
         ref: o,
         as: "section",
-        className: c(n.drawerStart, t, "drawerStart"),
+        className: c(n.drawerStart, t, "tcn-drawerStart"),
         ...a,
         children: r
       }

package/dist/surfaces/drawers/drawer_start/drawer_start.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_start.js","sources":["../../../../src/surfaces/drawers/drawer_start/drawer_start.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_start.module.css';\n\nexport interface DrawerStartProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerStart = React.forwardRef<HTMLElement, DrawerStartProps>(\n  function DrawerStart({ children, className, ...props }: DrawerStartProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles.drawerStart, className, 'drawerStart')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerStart","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;0DASaA,IAAcC,EAAM;AAAA,EAC/B,SAAqB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA2BC,GAAK;AAC7E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKC,EAAO,aAAaN,GAAW,aAAa;AAAA,QAC3D,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"drawer_start.js","sources":["../../../../src/surfaces/drawers/drawer_start/drawer_start.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_start.module.css';\n\nexport interface DrawerStartProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerStart = React.forwardRef<HTMLElement, DrawerStartProps>(\n  function DrawerStart({ children, className, ...props }: DrawerStartProps, ref) {\n    return (\n      <VStack\n        ref={ref}\n        as=\"section\"\n        className={clsx(styles.drawerStart, className, 'tcn-drawerStart')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerStart","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;0DASaA,IAAcC,EAAM;AAAA,EAC/B,SAAqB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAA2BC,GAAK;AAC7E,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKC,EAAO,aAAaN,GAAW,iBAAiB;AAAA,QAC/D,GAAGC;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/surfaces/drawers/drawer_top/drawer_top.js

@@ -2,19 +2,19 @@ import { jsx as e } from "react/jsx-runtime";
 import { VStack as m } from "../../../stacks/v_stack.js";
 import { clsx as s } from "clsx";
 import c from "react";
-import '../../../drawer_top.css';const p = "_drawerBottom_7a0635a", f = { drawerBottom: p }, l = c.forwardRef(function({ children: r, className: o, ...t }, a) {
+import '../../../drawer_top.css';const p = "_drawerBottom_7a0635a", f = { drawerBottom: p }, T = c.forwardRef(function({ children: r, className: o, ...t }, a) {
   return /* @__PURE__ */ e(
     m,
     {
       ref: a,
       as: "section",
-      className: s(f.drawerTop, o, "drawerTop"),
+      className: s(f.drawerTop, o, "tcn-drawerTop"),
       ...t,
       children: r
     }
   );
 });
 export {
-  l as DrawerTop
+  T as DrawerTop
 };
 //# sourceMappingURL=drawer_top.js.map

package/dist/surfaces/drawers/drawer_top/drawer_top.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer_top.js","sources":["../../../../src/surfaces/drawers/drawer_top/drawer_top.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_top.module.css';\n\nexport interface DrawerTopProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerTop = React.forwardRef<HTMLElement, DrawerTopProps>(function DrawerTop(\n  { children, className, ...props }: DrawerTopProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerTop, className, 'drawerTop')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerTop","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4DASaA,IAAYC,EAAM,WAAwC,SACrE,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,WAAWN,GAAW,WAAW;AAAA,MACvD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"drawer_top.js","sources":["../../../../src/surfaces/drawers/drawer_top/drawer_top.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './drawer_top.module.css';\n\nexport interface DrawerTopProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const DrawerTop = React.forwardRef<HTMLElement, DrawerTopProps>(function DrawerTop(\n  { children, className, ...props }: DrawerTopProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"section\"\n      className={clsx(styles.drawerTop, className, 'tcn-drawerTop')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerTop","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4DASaA,IAAYC,EAAM,WAAwC,SACrE,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,WAAWN,GAAW,eAAe;AAAA,MAC3D,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/modal/modal.js

@@ -3,15 +3,15 @@ import { clsx as l } from "clsx";
 import s from "react";
 import { Frame as d } from "../../overlay/frame/frame.js";
 import { Scaffold as n } from "../../layouts/scaffold/scaffold.js";
-import '../../modal.css';const i = "_modal_473c6ef", p = { modal: i }, j = s.forwardRef(function({ children: r, className: m, isOpen: t, draggable: a = !1, veil: c = !0, ...f }, e) {
+import '../../modal.css';const i = "_modal_473c6ef", p = { modal: i }, j = s.forwardRef(function({ children: r, className: t, isOpen: m, draggable: a = !1, veil: f = !0, ...c }, e) {
   return /* @__PURE__ */ o(
     d,
     {
-      isOpen: t,
+      isOpen: m,
       draggable: a,
-      veil: c,
-      className: l(p.modal, "tcn-surface", "tcn-modal", m),
-      children: /* @__PURE__ */ o(n, { ref: e, ...f, children: r })
+      veil: f,
+      className: l(p.modal, "tcn-surface", "tcn-modal", t),
+      children: /* @__PURE__ */ o(n, { ref: e, ...c, children: r })
     }
   );
 });

package/dist/surfaces/page/h_page.js

@@ -1,22 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
-import { clsx as s } from "clsx";
-import e from "react";
+import { clsx as e } from "clsx";
+import s from "react";
 import { s as f } from "../../page.module-DXhph-u6.js";
 import { HStack as i } from "../../stacks/h_stack.js";
-const H = e.forwardRef(function({ children: r, className: o, ...t }, a) {
+const x = s.forwardRef(function({ children: r, className: t, ...a }, o) {
   return /* @__PURE__ */ m(
     i,
     {
-      ref: a,
+      ref: o,
       as: "main",
-      className: s(f.page, o, "page"),
+      className: e(f.page, t, "tcn-h-page"),
       vAlign: "start",
-      ...t,
+      ...a,
       children: r
     }
   );
 });
 export {
-  H as HPage
+  x as HPage
 };
 //# sourceMappingURL=h_page.js.map

package/dist/surfaces/page/h_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_page.js","sources":["../../../src/surfaces/page/h_page.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nexport interface HPageProps extends Omit<HStackProps, 'as'> {}\n\nexport const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(\n  { children, className, ...props }: HPageProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'page')}\n      vAlign=\"start\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HPage","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,EAAKC,EAAO,MAAMN,GAAW,MAAM;AAAA,MAC9C,QAAO;AAAA,MACN,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"h_page.js","sources":["../../../src/surfaces/page/h_page.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nexport interface HPageProps extends Omit<HStackProps, 'as'> {}\n\nexport const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(\n  { children, className, ...props }: HPageProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'tcn-h-page')}\n      vAlign=\"start\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HPage","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,EAAKC,EAAO,MAAMN,GAAW,YAAY;AAAA,MACpD,QAAO;AAAA,MACN,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/page/v_page.js

@@ -1,21 +1,21 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { VStack as e } from "../../stacks/v_stack.js";
 import { clsx as s } from "clsx";
 import f from "react";
 import { s as p } from "../../page.module-DXhph-u6.js";
-const V = f.forwardRef(function({ children: r, className: o, ...a }, m) {
-  return /* @__PURE__ */ t(
+const x = f.forwardRef(function({ children: r, className: o, ...t }, a) {
+  return /* @__PURE__ */ m(
     e,
     {
-      ref: m,
+      ref: a,
       as: "main",
-      className: s(p.page, o, "page"),
-      ...a,
+      className: s(p.page, o, "tcn-v-page"),
+      ...t,
       children: r
     }
   );
 });
 export {
-  V as VPage
+  x as VPage
 };
 //# sourceMappingURL=v_page.js.map

package/dist/surfaces/page/v_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_page.js","sources":["../../../src/surfaces/page/v_page.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\n\nexport interface VPageProps extends Omit<VStackProps, 'as'> {}\n\nexport const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(\n  { children, className, ...props }: VPageProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","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,EAAKC,EAAO,MAAMN,GAAW,MAAM;AAAA,MAC7C,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"v_page.js","sources":["../../../src/surfaces/page/v_page.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\n\nexport interface VPageProps extends Omit<VStackProps, 'as'> {}\n\nexport const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(\n  { children, className, ...props }: VPageProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'tcn-v-page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","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,EAAKC,EAAO,MAAMN,GAAW,YAAY;AAAA,MACnD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}