@tcn/ui 0.12.6 → 0.13.0

package/dist/layouts/scaffold/scaffold.js.map

@@ -1 +1 @@
-{"version":3,"file":"scaffold.js","sources":["../../../src/layouts/scaffold/scaffold.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n// Styles\nimport styles from './scaffold.module.css';\n\nexport interface ScaffoldProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const Scaffold = React.forwardRef<HTMLElement, ScaffoldProps>(function Scaffold(\n  {\n    children,\n    width,\n    height = '100%',\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: ScaffoldProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      data-h-alignment={hAlign}\n      data-v-alignment={vAlign}\n      className={clsx(className, styles['scaffold'], 'tcn-scaffold')}\n      {...props}\n    >\n      <VStack\n        as=\"section\"\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        className={clsx(styles['scaffold-stack'], 'tcn-scaffold-stack')}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["Scaffold","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","VStack"],"mappings":";;;;;wGAaaA,IAAWC,EAAM,WAAuC,SACnE;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAWM,EAAO,UAAa,cAAc;AAAA,MAC5D,GAAGL;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG,EAAKC,EAAO,gBAAgB,GAAG,oBAAoB;AAAA,UAC9D,QAAQ;AAAA,UAEP,UAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"scaffold.js","sources":["../../../src/layouts/scaffold/scaffold.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n// Styles\nimport styles from './scaffold.module.css';\n\nexport interface ScaffoldProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const Scaffold = React.forwardRef<HTMLElement, ScaffoldProps>(function Scaffold(\n  {\n    children,\n    width,\n    height = '100%',\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign = 'start',\n    vAlign = 'start',\n    className,\n    ...props\n  }: ScaffoldProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      data-h-alignment={hAlign}\n      data-v-alignment={vAlign}\n      className={clsx(className, styles['scaffold'], 'tcn-scaffold')}\n      {...props}\n    >\n      <VStack\n        as=\"section\"\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        className={clsx(styles['scaffold-stack'], 'tcn-scaffold-stack')}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["Scaffold","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","VStack"],"mappings":";;;;;wGAaaA,IAAWC,EAAM,WAAuC,SACnE;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAWM,EAAO,UAAa,cAAc;AAAA,MAC5D,GAAGL;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG,EAAKC,EAAO,gBAAgB,GAAG,oBAAoB;AAAA,UAC9D,QAAQ;AAAA,UAEP,UAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

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

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

package/dist/layouts/section/section.js

@@ -1,22 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
-import m from "react";
-import { clsx as n } from "clsx";
-import { VStack as f } from "../../stacks/v_stack.js";
-import { s as a } from "../../section.module-0wyGkhDg.js";
-const R = m.forwardRef(function({ children: t, className: o, as: r = "section", style: c, ...e }, s) {
-  return /* @__PURE__ */ i(
-    f,
+import { jsx as m } from "react/jsx-runtime";
+import n from "react";
+import { clsx as f } from "clsx";
+import { VStack as a } from "../../stacks/v_stack.js";
+import { s as p } from "../../section.module-0wyGkhDg.js";
+const _ = n.forwardRef(function({ children: t, className: o, hAlign: r = "start", as: c = "section", style: s, ...e }, i) {
+  return /* @__PURE__ */ m(
+    a,
     {
-      as: r,
-      ref: s,
-      className: n(o, "tcn-surface", a.section, "tcn-section"),
-      style: c,
+      as: c,
+      ref: i,
+      hAlign: r,
+      className: f(o, "tcn-surface", p.section, "tcn-section"),
+      style: s,
       ...e,
       children: t
     }
   );
 });
 export {
-  R as Section
+  _ as Section
 };
 //# sourceMappingURL=section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"section.js","sources":["../../../src/layouts/section/section.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport styles from './section.module.css';\n\nexport const Section = React.forwardRef<HTMLDivElement, VStackProps>(function Section(\n  { children, className, as = 'section', style, ...props },\n  ref\n) {\n  return (\n    <VStack\n      as={as}\n      ref={ref}\n      className={clsx(className, 'tcn-surface', styles.section, 'tcn-section')}\n      style={style}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Section","React","children","className","as","style","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAKO,MAAMA,IAAUC,EAAM,WAAwC,SACnE,EAAE,UAAAC,GAAU,WAAAC,GAAW,IAAAC,IAAK,WAAW,OAAAC,GAAO,GAAGC,EAAA,GACjDC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAL;AAAA,MACA,KAAAG;AAAA,MACA,WAAWG,EAAKP,GAAW,eAAeQ,EAAO,SAAS,aAAa;AAAA,MACvE,OAAAN;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"section.js","sources":["../../../src/layouts/section/section.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport styles from './section.module.css';\n\nexport const Section = React.forwardRef<HTMLDivElement, VStackProps>(function Section(\n  { children, className, hAlign = 'start', as = 'section', style, ...props },\n  ref\n) {\n  return (\n    <VStack\n      as={as}\n      ref={ref}\n      hAlign={hAlign}\n      className={clsx(className, 'tcn-surface', styles.section, 'tcn-section')}\n      style={style}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Section","React","children","className","hAlign","as","style","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAKO,MAAMA,IAAUC,EAAM,WAAwC,SACnE,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,IAAS,SAAS,IAAAC,IAAK,WAAW,OAAAC,GAAO,GAAGC,EAAA,GACnEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAL;AAAA,MACA,KAAAG;AAAA,MACA,QAAAJ;AAAA,MACA,WAAWO,EAAKR,GAAW,eAAeS,EAAO,SAAS,aAAa;AAAA,MACvE,OAAAN;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/page.css

@@ -1 +1 @@
-@layer tcn-system{:where(._page_b219ddf){width:100%;height:100%;overflow:auto;z-index:1;gap:var(--gap);padding:var(--padding)}:where(._page_b219ddf>.stack){gap:var(--gap)}}
+@layer tcn-system{:where(._page_b219ddf){width:100%;height:100%;overflow:auto;z-index:1}}

package/dist/surfaces/aside/aside.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ScaffoldProps } from '../../layouts/scaffold/scaffold.js';
+export type AsideProps = ScaffoldProps;
+export declare const Aside: React.ForwardRefExoticComponent<ScaffoldProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=aside.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aside.d.ts","sourceRoot":"","sources":["../../../src/surfaces/aside/aside.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAKlF,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC,eAAO,MAAM,KAAK,mFAahB,CAAC"}

package/dist/surfaces/aside/aside.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import a from "react";
+import { Scaffold as c } from "../../layouts/scaffold/scaffold.js";
+import f from "clsx";
+import '../../aside.css';const i = "_aside_e8b6b1e", d = { aside: i }, _ = a.forwardRef(function({ children: e, className: s, ...o }, t) {
+  return /* @__PURE__ */ r(
+    c,
+    {
+      ref: t,
+      className: f(d.aside, "tcn-surface", "tcn-aside", s),
+      ...o,
+      children: e
+    }
+  );
+});
+export {
+  _ as Aside
+};
+//# sourceMappingURL=aside.js.map

package/dist/surfaces/aside/aside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aside.js","sources":["../../../src/surfaces/aside/aside.tsx"],"sourcesContent":["import React from 'react';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/scaffold/scaffold.js';\nimport clsx from 'clsx';\n\nimport styles from './aside.module.css';\n\nexport type AsideProps = ScaffoldProps;\n\nexport const Aside = React.forwardRef<HTMLElement, AsideProps>(function Aside(\n  { children, className, ...props }: AsideProps,\n  ref\n) {\n  return (\n    <Scaffold\n      ref={ref}\n      className={clsx(styles['aside'], 'tcn-surface', 'tcn-aside', className)}\n      {...props}\n    >\n      {children}\n    </Scaffold>\n  );\n});\n"],"names":["Aside","React","children","className","props","ref","jsx","Scaffold","clsx","styles"],"mappings":";;;;8CAQaA,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,WAAWG,EAAKC,EAAO,OAAU,eAAe,aAAaN,CAAS;AAAA,MACrE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/drawers/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/surfaces/drawers/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC;AAErC,eAAO,MAAM,MAAM,uUAkBjB,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/surfaces/drawers/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC;AAErC,eAAO,MAAM,MAAM,uUAsBjB,CAAC"}

package/dist/surfaces/drawers/drawer.js

@@ -1,19 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { clsx as s } from "clsx";
-import i from "react";
-import { Scaffold as l } from "../../layouts/scaffold/scaffold.js";
-import { Slide as d } from "../../overlay/slide/slide.js";
-const D = i.forwardRef(function({ children: e, className: a, isOpen: f, veil: o = !1, resizable: t = !1, ...c }, m) {
+import { clsx as l } from "clsx";
+import n from "react";
+import { Scaffold as s } from "../../layouts/scaffold/scaffold.js";
+import { Slide as i } from "../../overlay/slide/slide.js";
+const D = n.forwardRef(function({ children: e, className: t, isOpen: o, veil: a = !1, resizable: f = !1, ...c }, m) {
   return /* @__PURE__ */ r(
-    d,
+    i,
     {
       ref: m,
-      isOpen: f,
-      veil: o,
-      resizable: t,
-      className: s("tcn-surface", "tcn-drawer", a),
+      isOpen: o,
+      veil: a,
+      resizable: f,
+      className: l("tcn-surface", "tcn-drawer", t),
       ...c,
-      children: /* @__PURE__ */ r(l, { className: "tcn-drawer-scaffold", width: "100%", height: "100%", children: e })
+      children: /* @__PURE__ */ r(
+        s,
+        {
+          className: "tcn-overlay-content tcn-drawer-scaffold",
+          width: "100%",
+          height: "100%",
+          children: e
+        }
+      )
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/surfaces/drawers/drawer.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/scaffold/scaffold.js';\nimport { Slide, type SlideProps } from '../../overlay/slide/slide.js';\n\nexport type DrawerProps = SlideProps;\n\nexport const Drawer = React.forwardRef<HTMLElement, DrawerProps>(function Drawer(\n  { children, className, isOpen, veil = false, resizable = false, ...props }: DrawerProps,\n  ref\n) {\n  return (\n    <Slide\n      ref={ref}\n      isOpen={isOpen}\n      veil={veil}\n      resizable={resizable}\n      className={clsx('tcn-surface', 'tcn-drawer', className)}\n      {...props}\n    >\n      <Scaffold className={'tcn-drawer-scaffold'} width=\"100%\" height=\"100%\">\n        {children}\n      </Scaffold>\n    </Slide>\n  );\n});\n"],"names":["Drawer","React","children","className","isOpen","veil","resizable","props","ref","jsx","Slide","clsx","Scaffold"],"mappings":";;;;;AAOO,MAAMA,IAASC,EAAM,WAAqC,SAC/D,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,MAAAC,IAAO,IAAO,WAAAC,IAAY,IAAO,GAAGC,EAAA,GACnEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAWK,EAAK,eAAe,cAAcR,CAAS;AAAA,MACrD,GAAGI;AAAA,MAEJ,UAAA,gBAAAE,EAACG,KAAS,WAAW,uBAAuB,OAAM,QAAO,QAAO,QAC7D,UAAAV,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"drawer.js","sources":["../../../src/surfaces/drawers/drawer.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/scaffold/scaffold.js';\nimport { Slide, type SlideProps } from '../../overlay/slide/slide.js';\n\nexport type DrawerProps = SlideProps;\n\nexport const Drawer = React.forwardRef<HTMLElement, DrawerProps>(function Drawer(\n  { children, className, isOpen, veil = false, resizable = false, ...props }: DrawerProps,\n  ref\n) {\n  return (\n    <Slide\n      ref={ref}\n      isOpen={isOpen}\n      veil={veil}\n      resizable={resizable}\n      className={clsx('tcn-surface', 'tcn-drawer', className)}\n      {...props}\n    >\n      <Scaffold\n        className={'tcn-overlay-content tcn-drawer-scaffold'}\n        width=\"100%\"\n        height=\"100%\"\n      >\n        {children}\n      </Scaffold>\n    </Slide>\n  );\n});\n"],"names":["Drawer","React","children","className","isOpen","veil","resizable","props","ref","jsx","Slide","clsx","Scaffold"],"mappings":";;;;;AAOO,MAAMA,IAASC,EAAM,WAAqC,SAC/D,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,MAAAC,IAAO,IAAO,WAAAC,IAAY,IAAO,GAAGC,EAAA,GACnEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAWK,EAAK,eAAe,cAAcR,CAAS;AAAA,MACrD,GAAGI;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAM;AAAA,UACN,QAAO;AAAA,UAEN,UAAAV;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

package/dist/surfaces/index.d.ts

@@ -1,9 +1,9 @@
 export * from './alert/alert.js';
 export * from './card/card.js';
 export * from './confirm/confirm.js';
-export * from './page/h_page.js';
-export * from './page/v_page.js';
+export * from './page/page.js';
 export * from './panel/panel.js';
+export * from './aside/aside.js';
 export * from './popover/popover.js';
 export { Drawer, type DrawerProps } from './drawers/drawer.js';
 export { Window, type WindowProps } from './window/window.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/surfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/surfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/surfaces/index.js

@@ -1,27 +1,27 @@
 import { Alert as e } from "./alert/alert.js";
 import { Card as f } from "./card/card.js";
 import { Confirm as t } from "./confirm/confirm.js";
-import { HPage as a } from "./page/h_page.js";
-import { VPage as i } from "./page/v_page.js";
-import { Panel as n } from "./panel/panel.js";
+import { Page as a } from "./page/page.js";
+import { Panel as d } from "./panel/panel.js";
+import { Aside as n } from "./aside/aside.js";
 import { Popover as C } from "./popover/popover.js";
-import { Drawer as w } from "./drawers/drawer.js";
-import { Window as A } from "./window/window.js";
-import { Modal as H } from "./modal/modal.js";
+import { Drawer as A } from "./drawers/drawer.js";
+import { Window as s } from "./window/window.js";
+import { Modal as D } from "./modal/modal.js";
 import { Tooltip as T } from "./tooltip/tooltip.js";
-import { PopConfirm as W } from "./pop_confirm/pop_confirm.js";
+import { PopConfirm as b } from "./pop_confirm/pop_confirm.js";
 export {
   e as Alert,
+  n as Aside,
   f as Card,
   t as Confirm,
-  w as Drawer,
-  a as HPage,
-  H as Modal,
-  n as Panel,
-  W as PopConfirm,
+  A as Drawer,
+  D as Modal,
+  a as Page,
+  d as Panel,
+  b as PopConfirm,
   C as Popover,
   T as Tooltip,
-  i as VPage,
-  A as Window
+  s as Window
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/surfaces/modal/modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAMtE,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;AAEpC,eAAO,MAAM,KAAK,4KA2BhB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/surfaces/modal/modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAMtE,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;AAEpC,eAAO,MAAM,KAAK,4KA+BhB,CAAC"}

package/dist/surfaces/modal/modal.js

@@ -3,30 +3,38 @@ import { clsx as s } from "clsx";
 import d from "react";
 import { Frame as n } from "../../overlay/frame/frame.js";
 import { Scaffold as i } from "../../layouts/scaffold/scaffold.js";
-import '../../modal.css';const p = "_modal_473c6ef", u = { modal: p }, R = d.forwardRef(function({
-  children: a,
-  className: t,
+import '../../modal.css';const p = "_modal_473c6ef", u = { modal: p }, N = d.forwardRef(function({
+  children: t,
+  className: a,
   isOpen: r,
-  veil: m = !0,
-  resizable: f = !1,
+  veil: c = !0,
+  resizable: e = !1,
   draggable: l = !1,
-  ...c
-}, e) {
+  ...m
+}, f) {
   return /* @__PURE__ */ o(
     n,
     {
-      ref: e,
+      ref: f,
       isOpen: r,
-      veil: m,
+      veil: c,
       draggable: l,
-      resizable: f,
-      className: s(u.modal, "tcn-surface", "tcn-modal", t),
-      ...c,
-      children: /* @__PURE__ */ o(i, { className: "tcn-modal-scaffold", width: "100%", height: "100%", children: a })
+      resizable: e,
+      className: s(u.modal, "tcn-surface", "tcn-modal", a),
+      ...m,
+      children: /* @__PURE__ */ o(
+        i,
+        {
+          className: "tcn-overlay-content tcn-modal-scaffold",
+          width: "100%",
+          height: "100%",
+          children: t
+        }
+      )
     }
   );
 });
 export {
-  R as Modal
+  N as Modal
 };
 //# sourceMappingURL=modal.js.map

package/dist/surfaces/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../src/surfaces/modal/modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Frame, type FrameProps } from '../../overlay/frame/frame.js';\nimport { Scaffold } from '../../layouts/scaffold/scaffold.js';\n\n// Styles\nimport styles from './modal.module.css';\n\nexport type ModalProps = FrameProps;\n\nexport const Modal = React.forwardRef<HTMLElement, ModalProps>(function Modal(\n  {\n    children,\n    className,\n    isOpen,\n    veil = true,\n    resizable = false,\n    draggable = false,\n    ...props\n  }: ModalProps,\n  ref\n) {\n  return (\n    <Frame\n      ref={ref}\n      isOpen={isOpen}\n      veil={veil}\n      draggable={draggable}\n      resizable={resizable}\n      className={clsx(styles['modal'], 'tcn-surface', 'tcn-modal', className)}\n      {...props}\n    >\n      <Scaffold className={'tcn-modal-scaffold'} width=\"100%\" height=\"100%\">\n        {children}\n      </Scaffold>\n    </Frame>\n  );\n});\n"],"names":["Modal","React","children","className","isOpen","veil","resizable","draggable","props","ref","jsx","Frame","clsx","styles","Scaffold"],"mappings":";;;;;8CAUaA,IAAQC,EAAM,WAAoC,SAC7D;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QAAAL;AAAA,MACA,MAAAC;AAAA,MACA,WAAAE;AAAA,MACA,WAAAD;AAAA,MACA,WAAWM,EAAKC,EAAO,OAAU,eAAe,aAAaV,CAAS;AAAA,MACrE,GAAGK;AAAA,MAEJ,UAAA,gBAAAE,EAACI,KAAS,WAAW,sBAAsB,OAAM,QAAO,QAAO,QAC5D,UAAAZ,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"modal.js","sources":["../../../src/surfaces/modal/modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Frame, type FrameProps } from '../../overlay/frame/frame.js';\nimport { Scaffold } from '../../layouts/scaffold/scaffold.js';\n\n// Styles\nimport styles from './modal.module.css';\n\nexport type ModalProps = FrameProps;\n\nexport const Modal = React.forwardRef<HTMLElement, ModalProps>(function Modal(\n  {\n    children,\n    className,\n    isOpen,\n    veil = true,\n    resizable = false,\n    draggable = false,\n    ...props\n  }: ModalProps,\n  ref\n) {\n  return (\n    <Frame\n      ref={ref}\n      isOpen={isOpen}\n      veil={veil}\n      draggable={draggable}\n      resizable={resizable}\n      className={clsx(styles['modal'], 'tcn-surface', 'tcn-modal', className)}\n      {...props}\n    >\n      <Scaffold\n        className={'tcn-overlay-content tcn-modal-scaffold'}\n        width=\"100%\"\n        height=\"100%\"\n      >\n        {children}\n      </Scaffold>\n    </Frame>\n  );\n});\n"],"names":["Modal","React","children","className","isOpen","veil","resizable","draggable","props","ref","jsx","Frame","clsx","styles","Scaffold"],"mappings":";;;;;8CAUaA,IAAQC,EAAM,WAAoC,SAC7D;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QAAAL;AAAA,MACA,MAAAC;AAAA,MACA,WAAAE;AAAA,MACA,WAAAD;AAAA,MACA,WAAWM,EAAKC,EAAO,OAAU,eAAe,aAAaV,CAAS;AAAA,MACrE,GAAGK;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAM;AAAA,UACN,QAAO;AAAA,UAEN,UAAAZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

package/dist/surfaces/page/page.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ScaffoldProps } from '../../layouts/scaffold/scaffold.js';
+export type PageProps = ScaffoldProps;
+export declare const Page: React.ForwardRefExoticComponent<ScaffoldProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/surfaces/page/page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAKlF,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,eAAO,MAAM,IAAI,mFAaf,CAAC"}

package/dist/surfaces/page/page.js

@@ -0,0 +1,19 @@
+import { jsx as a } from "react/jsx-runtime";
+import f from "react";
+import { Scaffold as c } from "../../layouts/scaffold/scaffold.js";
+import s from "clsx";
+import '../../page.css';const m = "_page_b219ddf", p = { page: m }, u = f.forwardRef(function({ children: o, className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    c,
+    {
+      ref: r,
+      className: s(p.page, "tcn-surface", "tcn-page", t),
+      ...e,
+      children: o
+    }
+  );
+});
+export {
+  u as Page
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sources":["../../../src/surfaces/page/page.tsx"],"sourcesContent":["import React from 'react';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/scaffold/scaffold.js';\nimport clsx from 'clsx';\n\nimport styles from './page.module.css';\n\nexport type PageProps = ScaffoldProps;\n\nexport const Page = React.forwardRef<HTMLElement, PageProps>(function Page(\n  { children, className, ...props }: PageProps,\n  ref\n) {\n  return (\n    <Scaffold\n      ref={ref}\n      className={clsx(styles['page'], 'tcn-surface', 'tcn-page', className)}\n      {...props}\n    >\n      {children}\n    </Scaffold>\n  );\n});\n"],"names":["Page","React","children","className","props","ref","jsx","Scaffold","clsx","styles"],"mappings":";;;;4CAQaA,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,WAAWG,EAAKC,EAAO,MAAS,eAAe,YAAYN,CAAS;AAAA,MACnE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLAyBtB,CAAC"}
+{"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLA6BtB,CAAC"}

package/dist/surfaces/pop_confirm/pop_confirm.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { clsx as e } from "clsx";
-import n from "react";
+import { clsx as c } from "clsx";
+import e from "react";
 import "../../layouts/column/column.js";
 import "../../divider.module-FptFV0PX.js";
 import "../../layouts/grid/grid.js";
@@ -8,9 +8,8 @@ import "../../layouts/list/item.js";
 import "../../layouts/list/list.js";
 import "../../layouts/sidebar_end/sidebar_end.js";
 import "../../layouts/sidebar_start/sidebar_start.js";
-import { Scaffold as c } from "../../layouts/scaffold/scaffold.js";
-import "../../layouts/body/h_body.js";
-import "../../layouts/body/v_body.js";
+import { Scaffold as n } from "../../layouts/scaffold/scaffold.js";
+import "../../layouts/body/body.js";
 import "../../layouts/footer/footer.js";
 import "../../layouts/header/header.js";
 import "../../layouts/utility_bar/utility_bar.js";
@@ -31,30 +30,38 @@ import "../../stacks/z_stack.js";
 import "../../layouts/rail/rail.js";
 import "../../layouts/rail/side/side.js";
 import "../../layouts/rail/utility_strip/utility_strip.js";
-import { PopperDismissal as s } from "../../overlay/popper/base/dismissal_decorator.js";
-import { ElementPopper as a } from "../../overlay/popper/element_popper.js";
-const T = n.forwardRef(
+import { PopperDismissal as a } from "../../overlay/popper/base/dismissal_decorator.js";
+import { ElementPopper as s } from "../../overlay/popper/element_popper.js";
+const Q = e.forwardRef(
   function({
     children: r,
     className: m,
-    precision: i = "high",
-    dismissals: t = [s.CLICK_AWAY],
+    precision: t = "high",
+    dismissals: i = [a.CLICK_AWAY],
     ...p
   }, f) {
     return /* @__PURE__ */ o(
-      a,
+      s,
       {
         ref: f,
-        precision: i,
-        className: e(m, "tcn-pop-confirm"),
-        dismissals: t,
+        precision: t,
+        className: c(m, "tcn-pop-confirm"),
+        dismissals: i,
         ...p,
-        children: /* @__PURE__ */ o(c, { width: "100%", height: "100%", children: r })
+        children: /* @__PURE__ */ o(
+          n,
+          {
+            width: "100%",
+            height: "100%",
+            className: "tcn-overlay-content tcn-pop-confirm-scaffold",
+            children: r
+          }
+        )
       }
     );
   }
 );
 export {
-  T as PopConfirm
+  Q as PopConfirm
 };
 //# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/pop_confirm/pop_confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm(\n    {\n      children,\n      className,\n      precision = 'high',\n      dismissals = [PopperDismissal.CLICK_AWAY],\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <ElementPopper\n        ref={ref}\n        precision={precision}\n        className={clsx(className, 'tcn-pop-confirm')}\n        dismissals={dismissals}\n        {...props}\n      >\n        <Scaffold width={'100%'} height={'100%'}>\n          {children}\n        </Scaffold>\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","precision","dismissals","PopperDismissal","props","ref","jsx","ElementPopper","clsx","Scaffold"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa,CAACC,EAAgB,UAAU;AAAA,IACxC,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAAJ;AAAA,QACA,WAAWO,EAAKR,GAAW,iBAAiB;AAAA,QAC5C,YAAAE;AAAA,QACC,GAAGE;AAAA,QAEJ,4BAACK,GAAA,EAAS,OAAO,QAAQ,QAAQ,QAC9B,UAAAV,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm(\n    {\n      children,\n      className,\n      precision = 'high',\n      dismissals = [PopperDismissal.CLICK_AWAY],\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <ElementPopper\n        ref={ref}\n        precision={precision}\n        className={clsx(className, 'tcn-pop-confirm')}\n        dismissals={dismissals}\n        {...props}\n      >\n        <Scaffold\n          width={'100%'}\n          height={'100%'}\n          className={'tcn-overlay-content tcn-pop-confirm-scaffold'}\n        >\n          {children}\n        </Scaffold>\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","precision","dismissals","PopperDismissal","props","ref","jsx","ElementPopper","clsx","Scaffold"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa,CAACC,EAAgB,UAAU;AAAA,IACxC,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAAJ;AAAA,QACA,WAAWO,EAAKR,GAAW,iBAAiB;AAAA,QAC5C,YAAAE;AAAA,QACC,GAAGE;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YAEV,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/surfaces/window/window.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAMtE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC;AAErC,eAAO,MAAM,MAAM,4KA2BjB,CAAC"}
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/surfaces/window/window.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAMtE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC;AAErC,eAAO,MAAM,MAAM,4KA+BjB,CAAC"}

package/dist/surfaces/window/window.js

@@ -1,32 +1,40 @@
 import { jsx as o } from "react/jsx-runtime";
-import { clsx as d } from "clsx";
-import w from "react";
-import { Frame as a } from "../../overlay/frame/frame.js";
+import { clsx as a } from "clsx";
+import d from "react";
+import { Frame as w } from "../../overlay/frame/frame.js";
 import { Scaffold as m } from "../../layouts/scaffold/scaffold.js";
-import '../../window.css';const l = "_window_7610fdb", p = { window: l }, W = w.forwardRef(function({
+import '../../window.css';const l = "_window_7610fdb", p = { window: l }, R = d.forwardRef(function({
   children: t,
-  className: r,
-  isOpen: f,
-  veil: n = !1,
-  draggable: i = !0,
-  resizable: c = !1,
-  ...e
+  className: n,
+  isOpen: r,
+  veil: c = !1,
+  draggable: e = !0,
+  resizable: f = !1,
+  ...i
 }, s) {
   return /* @__PURE__ */ o(
-    a,
+    w,
     {
       ref: s,
-      isOpen: f,
-      veil: n,
-      draggable: i,
-      resizable: c,
-      className: d(p.window, "tcn-surface", "tcn-window", r),
-      ...e,
-      children: /* @__PURE__ */ o(m, { className: "tcn-window-scaffold", width: "100%", height: "100%", children: t })
+      isOpen: r,
+      veil: c,
+      draggable: e,
+      resizable: f,
+      className: a(p.window, "tcn-surface", "tcn-window", n),
+      ...i,
+      children: /* @__PURE__ */ o(
+        m,
+        {
+          className: "tcn-overlay-content tcn-window-scaffold",
+          width: "100%",
+          height: "100%",
+          children: t
+        }
+      )
     }
   );
 });
 export {
-  W as Window
+  R as Window
 };
 //# sourceMappingURL=window.js.map

package/dist/surfaces/window/window.js.map

@@ -1 +1 @@
-{"version":3,"file":"window.js","sources":["../../../src/surfaces/window/window.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Frame, type FrameProps } from '../../overlay/frame/frame.js';\nimport { Scaffold } from '../../layouts/scaffold/scaffold.js';\n\n// Styles\nimport styles from './window.module.css';\n\nexport type WindowProps = FrameProps;\n\nexport const Window = React.forwardRef<HTMLElement, WindowProps>(function Window(\n  {\n    children,\n    className,\n    isOpen,\n    veil = false,\n    draggable = true,\n    resizable = false,\n    ...props\n  }: WindowProps,\n  ref\n) {\n  return (\n    <Frame\n      ref={ref}\n      isOpen={isOpen}\n      veil={veil}\n      draggable={draggable}\n      resizable={resizable}\n      className={clsx(styles['window'], 'tcn-surface', 'tcn-window', className)}\n      {...props}\n    >\n      <Scaffold className={'tcn-window-scaffold'} width=\"100%\" height=\"100%\">\n        {children}\n      </Scaffold>\n    </Frame>\n  );\n});\n"],"names":["Window","React","children","className","isOpen","veil","draggable","resizable","props","ref","jsx","Frame","clsx","styles","Scaffold"],"mappings":";;;;;gDAUaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QAAAL;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAWK,EAAKC,EAAO,QAAW,eAAe,cAAcV,CAAS;AAAA,MACvE,GAAGK;AAAA,MAEJ,UAAA,gBAAAE,EAACI,KAAS,WAAW,uBAAuB,OAAM,QAAO,QAAO,QAC7D,UAAAZ,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"window.js","sources":["../../../src/surfaces/window/window.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Frame, type FrameProps } from '../../overlay/frame/frame.js';\nimport { Scaffold } from '../../layouts/scaffold/scaffold.js';\n\n// Styles\nimport styles from './window.module.css';\n\nexport type WindowProps = FrameProps;\n\nexport const Window = React.forwardRef<HTMLElement, WindowProps>(function Window(\n  {\n    children,\n    className,\n    isOpen,\n    veil = false,\n    draggable = true,\n    resizable = false,\n    ...props\n  }: WindowProps,\n  ref\n) {\n  return (\n    <Frame\n      ref={ref}\n      isOpen={isOpen}\n      veil={veil}\n      draggable={draggable}\n      resizable={resizable}\n      className={clsx(styles['window'], 'tcn-surface', 'tcn-window', className)}\n      {...props}\n    >\n      <Scaffold\n        className={'tcn-overlay-content tcn-window-scaffold'}\n        width=\"100%\"\n        height=\"100%\"\n      >\n        {children}\n      </Scaffold>\n    </Frame>\n  );\n});\n"],"names":["Window","React","children","className","isOpen","veil","draggable","resizable","props","ref","jsx","Frame","clsx","styles","Scaffold"],"mappings":";;;;;gDAUaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,QAAAL;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAWK,EAAKC,EAAO,QAAW,eAAe,cAAcV,CAAS;AAAA,MACvE,GAAGK;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAM;AAAA,UACN,QAAO;AAAA,UAEN,UAAAZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}