@tcn/ui 0.0.3 → 0.1.1

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 m from "classnames";
-import c from "react";
-import '../../../drawer_start.css';const f = "_drawerStart_3abbf56", n = { drawerStart: f }, l = c.forwardRef(
+import { clsx as c } from "clsx";
+import m from "react";
+import '../../../drawer_start.css';const f = "_drawerStart_3abbf56", n = { drawerStart: f }, l = m.forwardRef(
   function({ children: r, className: t, ...a }, o) {
     return /* @__PURE__ */ e(
       s,
       {
         ref: o,
         as: "section",
-        className: m(n.drawerStart, t, "drawerStart"),
+        className: c(n.drawerStart, t, "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 classNames from 'classnames';\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={classNames(styles.drawerStart, className, 'drawerStart')}\n        {...props}\n      >\n        {children}\n      </VStack>\n    );\n  }\n);\n"],"names":["DrawerStart","React","children","className","props","ref","jsx","VStack","classNames","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,EAAWC,EAAO,aAAaN,GAAW,aAAa;AAAA,QACjE,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, '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;"}

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

@@ -1,14 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
-import { VStack as s } from "../../../stacks/v_stack.js";
-import m from "classnames";
+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) {
   return /* @__PURE__ */ e(
-    s,
+    m,
     {
       ref: a,
       as: "section",
-      className: m(f.drawerTop, o, "drawerTop"),
+      className: s(f.drawerTop, o, "drawerTop"),
       ...t,
       children: r
     }

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 classNames from 'classnames';\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={classNames(styles.drawerTop, className, 'drawerTop')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["DrawerTop","React","children","className","props","ref","jsx","VStack","classNames","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,EAAWC,EAAO,WAAWN,GAAW,WAAW;AAAA,MAC7D,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, '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;"}

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

@@ -1,7 +1,5 @@
 import { VStackProps } from '../../stacks/v_stack.js';
 import { default as React } from 'react';
-export interface ModalProps extends Omit<VStackProps, 'as' | 'children'> {
-    children?: React.ReactNode;
-}
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLElement>>;
+export type ModalProps = Omit<VStackProps<HTMLDialogElement>, 'as'>;
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
 //# sourceMappingURL=modal.d.ts.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":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,gFAShB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/surfaces/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;AAEpE,eAAO,MAAM,KAAK,sFAchB,CAAC"}

package/dist/surfaces/modal/modal.js

@@ -1,11 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import { VStack as s } from "../../stacks/v_stack.js";
-import c from "classnames";
-import e from "react";
-import '../../modal.css';const l = "_modal_473c6ef", f = { modal: l }, x = e.forwardRef(function({ children: o, className: a, ...m }, r) {
-  return /* @__PURE__ */ t(s, { ref: r, className: c(a, f.Modal, "modal"), ...m, children: o });
+import { jsx as r } from "react/jsx-runtime";
+import { VStack as c } from "../../stacks/v_stack.js";
+import { clsx as l } from "clsx";
+import s from "react";
+import '../../modal.css';const d = "_modal_473c6ef", f = { modal: d }, u = s.forwardRef(function({ children: o, className: t, ...a }, m) {
+  return /* @__PURE__ */ r(
+    c,
+    {
+      ref: m,
+      className: l(f.modal, "tcn-modal", t),
+      as: "dialog",
+      ...a,
+      children: o
+    }
+  );
 });
 export {
-  x as Modal
+  u 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 { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './modal.module.css';\n\nexport interface ModalProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Modal = React.forwardRef<HTMLElement, ModalProps>(function VPanel(\n  { children, className, ...props }: ModalProps,\n  ref\n) {\n  return (\n    <VStack ref={ref} className={classNames(className, styles.Modal, 'modal')} {...props}>\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Modal","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;8CASaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,WAAWG,EAAWL,GAAWM,EAAO,OAAO,OAAO,GAAI,GAAGL,GAC5E,UAAAF,EAAA,CACH;AAEJ,CAAC;"}
+{"version":3,"file":"modal.js","sources":["../../../src/surfaces/modal/modal.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './modal.module.css';\n\nexport type ModalProps = Omit<VStackProps<HTMLDialogElement>, 'as'>;\n\nexport const Modal = React.forwardRef<HTMLDialogElement, ModalProps>(function Modal(\n  { children, className, ...props }: ModalProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      className={clsx(styles['modal'], 'tcn-modal', className)}\n      as=\"dialog\"\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Modal","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;8CAOaA,IAAQC,EAAM,WAA0C,SACnE,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,aAAaN,CAAS;AAAA,MACvD,IAAG;AAAA,MACF,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/page/h_page.js

@@ -1,22 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
-import s from "classnames";
+import { clsx as s } from "clsx";
 import e from "react";
 import { s as f } from "../../page.module-DXhph-u6.js";
 import { HStack as i } from "../../stacks/h_stack.js";
-const u = e.forwardRef(function({ children: r, className: a, ...o }, t) {
+const H = e.forwardRef(function({ children: r, className: o, ...t }, a) {
   return /* @__PURE__ */ m(
     i,
     {
-      ref: t,
+      ref: a,
       as: "main",
-      className: s(f.page, a, "page"),
+      className: s(f.page, o, "page"),
       vAlign: "start",
-      ...o,
+      ...t,
       children: r
     }
   );
 });
 export {
-  u as HPage
+  H 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 classNames from 'classnames';\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={classNames(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","classNames","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,EAAWC,EAAO,MAAMN,GAAW,MAAM;AAAA,MACpD,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, '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;"}

package/dist/surfaces/page/v_page.js

@@ -1,21 +1,21 @@
-import { jsx as s } from "react/jsx-runtime";
-import { VStack as t } from "../../stacks/v_stack.js";
-import e from "classnames";
+import { jsx as t } 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 u = f.forwardRef(function({ children: r, className: a, ...o }, m) {
-  return /* @__PURE__ */ s(
-    t,
+const V = f.forwardRef(function({ children: r, className: o, ...a }, m) {
+  return /* @__PURE__ */ t(
+    e,
     {
       ref: m,
       as: "main",
-      className: e(p.page, a, "page"),
-      ...o,
+      className: s(p.page, o, "page"),
+      ...a,
       children: r
     }
   );
 });
 export {
-  u as VPage
+  V 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 classNames from 'classnames';\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={classNames(styles.page, className, 'page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","React","children","className","props","ref","jsx","VStack","classNames","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,EAAWC,EAAO,MAAMN,GAAW,MAAM;AAAA,MACnD,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, '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;"}

package/dist/surfaces/panel/h_panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/h_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,iFAyDjB,CAAC"}
+{"version":3,"file":"h_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/h_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,iFAmDjB,CAAC"}

package/dist/surfaces/panel/h_panel.js

@@ -1,24 +1,24 @@
 import { jsx as p } from "react/jsx-runtime";
-import u from "react";
-import l from "classnames";
-import { Box as x } from "../../stacks/box/box.js";
-import { HStack as N } from "../../stacks/h_stack.js";
+import x from "react";
+import { clsx as l } from "clsx";
+import { Box as u } from "../../stacks/box/box.js";
+import { HStack as P } from "../../stacks/h_stack.js";
 import { s as m } from "../../panel.module-DwGKncon.js";
-const H = u.forwardRef(function({
+const I = x.forwardRef(function({
   children: f,
   width: k,
   height: d,
   minWidth: a,
   maxWidth: t,
   minHeight: n,
-  maxHeight: e,
-  hAlign: o,
-  vAlign: r = "start",
+  maxHeight: o,
+  hAlign: r,
+  vAlign: e = "start",
   className: s,
   ...i
 }, c) {
   return /* @__PURE__ */ p(
-    x,
+    u,
     {
       ref: c,
       width: k,
@@ -26,27 +26,21 @@ const H = u.forwardRef(function({
       minWidth: a,
       maxWidth: t,
       minHeight: n,
-      maxHeight: e,
-      "data-h-alignment": o,
-      "data-v-alignment": r,
-      className: l(
-        m.panel,
-        s,
-        "panel",
-        "tcn-panel",
-        "tcn-h-panel"
-      ),
+      maxHeight: o,
+      "data-h-alignment": r,
+      "data-v-alignment": e,
+      className: l(m.panel, s, "panel", "tcn-panel", "tcn-h-panel"),
       ...i,
       children: /* @__PURE__ */ p(
-        N,
+        P,
         {
           as: "section",
           minWidth: a,
           maxWidth: t,
           minHeight: n,
-          maxHeight: e,
-          hAlign: o,
-          vAlign: r,
+          maxHeight: o,
+          hAlign: r,
+          vAlign: e,
           ref: c,
           className: l(
             m["panel-stack"],
@@ -62,6 +56,6 @@ const H = u.forwardRef(function({
   );
 });
 export {
-  H as HPanel
+  I as HPanel
 };
 //# sourceMappingURL=h_panel.js.map

package/dist/surfaces/panel/h_panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_panel.js","sources":["../../../src/surfaces/panel/h_panel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface HPanelProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const HPanel = React.forwardRef<HTMLElement, HPanelProps>(function HPanel(\n  {\n    children,\n    width,\n    height,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: HPanelProps,\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={classNames(\n        styles['panel'],\n        className,\n        'panel',\n        'tcn-panel',\n        'tcn-h-panel'\n      )}\n      {...props}\n    >\n      <HStack\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={classNames(\n          styles['panel-stack'],\n          className,\n          'panel-stack',\n          'tcn-panel-stack'\n        )}\n        zIndex={0}\n      >\n        {children}\n      </HStack>\n    </Box>\n  );\n});\n"],"names":["HPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","classNames","styles","HStack"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,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;AAAA,QACTC,EAAO;AAAA,QACPN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;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;AAAA,YACTC,EAAO,aAAa;AAAA,YACpBN;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"h_panel.js","sources":["../../../src/surfaces/panel/h_panel.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface HPanelProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const HPanel = React.forwardRef<HTMLElement, HPanelProps>(function HPanel(\n  {\n    children,\n    width,\n    height,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: HPanelProps,\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(styles['panel'], className, 'panel', 'tcn-panel', 'tcn-h-panel')}\n      {...props}\n    >\n      <HStack\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(\n          styles['panel-stack'],\n          className,\n          'panel-stack',\n          'tcn-panel-stack'\n        )}\n        zIndex={0}\n      >\n        {children}\n      </HStack>\n    </Box>\n  );\n});\n"],"names":["HPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","HStack"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,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,EAAKC,EAAO,OAAUN,GAAW,SAAS,aAAa,aAAa;AAAA,MAC9E,GAAGC;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;AAAA,YACTC,EAAO,aAAa;AAAA,YACpBN;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

package/dist/surfaces/panel/v_panel.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import i from "react";
-import l from "classnames";
-import { Box as V } from "../../stacks/box/box.js";
-import { VStack as u } from "../../stacks/v_stack.js";
-import { s as x } from "../../panel.module-DwGKncon.js";
-const z = i.forwardRef(function({
+import { clsx as l } from "clsx";
+import { Box as x } from "../../stacks/box/box.js";
+import { VStack as V } from "../../stacks/v_stack.js";
+import { s as u } from "../../panel.module-DwGKncon.js";
+const B = i.forwardRef(function({
   children: m,
   width: f,
   height: k = "100%",
@@ -18,7 +18,7 @@ const z = i.forwardRef(function({
   ...d
 }, c) {
   return /* @__PURE__ */ p(
-    V,
+    x,
     {
       ref: c,
       width: f,
@@ -32,7 +32,7 @@ const z = i.forwardRef(function({
       className: l(s, "panel", "tcn-panel", "tcn-v-panel"),
       ...d,
       children: /* @__PURE__ */ p(
-        u,
+        V,
         {
           as: "section",
           minWidth: a,
@@ -43,7 +43,7 @@ const z = i.forwardRef(function({
           vAlign: e,
           ref: c,
           className: l(
-            x["panel-stack"],
+            u["panel-stack"],
             s,
             "panel-stack",
             "tcn-panel-stack"
@@ -56,6 +56,6 @@ const z = i.forwardRef(function({
   );
 });
 export {
-  z as VPanel
+  B as VPanel
 };
 //# sourceMappingURL=v_panel.js.map

package/dist/surfaces/panel/v_panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\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 './panel.module.css';\n\nexport interface VPanelProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const VPanel = React.forwardRef<HTMLElement, VPanelProps>(function VPanel(\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  }: VPanelProps,\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={classNames(className, 'panel', 'tcn-panel', 'tcn-v-panel')}\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={classNames(\n          styles['panel-stack'],\n          className,\n          'panel-stack',\n          'tcn-panel-stack'\n        )}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["VPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","classNames","VStack","styles"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;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,EAAWL,GAAW,SAAS,aAAa,aAAa;AAAA,MACnE,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAZ;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTE,EAAO,aAAa;AAAA,YACpBP;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.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 './panel.module.css';\n\nexport interface VPanelProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const VPanel = React.forwardRef<HTMLElement, VPanelProps>(function VPanel(\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  }: VPanelProps,\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, 'panel', 'tcn-panel', 'tcn-v-panel')}\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(\n          styles['panel-stack'],\n          className,\n          'panel-stack',\n          'tcn-panel-stack'\n        )}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["VPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","VStack","styles"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;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,GAAW,SAAS,aAAa,aAAa;AAAA,MAC7D,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAZ;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTE,EAAO,aAAa;AAAA,YACpBP;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}

package/dist/surfaces/popover/popover.js

@@ -1,48 +1,48 @@
 import { jsx as o } from "react/jsx-runtime";
-import j from "classnames";
-import { VStack as k } from "../../stacks/v_stack.js";
-import { Popper as w } from "../../overlay/popper/popper.js";
+import { clsx as k } from "clsx";
+import { VStack as w } from "../../stacks/v_stack.js";
+import { Popper as N } from "../../overlay/popper/popper.js";
 function q({
   anchorElement: r,
   verticalAnchor: t,
-  verticalOrigin: e,
-  verticalOffset: m,
-  horizontalAnchor: p,
-  horizontalOrigin: i,
-  horizontalOffset: a,
-  open: n,
-  onClose: s,
-  restoreFocus: c,
-  veil: f,
-  onVeilClick: l,
+  verticalOrigin: p,
+  verticalOffset: e,
+  horizontalAnchor: i,
+  horizontalOrigin: m,
+  horizontalOffset: n,
+  open: c,
+  onClose: f,
+  restoreFocus: a,
+  veil: l,
+  onVeilClick: s,
   clickAwayRefs: u,
-  isClickAwayException: d,
-  isScrollAwayException: h,
-  disableClickAway: v,
-  children: x,
-  className: N,
-  ...P
+  isClickAwayException: x,
+  isScrollAwayException: d,
+  disableClickAway: h,
+  children: v,
+  className: P,
+  ...j
 }) {
   return /* @__PURE__ */ o(
-    w,
+    N,
     {
       anchorElement: r,
       verticalAnchor: t,
-      verticalOrigin: e,
-      verticalOffset: m,
-      horizontalAnchor: p,
-      horizontalOrigin: i,
-      horizontalOffset: a,
-      restoreFocus: c,
-      veil: f,
-      onVeilClick: l,
+      verticalOrigin: p,
+      verticalOffset: e,
+      horizontalAnchor: i,
+      horizontalOrigin: m,
+      horizontalOffset: n,
+      restoreFocus: a,
+      veil: l,
+      onVeilClick: s,
       clickAwayRefs: u,
-      isClickAwayException: d,
-      isScrollAwayException: h,
-      disableClickAway: v,
-      open: n,
-      onClose: s,
-      children: /* @__PURE__ */ o(k, { inline: !0, width: "auto", className: j(N, "popover"), ...P, children: x })
+      isClickAwayException: x,
+      isScrollAwayException: d,
+      disableClickAway: h,
+      open: c,
+      onClose: f,
+      children: /* @__PURE__ */ o(w, { inline: !0, width: "auto", className: k(P, "popover"), ...j, children: v })
     }
   );
 }

package/dist/surfaces/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n  anchorElement,\n  verticalAnchor,\n  verticalOrigin,\n  verticalOffset,\n  horizontalAnchor,\n  horizontalOrigin,\n  horizontalOffset,\n  open,\n  onClose,\n  restoreFocus,\n  veil,\n  onVeilClick,\n  clickAwayRefs,\n  isClickAwayException,\n  isScrollAwayException,\n  disableClickAway,\n  children,\n  className,\n  ...props\n}: PopoverProps) {\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor}\n      horizontalOrigin={horizontalOrigin}\n      horizontalOffset={horizontalOffset}\n      restoreFocus={restoreFocus}\n      veil={veil}\n      onVeilClick={onVeilClick}\n      clickAwayRefs={clickAwayRefs}\n      isClickAwayException={isClickAwayException}\n      isScrollAwayException={isScrollAwayException}\n      disableClickAway={disableClickAway}\n      open={open}\n      onClose={onClose}\n    >\n      <VStack inline width=\"auto\" className={classnames(className, 'popover')} {...props}>\n        {children}\n      </VStack>\n    </Popper>\n  );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","classnames"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAWL,GAAW,SAAS,GAAI,GAAGC,GAC1E,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n  anchorElement,\n  verticalAnchor,\n  verticalOrigin,\n  verticalOffset,\n  horizontalAnchor,\n  horizontalOrigin,\n  horizontalOffset,\n  open,\n  onClose,\n  restoreFocus,\n  veil,\n  onVeilClick,\n  clickAwayRefs,\n  isClickAwayException,\n  isScrollAwayException,\n  disableClickAway,\n  children,\n  className,\n  ...props\n}: PopoverProps) {\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor}\n      horizontalOrigin={horizontalOrigin}\n      horizontalOffset={horizontalOffset}\n      restoreFocus={restoreFocus}\n      veil={veil}\n      onVeilClick={onVeilClick}\n      clickAwayRefs={clickAwayRefs}\n      isClickAwayException={isClickAwayException}\n      isScrollAwayException={isScrollAwayException}\n      disableClickAway={disableClickAway}\n      open={open}\n      onClose={onClose}\n    >\n      <VStack inline width=\"auto\" className={clsx(className, 'popover')} {...props}>\n        {children}\n      </VStack>\n    </Popper>\n  );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","clsx"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAKL,GAAW,SAAS,GAAI,GAAGC,GACpE,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAElD,eAAO,MAAM,MAAM,oFAajB,CAAC"}
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/surfaces/window/window.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAElD,eAAO,MAAM,MAAM,oFASjB,CAAC"}

package/dist/surfaces/window/window.js

@@ -1,19 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
-import { VStack as s } from "../../stacks/v_stack.js";
-import w from "classnames";
-import m from "react";
-import '../../window.css';const c = "_window_7610fdb", d = { window: c }, u = m.forwardRef(function({ children: o, className: r, ...t }, n) {
-  return /* @__PURE__ */ i(
-    s,
-    {
-      ref: n,
-      className: w(d.window, r, "window"),
-      ...t,
-      children: o
-    }
-  );
+import { VStack as w } from "../../stacks/v_stack.js";
+import { clsx as m } from "clsx";
+import s from "react";
+import '../../window.css';const c = "_window_7610fdb", d = { window: c }, x = s.forwardRef(function({ children: o, className: r, ...t }, n) {
+  return /* @__PURE__ */ i(w, { ref: n, className: m(d.window, r, "window"), ...t, children: o });
 });
 export {
-  u as Window
+  x 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 { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './window.module.css';\n\nexport type WindowProps = Omit<VStackProps, 'as'>;\n\nexport const Window = React.forwardRef<HTMLDivElement, WindowProps>(function Window(\n  { children, className, ...props }: WindowProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      className={classNames(styles.window, className, 'window')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Window","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;gDAOaA,IAASC,EAAM,WAAwC,SAClE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,EAAO,QAAQN,GAAW,QAAQ;AAAA,MACvD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"window.js","sources":["../../../src/surfaces/window/window.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './window.module.css';\n\nexport type WindowProps = Omit<VStackProps, 'as'>;\n\nexport const Window = React.forwardRef<HTMLDivElement, WindowProps>(function Window(\n  { children, className, ...props }: WindowProps,\n  ref\n) {\n  return (\n    <VStack ref={ref} className={clsx(styles.window, className, 'window')} {...props}>\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Window","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;gDAOaA,IAASC,EAAM,WAAwC,SAClE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,WAAWG,EAAKC,EAAO,QAAQN,GAAW,QAAQ,GAAI,GAAGC,GACxE,UAAAF,EAAA,CACH;AAEJ,CAAC;"}

package/dist/themes/index.d.ts

@@ -1,6 +1,4 @@
 export * from './theme_variables.js';
 export * from './theme.js';
-export * from './themes/windows_98/windows_98_theme.js';
-export * from './themes/ergo/ergo_theme.js';
 export * from './stylesheets/reset.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC"}