@plyaz/ui 0.4.4 → 0.4.5

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ALIGN_MAPPER, JUASTIFY_MAPPER } from '../../constants/constant';
+import { ALIGN_MAPPER, GAP, JUASTIFY_MAPPER } from '../../constants/constant';
 import { ElementType } from '../../types/type';
 declare const DIRECTION_MAPPER: {
     row: string;
@@ -14,7 +14,7 @@ declare const WRAP_MAPPER: {
 };
 export interface FlexProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
-    gap?: string;
+    gap?: keyof typeof GAP;
     direction?: keyof typeof DIRECTION_MAPPER;
     justify?: keyof typeof JUASTIFY_MAPPER;
     align?: keyof typeof ALIGN_MAPPER;

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,QAAA,MAAM,gBAAgB;;;;;CAKrB,CAAC;AACF,QAAA,MAAM,WAAW;;;;CAIhB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,eAAO,MAAM,IAAI,GAAI,kFAUlB,SAAS,sBAkBX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,QAAA,MAAM,gBAAgB;;;;;CAKrB,CAAC;AACF,QAAA,MAAM,WAAW;;;;CAIhB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,eAAO,MAAM,IAAI,GAAI,kFAUlB,SAAS,sBAkBX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-import { ALIGN_MAPPER, JUASTIFY_MAPPER } from '../../constants/constant';
+import { ALIGN_MAPPER, COLUMN_NUMBER, GAP, JUASTIFY_MAPPER, ROW_NUMBER } from '../../constants/constant';
 import { ElementType } from '../../types/type';
 export interface GridProps extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
     className?: string;
-    cols?: string;
-    rows?: string;
-    gap?: string;
+    cols?: keyof typeof COLUMN_NUMBER;
+    rows?: keyof typeof ROW_NUMBER;
+    gap?: keyof typeof GAP;
     justify?: keyof typeof JUASTIFY_MAPPER;
     align?: keyof typeof ALIGN_MAPPER;
     element?: ElementType;

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IAClC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,GAAI,6EAUlB,SAAS,sBAkBX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,YAAY,EACZ,aAAa,EACb,GAAG,EACH,eAAe,EACf,UAAU,EACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IAClC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,GAAI,6EAUlB,SAAS,sBAkBX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.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,CAkD3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAC"}
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.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,CAoD3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAC"}

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

@@ -41,6 +41,39 @@ export declare const TEXT_WEIGHT_MAPPER: {
     readonly bold: "font-bold";
     readonly light: "font-light";
 };
+export declare const COLUMN_NUMBER: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+};
+export declare const ROW_NUMBER: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+};
+export declare const GAP: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+};
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/constants/constant.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAC;AACF,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcxB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,cAAc;;;8EAsD1B,CAAC"}
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/constants/constant.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAC;AACF,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcxB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;CAUzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;CAUtB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;CAUf,CAAC;AAEF,eAAO,MAAM,cAAc;;;8EAsD1B,CAAC"}

