@plyaz/ui 0.3.1 → 0.4.0

package/README.md

@@ -34,10 +34,22 @@ or
 pnpm add @plyaz/ui
 ```
 
+## Usage
+
+```bash
+import { Box } from "@plyaz/ui";
+
+export default function Page() {
+  return <Box>Click Me</Box>;
+}
+
+```
+
 ## Storybook
 
 ```bash
 pnpm run storybook
+
 ```
 
 ## Plop Utility for Auto-Generating Storybook Stories
@@ -75,3 +87,16 @@ To generate a new story file:
 ```bash
 pnpm run generate
 ```
+
+### Accessibility Guidelines
+
+Our components are designed with accessibility in mind:
+
+- Use semantic HTML (`<header>`, `<label>`, `<input>`)
+- Include `aria-*` attributes where necessary
+- Ensure keyboard navigability
+- Maintain color contrast ratio ≥ 4.5:1
+
+## Tools we use:
+
+- Storybook a11y addon

package/dist/types/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAC;AAGnB,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,iBAAS,GAAG,IAAI,KAAK,CAAC,YAAY,CAYjC;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAC;AAGnB,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,iBAAS,GAAG,IAAI,KAAK,CAAC,YAAY,CAgBjC;AAED,eAAe,GAAG,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,GAAI,4CAAyD,QAAQ,sBAOpF,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,GAAI,4CAKjB,QAAQ,sBAOV,CAAC;AAEF,eAAe,GAAG,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalLink.d.ts","sourceRoot":"","sources":["../../../../src/components/ExternalLink/ExternalLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,eAAO,MAAM,YAAY,GAAI,yCAAyC,iBAAiB,sBAsBtF,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ExternalLink.d.ts","sourceRoot":"","sources":["../../../../src/components/ExternalLink/ExternalLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,eAAO,MAAM,YAAY,GAAI,yCAK1B,iBAAiB,sBAsBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAO,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAY3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,KA4E5B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6B7B,CAAC"}
+{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAO,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAY3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,KA4E5B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8B7B,CAAC"}

package/dist/types/components/Form/FormComposition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormComposition.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormComposition.tsx"],"names":[],"mappings":"AAMA,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,eAAe,GAAI,qCAI7B,oBAAoB,gCAqBtB,CAAC"}
+{"version":3,"file":"FormComposition.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormComposition.tsx"],"names":[],"mappings":"AAMA,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,eAAe,GAAI,qCAI7B,oBAAoB,gCA8BtB,CAAC"}

package/dist/types/components/Form/LoginForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/LoginForm.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,mCA8FrB,CAAC"}
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/LoginForm.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,mCA+FrB,CAAC"}

package/dist/types/components/Form/SignupForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SignupForm.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,mCA+HtB,CAAC"}
+{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SignupForm.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,mCAgItB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,QAAQ;;;;;;;;;CASJ,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClE,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,OAAO,GAAI,kDAAkD,YAAY,sBAarF,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,QAAQ;;;;;;;;;CASJ,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClE,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,OAAO,GAAI,kDAMrB,YAAY,sBAad,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../src/components/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC7B;AACD,eAAO,MAAM,SAAS,GAAI,yCAAyC,cAAc,sBAahF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../src/components/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC7B;AACD,eAAO,MAAM,SAAS,GAAI,yCAKvB,cAAc,sBAahB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,GAAI,mCAAwC,YAAY,sBAgB3E,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,GAAI,mCAIrB,YAAY,sBAgBd,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -3,7 +3,7 @@ import { ElementType } from '../../types/type';
 export interface StackProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     className?: string;
-    direction?: 'vertical' | 'horizontal';
+    direction?: "vertical" | "horizontal";
     spacing?: string;
     element?: ElementType;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,eAAO,MAAM,KAAK,GAAI,gEAOnB,UAAU,sBAOZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,eAAO,MAAM,KAAK,GAAI,gEAOnB,UAAU,sBAWZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAExF,KAAK,WAAW,GACZ,MAAM,GACN,GAAG,GACH,QAAQ,GACR,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,OAAO,kBAAkB,CAAC;IACxC,OAAO,EAAE,MAAM,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,GAAI,mEAQlB,SAAS,sBAiBX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACf,MAAM,sBAAsB,CAAC;AAE9B,KAAK,WAAW,GACZ,MAAM,GACN,GAAG,GACH,QAAQ,GACR,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,OAAO,kBAAkB,CAAC;IACxC,OAAO,EAAE,MAAM,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,GAAI,mEAQlB,SAAS,sBAiBX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/constants/constant.d.ts

@@ -25,14 +25,14 @@ export declare const SIZES_MAPPER: {
     base: string;
     lg: string;
     xl: string;
-    '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-    '6xl': string;
-    '7xl': string;
-    '8xl': string;
-    '9xl': string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    "8xl": string;
+    "9xl": string;
 };
 export declare const TEXT_WEIGHT_MAPPER: {
     readonly normal: "font-normal";

package/dist/types/types/type.d.ts

@@ -1,2 +1,2 @@
-export type ElementType = 'div' | 'section' | 'article' | 'aside' | 'nav' | 'header' | 'footer' | 'main' | 'span';
+export type ElementType = "div" | "section" | "article" | "aside" | "nav" | "header" | "footer" | "main" | "span";
 //# sourceMappingURL=type.d.ts.map

package/dist/ui.cjs11.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ui.cjs12.js"),E=require("./ui.cjs13.js"),e=require("./ui.cjs14.js"),o=({className:r,children:u,element:c,weight:t,variant:s,size:n,...l})=>{const a=c;return x.jsxRuntimeExports.jsx(a,{"data-testid":"text",className:E.clsx("font-sans text-base font-normal",n&&e.SIZES_MAPPER[n],t&&e.TEXT_WEIGHT_MAPPER[t],s&&e.VARIANT_MAPPER[s],r),...l,children:u})};exports.Text=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ui.cjs12.js"),E=require("./ui.cjs13.js"),t=require("./ui.cjs14.js"),o=({className:r,children:u,element:c,weight:e,variant:s,size:n,...a})=>{const l=c;return x.jsxRuntimeExports.jsx(l,{"data-testid":"text",className:E.clsx("font-sans font-normal text-base",n&&t.SIZES_MAPPER[n],e&&t.TEXT_WEIGHT_MAPPER[e],s&&t.VARIANT_MAPPER[s],r),...a,children:u})};exports.Text=o;exports.default=o;

package/dist/ui.es10.js

@@ -10,7 +10,15 @@ const p = ({
   ...x
 }) => {
   const l = r === "vertical" ? "flex-col" : "flex-row";
-  return /* @__PURE__ */ a.jsx(f, { className: c("flex", l, t, s), element: e, ...x, children: o });
+  return /* @__PURE__ */ a.jsx(
+    f,
+    {
+      className: c("flex", l, t, s),
+      element: e,
+      ...x,
+      children: o
+    }
+  );
 };
 export {
   p as Stack,

package/dist/ui.es11.js

@@ -1,33 +1,33 @@
 import { j as x } from "./ui.es12.js";
-import { clsx as E } from "./ui.es13.js";
-import { SIZES_MAPPER as f, TEXT_WEIGHT_MAPPER as P, VARIANT_MAPPER as l } from "./ui.es14.js";
-const T = ({
-  className: e,
-  children: m,
-  element: r,
+import { clsx as n } from "./ui.es13.js";
+import { SIZES_MAPPER as f, TEXT_WEIGHT_MAPPER as P, VARIANT_MAPPER as T } from "./ui.es14.js";
+const c = ({
+  className: r,
+  children: E,
+  element: m,
   weight: t,
   variant: o,
   size: s,
   ...a
 }) => {
-  const n = r;
+  const e = m;
   return /* @__PURE__ */ x.jsx(
-    n,
+    e,
     {
       "data-testid": "text",
-      className: E(
-        "font-sans text-base font-normal",
+      className: n(
+        "font-sans font-normal text-base",
         s && f[s],
         t && P[t],
-        o && l[o],
-        e
+        o && T[o],
+        r
       ),
       ...a,
-      children: m
+      children: E
     }
   );
 };
 export {
-  T as Text,
-  T as default
+  c as Text,
+  c as default
 };

package/dist/ui.es2.js

@@ -1,9 +1,14 @@
-import { j as x } from "./ui.es12.js";
-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 });
+import { j as a } from "./ui.es12.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 {
-  n as Box,
-  n as default
+  d as Box,
+  d as default
 };

package/dist/ui.es6.js

@@ -9,7 +9,13 @@ const m = {
   "2xl": "2xl",
   "3xl": "3xl",
   "4xl": "4xl"
-}, n = ({ children: x, element: s, className: e, size: t, ...l }) => /* @__PURE__ */ a.jsx(
+}, n = ({
+  children: x,
+  element: s,
+  className: e,
+  size: t,
+  ...l
+}) => /* @__PURE__ */ a.jsx(
   i,
   {
     className: e,

package/dist/ui.es7.js

@@ -1,6 +1,11 @@
 import { j as o } from "./ui.es12.js";
 import { clsx as a } from "./ui.es13.js";
-const i = ({ children: e, className: t, href: r, ...n }) => /* @__PURE__ */ o.jsx(
+const i = ({
+  children: e,
+  className: t,
+  href: r,
+  ...n
+}) => /* @__PURE__ */ o.jsx(
   "a",
   {
     "data-testid": "link",

package/dist/ui.es8.js

@@ -5,7 +5,12 @@ const m = {
   sm: "sm",
   base: "base",
   lg: "lg"
-}, i = ({ children: s, className: t, size: e, ...r }) => /* @__PURE__ */ a.jsx(
+}, i = ({
+  children: s,
+  className: t,
+  size: e,
+  ...r
+}) => /* @__PURE__ */ a.jsx(
   o,
   {
     className: t,

package/dist/ui.es9.js

@@ -1,7 +1,11 @@
 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(
+const n = ({
+  className: m = "",
+  children: o,
+  ...t
+}) => /* @__PURE__ */ s.jsx(
   r,
   {
     element: "section",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plyaz/ui",
-  "version": "0.3.1",
+  "version": "0.4.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": [
@@ -20,7 +20,7 @@
     "pnpm": ">=8.0.0"
   },
   "dependencies": {
-    "@plyaz/devtools": "^1.3.2",
+    "@plyaz/devtools": "^1.6.3",
     "@tailwindcss/vite": "^4.1.8",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
@@ -29,11 +29,8 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.8"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "tailwindcss": "^4.1.8",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.5",
@@ -64,7 +61,8 @@
     "@types/react-dom": "^19.1.2",
     "@typescript-eslint/eslint-plugin": "^8.34.0",
     "@typescript-eslint/parser": "^8.34.0",
-    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/coverage-istanbul": "3.2.4",
     "@vitest/coverage-v8": "3.1.3",
     "autoprefixer": "^10.4.21",
     "chromatic": "^11.28.2",