@tcn/ui 0.0.3 → 0.0.4

package/dist/themes/index.js

@@ -1,6 +1,5 @@
-import { theme as i } from "./theme_variables.js";
-import { Theme as l } from "./theme.js";
-import { windows98StyleSheet as s } 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,271 +134,11 @@ legend {
   font: inherit;
   color: inherit;
 }
-
-/* ===== CSS VARIABLES ===== */
-: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;
-}
-
-/* ===== SURFACES ===== */
-
-/* PANEL */
-.tcn-panel {
-  --v-inset: var(--padding-large);
-  background-color: var(--background-color-primary);
-  border-radius: var(--shape-radius-medium);
-
-  :where(.tcn-header) {
-    min-height: 40px;
-    border-bottom: 1px solid var(--foreground-color-primary);
-    padding: 0 var(--v-inset);
-    gap: var(--gap-medium);
-
-    :where(.tcn-title) {
-      font-weight: 700;
-    }
-
-    :where(.tcn-button) {
-      padding: 0;
-      min-width: 18px;
-      min-height: 18px;
-    }
-
-    :where(.tcn-divider) {
-      padding: 4px 0;
-      :where(.tcn-divider-line) {
-        width: 1.5px;
-        min-height: 18px;
-        height: auto;
-      }
-    }
-  }
-
-  :where(.tcn-utility-bar) {
-    min-height: 32px;
-    border-bottom: 1px solid var(--foreground-color-primary);
-    padding: 0 var(--v-inset);
-
-    :where(.tcn-button) {
-      padding: 0;
-      min-width: 18px;
-      min-height: 18px;
-    }
-  }
-
-  :where(.tcn-body) {
-    padding: 0 var(--v-inset);
-    gap: var(--gap-medium);
-  }
-
-  :where(.tcn-footer) {
-    gap: var(--gap-medium);
-    min-height: 40px;
-    border-top: 1px solid var(--foreground-color-primary);
-    padding: 0 var(--v-inset);
-  }
-}
 `, e = new CSSStyleSheet();
 e.replaceSync(n);
-const r = `/* 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;
-}
-`, o = new CSSStyleSheet();
-o.replaceSync(r);
 export {
-  l as Theme,
-  e as ergoStyleSheet,
-  o as reset,
-  i as theme,
-  s 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: 4px;\\n  --gap-medium: 8px;\\n  --gap-large: 16px;\\n\\n  --padding-small: 4px;\\n  --padding-medium: 8px;\\n  --padding-large: 16px;\\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: #395578;\\n  --font-family: \\\"Lato\\\", 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: #aaa;\\n  --foreground-color-secondary: #222222;\\n  --foreground-color-tertiary: #222222;\\n  --foreground-color-quaternary: #222222;\\n\\n  --accent-color: #008cff;\\n\\n  --shape-radius-small: 2px;\\n  --shape-radius-medium: 4px;\\n  --shape-radius-large: 8px;\\n}\\n\\n* {\\n  position: relative;\\n  box-sizing: border-box;\\n}\\n\\n/* ===== SURFACES ===== */\\n\\n/* PANEL */\\n.tcn-panel {\\n  --v-inset: var(--padding-large);\\n  background-color: var(--background-color-primary);\\n  border-radius: var(--shape-radius-medium);\\n\\n  :where(.tcn-header) {\\n    min-height: 40px;\\n    border-bottom: 1px solid var(--foreground-color-primary);\\n    padding: 0 var(--v-inset);\\n    gap: var(--gap-medium);\\n\\n    :where(.tcn-title) {\\n      font-weight: 700;\\n    }\\n\\n    :where(.tcn-button) {\\n      padding: 0;\\n      min-width: 18px;\\n      min-height: 18px;\\n    }\\n\\n    :where(.tcn-divider) {\\n      padding: 4px 0;\\n      :where(.tcn-divider-line) {\\n        width: 1.5px;\\n        min-height: 18px;\\n        height: auto;\\n      }\\n    }\\n  }\\n\\n  :where(.tcn-utility-bar) {\\n    min-height: 32px;\\n    border-bottom: 1px solid var(--foreground-color-primary);\\n    padding: 0 var(--v-inset);\\n\\n    :where(.tcn-button) {\\n      padding: 0;\\n      min-width: 18px;\\n      min-height: 18px;\\n    }\\n  }\\n\\n  :where(.tcn-body) {\\n    padding: 0 var(--v-inset);\\n    gap: var(--gap-medium);\\n  }\\n\\n  :where(.tcn-footer) {\\n    gap: var(--gap-medium);\\n    min-height: 40px;\\n    border-top: 1px solid var(--foreground-color-primary);\\n    padding: 0 var(--v-inset);\\n  }\\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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: 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-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)}
+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)}