package/dist/ui.cjs18.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ui.cjs29.js"),t={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly",stretch:"justify-stretch"},s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"},n={body:"font-sans",heading:"font-sans",caption:"font-sans"},r={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"},i={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",light:"font-light"},o=e.cva("inline-flex justify-center items-center gap-2 disabled:opacity-50 aria-invalid:border-destructive focus-visible:border-ring rounded-md outline-none aria-invalid:ring-destructive/20 focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 font-medium text-sm whitespace-nowrap transition-all [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",{variants:{variant:{default:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ui.cjs29.js"),t={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"},s={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"},n={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",light:"font-light"},o={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9"},a={1:"grid-rows-1",2:"grid-rows-2",3:"grid-rows-3",4:"grid-rows-4",5:"grid-rows-5",6:"grid-rows-6",7:"grid-rows-7",8:"grid-rows-8",9:"grid-rows-9"},d={1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",7:"gap-7",8:"gap-8",9:"gap-9"},g=e.cva("inline-flex justify-center items-center gap-2 disabled:opacity-50 aria-invalid:border-destructive focus-visible:border-ring rounded-md outline-none aria-invalid:ring-destructive/20 focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 font-medium text-sm whitespace-nowrap transition-all [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",{variants:{variant:{default:`
           bg-primary text-primary-foreground shadow-xs
           hover:bg-primary/90
         `,destructive:`
@@ -28,4 +28,4 @@
         `,lg:`
           h-10 rounded-md px-6
           has-[>svg]:px-4
-        `,icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});exports.ALIGN_MAPPER=s;exports.JUASTIFY_MAPPER=t;exports.SIZES_MAPPER=r;exports.TEXT_WEIGHT_MAPPER=i;exports.VARIANT_MAPPER=n;exports.buttonVariants=o;
+        `,icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});exports.ALIGN_MAPPER=r;exports.COLUMN_NUMBER=o;exports.GAP=d;exports.JUASTIFY_MAPPER=t;exports.ROW_NUMBER=a;exports.SIZES_MAPPER=i;exports.TEXT_WEIGHT_MAPPER=n;exports.VARIANT_MAPPER=s;exports.buttonVariants=g;

package/dist/ui.cjs4.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ui.cjs16.js"),f=require("./ui.cjs17.js"),w=require("./ui.cjs2.js"),l=require("./ui.cjs18.js");require("./ui.cjs14.js");const _={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"},t=({children:x,gap:c,direction:e,justify:r,align:o,wrap:s,className:n="",element:u,...a})=>P.jsxRuntimeExports.jsx(w.Box,{element:u,className:f.clsx("flex",e&&_[e],r&&l.JUASTIFY_MAPPER[r],o&&l.ALIGN_MAPPER[o],s&&v[s],c,n),...a,children:x});exports.Flex=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ui.cjs16.js"),f=require("./ui.cjs17.js"),w=require("./ui.cjs2.js"),e=require("./ui.cjs18.js");require("./ui.cjs14.js");const _={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:c,gap:r,direction:o,justify:s,align:l,wrap:t,className:n="",element:u,...P})=>a.jsxRuntimeExports.jsx(w.Box,{element:u,className:f.clsx("flex",o&&_[o],s&&e.JUASTIFY_MAPPER[s],l&&e.ALIGN_MAPPER[l],t&&v[t],r&&e.GAP[r],n),...P,children:c});exports.Flex=x;exports.default=x;

package/dist/ui.cjs5.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ui.cjs16.js"),a=require("./ui.cjs17.js"),q=require("./ui.cjs2.js"),t=require("./ui.cjs18.js");require("./ui.cjs14.js");const s=({children:o,className:u,cols:i,rows:c,gap:n,justify:e,align:r,element:l,...x})=>d.jsxRuntimeExports.jsx(q.Box,{element:l,className:a.clsx("grid",i,c,n,e&&t.JUASTIFY_MAPPER[e],r&&t.ALIGN_MAPPER[r],u),...x,children:o});exports.Grid=s;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./ui.cjs16.js"),M=require("./ui.cjs17.js"),R=require("./ui.cjs2.js"),e=require("./ui.cjs18.js");require("./ui.cjs14.js");const o=({children:n,className:c,cols:r,rows:t,gap:s,justify:u,align:i,element:x,...d})=>l.jsxRuntimeExports.jsx(R.Box,{element:x,className:M.clsx("grid",r&&e.COLUMN_NUMBER[r],t&&e.ROW_NUMBER[t],s&&e.GAP[s],u&&e.JUASTIFY_MAPPER[u],i&&e.ALIGN_MAPPER[i],c),...d,children:n});exports.Grid=o;exports.default=o;

package/dist/ui.es18.js

@@ -1,5 +1,5 @@
 import { cva as e } from "./ui.es29.js";
