@plyaz/ui 0.4.5 → 0.4.6

package/dist/ui.es81.js

@@ -1,15 +1,25 @@
-import * as o from "react";
-import { stylesheetSingleton as r } from "./ui.es82.js";
-var i = function() {
-  var t = r();
-  return function(e, n) {
-    o.useEffect(function() {
-      return t.add(e), function() {
-        t.remove();
-      };
-    }, [e && n]);
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
   };
 };
 export {
-  i as styleHookSingleton
+  f as getGapWidth,
+  a as zeroGap
 };

package/dist/ui.es82.js

@@ -1,30 +1,15 @@
-import { getNonce as o } from "./ui.es83.js";
-function r() {
-  if (!document)
-    return null;
-  var t = document.createElement("style");
-  t.type = "text/css";
-  var e = o();
-  return e && t.setAttribute("nonce", e), t;
-}
-function l(t, e) {
-  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
-}
-function a(t) {
-  var e = document.head || document.getElementsByTagName("head")[0];
-  e.appendChild(t);
-}
-var c = function() {
-  var t = 0, e = null;
-  return {
-    add: function(n) {
-      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
-    },
-    remove: function() {
-      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
-    }
+import * as o from "react";
+import { stylesheetSingleton as r } from "./ui.es83.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
   };
 };
 export {
-  c as stylesheetSingleton
+  i as styleHookSingleton
 };

package/dist/ui.es83.js

@@ -1,7 +1,30 @@
-var e = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
+import { getNonce as o } from "./ui.es84.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
 };
 export {
-  e as getNonce
+  c as stylesheetSingleton
 };

package/dist/ui.es84.js

@@ -0,0 +1,7 @@
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+export {
+  e as getNonce
+};

package/dist/ui.es9.js

@@ -1,23 +1,25 @@
-import { j as r } from "./ui.es16.js";
-import { clsx as s } from "./ui.es17.js";
-import { Box as e } from "./ui.es2.js";
-import "./ui.es14.js";
-const a = ({ className: m = "", children: o, ...t }) => /* @__PURE__ */ r.jsx(
-  e,
+import { j as o } from "./ui.es17.js";
+/* empty css       */
+import { Text as a } from "./ui.es12.js";
+import "./ui.es15.js";
+const m = {
+  xs: "xs",
+  sm: "sm",
+  base: "base",
+  lg: "lg"
+}, l = ({ children: t, className: r, size: s, ...e }) => /* @__PURE__ */ o.jsx(
+  a,
   {
-    element: "section",
-    className: s(
-      `
-          mx-2 my-4 p-4
-          sm:p-6
-        `,
-      m
-    ),
-    ...t,
-    children: o
+    className: r,
+    element: "p",
+    size: m[s],
+    variant: "body",
+    weight: "normal",
+    ...e,
+    children: t
   }
 );
 export {
-  a as Section,
-  a as default
+  l as Paragraph,
+  l as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plyaz/ui",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "A reusable, accessible, and themeable component library powering the Plyaz Web App interface. Built with performance and consistency in mind, @plyaz/ui delivers modular React components aligned with the Plyaz design system — enabling seamless development across fan-facing features, quests, NFTs, and loyalty flows in the Web3 ecosystem.",
   "type": "module",
   "files": [

package/dist/ui.cjs2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./ui.cjs16.js"),e=({children:t,element:o="div",className:s="",...u})=>{const r=o;return i.jsxRuntimeExports.jsx(r,{className:s,...u,"data-testid":"box",children:t})};exports.Box=e;exports.default=e;

package/dist/ui.es2.js

@@ -1,9 +0,0 @@
-import { j as a } from "./ui.es16.js";
-const d = ({ children: t, element: o = "div", className: s = "", ...r }) => {
-  const x = o;
-  return /* @__PURE__ */ a.jsx(x, { className: s, ...r, "data-testid": "box", children: t });
-};
-export {
-  d as Box,
-  d as default
-};