@plyaz/ui 0.1.20 → 0.2.0

package/dist/ui.es2.js

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

package/dist/ui.es20.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };

package/dist/ui.es3.js

@@ -1,22 +1,23 @@
-import { j as x } from "./ui.es12.js";
-import "react";
-import { Box as p } from "./ui.es2.js";
-import { cn as s } from "./ui.es13.js";
-const f = ({
-  className: o = "",
-  children: m,
-  element: r,
-  ...t
-}) => /* @__PURE__ */ x.jsx(
-  p,
+import { j as t } from "./ui.es12.js";
+import { clsx as s } from "./ui.es13.js";
+import { Box as a } from "./ui.es2.js";
+const l = ({ className: o = "", children: x, element: m, ...r }) => /* @__PURE__ */ t.jsx(
+  a,
   {
-    element: r,
-    className: s("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl", o),
-    ...t,
-    children: m
+    element: m,
+    className: s(
+      `
+          mx-auto max-w-7xl px-4
+          sm:px-6
+          lg:px-8
+        `,
+      o
+    ),
+    ...r,
+    children: x
   }
 );
 export {
-  f as Container,
-  f as default
+  l as Container,
+  l as default
 };

package/dist/ui.es4.js

@@ -1,18 +1,17 @@
 import { j as t } from "./ui.es12.js";
-import "react";
-import { Box as a } from "./ui.es2.js";
-import { ALIGN_MAPPER as w, JUASTIFY_MAPPER as P } from "./ui.es5.js";
-import { cn as c } from "./ui.es13.js";
+import { clsx as a } from "./ui.es13.js";
+import { Box as w } from "./ui.es2.js";
+import { JUASTIFY_MAPPER as P, ALIGN_MAPPER as c } from "./ui.es14.js";
 const A = {
   row: "flex-row",
   col: "flex-col",
-  "row-reverse": "flex-row-reverse",
-  "col-reverse": "flex-col-reverse"
+  row_reverse: "flex-row-reverse",
+  col_reverse: "flex-col-reverse"
 }, R = {
   wrap: "flex-wrap",
   nowrap: "flex-nowrap",
-  "wrap-reverse": "flex-wrap-reverse"
-}, _ = ({
+  wrap_reverse: "flex-wrap-reverse"
+}, I = ({
   children: l,
   gap: x,
   direction: r,
@@ -23,14 +22,14 @@ const A = {
   element: p,
   ...m
 }) => /* @__PURE__ */ t.jsx(
-  a,
+  w,
   {
     element: p,
-    className: c(
+    className: a(
       "flex",
       r && A[r],
       e && P[e],
-      o && w[o],
+      o && c[o],
       s && R[s],
       x,
       f
@@ -40,6 +39,6 @@ const A = {
   }
 );
 export {
-  _ as Flex,
-  _ as default
+  I as Flex,
+  I as default
 };

package/dist/ui.es5.js

@@ -1,51 +1,35 @@
 import { j as a } from "./ui.es12.js";
-import "react";
-import { Box as u } from "./ui.es2.js";
-import { cn as f } from "./ui.es13.js";
-const d = {
-  start: "justify-start",
-  end: "justify-end",
-  center: "justify-center",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly",
-  stretch: "justify-stretch"
-}, j = {
-  start: "items-start",
-  end: "items-end",
-  center: "items-center",
-  baseline: "items-baseline",
-  stretch: "items-stretch"
-}, b = ({
-  children: s,
-  className: r,
-  cols: n,
-  rows: i,
-  gap: o,
-  justify: t,
-  align: e,
-  element: m,
-  ...c
+import { clsx as f } from "./ui.es13.js";
+import { Box as A } from "./ui.es2.js";
+import { JUASTIFY_MAPPER as P, ALIGN_MAPPER as c } from "./ui.es14.js";
+const l = ({
+  children: m,
+  className: t,
+  cols: s,
+  rows: p,
+  gap: x,
+  justify: r,
+  align: o,
+  element: e,
+  ...i
 }) => /* @__PURE__ */ a.jsx(
-  u,
+  A,
   {
-    element: m,
+    element: e,
     className: f(
       "grid",
-      n,
-      i,
-      o,
-      t && d[t],
-      e && j[e],
-      r
+      s,
+      p,
+      x,
+      r && P[r],
+      o && c[o],
+      t
     ),
-    ...c,
-    children: s
+    ...i,
+    children: m
   }
 );
 export {
-  j as ALIGN_MAPPER,
-  b as Grid,
-  d as JUASTIFY_MAPPER,
-  b as default
+  l as Grid,
+  l as default
 };

package/dist/ui.es6.js

@@ -1,7 +1,6 @@
-import { j as i } from "./ui.es12.js";
-import "react";
-import { Text as m } from "./ui.es11.js";
-const r = {
+import { j as a } from "./ui.es12.js";
+import { Text as i } from "./ui.es11.js";
+const m = {
   xs: "xs",
   sm: "sm",
   base: "base",
@@ -10,25 +9,19 @@ const r = {
   "2xl": "2xl",
   "3xl": "3xl",
   "4xl": "4xl"
-}, g = ({
-  children: x,
-  element: s,
-  className: t,
-  size: e,
-  ...l
-}) => /* @__PURE__ */ i.jsx(
-  m,
+}, n = ({ children: x, element: s, className: e, size: t, ...l }) => /* @__PURE__ */ a.jsx(
+  i,
   {
+    className: e,
     element: s,
-    weight: "medium",
+    size: m[t],
     variant: "heading",
-    className: t,
-    size: r[e],
+    weight: "medium",
     ...l,
     children: x
   }
 );
 export {
-  g as Heading,
-  g as default
+  n as Heading,
+  n as default
 };

package/dist/ui.es7.js

@@ -1,20 +1,20 @@
 import { j as o } from "./ui.es12.js";
-import "react";
-import { cn as a } from "./ui.es13.js";
-const u = ({
-  children: e,
-  className: t,
-  href: r,
-  ...n
-}) => /* @__PURE__ */ o.jsx(
+import { clsx as a } from "./ui.es13.js";
+const i = ({ children: e, className: t, href: r, ...n }) => /* @__PURE__ */ o.jsx(
   "a",
   {
+    "data-testid": "link",
     href: r,
-    target: "_blank",
     rel: "noopener noreferrer",
-    "data-testid": "link",
+    target: "_blank",
     className: a(
-      "text-blue-600 hover:underline visited:text-purple-600  active:text-blue-900 focus:outline-none ",
+      `
+          text-blue-600
+          visited:text-purple-600
+          hover:underline
+          focus:outline-none
+          active:text-blue-900
+        `,
       t
     ),
     ...n,
@@ -22,6 +22,6 @@ const u = ({
   }
 );
 export {
-  u as ExternalLink,
-  u as default
+  i as ExternalLink,
+  i as default
 };

package/dist/ui.es8.js

@@ -1,29 +1,23 @@
 import { j as a } from "./ui.es12.js";
-import "react";
 import { Text as o } from "./ui.es11.js";
 const m = {
   xs: "xs",
   sm: "sm",
   base: "base",
   lg: "lg"
-}, x = ({
-  children: s,
-  className: t,
-  size: r,
-  ...e
-}) => /* @__PURE__ */ a.jsx(
+}, i = ({ children: s, className: t, size: e, ...r }) => /* @__PURE__ */ a.jsx(
   o,
   {
+    className: t,
     element: "p",
-    weight: "normal",
+    size: m[e],
     variant: "body",
-    className: t,
-    size: m[r],
-    ...e,
+    weight: "normal",
+    ...r,
     children: s
   }
 );
 export {
-  x as Paragraph,
-  x as default
+  i as Paragraph,
+  i as default
 };

package/dist/ui.es9.js

@@ -1,21 +1,22 @@
-import { j as r } from "./ui.es12.js";
-import "react";
-import { Box as e } from "./ui.es2.js";
-import { cn as s } from "./ui.es13.js";
-const a = ({
-  className: m = "",
-  children: o,
-  ...t
-}) => /* @__PURE__ */ r.jsx(
-  e,
+import { j as s } from "./ui.es12.js";
+import { clsx as e } from "./ui.es13.js";
+import { Box as r } from "./ui.es2.js";
+const n = ({ className: m = "", children: o, ...t }) => /* @__PURE__ */ s.jsx(
+  r,
   {
     element: "section",
-    className: s("p-4 sm:p-6 my-4 mx-2", m),
+    className: e(
+      `
+          mx-2 my-4 p-4
+          sm:p-6
+        `,
+      m
+    ),
     ...t,
     children: o
   }
 );
 export {
-  a as Section,
-  a as default
+  n as Section,
+  n as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plyaz/ui",
-  "version": "0.1.20",
+  "version": "0.2.0",
   "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": [
@@ -15,8 +15,12 @@
       "require": "./dist/ui.cjs.js"
     }
   },
+  "engines": {
+    "node": ">=22.4.0",
+    "pnpm": ">=8.0.0"
+  },
   "dependencies": {
-    "@plyaz/devtools": "^1.2.37",
+    "@plyaz/devtools": "^1.3.2",
     "@tailwindcss/vite": "^4.1.8",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
@@ -31,7 +35,13 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.25.0",
+    "@changesets/cli": "^2.29.5",
+    "@darraghor/eslint-plugin-nestjs-typed": "^6.6.2",
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.15.0",
+    "@eslint/markdown": "^6.5.0",
+    "@nestjs/common": "^11.1.3",
+    "@next/eslint-plugin-next": "^15.0.3",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-controls": "^8.6.12",
     "@storybook/addon-docs": "^8.6.12",
@@ -45,8 +55,10 @@
     "@storybook/react-vite": "^8.6.12",
     "@storybook/test": "^8.6.12",
     "@storybook/theming": "^8.6.12",
+    "@tailwindcss/postcss": "^4.1.8",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
+    "@types/node": "^22.4.0",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@typescript-eslint/eslint-plugin": "^8.34.0",
@@ -55,20 +67,47 @@
     "@vitest/coverage-v8": "3.1.3",
     "autoprefixer": "^10.4.21",
     "chromatic": "^11.28.2",
-    "eslint": "^9.25.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint": "^9.29.0",
+    "eslint-config-next": "^15.3.3",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.10.1",
+    "eslint-mdx": "^3.5.0",
+    "eslint-plugin-better-tailwindcss": "3.2.1",
+    "eslint-plugin-functional": "^4.4.1",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jest": "^28.13.5",
+    "eslint-plugin-jsdoc": "^50.8.0",
+    "eslint-plugin-jsonc": "^2.20.1",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-markdownlint": "^0.9.0",
+    "eslint-plugin-mdx": "^3.5.0",
+    "eslint-plugin-n": "^17.20.0",
+    "eslint-plugin-prettier": "^5.5.0",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-regexp": "^2.9.0",
+    "eslint-plugin-security": "^3.0.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-sonarjs": "^0.23.0",
     "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-testing-library": "^6.5.0",
+    "eslint-plugin-unicorn": "^56.0.1",
+    "eslint-plugin-unused-imports": "^4.1.4",
     "globals": "^16.0.0",
     "happy-dom": "^17.4.7",
     "jiti": "^2.4.2",
     "plop": "^4.0.1",
     "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
     "standard-version": "^9.5.0",
     "storybook": "^8.6.12",
     "storybook-addon-tailwind-autodocs": "^1.0.8",
+    "tailwindcss": "^4.1.8",
     "ts-node": "^10.9.2",
     "typescript": "~5.8.3",
+    "typescript-eslint": "^8.34.0",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
     "vitest": "^3.1.3"
@@ -83,15 +122,27 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "lint": "eslint .",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "lint": "eslint ./src",
+    "lint:fix": "eslint ./src --fix",
+    "format": "prettier --write './**/*.{ts,tsx,js,jsx}'",
+    "format:check": "prettier --check './**/*.{ts,tsx,js,jsx}'",
+    "type:check": "tsc --noEmit",
     "generate": "plop",
-    "test": "vitest",
-    "coverage": "vitest run --coverage",
+    "test": "vitest run --no-watch",
+    "test:ci": "vitest run --no-watch",
+    "test:watch": "vitest --watch",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
     "chromatic": "chromatic",
-    "release:publish": "pnpm publish --access public",
-    "publish:ci": "pnpm publish --access public --no-git-checks",
-    "release": "standard-version"
+    "clean": "rm -rf dist",
+    "audit": "pnpm audit",
+    "audit:moderate": "pnpm audit --audit-level moderate",
+    "audit:high": "pnpm audit --audit-level high",
+    "audit:critical": "pnpm audit --audit-level critical",
+    "audit:fix": "pnpm audit --fix",
+    "audit:enhanced": "npx audit-ci --moderate",
+    "security:check": "pnpm audit:moderate && npx audit-ci --moderate"
   }
 }

package/dist/ui.cjs21.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/ui.es21.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};