@customafk/lunas-ui 0.0.0-s → 0.0.0-u

package/dist/Icons/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { I as IIconProps } from '../types-BUTht_HJ.js';
+import { I as IIconProps } from '../types-DdUenP1k.js';
 import 'react';
 
 declare const AvatarIcon: {

package/dist/Layout/index.d.ts

@@ -100,6 +100,7 @@ interface IBoxProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const Box: React.MemoExoticComponent<React.ForwardRefExoticComponent<IBoxProps & React.RefAttributes<HTMLDivElement>>>;
 
+type TSpace = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
 interface IFlexProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Is direction of the flex vertical,
@@ -142,61 +143,61 @@ interface IFlexProps extends HTMLAttributes<HTMLDivElement> {
      *
      * Default is `2`
      */
-    readonly gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly gap?: TSpace | Omit<string, TSpace>;
     /**
      * Set the horizontal gap between the elements
      *
      * Default is `0`
      */
-    readonly gapX?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly gapX?: TSpace | Omit<string, TSpace>;
     /**
      * Set the vertical gap between the elements
      *
      * Default is `0`
      */
-    readonly gapY?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly gapY?: TSpace | Omit<string, TSpace>;
     /**
      * Set the padding for the component
      *
      * Default is `2`
      */
-    readonly p?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly p?: TSpace | Omit<string, TSpace>;
     /**
      * Set the horizontal padding for the component
      *
      * Default is `0`
      */
-    readonly px?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly px?: TSpace | Omit<string, TSpace>;
     /**
      * Set the vertical padding for the component
      *
      * Default is `0`
      */
-    readonly py?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly py?: TSpace | Omit<string, TSpace>;
     /**
      * Set the top padding for the component
      *
      * Default is `0`
      */
-    readonly pt?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly pt?: TSpace | Omit<string, TSpace>;
     /**
      * Set the right padding for the component
      *
      * Default is `0`
      */
-    readonly pr?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly pr?: TSpace | Omit<string, TSpace>;
     /**
      * Set the bottom padding for the component
      *
      * Default is `0`
      */
-    readonly pb?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly pb?: TSpace | Omit<string, TSpace>;
     /**
      * Set the left padding for the component
      *
      * Default is `0`
      */
-    readonly pl?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    readonly pl?: TSpace | Omit<string, TSpace>;
     /**
      * Set the position for the component
      * Default is `relative`

package/dist/Layout/index.js

@@ -189,134 +189,134 @@ import { cva as cva2 } from "class-variance-authority";
 var commonLayout = cva2("", {
   variants: {
     p: {
-      0: "p-0",
-      1: "p-1",
-      2: "p-2",
-      3: "p-3",
-      4: "p-4",
-      5: "p-5",
-      6: "p-6",
-      7: "p-7",
-      8: "p-8",
-      9: "p-9",
-      10: "p-10"
+      "0": "p-0",
+      "1": "p-1",
+      "2": "p-2",
+      "3": "p-3",
+      "4": "p-4",
+      "5": "p-5",
+      "6": "p-6",
+      "7": "p-7",
+      "8": "p-8",
+      "9": "p-9",
+      "10": "p-10"
     },
     px: {
-      0: "px-0",
-      1: "px-1",
-      2: "px-2",
-      3: "px-3",
-      4: "px-4",
-      5: "px-5",
-      6: "px-6",
-      7: "px-7",
-      8: "px-8",
-      9: "px-9",
-      10: "px-10"
+      "0": "px-0",
+      "1": "px-1",
+      "2": "px-2",
+      "3": "px-3",
+      "4": "px-4",
+      "5": "px-5",
+      "6": "px-6",
+      "7": "px-7",
+      "8": "px-8",
+      "9": "px-9",
+      "10": "px-10"
     },
     py: {
-      0: "py-0",
-      1: "py-1",
-      2: "py-2",
-      3: "py-3",
-      4: "py-4",
-      5: "py-5",
-      6: "py-6",
-      7: "py-7",
-      8: "py-8",
-      9: "py-9",
-      10: "py-10"
+      "0": "py-0",
+      "1": "py-1",
+      "2": "py-2",
+      "3": "py-3",
+      "4": "py-4",
+      "5": "py-5",
+      "6": "py-6",
+      "7": "py-7",
+      "8": "py-8",
+      "9": "py-9",
+      "10": "py-10"
     },
     pt: {
-      0: "pt-0",
-      1: "pt-1",
-      2: "pt-2",
-      3: "pt-3",
-      4: "pt-4",
-      5: "pt-5",
-      6: "pt-6",
-      7: "pt-7",
-      8: "pt-8",
-      9: "pt-9",
-      10: "pt-10"
+      "0": "pt-0",
+      "1": "pt-1",
+      "2": "pt-2",
+      "3": "pt-3",
+      "4": "pt-4",
+      "5": "pt-5",
+      "6": "pt-6",
+      "7": "pt-7",
+      "8": "pt-8",
+      "9": "pt-9",
+      "10": "pt-10"
     },
     pr: {
-      0: "pr-0",
-      1: "pr-1",
-      2: "pr-2",
-      3: "pr-3",
-      4: "pr-4",
-      5: "pr-5",
-      6: "pr-6",
-      7: "pr-7",
-      8: "pr-8",
-      9: "pr-9",
-      10: "pr-10"
+      "0": "pr-0",
+      "1": "pr-1",
+      "2": "pr-2",
+      "3": "pr-3",
+      "4": "pr-4",
+      "5": "pr-5",
+      "6": "pr-6",
+      "7": "pr-7",
+      "8": "pr-8",
+      "9": "pr-9",
+      "10": "pr-10"
     },
     pb: {
-      0: "pb-0",
-      1: "pb-1",
-      2: "pb-2",
-      3: "pb-3",
-      4: "pb-4",
-      5: "pb-5",
-      6: "pb-6",
-      7: "pb-7",
-      8: "pb-8",
-      9: "pb-9",
-      10: "pb-10"
+      "0": "pb-0",
+      "1": "pb-1",
+      "2": "pb-2",
+      "3": "pb-3",
+      "4": "pb-4",
+      "5": "pb-5",
+      "6": "pb-6",
+      "7": "pb-7",
+      "8": "pb-8",
+      "9": "pb-9",
+      "10": "pb-10"
     },
     pl: {
-      0: "pl-0",
-      1: "pl-1",
-      2: "pl-2",
-      3: "pl-3",
-      4: "pl-4",
-      5: "pl-5",
-      6: "pl-6",
-      7: "pl-7",
-      8: "pl-8",
-      9: "pl-9",
-      10: "pl-10"
+      "0": "pl-0",
+      "1": "pl-1",
+      "2": "pl-2",
+      "3": "pl-3",
+      "4": "pl-4",
+      "5": "pl-5",
+      "6": "pl-6",
+      "7": "pl-7",
+      "8": "pl-8",
+      "9": "pl-9",
+      "10": "pl-10"
     },
     gap: {
-      0: "gap-0",
-      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",
-      10: "gap-10"
+      "0": "gap-0",
+      "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",
+      "10": "gap-10"
     },
     gapX: {
-      0: "gap-x-0",
-      1: "gap-x-1",
-      2: "gap-x-2",
-      3: "gap-x-3",
-      4: "gap-x-4",
-      5: "gap-x-5",
-      6: "gap-x-6",
-      7: "gap-x-7",
-      8: "gap-x-8",
-      9: "gap-x-9",
-      10: "gap-x-10"
+      "0": "gap-x-0",
+      "1": "gap-x-1",
+      "2": "gap-x-2",
+      "3": "gap-x-3",
+      "4": "gap-x-4",
+      "5": "gap-x-5",
+      "6": "gap-x-6",
+      "7": "gap-x-7",
+      "8": "gap-x-8",
+      "9": "gap-x-9",
+      "10": "gap-x-10"
     },
     gapY: {
-      0: "gap-y-0",
-      1: "gap-y-1",
-      2: "gap-y-2",
-      3: "gap-y-3",
-      4: "gap-y-4",
-      5: "gap-y-5",
-      6: "gap-y-6",
-      7: "gap-y-7",
-      8: "gap-y-8",
-      9: "gap-y-9",
-      10: "gap-y-10"
+      "0": "gap-y-0",
+      "1": "gap-y-1",
+      "2": "gap-y-2",
+      "3": "gap-y-3",
+      "4": "gap-y-4",
+      "5": "gap-y-5",
+      "6": "gap-y-6",
+      "7": "gap-y-7",
+      "8": "gap-y-8",
+      "9": "gap-y-9",
+      "10": "gap-y-10"
     },
     position: {
       static: "static",
@@ -440,8 +440,8 @@ var commonLayout = cva2("", {
     }
   },
   defaultVariants: {
-    gap: 2,
-    p: 2,
+    gap: "2",
+    p: "2",
     position: "relative",
     overflow: "auto",
     flexGrow: 0,
@@ -534,13 +534,6 @@ var Box = memo(
           className: cn(
             box_variant_default({ display }),
             commonLayout({
-              p,
-              px,
-              py,
-              pt,
-              pr,
-              pb,
-              pl,
               position,
               top,
               right,
@@ -549,6 +542,13 @@ var Box = memo(
               flexGrow,
               flexShrink
             }),
+            `p-${p}`,
+            `px-${px}`,
+            `py-${py}`,
+            `pt-${pt}`,
+            `pr-${pr}`,
+            `pb-${pb}`,
+            `pl-${pl}`,
             className
           ),
           style: generateStyle,
@@ -611,10 +611,10 @@ var Flex = memo2(
       height = "fit",
       justify = "start",
       align = "center",
-      gap = 2,
+      gap = "2",
       gapX,
       gapY,
-      p = 2,
+      p = "0",
       px,
       py,
       pt,
@@ -691,16 +691,6 @@ var Flex = memo2(
           className: cn(
             flexVariant_default({ wrap, justify, align }),
             commonLayout({
-              gap,
-              gapX,
-              gapY,
-              p,
-              px,
-              py,
-              pt,
-              pr,
-              pb,
-              pl,
               position,
               top,
               right,
@@ -710,7 +700,17 @@ var Flex = memo2(
               flexShrink
             }),
             {
-              "flex-col": vertical
+              [`flex-col`]: vertical,
+              [`p-${p}`]: p,
+              [`px-${px}`]: px,
+              [`py-${py}`]: py,
+              [`pt-${pt}`]: pt,
+              [`pr-${pr}`]: pr,
+              [`pb-${pb}`]: pb,
+              [`pl-${pl}`]: pl,
+              [`gap-${gap}`]: gap,
+              [`gap-x-${gapX}`]: gapX,
+              [`gap-y-${gapY}`]: gapY
             },
             className
           ),

package/dist/Molecules/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { HTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TUserSettingSelect } from '../types-BUTht_HJ.js';
+import { a as TUserSettingSelect } from '../types-DdUenP1k.js';
 import { z } from 'zod';
 
 interface IProps {