package/dist/tokens/badge/badge.js

@@ -1,14 +1,14 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import h from "react";
-import o from "classnames";
-import { Spacer as s } from "../../stacks/spacer.js";
-import { VStack as u } from "../../stacks/v_stack.js";
+import { clsx as o } from "clsx";
+import { Spacer as u } from "../../stacks/spacer.js";
+import { VStack as c } from "../../stacks/v_stack.js";
 import { ZStack as r } from "../../stacks/z_stack.js";
-import { Bubble as c } from "../bubble/bubble.js";
-import '../../badge.css';const g = "_badge-bubble_7fe9ed5", f = { "badge-bubble": g }, S = h.forwardRef(
+import { Bubble as g } from "../bubble/bubble.js";
+import '../../badge.css';const s = "_badge-bubble_7fe9ed5", f = { "badge-bubble": s }, j = h.forwardRef(
   ({
-    value: a,
-    children: i,
+    value: i,
+    children: a,
     backgroundColor: b,
     textColor: d,
     className: l,
@@ -26,25 +26,25 @@ import '../../badge.css';const g = "_badge-bubble_7fe9ed5", f = { "badge-bubble"
       className: o("badge", l),
       ...n,
       children: [
-        /* @__PURE__ */ e(r, { zIndex: 0, inline: !0, width: "auto", height: "auto", children: i }),
-        /* @__PURE__ */ t(u, { zIndex: 1, height: "100%", width: "auto", children: [
+        /* @__PURE__ */ e(r, { zIndex: 0, inline: !0, width: "auto", height: "auto", children: a }),
+        /* @__PURE__ */ t(c, { zIndex: 1, height: "100%", width: "auto", children: [
           /* @__PURE__ */ e(
-            c,
+            g,
             {
               className: o(f["badge-bubble"], "badge-bubble"),
               backgroundColor: b,
               textColor: d,
               elevate: !0,
-              children: a
+              children: i
             }
           ),
-          /* @__PURE__ */ e(s, { height: "100%" })
+          /* @__PURE__ */ e(u, { height: "100%" })
         ] })
       ]
     }
   )
 );
 export {
-  S as Badge
+  j as Badge
 };
 //# sourceMappingURL=badge.js.map

package/dist/tokens/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../../src/tokens/badge/badge.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport classNames from 'classnames';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Bubble } from '../bubble/bubble.js';\nimport styles from './badge.module.css';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLDivElement> {\n  value: React.ReactNode;\n  backgroundColor?: string;\n  textColor?: string;\n}\n\nexport const Badge = React.forwardRef(\n  (\n    {\n      value,\n      children,\n      backgroundColor,\n      textColor: color,\n      className,\n      ...props\n    }: BadgeProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    return (\n      <ZStack\n        inline\n        width=\"auto\"\n        height=\"auto\"\n        ref={ref}\n        vAlign=\"end\"\n        hAlign=\"end\"\n        zIndex={0}\n        className={classNames('badge', className)}\n        {...props}\n      >\n        <ZStack zIndex={0} inline width=\"auto\" height=\"auto\">\n          {children}\n        </ZStack>\n        <VStack zIndex={1} height=\"100%\" width=\"auto\">\n          <Bubble\n            className={classNames(styles['badge-bubble'], 'badge-bubble')}\n            backgroundColor={backgroundColor}\n            textColor={color}\n            elevate\n          >\n            {value}\n          </Bubble>\n          <Spacer height=\"100%\" />\n        </VStack>\n      </ZStack>\n    );\n  }\n);\n"],"names":["Badge","React","value","children","backgroundColor","color","className","props","ref","jsxs","ZStack","classNames","jsx","VStack","Bubble","styles","Spacer"],"mappings":";;;;;;;8DAcaA,IAAQC,EAAM;AAAA,EACzB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAWC;AAAA,IACX,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAAF;AAAA,MACA,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAWG,EAAW,SAASL,CAAS;AAAA,MACvC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAACF,GAAA,EAAO,QAAQ,GAAG,QAAM,IAAC,OAAM,QAAO,QAAO,QAC3C,UAAAP,EAAA,CACH;AAAA,0BACCU,GAAA,EAAO,QAAQ,GAAG,QAAO,QAAO,OAAM,QACrC,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAWH,EAAWI,EAAO,cAAc,GAAG,cAAc;AAAA,cAC5D,iBAAAX;AAAA,cACA,WAAWC;AAAA,cACX,SAAO;AAAA,cAEN,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAU,EAACI,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"badge.js","sources":["../../../src/tokens/badge/badge.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { clsx } from 'clsx';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Bubble } from '../bubble/bubble.js';\nimport styles from './badge.module.css';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLDivElement> {\n  value: React.ReactNode;\n  backgroundColor?: string;\n  textColor?: string;\n}\n\nexport const Badge = React.forwardRef(\n  (\n    {\n      value,\n      children,\n      backgroundColor,\n      textColor: color,\n      className,\n      ...props\n    }: BadgeProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    return (\n      <ZStack\n        inline\n        width=\"auto\"\n        height=\"auto\"\n        ref={ref}\n        vAlign=\"end\"\n        hAlign=\"end\"\n        zIndex={0}\n        className={clsx('badge', className)}\n        {...props}\n      >\n        <ZStack zIndex={0} inline width=\"auto\" height=\"auto\">\n          {children}\n        </ZStack>\n        <VStack zIndex={1} height=\"100%\" width=\"auto\">\n          <Bubble\n            className={clsx(styles['badge-bubble'], 'badge-bubble')}\n            backgroundColor={backgroundColor}\n            textColor={color}\n            elevate\n          >\n            {value}\n          </Bubble>\n          <Spacer height=\"100%\" />\n        </VStack>\n      </ZStack>\n    );\n  }\n);\n"],"names":["Badge","React","value","children","backgroundColor","color","className","props","ref","jsxs","ZStack","clsx","jsx","VStack","Bubble","styles","Spacer"],"mappings":";;;;;;;8DAcaA,IAAQC,EAAM;AAAA,EACzB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAWC;AAAA,IACX,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAAF;AAAA,MACA,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAWG,EAAK,SAASL,CAAS;AAAA,MACjC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAACF,GAAA,EAAO,QAAQ,GAAG,QAAM,IAAC,OAAM,QAAO,QAAO,QAC3C,UAAAP,EAAA,CACH;AAAA,0BACCU,GAAA,EAAO,QAAQ,GAAG,QAAO,QAAO,OAAM,QACrC,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAWH,EAAKI,EAAO,cAAc,GAAG,cAAc;AAAA,cACtD,iBAAAX;AAAA,cACA,WAAWC;AAAA,cACX,SAAO;AAAA,cAEN,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAU,EAACI,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/tokens/bubble/bubble.js

@@ -1,44 +1,43 @@
-import { jsx as m } from "react/jsx-runtime";
-import n from "classnames";
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as m } from "clsx";
 import u from "react";
 import { theme as f } from "../../themes/theme_variables.js";
-import "../../themes/themes/windows_98/windows_98_theme.js";
-import { HStack as p } from "../../stacks/h_stack.js";
-import '../../bubble.css';const d = "_bubble_d3b757e", h = { bubble: d }, N = u.forwardRef(function({
+import { HStack as d } from "../../stacks/h_stack.js";
+import '../../bubble.css';const p = "_bubble_d3b757e", h = { bubble: p }, B = u.forwardRef(function({
   children: e,
   className: t,
   style: o,
   backgroundColor: b = f.accentColor,
-  textColor: r = "#fff",
-  size: l = "md",
+  textColor: l = "#fff",
+  size: r = "md",
   elevate: a = !1,
-  ...s
-}, c) {
+  ...c
+}, n) {
   const i = {
-    "--bubble-text-color": r,
+    "--bubble-text-color": l,
     "--bubble-color": b,
     ...o
   };
-  return /* @__PURE__ */ m(
-    p,
+  return /* @__PURE__ */ s(
+    d,
     {
       inline: !0,
-      className: n(h.bubble, "bubble", t),
+      className: m(h.bubble, "bubble", t),
       width: "auto",
       height: "auto",
-      ref: c,
+      ref: n,
       style: i,
       hAlign: "center",
       vAlign: "center",
-      "data-size": l,
+      "data-size": r,
       "data-elevate": a,
       padding: "4px",
-      ...s,
+      ...c,
       children: e
     }
   );
 });
 export {
-  N as Bubble
+  B as Bubble
 };
 //# sourceMappingURL=bubble.js.map

package/dist/tokens/bubble/bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","sources":["../../../src/tokens/bubble/bubble.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { HTMLAttributes } from 'react';\nimport styles from './bubble.module.css';\nimport { theme } from '../../themes/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { Size } from '../../utils/index.js';\n\nexport interface BubbleProps extends HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  backgroundColor?: string;\n  textColor?: string;\n  elevate?: boolean;\n  size?: Size;\n}\n\nexport const Bubble = React.forwardRef(function Bubble(\n  {\n    children,\n    className,\n    style: defaultStyle,\n    backgroundColor = theme.accentColor,\n    textColor = '#fff',\n    size = 'md',\n    elevate = false,\n    ...props\n  }: BubbleProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const style = {\n    '--bubble-text-color': textColor,\n    '--bubble-color': backgroundColor,\n    ...defaultStyle,\n  } as React.CSSProperties;\n\n  return (\n    <HStack\n      inline\n      className={classNames(styles.bubble, 'bubble', className)}\n      width=\"auto\"\n      height=\"auto\"\n      ref={ref}\n      style={style}\n      hAlign=\"center\"\n      vAlign=\"center\"\n      data-size={size}\n      data-elevate={elevate}\n      padding=\"4px\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Bubble","React","children","className","defaultStyle","backgroundColor","theme","textColor","size","elevate","props","ref","style","jsx","HStack","classNames","styles"],"mappings":";;;;;;gDAeaA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAOC;AAAA,EACP,iBAAAC,IAAkBC,EAAM;AAAA,EACxB,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAQ;AAAA,IACZ,uBAAuBL;AAAA,IACvB,kBAAkBF;AAAA,IAClB,GAAGD;AAAA,EAAA;AAGL,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,WAAWC,EAAWC,EAAO,QAAQ,UAAUb,CAAS;AAAA,MACxD,OAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAAQ;AAAA,MACA,OAAAC;AAAA,MACA,QAAO;AAAA,MACP,QAAO;AAAA,MACP,aAAWJ;AAAA,MACX,gBAAcC;AAAA,MACd,SAAQ;AAAA,MACP,GAAGC;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"bubble.js","sources":["../../../src/tokens/bubble/bubble.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport styles from './bubble.module.css';\nimport { theme } from '../../themes/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { Size } from '../../utils/index.js';\n\nexport interface BubbleProps extends HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  backgroundColor?: string;\n  textColor?: string;\n  elevate?: boolean;\n  size?: Size;\n}\n\nexport const Bubble = React.forwardRef(function Bubble(\n  {\n    children,\n    className,\n    style: defaultStyle,\n    backgroundColor = theme.accentColor,\n    textColor = '#fff',\n    size = 'md',\n    elevate = false,\n    ...props\n  }: BubbleProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const style = {\n    '--bubble-text-color': textColor,\n    '--bubble-color': backgroundColor,\n    ...defaultStyle,\n  } as React.CSSProperties;\n\n  return (\n    <HStack\n      inline\n      className={clsx(styles.bubble, 'bubble', className)}\n      width=\"auto\"\n      height=\"auto\"\n      ref={ref}\n      style={style}\n      hAlign=\"center\"\n      vAlign=\"center\"\n      data-size={size}\n      data-elevate={elevate}\n      padding=\"4px\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Bubble","React","children","className","defaultStyle","backgroundColor","theme","textColor","size","elevate","props","ref","style","jsx","HStack","clsx","styles"],"mappings":";;;;;gDAeaA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAOC;AAAA,EACP,iBAAAC,IAAkBC,EAAM;AAAA,EACxB,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAQ;AAAA,IACZ,uBAAuBL;AAAA,IACvB,kBAAkBF;AAAA,IAClB,GAAGD;AAAA,EAAA;AAGL,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,WAAWC,EAAKC,EAAO,QAAQ,UAAUb,CAAS;AAAA,MAClD,OAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAAQ;AAAA,MACA,OAAAC;AAAA,MACA,QAAO;AAAA,MACP,QAAO;AAAA,MACP,aAAWJ;AAAA,MACX,gBAAcC;AAAA,MACd,SAAQ;AAAA,MACP,GAAGC;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/tokens/chip/chip.js

@@ -1,30 +1,29 @@
 import { jsx as p } from "react/jsx-runtime";
-import { HStack as n } from "../../stacks/h_stack.js";
-import s from "classnames";
-import a from "react";
-import { theme as f } from "../../themes/theme_variables.js";
-import "../../themes/themes/windows_98/windows_98_theme.js";
-import '../../chip.css';const h = "_chip_35f6f0b", l = { chip: h }, N = a.forwardRef(function({ children: t, style: o, className: i, color: r = f.accentColor, ...c }, e) {
-  const m = {
+import { HStack as m } from "../../stacks/h_stack.js";
+import { clsx as f } from "clsx";
+import h from "react";
+import { theme as s } from "../../themes/theme_variables.js";
+import '../../chip.css';const l = "_chip_35f6f0b", a = { chip: l }, w = h.forwardRef(function({ children: t, style: o, className: i, color: r = s.accentColor, ...c }, e) {
+  const n = {
     "--chip-color": r,
     ...o
   };
   return /* @__PURE__ */ p(
-    n,
+    m,
     {
       ref: e,
       inline: !0,
       width: "auto",
       height: "auto",
       vAlign: "center",
-      className: s(l.chip, "chip", i),
-      style: m,
+      className: f(a.chip, "chip", i),
+      style: n,
       ...c,
       children: t
     }
   );
 });
 export {
-  N as Chip
+  w as Chip
 };
 //# sourceMappingURL=chip.js.map

package/dist/tokens/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../src/tokens/chip/chip.tsx"],"sourcesContent":["import { HStack, HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './chip.module.css';\nimport { theme } from '../../themes/index.js';\n\nexport interface ChipProps extends HStackProps {\n  children?: React.ReactNode;\n  color?: string;\n  disabled?: boolean;\n}\n\nexport const Chip = React.forwardRef(function Chip(\n  { children, style, className, color = theme.accentColor, ...props }: ChipProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const finalStyle = {\n    '--chip-color': color,\n    ...style,\n  };\n\n  return (\n    <HStack\n      ref={ref}\n      inline\n      width=\"auto\"\n      height=\"auto\"\n      vAlign=\"center\"\n      className={classNames(styles.chip, 'chip', className)}\n      style={finalStyle}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Chip","React","children","style","className","color","theme","props","ref","finalStyle","jsx","HStack","classNames","styles"],"mappings":";;;;;;4CAYaA,IAAOC,EAAM,WAAW,SACnC,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,OAAAC,IAAQC,EAAM,aAAa,GAAGC,EAAA,GAC5DC,GACA;AACA,QAAMC,IAAa;AAAA,IACjB,gBAAgBJ;AAAA,IAChB,GAAGF;AAAA,EAAA;AAGL,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAO;AAAA,MACP,WAAWI,EAAWC,EAAO,MAAM,QAAQT,CAAS;AAAA,MACpD,OAAOK;AAAA,MACN,GAAGF;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"chip.js","sources":["../../../src/tokens/chip/chip.tsx"],"sourcesContent":["import { HStack, HStackProps } from '../../stacks/h_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './chip.module.css';\nimport { theme } from '../../themes/index.js';\n\nexport interface ChipProps extends HStackProps {\n  children?: React.ReactNode;\n  color?: string;\n  disabled?: boolean;\n}\n\nexport const Chip = React.forwardRef(function Chip(\n  { children, style, className, color = theme.accentColor, ...props }: ChipProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const finalStyle = {\n    '--chip-color': color,\n    ...style,\n  };\n\n  return (\n    <HStack\n      ref={ref}\n      inline\n      width=\"auto\"\n      height=\"auto\"\n      vAlign=\"center\"\n      className={clsx(styles.chip, 'chip', className)}\n      style={finalStyle}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["Chip","React","children","style","className","color","theme","props","ref","finalStyle","jsx","HStack","clsx","styles"],"mappings":";;;;;4CAYaA,IAAOC,EAAM,WAAW,SACnC,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,OAAAC,IAAQC,EAAM,aAAa,GAAGC,EAAA,GAC5DC,GACA;AACA,QAAMC,IAAa;AAAA,IACjB,gBAAgBJ;AAAA,IAChB,GAAGF;AAAA,EAAA;AAGL,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAO;AAAA,MACP,WAAWI,EAAKC,EAAO,MAAM,QAAQT,CAAS;AAAA,MAC9C,OAAOK;AAAA,MACN,GAAGF;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/typography/body_text/body_text.js

@@ -1,37 +1,37 @@
-import { jsx as x } from "react/jsx-runtime";
-import b from "classnames";
+import { jsx as g } from "react/jsx-runtime";
+import { clsx as b } from "clsx";
 import { s as h } from "../../body_text.module-h4XQE2pC.js";
-function N({
-  size: t = "md",
-  emphasis: m = "normal",
-  hierarchy: f = "primary",
-  color: i,
+function j({
+  size: e = "md",
+  emphasis: f = "normal",
+  hierarchy: m = "primary",
+  color: a,
   children: s,
   className: p,
-  style: a = {},
+  style: i = {},
   padStart: r,
   padEnd: d,
-  padBottom: e,
-  padTop: n,
-  pad: o,
-  selectable: c = !0,
-  breakWords: g = !1
+  padBottom: n,
+  padTop: o,
+  pad: t,
+  selectable: x = !0,
+  breakWords: c = !1
 }) {
-  return o && (a.padding = o), r && (a.paddingInlineStart = r), d && (a.paddingInlineEnd = d), n && (a.paddingTop = n), e && (a.paddingBottom = e), i && (a.color = i), /* @__PURE__ */ x(
+  return t && (i.padding = t), r && (i.paddingInlineStart = r), d && (i.paddingInlineEnd = d), o && (i.paddingTop = o), n && (i.paddingBottom = n), a && (i.color = a), /* @__PURE__ */ g(
     "div",
     {
-      "data-hierarchy": f,
-      "data-emphasis": m,
-      "data-selectable": c,
+      "data-hierarchy": m,
+      "data-emphasis": f,
+      "data-selectable": x,
       className: b(h["body-text"], "body-text", p),
-      style: a,
-      "data-size": t,
-      "data-word-break": g,
+      style: i,
+      "data-size": e,
+      "data-word-break": c,
       children: s
     }
   );
 }
 export {
-  N as BodyText
+  j as BodyText
 };
 //# sourceMappingURL=body_text.js.map

package/dist/typography/body_text/body_text.js.map

@@ -1 +1 @@
-{"version":3,"file":"body_text.js","sources":["../../../src/typography/body_text/body_text.tsx"],"sourcesContent":["import React from 'react';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport classnames from 'classnames';\nimport styles from './body_text.module.css';\n\nexport interface BodyTextOwnProps {\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n  breakWords?: boolean;\n}\n\nexport type BodyTextProps = WithDetailedHTMLProps<BodyTextOwnProps, 'div'>;\n\nexport function BodyText({\n  size = 'md',\n  emphasis = 'normal',\n  hierarchy = 'primary',\n  color,\n  children,\n  className,\n  style = {},\n  padStart,\n  padEnd,\n  padBottom,\n  padTop,\n  pad,\n  selectable = true,\n  breakWords = false,\n}: BodyTextProps) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={classnames(styles['body-text'], 'body-text', className)}\n      style={style}\n      data-size={size}\n      data-word-break={breakWords}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["BodyText","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","breakWords","jsx","classnames","styles"],"mappings":";;;AAsBO,SAASA,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AACf,GAAkB;AAChB,SAAIF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBZ;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAWC,EAAO,WAAW,GAAG,aAAaX,CAAS;AAAA,MACjE,OAAAC;AAAA,MACA,aAAWN;AAAA,MACX,mBAAiBa;AAAA,MAEhB,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"body_text.js","sources":["../../../src/typography/body_text/body_text.tsx"],"sourcesContent":["import React from 'react';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport styles from './body_text.module.css';\n\nexport interface BodyTextOwnProps {\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n  breakWords?: boolean;\n}\n\nexport type BodyTextProps = WithDetailedHTMLProps<BodyTextOwnProps, 'div'>;\n\nexport function BodyText({\n  size = 'md',\n  emphasis = 'normal',\n  hierarchy = 'primary',\n  color,\n  children,\n  className,\n  style = {},\n  padStart,\n  padEnd,\n  padBottom,\n  padTop,\n  pad,\n  selectable = true,\n  breakWords = false,\n}: BodyTextProps) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['body-text'], 'body-text', className)}\n      style={style}\n      data-size={size}\n      data-word-break={breakWords}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["BodyText","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","breakWords","jsx","clsx","styles"],"mappings":";;;AAsBO,SAASA,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AACf,GAAkB;AAChB,SAAIF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBZ;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAKC,EAAO,WAAW,GAAG,aAAaX,CAAS;AAAA,MAC3D,OAAAC;AAAA,MACA,aAAWN;AAAA,MACX,mBAAiBa;AAAA,MAEhB,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/typography/callout/callout.js

@@ -1,35 +1,35 @@
-import { jsx as p } from "react/jsx-runtime";
-import u from "classnames";
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as u } from "clsx";
 import { s as g } from "../../callout.module-D8ECmxpO.js";
-function N({
+function b({
   size: f = "md",
   emphasis: t = "normal",
-  hierarchy: e = "primary",
+  hierarchy: l = "primary",
   color: a,
-  children: l,
-  className: s,
+  children: c,
+  className: e,
   style: i = {},
   padStart: r,
   padEnd: n,
-  padBottom: m,
-  padTop: o,
-  pad: d,
-  selectable: c = !0
+  padBottom: o,
+  padTop: d,
+  pad: m,
+  selectable: p = !0
 }) {
-  return d && (i.padding = d), r && (i.paddingInlineStart = r), n && (i.paddingInlineEnd = n), o && (i.paddingTop = o), m && (i.paddingBottom = m), a && (i.color = a), /* @__PURE__ */ p(
+  return m && (i.padding = m), r && (i.paddingInlineStart = r), n && (i.paddingInlineEnd = n), d && (i.paddingTop = d), o && (i.paddingBottom = o), a && (i.color = a), /* @__PURE__ */ s(
     "div",
     {
-      "data-hierarchy": e,
+      "data-hierarchy": l,
       "data-emphasis": t,
-      "data-selectable": c,
-      className: u(g.callout, "callout", s),
+      "data-selectable": p,
+      className: u(g.callout, "callout", e),
       style: i,
       "data-size": f,
-      children: l
+      children: c
     }
   );
 }
 export {
-  N as Callout
+  b as Callout
 };
 //# sourceMappingURL=callout.js.map