@tcn/ui 0.0.2 → 0.0.4

package/dist/surfaces/panel/h_panel.js

@@ -1,48 +1,53 @@
 import { jsx as p } from "react/jsx-runtime";
-import { Box as u } from "../../stacks/box/box.js";
-import c from "classnames";
 import x from "react";
-import { s as l } from "../../panel.module-CtikcmYB.js";
-import { HStack as N } from "../../stacks/h_stack.js";
-const H = x.forwardRef(function({
+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 I = x.forwardRef(function({
   children: f,
-  width: d,
-  height: i,
+  width: k,
+  height: d,
   minWidth: a,
-  maxWidth: o,
-  minHeight: r,
-  maxHeight: t,
-  hAlign: s,
+  maxWidth: t,
+  minHeight: n,
+  maxHeight: o,
+  hAlign: r,
   vAlign: e = "start",
-  className: n,
-  ...k
-}, m) {
+  className: s,
+  ...i
+}, c) {
   return /* @__PURE__ */ p(
     u,
     {
-      ref: m,
-      width: d,
-      height: i,
+      ref: c,
+      width: k,
+      height: d,
       minWidth: a,
-      maxWidth: o,
-      minHeight: r,
-      maxHeight: t,
-      "data-h-alignment": s,
+      maxWidth: t,
+      minHeight: n,
+      maxHeight: o,
+      "data-h-alignment": r,
       "data-v-alignment": e,
-      className: c(n, l.panel, "panel"),
-      ...k,
+      className: l(m.panel, s, "panel", "tcn-panel", "tcn-h-panel"),
+      ...i,
       children: /* @__PURE__ */ p(
-        N,
+        P,
         {
           as: "section",
           minWidth: a,
-          maxWidth: o,
-          minHeight: r,
-          maxHeight: t,
-          hAlign: s,
+          maxWidth: t,
+          minHeight: n,
+          maxHeight: o,
+          hAlign: r,
           vAlign: e,
-          ref: m,
-          className: c(l["panel-stack"], n, "panel-stack"),
+          ref: c,
+          className: l(
+            m["panel-stack"],
+            s,
+            "panel-stack",
+            "tcn-panel-stack"
+          ),
           zIndex: 0,
           children: f
         }
@@ -51,6 +56,6 @@ const H = x.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 { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './panel.module.css';\nimport { HStack } from '../../stacks/h_stack.js';\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(className, styles['panel'], '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={classNames(styles['panel-stack'], className, 'panel-stack')}\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":";;;;;;AAYO,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,EAAWL,GAAWM,EAAO,OAAU,OAAO;AAAA,MACxD,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,EAAWC,EAAO,aAAa,GAAGN,GAAW,aAAa;AAAA,UACrE,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.d.ts

@@ -1,6 +1,6 @@
+import { default as React } from 'react';
 import { BoxProps } from '../../stacks/box/box.js';
 import { Alignment } from '../../stacks/types/alignment.js';
-import { default as React } from 'react';
 export interface VPanelProps extends Omit<BoxProps, 'as'> {
     vAlign?: Alignment;
     hAlign?: Alignment;

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

@@ -1 +1 @@
-{"version":3,"file":"v_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/v_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,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,iFA8CjB,CAAC"}
+{"version":3,"file":"v_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/v_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,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/v_panel.js

@@ -1,50 +1,55 @@
 import { jsx as p } from "react/jsx-runtime";
-import { Box as V } from "../../stacks/box/box.js";
-import { VStack as u } from "../../stacks/v_stack.js";
-import c from "classnames";
-import x from "react";
-import { s as l } from "../../panel.module-CtikcmYB.js";
-const B = x.forwardRef(function({
-  children: f,
-  width: d,
-  height: i = "100%",
+import i from "react";
+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%",
   minWidth: a,
-  maxWidth: o,
-  minHeight: r,
-  maxHeight: t,
-  hAlign: s,
+  maxWidth: t,
+  minHeight: n,
+  maxHeight: o,
+  hAlign: r,
   vAlign: e = "start",
-  className: n,
-  ...k
-}, m) {
+  className: s,
+  ...d
+}, c) {
   return /* @__PURE__ */ p(
-    V,
+    x,
     {
-      ref: m,
-      width: d,
-      height: i,
+      ref: c,
+      width: f,
+      height: k,
       minWidth: a,
-      maxWidth: o,
-      minHeight: r,
-      maxHeight: t,
-      "data-h-alignment": s,
+      maxWidth: t,
+      minHeight: n,
+      maxHeight: o,
+      "data-h-alignment": r,
       "data-v-alignment": e,
-      className: c(n, l.panel, "panel"),
-      ...k,
+      className: l(s, "panel", "tcn-panel", "tcn-v-panel"),
+      ...d,
       children: /* @__PURE__ */ p(
-        u,
+        V,
         {
           as: "section",
           minWidth: a,
-          maxWidth: o,
-          minHeight: r,
-          maxHeight: t,
-          hAlign: s,
+          maxWidth: t,
+          minHeight: n,
+          maxHeight: o,
+          hAlign: r,
           vAlign: e,
-          ref: m,
-          className: c(l["panel-stack"], n, "panel-stack"),
+          ref: c,
+          className: l(
+            u["panel-stack"],
+            s,
+            "panel-stack",
+            "tcn-panel-stack"
+          ),
           zIndex: 0,
-          children: f
+          children: m
         }
       )
     }

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 { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Alignment } from '../../stacks/types/alignment.js';\nimport classNames from 'classnames';\nimport React from 'react';\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, styles['panel'], '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(styles['panel-stack'], className, 'panel-stack')}\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","styles","VStack"],"mappings":";;;;;;AAYO,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,GAAWM,EAAO,OAAU,OAAO;AAAA,MACxD,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,EAAWC,EAAO,aAAa,GAAGN,GAAW,aAAa;AAAA,UACrE,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"}

package/dist/themes/index.js

@@ -1,6 +1,5 @@
-import { theme as l } from "./theme_variables.js";
-import { Theme as i } from "./theme.js";
-import { windows98StyleSheet as f } from "./themes/windows_98/windows_98_theme.js";
+import { theme as r } from "./theme_variables.js";
+import { Theme as a } from "./theme.js";
 const n = `/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
 html,
 body,
@@ -135,209 +134,11 @@ legend {
   font: inherit;
   color: inherit;
 }
-
-/* ===== CSS VARIABLES ===== */
-:root {
-  --scalar: 1;
-  --gap-small: 2px;
-  --gap-medium: 4px;
-  --gap-large: 8px;
-
-  --padding-small: 2px;
-  --padding-medium: 4px;
-  --padding-large: 8px;
-
-  --status-color-disabled: #7f7f7f;
-  --status-color-info: #008cff;
-  --status-color-warning: #ff0000;
-  --status-color-error: #ff0000;
-
-  --async-color-initial: #c0c0c0;
-  --async-color-pending: #008cff;
-  --async-color-success: #00ff00;
-  --async-color-failed: #ff0000;
-
-  --primary-color-faint: #c0c0c0;
-  --primary-color: #008cff;
-  --primary-color-strong: #008cff;
-
-  --secondary-color-faint: #c0c0c0;
-  --secondary-color: #008cff;
-  --secondary-color-strong: #008cff;
-
-  --tertiary-color-faint: #c0c0c0;
-  --tertiary-color: #008cff;
-  --tertiary-color-strong: #008cff;
-
-  --quaternary-color-faint: #c0c0c0;
-  --quaternary-color: #008cff;
-  --quaternary-color-strong: #008cff;
-
-  --font-color: #222222;
-  --font-family:
-    "Arial", "Helvetica Neue", Helvetica, "Liberation Sans", "Arimo", sans-serif;
-  --font-size: 12px;
-
-  --background-color-primary: #ffffff;
-  --background-color-secondary: #ffffff;
-  --background-color-tertiary: #ffffff;
-  --background-color-quaternary: #ffffff;
-
-  --foreground-color-primary: #222222;
-  --foreground-color-secondary: #222222;
-  --foreground-color-tertiary: #222222;
-  --foreground-color-quaternary: #222222;
-
-  --accent-color: #008cff;
-}
-
-* {
-  position: relative;
-  box-sizing: border-box;
-}
 `, e = new CSSStyleSheet();
 e.replaceSync(n);
-const o = `/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-body {
-  line-height: 1;
-}
-ol,
-ul {
-  list-style: none;
-}
-blockquote,
-q {
-  quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: "";
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-legend {
-  all: unset;
-  display: block;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-}
-`, r = new CSSStyleSheet();
-r.replaceSync(o);
 export {
-  i as Theme,
-  e as ergoStyleSheet,
-  r as reset,
-  l as theme,
-  f as windows98StyleSheet
+  a as Theme,
+  e as reset,
+  r as theme
 };
 //# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/themes/themes/ergo/ergo_theme.css?raw","../../src/themes/themes/ergo/ergo_theme.ts","../../src/themes/stylesheets/reset.css?raw","../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n  margin: 0;\\n  padding: 0;\\n  border: 0;\\n  font-size: 100%;\\n  font: inherit;\\n  vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n  display: block;\\n}\\nbody {\\n  line-height: 1;\\n}\\nol,\\nul {\\n  list-style: none;\\n}\\nblockquote,\\nq {\\n  quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n  content: \\\"\\\";\\n  content: none;\\n}\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\nlegend {\\n  all: unset;\\n  display: block;\\n  margin: 0;\\n  padding: 0;\\n  font: inherit;\\n  color: inherit;\\n}\\n\\n/* ===== CSS VARIABLES ===== */\\n:root {\\n  --scalar: 1;\\n  --gap-small: 2px;\\n  --gap-medium: 4px;\\n  --gap-large: 8px;\\n\\n  --padding-small: 2px;\\n  --padding-medium: 4px;\\n  --padding-large: 8px;\\n\\n  --status-color-disabled: #7f7f7f;\\n  --status-color-info: #008cff;\\n  --status-color-warning: #ff0000;\\n  --status-color-error: #ff0000;\\n\\n  --async-color-initial: #c0c0c0;\\n  --async-color-pending: #008cff;\\n  --async-color-success: #00ff00;\\n  --async-color-failed: #ff0000;\\n\\n  --primary-color-faint: #c0c0c0;\\n  --primary-color: #008cff;\\n  --primary-color-strong: #008cff;\\n\\n  --secondary-color-faint: #c0c0c0;\\n  --secondary-color: #008cff;\\n  --secondary-color-strong: #008cff;\\n\\n  --tertiary-color-faint: #c0c0c0;\\n  --tertiary-color: #008cff;\\n  --tertiary-color-strong: #008cff;\\n\\n  --quaternary-color-faint: #c0c0c0;\\n  --quaternary-color: #008cff;\\n  --quaternary-color-strong: #008cff;\\n\\n  --font-color: #222222;\\n  --font-family:\\n    \\\"Arial\\\", \\\"Helvetica Neue\\\", Helvetica, \\\"Liberation Sans\\\", \\\"Arimo\\\", sans-serif;\\n  --font-size: 12px;\\n\\n  --background-color-primary: #ffffff;\\n  --background-color-secondary: #ffffff;\\n  --background-color-tertiary: #ffffff;\\n  --background-color-quaternary: #ffffff;\\n\\n  --foreground-color-primary: #222222;\\n  --foreground-color-secondary: #222222;\\n  --foreground-color-tertiary: #222222;\\n  --foreground-color-quaternary: #222222;\\n\\n  --accent-color: #008cff;\\n}\\n\\n* {\\n  position: relative;\\n  box-sizing: border-box;\\n}\\n\"","import css from './ergo_theme.css?raw';\n\nexport const ergoStyleSheet = new CSSStyleSheet();\nergoStyleSheet.replaceSync(css);\n","export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n  margin: 0;\\n  padding: 0;\\n  border: 0;\\n  font-size: 100%;\\n  font: inherit;\\n  vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n  display: block;\\n}\\nbody {\\n  line-height: 1;\\n}\\nol,\\nul {\\n  list-style: none;\\n}\\nblockquote,\\nq {\\n  quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n  content: \\\"\\\";\\n  content: none;\\n}\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\nlegend {\\n  all: unset;\\n  display: block;\\n  margin: 0;\\n  padding: 0;\\n  font: inherit;\\n  color: inherit;\\n}\\n\"","import css from './reset.css?raw';\n\nexport const reset = new CSSStyleSheet();\nreset.replaceSync(css);\n"],"names":["css$1","ergoStyleSheet","css","reset"],"mappings":";;;AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAiB,IAAI,cAAA;AAClCA,EAAe,YAAYC,CAAG;ACH9B,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAQ,IAAI,cAAA;AACzBA,EAAM,YAAYD,CAAG;"}
+{"version":3,"file":"index.js","sources":["../../src/themes/stylesheets/reset.css?raw","../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n  margin: 0;\\n  padding: 0;\\n  border: 0;\\n  font-size: 100%;\\n  font: inherit;\\n  vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n  display: block;\\n}\\nbody {\\n  line-height: 1;\\n}\\nol,\\nul {\\n  list-style: none;\\n}\\nblockquote,\\nq {\\n  quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n  content: \\\"\\\";\\n  content: none;\\n}\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\nlegend {\\n  all: unset;\\n  display: block;\\n  margin: 0;\\n  padding: 0;\\n  font: inherit;\\n  color: inherit;\\n}\\n\"","import css from './reset.css?raw';\n\nexport const reset = new CSSStyleSheet();\nreset.replaceSync(css);\n"],"names":["css","reset"],"mappings":";;AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAQ,IAAI,cAAA;AACzBA,EAAM,YAAYD,CAAG;"}

package/dist/themes/themes/ergo/ergo_theme.css

@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}legend{all:unset;display:block;margin:0;padding:0;font:inherit;color:inherit}:root{--scalar: 1;--gap-small: 2px;--gap-medium: 4px;--gap-large: 8px;--padding-small: 2px;--padding-medium: 4px;--padding-large: 8px;--status-color-disabled: #7f7f7f;--status-color-info: #008cff;--status-color-warning: #ff0000;--status-color-error: #ff0000;--async-color-initial: #c0c0c0;--async-color-pending: #008cff;--async-color-success: #00ff00;--async-color-failed: #ff0000;--primary-color-faint: #c0c0c0;--primary-color: #008cff;--primary-color-strong: #008cff;--secondary-color-faint: #c0c0c0;--secondary-color: #008cff;--secondary-color-strong: #008cff;--tertiary-color-faint: #c0c0c0;--tertiary-color: #008cff;--tertiary-color-strong: #008cff;--quaternary-color-faint: #c0c0c0;--quaternary-color: #008cff;--quaternary-color-strong: #008cff;--font-color: #222222;--font-family: "Arial", "Helvetica Neue", Helvetica, "Liberation Sans", "Arimo", sans-serif;--font-size: 12px;--background-color-primary: #ffffff;--background-color-secondary: #ffffff;--background-color-tertiary: #ffffff;--background-color-quaternary: #ffffff;--foreground-color-primary: #222222;--foreground-color-secondary: #222222;--foreground-color-tertiary: #222222;--foreground-color-quaternary: #222222;--accent-color: #008cff}*{position:relative;box-sizing:border-box}
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}legend{all:unset;display:block;margin:0;padding:0;font:inherit;color:inherit}:root{--scalar: 1;--gap-small: 4px;--gap-medium: 8px;--gap-large: 16px;--padding-small: 4px;--padding-medium: 8px;--padding-large: 16px;--status-color-disabled: #7f7f7f;--status-color-info: #008cff;--status-color-warning: #ff0000;--status-color-error: #ff0000;--async-color-initial: #c0c0c0;--async-color-pending: #008cff;--async-color-success: #00ff00;--async-color-failed: #ff0000;--primary-color-faint: #c0c0c0;--primary-color: #008cff;--primary-color-strong: #008cff;--secondary-color-faint: #c0c0c0;--secondary-color: #008cff;--secondary-color-strong: #008cff;--tertiary-color-faint: #c0c0c0;--tertiary-color: #008cff;--tertiary-color-strong: #008cff;--quaternary-color-faint: #c0c0c0;--quaternary-color: #008cff;--quaternary-color-strong: #008cff;--font-color: #395578;--font-family: "Lato", sans-serif;--font-size: 12px;--background-color-primary: #ffffff;--background-color-secondary: #ffffff;--background-color-tertiary: #ffffff;--background-color-quaternary: #ffffff;--foreground-color-primary: #aaa;--foreground-color-secondary: #222222;--foreground-color-tertiary: #222222;--foreground-color-quaternary: #222222;--accent-color: #008cff;--shape-radius-small: 2px;--shape-radius-medium: 4px;--shape-radius-large: 8px}*{position:relative;box-sizing:border-box}.tcn-veil{background-color:#00000080}.tcn-modal{--v-inset: var(--padding-large);background-color:var(--background-color-primary);border-radius:var(--shape-radius-medium);border:1px solid rgba(170,170,170,1);overflow:hidden}.tcn-modal :where(.tcn-header){min-height:40px;background-color:#497485;color:#fff;padding:0 var(--v-inset);gap:var(--gap-medium)}.tcn-modal :where(.tcn-header) :where(.tcn-title){color:#fff}.tcn-modal :where(.tcn-header) :where(.tcn-button){padding:0;min-width:18px;min-height:18px;color:#fff}.tcn-modal :where(.tcn-header) :where(.tcn-button)[data-hierarchy=tertiary]{color:#fff}.tcn-modal :where(.tcn-header) :where(.tcn-divider){padding:4px 0}.tcn-modal :where(.tcn-header) :where(.tcn-divider) :where(.tcn-divider-line){width:1.5px;min-height:18px;height:auto}.tcn-modal :where(.tcn-utility-bar){min-height:32px;border-bottom:1px solid var(--foreground-color-primary);padding:0 var(--v-inset)}.tcn-modal :where(.tcn-utility-bar) :where(.tcn-button){padding:0;min-width:18px;min-height:18px}.tcn-modal :where(.tcn-body){padding:0 var(--v-inset);gap:var(--gap-medium)}.tcn-modal :where(.tcn-footer){gap:var(--gap-medium);min-height:40px;border-top:1px solid var(--foreground-color-primary);padding:0 var(--v-inset)}.tcn-panel{--v-inset: var(--padding-large);background-color:var(--background-color-primary);border-radius:var(--shape-radius-medium)}.tcn-panel :where(.tcn-header){min-height:40px;border-bottom:1px solid var(--foreground-color-primary);padding:0 var(--v-inset);gap:var(--gap-medium)}.tcn-panel :where(.tcn-header) :where(.tcn-title){font-weight:700}.tcn-panel :where(.tcn-header) :where(.tcn-button){padding:0;min-width:18px;min-height:18px}.tcn-panel :where(.tcn-header) :where(.tcn-divider){padding:4px 0}.tcn-panel :where(.tcn-header) :where(.tcn-divider) :where(.tcn-divider-line){width:1.5px;min-height:18px;height:auto}.tcn-panel :where(.tcn-utility-bar){min-height:32px;border-bottom:1px solid var(--foreground-color-primary);padding:0 var(--v-inset)}.tcn-panel :where(.tcn-utility-bar) :where(.tcn-button){padding:0;min-width:18px;min-height:18px}.tcn-panel :where(.tcn-body){padding:0 var(--v-inset);gap:var(--gap-medium)}.tcn-panel :where(.tcn-footer){gap:var(--gap-medium);min-height:40px;border-top:1px solid var(--foreground-color-primary);padding:0 var(--v-inset)}