@tcn/ui 0.3.0 → 0.3.1

package/dist/stacks/z_stack.js

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

package/dist/surfaces/alert/alert.js

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

package/dist/surfaces/card/card.js

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

package/dist/surfaces/confirm/confirm.js

@@ -1,4 +1,4 @@
-import { jsx as r, Fragment as _, jsxs as i } from "react/jsx-runtime";
+import { jsx as r, Fragment as y, jsxs as i } from "react/jsx-runtime";
 import w, { useRef as S, useState as C, useLayoutEffect as n } from "react";
 import { clsx as s } from "clsx";
 import { Spacer as N } from "../../stacks/spacer.js";
@@ -18,8 +18,8 @@ import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A
   graphic: f,
   title: h,
   description: l,
-  actions: p,
-  veilProps: d,
+  actions: d,
+  veilProps: p,
   className: u,
   ...k
 }, x) {
@@ -28,17 +28,17 @@ import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A
     t.current = !1;
   }), []), n(() => {
     if (e && t.current) {
-      const y = window.setTimeout(() => {
+      const g = window.setTimeout(() => {
         o(!1);
       }, 600);
-      return () => window.clearTimeout(y);
+      return () => window.clearTimeout(g);
     }
   }, [e]);
-  function g() {
+  function _() {
     o(!0);
   }
-  return /* @__PURE__ */ r(_, { children: a && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ i(R, { height: "100%", style: { position: "fixed" }, children: [
-    /* @__PURE__ */ r(c, { onClick: g, ...d, height: "100%" }),
+  return /* @__PURE__ */ r(y, { children: a && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ i(R, { height: "100%", style: { position: "fixed" }, children: [
+    /* @__PURE__ */ r(c, { onClick: _, ...p, height: "100%" }),
     /* @__PURE__ */ r(
       "div",
       {
@@ -51,7 +51,7 @@ import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A
           /* @__PURE__ */ r(b, { className: "confirm-title", emphasis: "strong", size: "sm", children: h }),
           /* @__PURE__ */ r(B, { className: "confirm-description", hierarchy: "tertiary", children: l }),
           /* @__PURE__ */ r(N, { height: "16px" }),
-          /* @__PURE__ */ r(c, { className: s(m.actions, "confirm-actions"), height: "auto", children: p })
+          /* @__PURE__ */ r(c, { className: s(m.actions, "confirm-actions"), height: "auto", children: d })
         ] })
       }
     )

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

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

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

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

package/dist/surfaces/modal/modal.js

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

package/dist/surfaces/page/h_page.js

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

package/dist/surfaces/page/v_page.js

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

package/dist/surfaces/panel/h_panel.js

@@ -1,9 +1,9 @@
 import { jsx as p } from "react/jsx-runtime";
-import i from "react";
+import u from "react";
 import { clsx as r } from "clsx";
-import { Box as u } from "../../stacks/box/box.js";
-import { HStack as P } from "../../stacks/h_stack.js";
-import '../../h_panel.css';const R = "_panel-stack_f1896f3", f = { "panel-stack": R }, B = i.forwardRef(function({
+import { Box as x } from "../../stacks/box/box.js";
+import { HStack as i } from "../../stacks/h_stack.js";
+import '../../h_panel.css';const P = "_panel-stack_f1896f3", f = { "panel-stack": P }, B = u.forwardRef(function({
   children: m,
   width: k,
   height: d,
@@ -13,13 +13,13 @@ import '../../h_panel.css';const R = "_panel-stack_f1896f3", f = { "panel-stack"
   maxHeight: e,
   hAlign: c,
   vAlign: o = "start",
-  className: s,
-  ...x
-}, l) {
+  className: l,
+  ..._
+}, s) {
   return /* @__PURE__ */ p(
-    u,
+    x,
     {
-      ref: l,
+      ref: s,
       width: k,
       height: d,
       minWidth: a,
@@ -28,10 +28,10 @@ import '../../h_panel.css';const R = "_panel-stack_f1896f3", f = { "panel-stack"
       maxHeight: e,
       "data-h-alignment": c,
       "data-v-alignment": o,
-      className: r(f.panel, s, "panel", "tcn-panel", "tcn-h-panel"),
-      ...x,
+      className: r(f.panel, l, "panel", "tcn-panel", "tcn-h-panel"),
+      ..._,
       children: /* @__PURE__ */ p(
-        P,
+        i,
         {
           as: "section",
           minWidth: a,
@@ -40,10 +40,10 @@ import '../../h_panel.css';const R = "_panel-stack_f1896f3", f = { "panel-stack"
           maxHeight: e,
           hAlign: c,
           vAlign: o,
-          ref: l,
+          ref: s,
           className: r(
             f["panel-stack"],
-            s,
+            l,
             "panel-stack",
             "tcn-panel-stack"
           ),

package/dist/surfaces/panel/v_panel.js

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

package/dist/surfaces/pop_confirm/pop_confirm.js

@@ -17,21 +17,21 @@ import "../../layouts/footer/footer.js";
 import "../../layouts/header/header.js";
 import "../../layouts/utility_bar/utility_bar.js";
 import { PopperDismissal as s } from "../../overlay/popper/base/dismissal_decorator.js";
-const W = f.forwardRef(
-  function({ children: r, className: m, dismissals: i = [s.CLICK_AWAY], ...p }, t) {
+const S = f.forwardRef(
+  function({ children: r, className: m, dismissals: t = [s.CLICK_AWAY], ...i }, p) {
     return /* @__PURE__ */ o(
       n,
       {
-        ref: t,
+        ref: p,
         className: e(m, "tcn-pop-confirm"),
-        dismissals: i,
-        ...p,
+        dismissals: t,
+        ...i,
         children: /* @__PURE__ */ o(c, { width: "100%", height: "100%", children: r })
       }
     );
   }
 );
 export {
-  W as PopConfirm
+  S as PopConfirm
 };
 //# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/popconfirm/pop_confirm.js

@@ -1,13 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-import f from "react";
-import { clsx as n } from "clsx";
-import { ElementPopper as e } from "../../overlay/popper/element_popper.js";
-const x = f.forwardRef(
-  function({ children: o, className: r, ...m }, p) {
-    return /* @__PURE__ */ t(e, { ref: p, className: n(r, "tcn-popconfirm"), ...m, children: o });
+import { jsx as f } from "react/jsx-runtime";
+import p from "react";
+import { clsx as e } from "clsx";
+import { ElementPopper as n } from "../../overlay/popper/element_popper.js";
+const u = p.forwardRef(
+  function({ children: o, className: r, ...m }, t) {
+    return /* @__PURE__ */ f(n, { ref: t, className: e(r, "tcn-popconfirm"), ...m, children: o });
   }
 );
 export {
-  x as PopConfirm
+  u as PopConfirm
 };
 //# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as f, Fragment as u } from "react/jsx-runtime";
-import { clsx as x } from "clsx";
-import R, { useRef as d, isValidElement as h, cloneElement as E } from "react";
-import { PreviewPopper as b } from "../../overlay/popper/preview_popper.js";
-import { HStack as j } from "../../stacks/h_stack.js";
-import '../../tooltip.css';const w = "_tooltip_b8c58d5", P = { tooltip: w }, F = R.forwardRef(function({
+import { clsx as d } from "clsx";
+import x, { useRef as R, isValidElement as _, cloneElement as h } from "react";
+import { PreviewPopper as E } from "../../overlay/popper/preview_popper.js";
+import { HStack as b } from "../../stacks/h_stack.js";
+import '../../tooltip.css';const j = "_tooltip_b8c58d5", w = { tooltip: j }, F = x.forwardRef(function({
   children: o,
   className: r,
   verticalAnchor: n = "top",
@@ -13,11 +13,11 @@ import '../../tooltip.css';const w = "_tooltip_b8c58d5", P = { tooltip: w }, F =
   label: m,
   ...p
 }, i) {
-  const t = d(null), a = h(o) ? E(o, { ref: t }) : /* @__PURE__ */ e(j, { as: "span", ref: t, children: o });
+  const t = R(null), a = _(o) ? h(o, { ref: t }) : /* @__PURE__ */ e(b, { as: "span", ref: t, children: o });
   return /* @__PURE__ */ f(u, { children: [
     a,
     /* @__PURE__ */ e(
-      b,
+      E,
       {
         ref: i,
         anchorElement: t,
@@ -25,7 +25,7 @@ import '../../tooltip.css';const w = "_tooltip_b8c58d5", P = { tooltip: w }, F =
         verticalOrigin: c,
         horizontalAnchor: s,
         horizontalOrigin: l,
-        className: x(r, P.tooltip, "tcn-surface", "tcn-tooltip"),
+        className: d(r, w.tooltip, "tcn-surface", "tcn-tooltip"),
         ...p,
         children: m
       }

package/dist/surfaces/window/window.js

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