@plyaz/ui 0.1.13 → 0.1.15

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,9 +1,9 @@
 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;
 }
 export declare const Container: ({ className, children, element, ...props }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Container;

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

@@ -1,8 +1,8 @@
 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;
 }
 export declare const ExternalLink: ({ children, className, href, ...props }: ExternalLinkProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default ExternalLink;

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;
@@ -23,4 +23,4 @@ interface FlexProps extends React.HTMLAttributes<HTMLElement> {
     element?: ElementType;
 }
 export declare const Flex: ({ children, gap, direction, justify, align, wrap, className, element, ...props }: FlexProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Flex;

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;
@@ -27,4 +27,4 @@ interface GridProps extends React.HTMLAttributes<HTMLElement> {
     element?: ElementType;
 }
 export declare const Grid: ({ children, className, cols, rows, gap, justify, align, element, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Grid;

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

@@ -10,11 +10,11 @@ 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;
     size: keyof typeof SIZE_MAP;
 }
 export declare const Heading: ({ children, element, className, size, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Heading;

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

@@ -5,10 +5,10 @@ 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;
 }
 export declare const Paragraph: ({ children, className, size, ...props }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Paragraph;

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

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

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";
@@ -8,4 +8,4 @@ interface StackProps extends React.HTMLAttributes<HTMLElement> {
     element?: ElementType;
 }
 export declare const Stack: ({ children, direction, spacing, element, className, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Stack;

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;
@@ -36,4 +36,4 @@ interface TextProps extends React.HTMLAttributes<HTMLElement> {
     size?: keyof typeof SIZES_MAPPER;
 }
 export declare const Text: ({ className, children, element, weight, variant, size, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Text;

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

@@ -1,11 +1,20 @@
-import { default as Box } from './Box/Box';
-import { Container } from './Container/Container';
-import { Flex } from './Flex/Flex';
-import { Grid } from './Grid/Grid';
-import { Heading } from './Heading/Heading';
-import { ExternalLink } from './ExternalLink/ExternalLink';
-import { Paragraph } from './Paragraph/Paragraph';
-import { Section } from './Section/Section';
-import { Stack } from './Stack/Stack';
-import { 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 { Container } from './components/Container/Container';
-import { Flex } from './components/Flex/Flex';
-import { Grid } from './components/Grid/Grid';
-import { Heading } from './components/Heading/Heading';
-import { ExternalLink } from './components/ExternalLink/ExternalLink';
-import { Paragraph } from './components/Paragraph/Paragraph';
-import { Section } from './components/Section/Section';
-import { Stack } from './components/Stack/Stack';
-import { Text } from './components/Text/Text';
-export { Box, Container, Flex, Grid, Heading, ExternalLink, Paragraph, Section, Stack, Text, };
+export * from './components';

package/dist/ui.cjs10.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./ui.cjs12.js");require("react");const x=require("./ui.cjs13.js"),n=require("./ui.cjs2.js"),u=({children:e,direction:t="horizontal",spacing:r="space-x-2",element:o,className:c,...s})=>{const i=t==="vertical"?"flex-col":"flex-row";return l.jsxRuntimeExports.jsx(n.Box,{element:o,className:x.clsx("flex",i,r,c),...s,children:e})};exports.Stack=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ui.cjs12.js");require("react");const x=require("./ui.cjs13.js"),n=require("./ui.cjs2.js"),e=({children:t,direction:r="horizontal",spacing:o="space-x-2",element:s,className:c,...l})=>{const i=r==="vertical"?"flex-col":"flex-row";return u.jsxRuntimeExports.jsx(n.Box,{element:s,className:x.clsx("flex",i,o,c),...l,children:t})};exports.Stack=e;exports.default=e;

package/dist/ui.cjs11.js

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

package/dist/ui.cjs3.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ui.cjs12.js");require("react");const x=require("./ui.cjs13.js"),n=require("./ui.cjs2.js"),i=({className:e="",children:r,element:t,...s})=>o.jsxRuntimeExports.jsx(n.Box,{element:t,className:x.clsx("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl",e),...s,children:r});exports.Container=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ui.cjs12.js");require("react");const x=require("./ui.cjs13.js"),n=require("./ui.cjs2.js"),e=({className:t="",children:r,element:s,...o})=>u.jsxRuntimeExports.jsx(n.Box,{element:s,className:x.clsx("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl",t),...o,children:r});exports.Container=e;exports.default=e;

package/dist/ui.cjs4.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./ui.cjs12.js");require("react");const w=require("./ui.cjs13.js"),a=require("./ui.cjs2.js"),l=require("./ui.cjs5.js"),f={row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},R={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"},i=({children:x,gap:c,direction:e,justify:r,align:o,wrap:s,className:t="",element:n,...u})=>P.jsxRuntimeExports.jsx(a.Box,{element:n,className:w.clsx("flex",e&&f[e],r&&l.JUASTIFY_MAPPER[r],o&&l.ALIGN_MAPPER[o],s&&R[s],c,t),...u,children:x});exports.Flex=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ui.cjs12.js");require("react");const f=require("./ui.cjs13.js"),w=require("./ui.cjs2.js"),l=require("./ui.cjs5.js"),i={row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},v={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"},x=({children:t,gap:c,direction:e,justify:r,align:o,wrap:s,className:u="",element:n,...a})=>P.jsxRuntimeExports.jsx(w.Box,{element:n,className:f.clsx("flex",e&&i[e],r&&l.JUASTIFY_MAPPER[r],o&&l.ALIGN_MAPPER[o],s&&v[s],c,u),...a,children:t});exports.Flex=x;exports.default=x;

package/dist/ui.cjs5.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("./ui.cjs12.js");require("react");const y=require("./ui.cjs13.js"),l=require("./ui.cjs2.js"),s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly",stretch:"justify-stretch"},r={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"},m=({children:n,className:i,cols:c,rows:u,gap:o,justify:e,align:t,element:a,...d})=>j.jsxRuntimeExports.jsx(l.Box,{element:a,className:y.clsx("grid",c,u,o,e&&s[e],t&&r[t],i),...d,children:n});exports.ALIGN_MAPPER=r;exports.Grid=m;exports.JUASTIFY_MAPPER=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("./ui.cjs12.js");require("react");const m=require("./ui.cjs13.js"),y=require("./ui.cjs2.js"),s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly",stretch:"justify-stretch"},r={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"},n=({children:i,className:u,cols:c,rows:o,gap:a,justify:e,align:t,element:d,...l})=>j.jsxRuntimeExports.jsx(y.Box,{element:d,className:m.clsx("grid",c,o,a,e&&s[e],t&&r[t],u),...l,children:i});exports.ALIGN_MAPPER=r;exports.Grid=n;exports.JUASTIFY_MAPPER=s;exports.default=n;

package/dist/ui.cjs6.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui.cjs12.js");require("react");const l=require("./ui.cjs11.js"),n={xs:"xs",sm:"sm",base:"base",lg:"lg",xl:"xl","2xl":"2xl","3xl":"3xl","4xl":"4xl"},u=({children:e,element:t,className:s,size:x,...i})=>r.jsxRuntimeExports.jsx(l.Text,{element:t,weight:"medium",variant:"heading",className:s,size:n[x],...i,children:e});exports.Heading=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ui.cjs12.js");require("react");const u=require("./ui.cjs11.js"),n={xs:"xs",sm:"sm",base:"base",lg:"lg",xl:"xl","2xl":"2xl","3xl":"3xl","4xl":"4xl"},e=({children:t,element:s,className:i,size:l,...x})=>r.jsxRuntimeExports.jsx(u.Text,{element:s,weight:"medium",variant:"heading",className:i,size:n[l],...x,children:t});exports.Heading=e;exports.default=e;

package/dist/ui.cjs7.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./ui.cjs12.js");require("react");const l=require("./ui.cjs13.js"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ui.cjs12.js");require("react");const i=require("./ui.cjs13.js"),e=({children:t,className:r,href:n,...l})=>u.jsxRuntimeExports.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer","data-testid":"link",className:i.clsx("text-blue-600 hover:underline visited:text-purple-600  active:text-blue-900 focus:outline-none  ",r),...l,children:t});exports.ExternalLink=e;exports.default=e;

package/dist/ui.cjs8.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./ui.cjs12.js");require("react");const n=require("./ui.cjs11.js"),i={xs:"xs",sm:"sm",base:"base",lg:"lg"},o=({children:e,className:r,size:t,...s})=>a.jsxRuntimeExports.jsx(n.Text,{element:"p",weight:"normal",variant:"body",className:r,size:i[t],...s,children:e});exports.Paragraph=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ui.cjs12.js");require("react");const i=require("./ui.cjs11.js"),n={xs:"xs",sm:"sm",base:"base",lg:"lg"},e=({children:t,className:r,size:s,...a})=>u.jsxRuntimeExports.jsx(i.Text,{element:"p",weight:"normal",variant:"body",className:r,size:n[s],...a,children:t});exports.Paragraph=e;exports.default=e;

package/dist/ui.cjs9.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui.cjs12.js");require("react");const o=require("./ui.cjs13.js"),n=require("./ui.cjs2.js"),c=({className:e="",children:t,...s})=>r.jsxRuntimeExports.jsx(n.Box,{element:"section",className:o.clsx("p-4 sm:p-6 my-4 mx-2",e),...s,children:t});exports.Section=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ui.cjs12.js");require("react");const u=require("./ui.cjs13.js"),i=require("./ui.cjs2.js"),e=({className:t="",children:s,...r})=>o.jsxRuntimeExports.jsx(i.Box,{element:"section",className:u.clsx("p-4 sm:p-6 my-4 mx-2",t),...r,children:s});exports.Section=e;exports.default=e;

