tgui-core 1.8.2 → 1.8.4

package/dist/common/ui.js

@@ -1,61 +1,61 @@
 import { CSS_COLORS as u } from "./constants.js";
 import { classes as y } from "./react.js";
-const f = (t) => {
-  if (typeof t == "string")
-    return t.endsWith("px") ? `${Number.parseFloat(t) / 12}rem` : t;
-  if (typeof t == "number")
-    return `${t}rem`;
-}, p = (t) => {
-  if (typeof t == "string")
-    return f(t);
-  if (typeof t == "number")
-    return f(t * 0.5);
+const f = (o) => {
+  if (typeof o == "string")
+    return o.endsWith("px") ? `${Number.parseFloat(o) / 12}rem` : o;
+  if (typeof o == "number")
+    return `${o}rem`;
+}, p = (o) => {
+  if (typeof o == "string")
+    return f(o);
+  if (typeof o == "number")
+    return f(o * 0.5);
 };
-function w(t) {
-  return !h(t);
+function w(o) {
+  return !h(o);
 }
-function h(t) {
-  return typeof t == "string" && u.includes(t);
+function h(o) {
+  return typeof o == "string" && u.includes(o);
 }
-const l = (t) => (o, i) => {
-  (typeof i == "number" || typeof i == "string") && (o[t] = i);
-}, n = (t, o) => (i, e) => {
-  (typeof e == "number" || typeof e == "string") && (i[t] = o(e));
-}, s = (t, o) => (i, e) => {
-  e && (i[t] = o);
-}, c = (t, o, i) => (e, r) => {
+const c = (o) => (t, i) => {
+  (typeof i == "number" || typeof i == "string") && (t[o] = i);
+}, n = (o, t) => (i, e) => {
+  (typeof e == "number" || typeof e == "string") && (i[o] = t(e));
+}, l = (o, t) => (i, e) => {
+  e && (i[o] = t);
+}, s = (o, t, i) => (e, r) => {
   if (typeof r == "number" || typeof r == "string")
     for (let m = 0; m < i.length; m++)
-      e[t + i[m]] = o(r);
-}, a = (t) => (o, i) => {
-  w(i) && (o[t] = i);
+      e[o + i[m]] = t(r);
+}, a = (o) => (t, i) => {
+  w(i) && (t[o] = i);
 }, d = {
-  align: l("textAlign"),
+  align: c("textAlign"),
   bottom: n("bottom", f),
-  fontFamily: l("fontFamily"),
+  fontFamily: c("fontFamily"),
   fontSize: n("fontSize", f),
-  fontWeight: l("fontWeight"),
+  fontWeight: c("fontWeight"),
   height: n("height", f),
   left: n("left", f),
   maxHeight: n("maxHeight", f),
   maxWidth: n("maxWidth", f),
   minHeight: n("minHeight", f),
   minWidth: n("minWidth", f),
-  opacity: l("opacity"),
-  overflow: l("overflow"),
-  overflowX: l("overflowX"),
-  overflowY: l("overflowY"),
-  position: l("position"),
+  opacity: c("opacity"),
+  overflow: c("overflow"),
+  overflowX: c("overflowX"),
+  overflowY: c("overflowY"),
+  position: c("position"),
   right: n("right", f),
-  textAlign: l("textAlign"),
+  textAlign: c("textAlign"),
   top: n("top", f),
-  verticalAlign: l("verticalAlign"),
+  verticalAlign: c("verticalAlign"),
   width: n("width", f),
-  lineHeight: (t, o) => {
-    typeof o == "number" ? t.lineHeight = o : typeof o == "string" && (t.lineHeight = f(o));
+  lineHeight: (o, t) => {
+    typeof t == "number" ? o.lineHeight = t : typeof t == "string" && (o.lineHeight = f(t));
   },
   // Margin
-  m: c("margin", p, [
+  m: s("margin", p, [
     "Top",
     "Bottom",
     "Left",
@@ -65,10 +65,10 @@ const l = (t) => (o, i) => {
   ml: n("marginLeft", p),
   mr: n("marginRight", p),
   mt: n("marginTop", p),
-  mx: c("margin", p, ["left", "right"]),
-  my: c("margin", p, ["top", "bottom"]),
+  mx: s("margin", p, ["Left", "Right"]),
+  my: s("margin", p, ["Top", "Bottom"]),
   // Padding
-  p: c("padding", p, [
+  p: s("padding", p, [
     "Top",
     "Bottom",
     "Left",
@@ -78,58 +78,58 @@ const l = (t) => (o, i) => {
   pl: n("paddingLeft", p),
   pr: n("paddingRight", p),
   pt: n("paddingTop", p),
-  px: c("padding", p, ["left", "right"]),
-  py: c("padding", p, ["top", "bottom"]),
+  px: s("padding", p, ["Left", "Right"]),
+  py: s("padding", p, ["Top", "Bottom"]),
   // Color props
   color: a("color"),
   textColor: a("color"),
   backgroundColor: a("backgroundColor")
 }, b = {
-  bold: s("fontWeight", "bold"),
-  fillPositionedParent: (t, o) => {
-    o && (t.position = "absolute", t.top = 0, t.bottom = 0, t.left = 0, t.right = 0);
+  bold: l("fontWeight", "bold"),
+  fillPositionedParent: (o, t) => {
+    t && (o.position = "absolute", o.top = 0, o.bottom = 0, o.left = 0, o.right = 0);
   },
-  inline: s("display", "inline-block"),
-  italic: s("fontStyle", "italic"),
-  nowrap: s("whiteSpace", "nowrap"),
-  preserveWhitespace: s("whiteSpace", "pre-wrap")
+  inline: l("display", "inline-block"),
+  italic: l("fontStyle", "italic"),
+  nowrap: l("whiteSpace", "nowrap"),
+  preserveWhitespace: l("whiteSpace", "pre-wrap")
 };
-function S(t) {
-  const o = {}, i = {};
-  for (const e in t) {
+function T(o) {
+  const t = {}, i = {};
+  for (const e in o) {
     if (e === "style")
       continue;
-    const r = t[e], m = d[e] || b[e];
-    m ? m(i, r) : o[e] = r;
+    const r = o[e], m = d[e] || b[e];
+    m ? m(i, r) : t[e] = r;
   }
-  return o.style = { ...i, ...t.style }, o;
+  return t.style = { ...i, ...o.style }, t;
 }
-function T(t) {
-  const o = t.textColor || t.color, { backgroundColor: i } = t;
+function S(o) {
+  const t = o.textColor || o.color, { backgroundColor: i } = o;
   return y([
-    h(o) && `color-${o}`,
+    h(t) && `color-${t}`,
     h(i) && `color-bg-${i}`
   ]);
 }
-function P(t) {
-  const o = {};
-  if (!t) return o;
-  const i = t.split(" ");
+function P(o) {
+  const t = {};
+  if (!o) return t;
+  const i = o.split(" ");
   for (const e of i) {
     const [r, m] = e.split("-");
     if (r)
       if (r in d) {
         if (m === "") continue;
         const g = Number(m);
-        !Number.isNaN(g) && Number.isFinite(g) ? o[r] = g : o[r] = m;
-      } else r in b ? o[r] = !0 : console.warn(`Unknown prop ${r}`);
+        !Number.isNaN(g) && Number.isFinite(g) ? t[r] = g : t[r] = m;
+      } else r in b ? t[r] = !0 : console.warn(`Unknown prop ${r}`);
   }
-  return o;
+  return t;
 }
 export {
   b as booleanStyleMap,
-  T as computeBoxClassName,
-  S as computeBoxProps,
+  S as computeBoxClassName,
+  T as computeBoxProps,
   P as computeTwClass,
   p as halfUnit,
   d as stringStyleMap,

package/dist/components/Flex.js

@@ -1,72 +1,70 @@
 import { jsx as l } from "react/jsx-runtime";
-import { classes as o } from "../common/react.js";
+import { classes as r } from "../common/react.js";
 import { computeBoxClassName as m, computeBoxProps as a, unit as f } from "../common/ui.js";
-function d(e) {
-  return o([
+function p(e) {
+  return r([
     "Flex",
     e.inlineFlex && "Flex--inline",
     m(e)
   ]);
 }
-function p(e) {
-  const { direction: i, wrap: t, align: r, justify: s, ...n } = e;
+function d(e) {
+  const { direction: s, wrap: t, align: i, justify: n, ...o } = e;
   return a({
     style: {
-      ...n.style,
-      flexDirection: i,
+      ...o.style,
+      flexDirection: s,
       flexWrap: t === !0 ? "wrap" : t,
-      alignItems: r,
-      justifyContent: s
+      alignItems: i,
+      justifyContent: n
     },
-    ...n
+    ...o
   });
 }
 function F(e) {
-  const { className: i, ...t } = e;
+  const { className: s, ...t } = e;
   return /* @__PURE__ */ l(
     "div",
     {
-      className: o([i, d(t)]),
-      ...p(t)
+      className: r([s, p(t)]),
+      ...d(t)
     }
   );
 }
-const N = (e) => o(["Flex__item", m(e)]);
+const N = (e) => r(["Flex__item", m(e)]);
 function v(e) {
-  const { style: i, grow: t, order: r, shrink: s, basis: n, align: c, ...u } = e, x = n ?? // IE11: Set basis to specified width if it's known, which fixes certain
+  const { style: s, grow: t, order: i, shrink: n, basis: o, align: c, ...u } = e, x = o ?? // IE11: Set basis to specified width if it's known, which fixes certain
   // bugs when rendering tables inside the flex.
   e.width ?? // If grow is used, basis should be set to 0 to be consistent with
   // flex css shorthand `flex: 1`.
   (t !== void 0 ? 0 : void 0);
   return a({
     style: {
-      ...i,
-      minWidth: t !== void 0 && 0,
-      minHeight: t !== void 0 && 0,
+      ...s,
       flexGrow: t !== void 0 && Number(t),
-      flexShrink: s !== void 0 && Number(s),
+      flexShrink: n !== void 0 && Number(n),
       flexBasis: f(x),
-      order: r,
+      order: i,
       alignSelf: c
     },
     ...u
   });
 }
-function g(e) {
-  const { className: i, ...t } = e;
+function y(e) {
+  const { className: s, ...t } = e;
   return /* @__PURE__ */ l(
     "div",
     {
-      className: o([i, N(e)]),
+      className: r([s, N(e)]),
       ...v(t)
     }
   );
 }
-F.Item = g;
+F.Item = y;
 export {
   F as Flex,
-  d as computeFlexClassName,
+  p as computeFlexClassName,
   N as computeFlexItemClassName,
   v as computeFlexItemProps,
-  p as computeFlexProps
+  d as computeFlexProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "description": "TGUI core component library",
   "keywords": ["TGUI", "library", "typescript"],
   "files": ["dist", "styles"],