@plyaz/ui 0.1.5 → 0.1.7

package/dist/types/components/Box/Box.stories.d.ts

@@ -10,3 +10,4 @@ export declare const Aside: Story;
 export declare const Nav: Story;
 export declare const Header: Story;
 export declare const Footer: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Container/Container.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { ElementType } from '../../types/type';
 interface ContainerProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
-    children?: React.ReactNode;
+    children: React.ReactNode;
     element?: ElementType;
 }
 export declare const Container: ({ className, children, element, ...props }: ContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Container/Container.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof Container>;
 export default meta;
 type Story = StoryObj<typeof Container>;
 export declare const Default: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/ExternalLink/ExternalLink.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface ExternalLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
+    children: React.ReactNode;
+    className?: string;
+    href: string;
+}
+export declare const ExternalLink: ({ children, className, href, ...props }: ExternalLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/ExternalLink/ExternalLink.stories.d.ts

@@ -0,0 +1,8 @@
+import { ExternalLink } from './ExternalLink';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof ExternalLink>;
+export default meta;
+type Story = StoryObj<typeof ExternalLink>;
+export declare const Default: Story;
+export declare const CustomClass: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Flex/Flex.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof Flex>;
 export declare const Default: Story;
 export declare const ColumnCentered: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Grid/Grid.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof Grid>;
 export declare const Default: Story;
 export declare const Justified: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Heading/Heading.d.ts

@@ -9,10 +9,11 @@ declare const SIZE_MAP: {
     readonly "3xl": "3xl";
     readonly "4xl": "4xl";
 };
+export type HeadingType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     children: React.ReactNode;
     className?: string;
-    element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    element: HeadingType;
     size: keyof typeof SIZE_MAP;
 }
 export declare const Heading: ({ children, element, className, size, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Heading/Heading.stories.d.ts

@@ -9,3 +9,4 @@ export declare const H3: Story;
 export declare const H4: Story;
 export declare const H5: Story;
 export declare const H6: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Paragraph/Paragraph.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Default: Story;
 export declare const Small: Story;
 export declare const ExtraSmall: Story;
 export declare const Large: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Section/Section.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof Section>;
 export default meta;
 type Story = StoryObj<typeof Section>;
 export declare const Default: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Stack/Stack.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof Stack>;
 export declare const Default: Story;
 export declare const Vertical: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-declare const VARIANT_MAPPER: {
+export declare const VARIANT_MAPPER: {
     body: string;
     heading: string;
     caption: string;
@@ -15,16 +15,16 @@ declare const SIZES_MAPPER: {
     "4xl": string;
     "5xl": string;
     "6xl": string;
-    '7xl': string;
-    '8xl': string;
-    '9xl': string;
+    "7xl": string;
+    "8xl": string;
+    "9xl": string;
 };
-declare const TEXT_WEIGHT_MAPPER: {
-    normal: string;
-    medium: string;
-    semibold: string;
-    bold: string;
-    light: string;
+export declare const TEXT_WEIGHT_MAPPER: {
+    readonly normal: "font-normal";
+    readonly medium: "font-medium";
+    readonly semibold: "font-semibold";
+    readonly bold: "font-bold";
+    readonly light: "font-light";
 };
 type TextElement = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 interface TextProps extends React.HTMLAttributes<HTMLElement> {

package/dist/types/components/Text/Text.stories.d.ts

@@ -6,3 +6,4 @@ type Story = StoryObj<typeof Text>;
 export declare const Default: Story;
 export declare const Heading: Story;
 export declare const Caption: Story;
+export declare const UserInteraction: Story;

package/dist/types/components/index.d.ts

@@ -3,7 +3,7 @@ export * from './Container/Container';
 export * from './Flex/Flex';
 export * from './Grid/Grid';
 export * from './Heading/Heading';
-export * from './Link/Link';
+export * from './ExternalLink/ExternalLink';
 export * from './Paragraph/Paragraph';
 export * from './Section/Section';
 export * from './Stack/Stack';

package/dist/ui.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui2.cjs"),i=require("./ui3.cjs"),t=require("./ui4.cjs"),e=require("./ui5.cjs"),n=require("./ui6.cjs"),o=require("./ui7.cjs"),a=require("./ui8.cjs"),c=require("./ui9.cjs"),u=require("./ui10.cjs"),s=require("./ui11.cjs");exports.Box=r.Box;exports.Container=i.Container;exports.Flex=t.Flex;exports.ALIGN_MAPPER=e.ALIGN_MAPPER;exports.Grid=e.Grid;exports.JUASTIFY_MAPPER=e.JUASTIFY_MAPPER;exports.Heading=n.Heading;exports.Link=o.Link;exports.Paragraph=a.Paragraph;exports.Section=c.Section;exports.Stack=u.Stack;exports.Text=s.Text;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./ui2.cjs"),n=require("./ui3.cjs"),i=require("./ui4.cjs"),e=require("./ui5.cjs"),a=require("./ui6.cjs"),o=require("./ui7.cjs"),P=require("./ui8.cjs"),c=require("./ui9.cjs"),A=require("./ui10.cjs"),r=require("./ui11.cjs");exports.Box=t.Box;exports.Container=n.Container;exports.Flex=i.Flex;exports.ALIGN_MAPPER=e.ALIGN_MAPPER;exports.Grid=e.Grid;exports.JUASTIFY_MAPPER=e.JUASTIFY_MAPPER;exports.Heading=a.Heading;exports.ExternalLink=o.ExternalLink;exports.Paragraph=P.Paragraph;exports.Section=c.Section;exports.Stack=A.Stack;exports.TEXT_WEIGHT_MAPPER=r.TEXT_WEIGHT_MAPPER;exports.Text=r.Text;exports.VARIANT_MAPPER=r.VARIANT_MAPPER;

package/dist/ui.js

@@ -1,24 +1,26 @@
 import { Box as e } from "./ui2.js";
 import { Container as x } from "./ui3.js";
 import { Flex as f } from "./ui4.js";
-import { ALIGN_MAPPER as a, Grid as i, JUASTIFY_MAPPER as n } from "./ui5.js";
-import { Heading as A } from "./ui6.js";
-import { Link as c } from "./ui7.js";
-import { Paragraph as g } from "./ui8.js";
-import { Section as E } from "./ui9.js";
-import { Stack as G } from "./ui10.js";
-import { Text as L } from "./ui11.js";
+import { ALIGN_MAPPER as P, Grid as A, JUASTIFY_MAPPER as a } from "./ui5.js";
+import { Heading as n } from "./ui6.js";
+import { ExternalLink as i } from "./ui7.js";
+import { Paragraph as _ } from "./ui8.js";
+import { Section as M } from "./ui9.js";
+import { Stack as S } from "./ui10.js";
+import { TEXT_WEIGHT_MAPPER as d, Text as g, VARIANT_MAPPER as k } from "./ui11.js";
 export {
-  a as ALIGN_MAPPER,
+  P as ALIGN_MAPPER,
   e as Box,
   x as Container,
+  i as ExternalLink,
   f as Flex,
-  i as Grid,
-  A as Heading,
-  n as JUASTIFY_MAPPER,
-  c as Link,
-  g as Paragraph,
-  E as Section,
-  G as Stack,
-  L as Text
+  A as Grid,
+  n as Heading,
+  a as JUASTIFY_MAPPER,
+  _ as Paragraph,
+  M as Section,
+  S as Stack,
+  d as TEXT_WEIGHT_MAPPER,
+  g as Text,
+  k as VARIANT_MAPPER
 };

package/dist/ui11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui12.cjs");require("react");const a=require("./ui13.cjs"),c={body:"font-sans",heading:"font-sans",caption:"font-sans"},i={xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl","6xl":"text-6xl","7xl":"text-7xl","8xl":"text-8xl","9xl":"text-9xl"},f={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",light:"font-light"},u=({className:l,children:s,element:n,weight:t,variant:x,size:e,...o})=>{const m=n;return r.jsxRuntimeExports.jsx(m,{className:a.clsx("font-normal text-base font-sans",e&&i[e],t&&f[t],x&&c[x],l),...o,children:s})};exports.Text=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./ui12.cjs");require("react");const c=require("./ui13.cjs"),l={body:"font-sans",heading:"font-sans",caption:"font-sans"},d={xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl","6xl":"text-6xl","7xl":"text-7xl","8xl":"text-8xl","9xl":"text-9xl"},s={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",light:"font-light"},E=({className:n,children:o,element:a,weight:t,variant:e,size:x,...m})=>{const r=a;return i.jsxRuntimeExports.jsx(r,{className:c.clsx("font-normal text-base font-sans",x&&d[x],t&&s[t],e&&l[e],n),"data-testid":"text",...m,children:o})};exports.TEXT_WEIGHT_MAPPER=s;exports.Text=E;exports.VARIANT_MAPPER=l;

package/dist/ui11.js

@@ -5,7 +5,7 @@ const r = {
   body: "font-sans",
   heading: "font-sans",
   caption: "font-sans"
-}, i = {
+}, d = {
   xs: "text-xs",
   sm: "text-sm",
   base: "text-base",
@@ -19,7 +19,7 @@ const r = {
   "7xl": "text-7xl",
   "8xl": "text-8xl",
   "9xl": "text-9xl"
-}, b = {
+}, i = {
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
@@ -27,29 +27,32 @@ const r = {
   light: "font-light"
 }, p = ({
   className: o,
-  children: s,
-  element: e,
+  children: e,
+  element: s,
   weight: t,
   variant: x,
   size: l,
   ...n
 }) => {
-  const m = e;
+  const m = s;
   return /* @__PURE__ */ a.jsx(
     m,
     {
       className: f(
         "font-normal text-base font-sans",
-        l && i[l],
-        t && b[t],
+        l && d[l],
+        t && i[t],
         x && r[x],
         o
       ),
+      "data-testid": "text",
       ...n,
-      children: s
+      children: e
     }
   );
 };
 export {
-  p as Text
+  i as TEXT_WEIGHT_MAPPER,
+  p as Text,
+  r as VARIANT_MAPPER
 };

package/dist/ui2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./ui12.cjs");require("react");const i=({children:e,element:t="div",className:r="",...o})=>{const n=t;return s.jsxRuntimeExports.jsx(n,{className:r,...o,children:e})};exports.Box=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./ui12.cjs");require("react");const n=({children:e,element:t="div",className:o="",...r})=>{const s=t;return i.jsxRuntimeExports.jsx(s,{className:o,...r,"data-testid":"box",children:e})};exports.Box=n;

package/dist/ui2.js

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

package/dist/ui7.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./ui12.cjs");require("react");const o=require("./ui13.cjs"),s=({children:e,className:t,href:r,...n})=>i.jsxRuntimeExports.jsx("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:o.clsx("text-blue-600 hover:underline visited:text-purple-600  active:text-blue-900 focus:outline-none  ",t),...n,children:e});exports.Link=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./ui12.cjs");require("react");const l=require("./ui13.cjs"),s=({children:e,className:t,href:r,...n})=>i.jsxRuntimeExports.jsx("a",{href:r,target:"_blank",rel:"noopener noreferrer","data-testid":"link",className:l.clsx("text-blue-600 hover:underline visited:text-purple-600  active:text-blue-900 focus:outline-none  ",t),...n,children:e});exports.ExternalLink=s;

package/dist/ui7.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plyaz/ui",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "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.",
   "main": "index.ts",
   "type": "module",
@@ -9,6 +9,7 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/types/components/index.d.ts",
       "import": "./dist/ui.es.js",
       "require": "./dist/ui.cjs.js"
     }

package/dist/types/components/Link/Link.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
-    children: React.ReactNode;
-    className?: string;
-    href?: string;
-}
-export declare const Link: ({ children, className, href, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/Link/Link.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Link } from './Link';
-declare const meta: Meta<typeof Link>;
-export default meta;
-type Story = StoryObj<typeof Link>;
-export declare const Default: Story;
-export declare const CustomClass: Story;