@plyaz/ui 0.1.14 → 0.1.16

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ElementType } from '../../types/type';
-interface BoxProps extends React.HTMLAttributes<HTMLElement> {
+export interface BoxProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     element?: ElementType;
     className?: string;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ElementType } from '../../types/type';
-interface ContainerProps extends React.HTMLAttributes<HTMLElement> {
+export interface ContainerProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     children: React.ReactNode;
     element?: ElementType;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface ExternalLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
+export interface ExternalLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
     children: React.ReactNode;
     className?: string;
     href: string;

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

@@ -12,7 +12,7 @@ declare const WRAP_MAPPER: {
     nowrap: string;
     "wrap-reverse": string;
 };
-interface FlexProps extends React.HTMLAttributes<HTMLElement> {
+export interface FlexProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     gap?: string;
     direction?: keyof typeof DIRECTION_MAPPER;

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

@@ -16,7 +16,7 @@ export declare const ALIGN_MAPPER: {
     baseline: string;
     stretch: string;
 };
-interface GridProps extends React.HTMLAttributes<HTMLElement> {
+export interface GridProps extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
     className?: string;
     cols?: string;

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

@@ -10,7 +10,7 @@ declare const SIZE_MAP: {
     readonly "4xl": "4xl";
 };
 export type HeadingType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     children: React.ReactNode;
     className?: string;
     element: HeadingType;

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

@@ -5,7 +5,7 @@ declare const SIZE_MAP: {
     readonly base: "base";
     readonly lg: "lg";
 };
-interface ParagraphProps extends React.HTMLAttributes<HTMLElement> {
+export interface ParagraphProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     className?: string;
     size: keyof typeof SIZE_MAP;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface SectionProps extends React.HTMLAttributes<HTMLElement> {
+export interface SectionProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     children?: React.ReactNode;
 }

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ElementType } from '../../types/type';
-interface StackProps extends React.HTMLAttributes<HTMLElement> {
+export interface StackProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     className?: string;
     direction?: "vertical" | "horizontal";

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

@@ -27,7 +27,7 @@ export declare const TEXT_WEIGHT_MAPPER: {
     readonly light: "font-light";
 };
 type TextElement = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-interface TextProps extends React.HTMLAttributes<HTMLElement> {
+export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     children: React.ReactNode;
     element: TextElement;

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

@@ -1,11 +1,20 @@
-import { default as Box } from './Box/Box';
-import { default as Container } from './Container/Container';
-import { default as Flex } from './Flex/Flex';
-import { default as Grid } from './Grid/Grid';
-import { default as Heading } from './Heading/Heading';
-import { default as ExternalLink } from './ExternalLink/ExternalLink';
-import { default as Paragraph } from './Paragraph/Paragraph';
-import { default as Section } from './Section/Section';
-import { default as Stack } from './Stack/Stack';
-import { default as Text } from './Text/Text';
-export { Box, Container, Flex, Grid, Heading, ExternalLink, Paragraph, Section, Stack, Text, };
+export { default as Box } from './Box/Box';
+export type { BoxProps } from './Box/Box';
+export { default as Container } from './Container/Container';
+export type { ContainerProps } from './Container/Container';
+export { default as Flex } from './Flex/Flex';
+export type { FlexProps } from './Flex/Flex';
+export { default as Grid } from './Grid/Grid';
+export type { GridProps } from './Grid/Grid';
+export { default as Heading } from './Heading/Heading';
+export type { HeadingProps } from './Heading/Heading';
+export { default as ExternalLink } from './ExternalLink/ExternalLink';
+export type { ExternalLinkProps } from './ExternalLink/ExternalLink';
+export { default as Paragraph } from './Paragraph/Paragraph';
+export type { ParagraphProps } from './Paragraph/Paragraph';
+export { default as Section } from './Section/Section';
+export type { SectionProps } from './Section/Section';
+export { default as Stack } from './Stack/Stack';
+export type { StackProps } from './Stack/Stack';
+export { default as Text } from './Text/Text';
+export type { TextProps } from './Text/Text';

package/dist/types/main.d.ts

@@ -1,11 +1 @@
-import { default as Box } from './components/Box/Box';
-import { default as Container } from './components/Container/Container';
-import { default as Flex } from './components/Flex/Flex';
-import { default as Grid } from './components/Grid/Grid';
-import { default as Heading } from './components/Heading/Heading';
-import { default as ExternalLink } from './components/ExternalLink/ExternalLink';
-import { default as Paragraph } from './components/Paragraph/Paragraph';
-import { default as Section } from './components/Section/Section';
-import { default as Stack } from './components/Stack/Stack';
-import { default as Text } from './components/Text/Text';
-export { Box, Container, Flex, Grid, Heading, ExternalLink, Paragraph, Section, Stack, Text, };
+export * from './components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plyaz/ui",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "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": [
@@ -16,6 +16,7 @@
     }
   },
   "dependencies": {
+    "@plyaz/devtools": "^1.2.0",
     "@tailwindcss/vite": "^4.1.8",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",