package/dist/ui.es10.js

@@ -1,26 +1,27 @@
-import { j as i } from "./ui.es12.js";
+import { j as a } from "./ui.es12.js";
 import "react";
-import { clsx as l } from "./ui.es13.js";
-import { Box as m } from "./ui.es2.js";
+import { clsx as c } from "./ui.es13.js";
+import { Box as i } from "./ui.es2.js";
 const j = ({
   children: o,
   direction: r = "horizontal",
   spacing: t = "space-x-2",
   element: e,
-  className: x,
-  ...s
+  className: s,
+  ...x
 }) => {
-  const c = r === "vertical" ? "flex-col" : "flex-row";
-  return /* @__PURE__ */ i.jsx(
-    m,
+  const l = r === "vertical" ? "flex-col" : "flex-row";
+  return /* @__PURE__ */ a.jsx(
+    i,
     {
       element: e,
-      className: l("flex", c, t, x),
-      ...s,
+      className: c("flex", l, t, s),
+      ...x,
       children: o
     }
   );
 };
 export {
-  j as Stack
+  j as Stack,
+  j as default
 };

package/dist/ui.es11.js

@@ -1,11 +1,11 @@
 import { j as a } from "./ui.es12.js";
 import "react";
 import { clsx as f } from "./ui.es13.js";
-const r = {
+const d = {
   body: "font-sans",
   heading: "font-sans",
   caption: "font-sans"
-}, d = {
+}, r = {
   xs: "text-xs",
   sm: "text-sm",
   base: "text-base",
@@ -40,9 +40,9 @@ const r = {
     {
       className: f(
         "font-normal text-base font-sans",
-        l && d[l],
+        l && r[l],
         t && i[t],
-        x && r[x],
+        x && d[x],
         o
       ),
       "data-testid": "text",
@@ -54,5 +54,6 @@ const r = {
 export {
   i as TEXT_WEIGHT_MAPPER,
   p as Text,
-  r as VARIANT_MAPPER
+  d as VARIANT_MAPPER,
+  p as default
 };

package/dist/ui.es3.js

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

package/dist/ui.es4.js

@@ -1,8 +1,8 @@
 import { j as t } from "./ui.es12.js";
 import "react";
-import { clsx as w } from "./ui.es13.js";
-import { Box as P } from "./ui.es2.js";
-import { JUASTIFY_MAPPER as c, ALIGN_MAPPER as a } from "./ui.es5.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.es5.js";
 const A = {
   row: "flex-row",
   col: "flex-col",
@@ -13,32 +13,33 @@ const A = {
   nowrap: "flex-nowrap",
   "wrap-reverse": "flex-wrap-reverse"
 }, _ = ({
-  children: x,
-  gap: l,
+  children: l,
+  gap: x,
   direction: r,
   justify: e,
   align: o,
   wrap: s,
-  className: p = "",
-  element: f,
+  className: f = "",
+  element: p,
   ...m
 }) => /* @__PURE__ */ t.jsx(
-  P,
+  w,
   {
-    element: f,
-    className: w(
+    element: p,
+    className: a(
       "flex",
       r && A[r],
-      e && c[e],
-      o && a[o],
+      e && P[e],
+      o && c[o],
       s && R[s],
-      l,
-      p
+      x,
+      f
     ),
     ...m,
-    children: x
+    children: l
   }
 );
 export {
-  _ as Flex
+  _ as Flex,
+  _ as default
 };

package/dist/ui.es5.js

@@ -2,7 +2,7 @@ import { j as a } from "./ui.es12.js";
 import "react";
 import { clsx as u } from "./ui.es13.js";
 import { Box as f } from "./ui.es2.js";
-const j = {
+const d = {
   start: "justify-start",
   end: "justify-end",
   center: "justify-center",
@@ -10,7 +10,7 @@ const j = {
   around: "justify-around",
   evenly: "justify-evenly",
   stretch: "justify-stretch"
-}, d = {
+}, j = {
   start: "items-start",
   end: "items-end",
   center: "items-center",
@@ -35,8 +35,8 @@ const j = {
       n,
       i,
       o,
-      t && j[t],
-      e && d[e],
+      t && d[t],
+      e && j[e],
       r
     ),
     ...c,
@@ -44,7 +44,8 @@ const j = {
   }
 );
 export {
-  d as ALIGN_MAPPER,
+  j as ALIGN_MAPPER,
   b as Grid,
-  j as JUASTIFY_MAPPER
+  d as JUASTIFY_MAPPER,
+  b as default
 };

package/dist/ui.es6.js

@@ -1,4 +1,4 @@
-import { j as l } from "./ui.es12.js";
+import { j as i } from "./ui.es12.js";
 import "react";
 import { Text as m } from "./ui.es11.js";
 const r = {
@@ -15,8 +15,8 @@ const r = {
   element: s,
   className: t,
   size: e,
-  ...i
-}) => /* @__PURE__ */ l.jsx(
+  ...l
+}) => /* @__PURE__ */ i.jsx(
   m,
   {
     element: s,
@@ -24,10 +24,11 @@ const r = {
     variant: "heading",
     className: t,
     size: r[e],
-    ...i,
+    ...l,
     children: x
   }
 );
 export {
-  g as Heading
+  g as Heading,
+  g as default
 };

package/dist/ui.es7.js

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

package/dist/ui.es8.js

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

package/dist/ui.es9.js

@@ -2,7 +2,7 @@ import { j as r } from "./ui.es12.js";
 import "react";
 import { clsx as s } from "./ui.es13.js";
 import { Box as e } from "./ui.es2.js";
-const c = ({
+const a = ({
   className: m = "",
   children: o,
   ...t
@@ -16,5 +16,6 @@ const c = ({
   }
 );
 export {
-  c as Section
+  a as Section,
+  a as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plyaz/ui",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "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": [