@tcn/ui 0.3.0 → 0.3.1

package/dist/layouts/sidebar_start/sidebar_start.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
-import { Box as x } from "../../stacks/box/box.js";
-import { VStack as l } from "../../stacks/v_stack.js";
-import { clsx as B } from "clsx";
-import _ from "react";
-import '../../sidebar_start.css';const y = "_sidebarStartBox_4353011", u = "_sidebarStart_5b1e45b", e = { sidebarStartBox: y, sidebarStart: u }, I = _.forwardRef(
+import { Box as p } from "../../stacks/box/box.js";
+import { VStack as x } from "../../stacks/v_stack.js";
+import { clsx as _ } from "clsx";
+import B from "react";
+import '../../sidebar_start.css';const u = "_sidebarStartBox_4353011", y = "_sidebarStart_5b1e45b", e = { sidebarStartBox: u, sidebarStart: y }, I = B.forwardRef(
   function({
     hierarchy: c = "secondary",
     children: d,
@@ -17,9 +17,9 @@ import '../../sidebar_start.css';const y = "_sidebarStartBox_4353011", u = "_sid
     vAlign: f = "start",
     className: m,
     ...n
-  }, p) {
+  }, l) {
     return /* @__PURE__ */ s(
-      x,
+      p,
       {
         width: b,
         height: i,
@@ -30,7 +30,7 @@ import '../../sidebar_start.css';const y = "_sidebarStartBox_4353011", u = "_sid
         className: e.sidebarStartBox,
         ...n,
         children: /* @__PURE__ */ s(
-          l,
+          x,
           {
             minWidth: r,
             maxWidth: t,
@@ -38,9 +38,9 @@ import '../../sidebar_start.css';const y = "_sidebarStartBox_4353011", u = "_sid
             maxHeight: o,
             hAlign: S,
             vAlign: f,
-            ref: p,
+            ref: l,
             "data-hierarchy": c,
-            className: B(e.sidebarStart, m, "sidebar-start"),
+            className: _(e.sidebarStart, m, "sidebar-start"),
             zIndex: 0,
             children: d
           }

package/dist/layouts/utility_bar/utility_bar.js

@@ -1,23 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import l from "react";
+import { jsx as s } from "react/jsx-runtime";
+import c from "react";
 import { clsx as y } from "clsx";
 import { HStack as m } from "../../stacks/h_stack.js";
-import '../../utility_bar.css';const u = "_utility-bar_3a92315", n = { "utility-bar": u }, x = l.forwardRef(
+import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-bar": u }, h = c.forwardRef(
   function({
     hierarchy: t = "secondary",
     height: r = "auto",
     children: a,
     className: i,
     size: o = "md",
-    ...s
-  }, c) {
-    return /* @__PURE__ */ e(
+    ...e
+  }, l) {
+    return /* @__PURE__ */ s(
       m,
       {
-        ref: c,
+        ref: l,
         as: "header",
         className: y(
-          n["utility-bar"],
+          f["utility-bar"],
           i,
           "utility-bar",
           "tcn-utility-bar"
@@ -25,13 +25,13 @@ import '../../utility_bar.css';const u = "_utility-bar_3a92315", n = { "utility-
         "data-hierarchy": t,
         "data-size": o,
         height: r,
-        ...s,
+        ...e,
         children: a
       }
     );
   }
 );
 export {
-  x as UtilityBar
+  h as UtilityBar
 };
 //# sourceMappingURL=utility_bar.js.map

package/dist/overlay/frame/frame.js

@@ -11,21 +11,21 @@ import { Portal as s } from "../portal/portal.js";
 import { Draggable as n } from "../../utils/dnd/draggable/draggable.js";
 import { clsx as p } from "clsx";
 import '../../frame.css';const d = "_frame_ce82001", h = { frame: d }, D = c.forwardRef(function({
-  children: m,
-  isOpen: e = !1,
+  children: e,
+  isOpen: m = !1,
   draggable: o = !0,
   veil: a = !1,
   className: i,
   ...f
 }, l) {
-  return e ? /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(t, { width: "100%", height: "100%", "data-is-veil": a, className: "tcn-frame-veil", children: /* @__PURE__ */ r(n, { draggable: o, children: /* @__PURE__ */ r(
+  return m ? /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(t, { width: "100%", height: "100%", "data-is-veil": a, className: "tcn-frame-veil", children: /* @__PURE__ */ r(n, { draggable: o, children: /* @__PURE__ */ r(
     t,
     {
       as: "dialog",
       ref: l,
       className: p(h.frame, "tcn-frame", i),
       ...f,
-      children: m
+      children: e
     }
   ) }) }) }) : null;
 });

package/dist/overlay/menu/menu.js

@@ -3,7 +3,7 @@ import { BodyText as O } from "../../typography/body_text/body_text.js";
 import "../../utils/click_away_listener.js";
 import "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
-import f, { useState as F, useLayoutEffect as _, useRef as M } from "react";
+import f, { useState as F, useLayoutEffect as V, useRef as M } from "react";
 import { useForkRef as T } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
 import { HStack as G } from "../../stacks/h_stack.js";
@@ -12,23 +12,23 @@ import { Popper as K } from "../popper/legacy/popper.js";
 import { clsx as L } from "clsx";
 import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", j = { menu: Q, "menu-item": U }, Z = f.forwardRef(function({
   anchorElement: R,
-  verticalAnchor: y,
+  verticalAnchor: d,
   verticalOrigin: S,
   verticalOffset: i,
   horizontalAnchor: C,
   horizontalOrigin: X,
   horizontalOffset: h,
-  direction: m,
-  open: d,
+  direction: l,
+  open: y,
   onClose: x,
   restoreFocus: Y,
   veil: s,
   onActivatedMenu: c,
-  children: b = [],
+  children: _ = [],
   className: E,
-  ...I
-}, z) {
-  const [P, r] = F(-1), l = f.Children.toArray(b).map((t, a) => {
+  ...b
+}, I) {
+  const [z, r] = F(-1), m = f.Children.toArray(_).map((t, a) => {
     if (!f.isValidElement(t))
       return t;
     if (t.type !== D)
@@ -41,13 +41,13 @@ import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", j =
     const k = {
       ...t.props,
       key: a,
-      verticalAnchor: m === "up" ? "bottom" : "top",
-      verticalOrigin: m === "up" ? "bottom" : "top",
+      verticalAnchor: l === "up" ? "bottom" : "top",
+      verticalOrigin: l === "up" ? "bottom" : "top",
       verticalOffset: i,
       horizontalAnchor: "end",
       horizontalOrigin: "start",
       horizontalOffset: h,
-      direction: m,
+      direction: l,
       onClick: (e) => {
         t.props.children == null && x && x(), t.props.onClick && t.props.onClick(e);
       },
@@ -55,53 +55,53 @@ import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", j =
         r(a), c && c(!0), t.props.onMouseEnter && t.props.onMouseEnter(e);
       }
     };
-    return t.type === D && (k.open = P === a), f.cloneElement(t, k);
+    return t.type === D && (k.open = z === a), f.cloneElement(t, k);
   });
-  return m === "up" && l.reverse(), _(() => {
-    d || (r(-1), c && c(!1));
-  }, [d, c]), /* @__PURE__ */ g(
+  return l === "up" && m.reverse(), V(() => {
+    y || (r(-1), c && c(!1));
+  }, [y, c]), /* @__PURE__ */ g(
     K,
     {
       anchorElement: R,
-      verticalAnchor: y,
+      verticalAnchor: d,
       verticalOrigin: S,
       verticalOffset: i,
       horizontalAnchor: C || "end",
       horizontalOrigin: X || "end",
       horizontalOffset: h,
-      open: d,
+      open: y,
       onClose: x,
       restoreFocus: Y,
       veil: s,
-      children: /* @__PURE__ */ g(J, { ref: z, className: L(j.menu, E, "menu"), ...I, children: l })
+      children: /* @__PURE__ */ g(J, { ref: I, className: L(j.menu, E, "menu"), ...b, children: m })
     }
   );
 }), D = f.forwardRef(function({
   selected: R,
-  label: y,
+  label: d,
   className: S,
   children: i,
   direction: C = "down",
   verticalAnchor: X = "top",
   verticalOrigin: h = "top",
-  verticalOffset: m,
-  horizontalAnchor: d = "end",
+  verticalOffset: l,
+  horizontalAnchor: y = "end",
   horizontalOrigin: x = "start",
   horizontalOffset: Y,
   open: s = !1,
   ...c
-}, b) {
-  const E = M(!1), I = M({ x: -1, y: -1 }), z = M({ x: -1, y: -1 }), [P, r] = F(!1), l = M(null), t = T(b, l), a = i != null && i.length > 0;
+}, _) {
+  const E = M(!1), b = M({ x: -1, y: -1 }), I = M({ x: -1, y: -1 }), [z, r] = F(!1), m = M(null), t = T(_, m), a = i != null && i.length > 0;
   function k() {
     r(!1);
   }
-  return _(() => {
-    const e = l.current;
+  return V(() => {
+    const e = m.current;
     if (e && a && s) {
-      const u = window.getComputedStyle(e).direction, o = I.current, p = z.current, B = (n) => {
+      const u = window.getComputedStyle(e).direction, o = b.current, p = I.current, B = (n) => {
         o.x === -1 && (o.x = n.clientX, o.y = n.clientY);
-        const V = n.clientX - o.x, w = n.clientY - o.y;
-        if (p.x = Math.max(Math.abs(V), 1e-3), p.y = Math.max(Math.abs(w), 1e-3), (V < 0 || u === "down" && w < 0 || u === "up" && w > 0) && u === "ltr" || (V > 0 || u === "down" && w < 0 || u === "up" && w > 0) && u === "rtl") {
+        const P = n.clientX - o.x, w = n.clientY - o.y;
+        if (p.x = Math.max(Math.abs(P), 1e-3), p.y = Math.max(Math.abs(w), 1e-3), (P < 0 || u === "down" && w < 0 || u === "up" && w > 0) && u === "ltr" || (P > 0 || u === "down" && w < 0 || u === "up" && w > 0) && u === "rtl") {
           o.x = n.clientX, o.y = n.clientY, r(!1);
           return;
         }
@@ -119,7 +119,7 @@ import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", j =
         window.removeEventListener("mousemove", B);
       };
     }
-  }, [a, s]), _(() => {
+  }, [a, s]), V(() => {
     r(s);
   }, [s]), /* @__PURE__ */ W(q, { children: [
     /* @__PURE__ */ g(
@@ -132,21 +132,21 @@ import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", j =
         className: L(S, j["menu-item"], "menu-item"),
         "data-is-open": s,
         ...c,
-        children: typeof y == "string" ? /* @__PURE__ */ g(O, { color: "inherit", children: y }) : y
+        children: typeof d == "string" ? /* @__PURE__ */ g(O, { color: "inherit", children: d }) : d
       }
     ),
     i && /* @__PURE__ */ g(
       Z,
       {
-        anchorElement: l.current,
-        veil: P,
+        anchorElement: m.current,
+        veil: z,
         onClose: k,
         open: s,
         direction: C,
         verticalAnchor: X,
         verticalOrigin: h,
-        verticalOffset: m,
-        horizontalAnchor: d,
+        verticalOffset: l,
+        horizontalAnchor: y,
         horizontalOrigin: x,
         horizontalOffset: Y,
         hAlign: "start",

package/dist/overlay/portal/portal_platform_context.js

@@ -1,12 +1,12 @@
 import o, { useContext as r } from "react";
 import { PortalPlatform as e } from "./portal_platform.js";
-const a = new e(), t = o.createContext(a), n = t.Provider;
-function f() {
+const a = new e(), t = o.createContext(a), f = t.Provider;
+function n() {
   return r(t);
 }
 export {
   t as PortalPlatformContext,
-  n as PortalPlatformProvider,
-  f as usePortalPlatform
+  f as PortalPlatformProvider,
+  n as usePortalPlatform
 };
 //# sourceMappingURL=portal_platform_context.js.map