-const s = {
+const r = {
   start: "justify-start",
   end: "justify-end",
   center: "justify-center",
@@ -7,17 +7,17 @@ const s = {
   around: "justify-around",
   evenly: "justify-evenly",
   stretch: "justify-stretch"
-}, n = {
+}, s = {
   start: "items-start",
   end: "items-end",
   center: "items-center",
   baseline: "items-baseline",
   stretch: "items-stretch"
-}, r = {
+}, i = {
   body: "font-sans",
   heading: "font-sans",
   caption: "font-sans"
-}, i = {
+}, n = {
   xs: "text-xs",
   sm: "text-sm",
   base: "text-base",
@@ -37,7 +37,37 @@ const s = {
   semibold: "font-semibold",
   bold: "font-bold",
   light: "font-light"
-}, a = e(
+}, a = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6",
+  7: "grid-cols-7",
+  8: "grid-cols-8",
+  9: "grid-cols-9"
+}, d = {
+  1: "grid-rows-1",
+  2: "grid-rows-2",
+  3: "grid-rows-3",
+  4: "grid-rows-4",
+  5: "grid-rows-5",
+  6: "grid-rows-6",
+  7: "grid-rows-7",
+  8: "grid-rows-8",
+  9: "grid-rows-9"
+}, g = {
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  7: "gap-7",
+  8: "gap-8",
+  9: "gap-9"
+}, l = e(
   "inline-flex justify-center items-center gap-2 disabled:opacity-50 aria-invalid:border-destructive focus-visible:border-ring rounded-md outline-none aria-invalid:ring-destructive/20 focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 font-medium text-sm whitespace-nowrap transition-all [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",
   {
     variants: {
@@ -93,10 +123,13 @@ const s = {
   }
 );
 export {
-  n as ALIGN_MAPPER,
-  s as JUASTIFY_MAPPER,
-  i as SIZES_MAPPER,
+  s as ALIGN_MAPPER,
+  a as COLUMN_NUMBER,
+  g as GAP,
+  r as JUASTIFY_MAPPER,
+  d as ROW_NUMBER,
+  n as SIZES_MAPPER,
   o as TEXT_WEIGHT_MAPPER,
-  r as VARIANT_MAPPER,
-  a as buttonVariants
+  i as VARIANT_MAPPER,
+  l as buttonVariants
 };

package/dist/ui.es4.js

@@ -1,45 +1,45 @@
 import { j as t } from "./ui.es16.js";
-import { clsx as a } from "./ui.es17.js";
+import { clsx as P } from "./ui.es17.js";
 import { Box as w } from "./ui.es2.js";
-import { JUASTIFY_MAPPER as P, ALIGN_MAPPER as c } from "./ui.es18.js";
+import { JUASTIFY_MAPPER as a, ALIGN_MAPPER as c, GAP as A } from "./ui.es18.js";
 import "./ui.es14.js";
-const A = {
+const R = {
   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"
-}, M = ({
-  children: l,
-  gap: x,
-  direction: r,
-  justify: e,
-  align: o,
-  wrap: s,
+}, N = ({
+  children: x,
+  gap: r,
+  direction: e,
+  justify: o,
+  align: s,
+  wrap: l,
   className: f = "",
-  element: p,
-  ...m
+  element: m,
+  ...p
 }) => /* @__PURE__ */ t.jsx(
   w,
   {
-    element: p,
-    className: a(
+    element: m,
+    className: P(
       "flex",
+      e && R[e],
+      o && a[o],
+      s && c[s],
+      l && _[l],
       r && A[r],
-      e && P[e],
-      o && c[o],
-      s && R[s],
-      x,
       f
     ),
-    ...m,
-    children: l
+    ...p,
+    children: x
   }
 );
 export {
-  M as Flex,
-  M as default
+  N as Flex,
+  N as default
 };

package/dist/ui.es5.js

@@ -1,36 +1,36 @@
-import { j as a } from "./ui.es16.js";
-import { clsx as f } from "./ui.es17.js";
-import { Box as A } from "./ui.es2.js";
-import { JUASTIFY_MAPPER as P, ALIGN_MAPPER as c } from "./ui.es18.js";
+import { j as e } from "./ui.es16.js";
+import { clsx as A } from "./ui.es17.js";
+import { Box as E } from "./ui.es2.js";
+import { COLUMN_NUMBER as M, ROW_NUMBER as N, GAP as P, JUASTIFY_MAPPER as f, ALIGN_MAPPER as U } from "./ui.es18.js";
 import "./ui.es14.js";
-const n = ({
-  children: m,
-  className: t,
-  cols: s,
-  rows: p,
-  gap: i,
-  justify: r,
-  align: o,
+const c = ({
+  children: p,
+  className: s,
+  cols: r,
+  rows: m,
+  gap: o,
+  justify: t,
+  align: i,
   element: x,
-  ...e
-}) => /* @__PURE__ */ a.jsx(
-  A,
+  ...R
+}) => /* @__PURE__ */ e.jsx(
+  E,
   {
     element: x,
-    className: f(
+    className: A(
       "grid",
-      s,
-      p,
-      i,
-      r && P[r],
-      o && c[o],
-      t
+      r && M[r],
+      m && N[m],
+      o && P[o],
+      t && f[t],
+      i && U[i],
+      s
     ),
-    ...e,
-    children: m
+    ...R,
+    children: p
   }
 );
 export {
-  n as Grid,
-  n as default
+  c as Grid,
+  c as default
 };

package/package.json

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