@nithish_atum/atum 1.0.3 → 1.0.4

package/dist/index.d.mts

@@ -1,36 +1,36 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 
-type Flex$1 = "row" | "col";
-type Gap$3 = "xs" | "sm" | "md" | "lg";
+type Flex$2 = "row" | "col";
+type Gap$8 = "xs" | "sm" | "md" | "lg";
 type Variant$2 = "default" | "elevated";
-interface ContainerProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
-    gap?: Gap$3;
-    flex?: Flex$1;
+interface ContainerProps$5 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$8;
+    flex?: Flex$2;
     variant?: Variant$2;
     children: React.ReactNode;
 }
-declare const Box: ({ flex, gap, variant, children, ...rest }: ContainerProps$1) => react_jsx_runtime.JSX.Element;
+declare const Box: ({ flex, gap, variant, children, ...rest }: ContainerProps$5) => react_jsx_runtime.JSX.Element;
 
 type Variant$1 = "primary_solid" | "primary_outline" | "primary_text";
-interface ButtonProps$2 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface ButtonProps$4 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: Variant$1;
     children: React.ReactNode;
 }
-declare const Button: ({ variant, children, ...rest }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, children, ...rest }: ButtonProps$4) => react_jsx_runtime.JSX.Element;
 
-type Direction = "row" | "col";
-type Gap$2 = "xs" | "sm" | "md" | "lg";
+type Direction$1 = "row" | "col";
+type Gap$7 = "xs" | "sm" | "md" | "lg";
 type ImageURL = string;
 type ImageAlt = string;
-interface ContainerProps extends React.BaseHTMLAttributes<HTMLDivElement> {
-    gap?: Gap$2;
+interface ContainerProps$4 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$7;
     Imageurl?: ImageURL;
     Imagealt?: ImageAlt;
-    direction?: Direction;
+    direction?: Direction$1;
     children: React.ReactNode;
 }
-declare const Card: ({ direction, gap, Imagealt, Imageurl, children, ...rest }: ContainerProps) => react_jsx_runtime.JSX.Element;
+declare const Card: ({ direction, gap, Imagealt, Imageurl, children, ...rest }: ContainerProps$4) => react_jsx_runtime.JSX.Element;
 
 interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
@@ -46,12 +46,12 @@ interface DatePickerProps {
 declare const DatePicker: React.FC<DatePickerProps>;
 
 type Orientation = "horizontal" | "vertical";
-type Size$1 = "thin" | "medium";
-type Gap$1 = "xs" | "sm" | "md" | "lg";
+type Size$2 = "thin" | "medium";
+type Gap$6 = "xs" | "sm" | "md" | "lg";
 interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: Orientation;
-    size?: Size$1;
-    gap?: Gap$1;
+    size?: Size$2;
+    gap?: Gap$6;
 }
 declare const Divider: ({ orientation, size, gap, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
 
@@ -66,18 +66,18 @@ interface DrawerProps {
 }
 declare const Drawer: React.FC<DrawerProps>;
 
-type Gap = "small" | "medium" | "large";
+type Gap$5 = "small" | "medium" | "large";
 type FlexDirection = "row" | "col";
 type Justify = "center" | "between" | "around" | "start" | "end" | "even";
 type Align = "center" | "between" | "around" | "start" | "end" | "even";
-interface ButtonProps$1 extends React.ButtonHTMLAttributes<HTMLDivElement> {
-    gap?: Gap;
+interface ButtonProps$3 extends React.ButtonHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$5;
     flexDirection?: FlexDirection;
     justify?: Justify;
     align?: Align;
     children: React.ReactNode;
 }
-declare const Flex: ({ gap, justify, align, flexDirection, children, ...rest }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+declare const Flex$1: ({ gap, justify, align, flexDirection, children, ...rest }: ButtonProps$3) => react_jsx_runtime.JSX.Element;
 
 interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
     children: React.ReactNode;
@@ -163,18 +163,98 @@ interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
 declare const Switch: ({ checked, disabled, label, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
 
 type FontVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
-interface ButtonProps extends React.BaseHTMLAttributes<HTMLElement> {
+interface ButtonProps$2 extends React.BaseHTMLAttributes<HTMLElement> {
     fontVariant?: FontVariant;
     children: React.ReactNode;
 }
-declare const Text: ({ fontVariant, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Text: ({ fontVariant, children, ...rest }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
 
-type Size = "sm" | "md" | "lg";
+type Size$1 = "sm" | "md" | "lg";
 type State = "default" | "error";
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    size?: Size;
+    size?: Size$1;
     state?: State;
 }
 declare const Textarea: ({ size, state, ...rest }: TextareaProps) => react_jsx_runtime.JSX.Element;
 
-export { Box, Button, Card, Checkbox, DatePicker, Divider, Drawer, Flex, Form, FormControl, Heading, Input, Link, Modal, Paragraph, Radio, Select, Switch, Text, Textarea };
+type MenuItems$1 = String[];
+type LogoUrl$1 = string;
+type Alt$1 = string;
+type HREF$1 = string;
+interface ButtonProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    menuItems?: MenuItems$1;
+    logo?: LogoUrl$1;
+    alt?: Alt$1;
+    href?: HREF$1;
+    children: React.ReactNode;
+}
+declare const CenterMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+
+type MenuItems = String[];
+type LogoUrl = "";
+type Alt = string;
+type HREF = string;
+interface ButtonProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+    menuItems?: MenuItems;
+    logo?: LogoUrl;
+    alt?: Alt;
+    href?: HREF;
+    children: React.ReactNode;
+}
+declare const HorizantalMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface ContainerProps$3 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const Center: ({ children, ...rest }: ContainerProps$3) => react_jsx_runtime.JSX.Element;
+
+type JustifyContent$1 = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
+type Gap$4 = "xs" | "sm" | "md" | "lg";
+interface ContainerProps$2 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$4;
+    justify?: JustifyContent$1;
+    children: React.ReactNode;
+}
+declare const Col: ({ justify, gap, children, ...rest }: ContainerProps$2) => react_jsx_runtime.JSX.Element;
+
+type Size = "xs" | "sm" | "md" | "lg";
+type Flex = "row" | "col";
+type Gap$3 = "xs" | "sm" | "md" | "lg";
+interface ContainerProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    size?: Size;
+    flex?: Flex;
+    gap?: Gap$3;
+    children: React.ReactNode;
+}
+declare const Container: ({ size, flex, gap, children, ...rest }: ContainerProps$1) => react_jsx_runtime.JSX.Element;
+
+type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type Rows = number;
+type Gap$2 = "xs" | "sm" | "md" | "lg";
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns?: Columns;
+    rows?: Rows;
+    gap?: Gap$2;
+    children: React.ReactNode;
+}
+declare const Grid: ({ columns, rows, gap, children, ...rest }: GridProps) => react_jsx_runtime.JSX.Element;
+
+type JustifyContent = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
+type Gap$1 = "xs" | "sm" | "md" | "lg";
+interface ContainerProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$1;
+    justify?: JustifyContent;
+    children: React.ReactNode;
+}
+declare const Row: ({ justify, gap, children, ...rest }: ContainerProps) => react_jsx_runtime.JSX.Element;
+
+type Direction = "vertical" | "horizontal";
+type Gap = "xs" | "sm" | "md" | "lg";
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: Direction;
+    gap?: Gap;
+    children: React.ReactNode;
+}
+declare const Stack: ({ direction, gap, children, ...rest }: StackProps) => react_jsx_runtime.JSX.Element;
+
+export { Box, Button, Card, Center, CenterMenu, Checkbox, Col, Container, DatePicker, Divider, Drawer, Flex$1 as Flex, Form, FormControl, Grid, Heading, HorizantalMenu, Input, Link, Modal, Paragraph, Radio, Row, Select, Stack, Switch, Text, Textarea };

package/dist/index.d.ts

@@ -1,36 +1,36 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 
-type Flex$1 = "row" | "col";
-type Gap$3 = "xs" | "sm" | "md" | "lg";
+type Flex$2 = "row" | "col";
+type Gap$8 = "xs" | "sm" | "md" | "lg";
 type Variant$2 = "default" | "elevated";
-interface ContainerProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
-    gap?: Gap$3;
-    flex?: Flex$1;
+interface ContainerProps$5 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$8;
+    flex?: Flex$2;
     variant?: Variant$2;
     children: React.ReactNode;
 }
-declare const Box: ({ flex, gap, variant, children, ...rest }: ContainerProps$1) => react_jsx_runtime.JSX.Element;
+declare const Box: ({ flex, gap, variant, children, ...rest }: ContainerProps$5) => react_jsx_runtime.JSX.Element;
 
 type Variant$1 = "primary_solid" | "primary_outline" | "primary_text";
-interface ButtonProps$2 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface ButtonProps$4 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: Variant$1;
     children: React.ReactNode;
 }
-declare const Button: ({ variant, children, ...rest }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, children, ...rest }: ButtonProps$4) => react_jsx_runtime.JSX.Element;
 
-type Direction = "row" | "col";
-type Gap$2 = "xs" | "sm" | "md" | "lg";
+type Direction$1 = "row" | "col";
+type Gap$7 = "xs" | "sm" | "md" | "lg";
 type ImageURL = string;
 type ImageAlt = string;
-interface ContainerProps extends React.BaseHTMLAttributes<HTMLDivElement> {
-    gap?: Gap$2;
+interface ContainerProps$4 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$7;
     Imageurl?: ImageURL;
     Imagealt?: ImageAlt;
-    direction?: Direction;
+    direction?: Direction$1;
     children: React.ReactNode;
 }
-declare const Card: ({ direction, gap, Imagealt, Imageurl, children, ...rest }: ContainerProps) => react_jsx_runtime.JSX.Element;
+declare const Card: ({ direction, gap, Imagealt, Imageurl, children, ...rest }: ContainerProps$4) => react_jsx_runtime.JSX.Element;
 
 interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
@@ -46,12 +46,12 @@ interface DatePickerProps {
 declare const DatePicker: React.FC<DatePickerProps>;
 
 type Orientation = "horizontal" | "vertical";
-type Size$1 = "thin" | "medium";
-type Gap$1 = "xs" | "sm" | "md" | "lg";
+type Size$2 = "thin" | "medium";
+type Gap$6 = "xs" | "sm" | "md" | "lg";
 interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: Orientation;
-    size?: Size$1;
-    gap?: Gap$1;
+    size?: Size$2;
+    gap?: Gap$6;
 }
 declare const Divider: ({ orientation, size, gap, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
 
@@ -66,18 +66,18 @@ interface DrawerProps {
 }
 declare const Drawer: React.FC<DrawerProps>;
 
-type Gap = "small" | "medium" | "large";
+type Gap$5 = "small" | "medium" | "large";
 type FlexDirection = "row" | "col";
 type Justify = "center" | "between" | "around" | "start" | "end" | "even";
 type Align = "center" | "between" | "around" | "start" | "end" | "even";
-interface ButtonProps$1 extends React.ButtonHTMLAttributes<HTMLDivElement> {
-    gap?: Gap;
+interface ButtonProps$3 extends React.ButtonHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$5;
     flexDirection?: FlexDirection;
     justify?: Justify;
     align?: Align;
     children: React.ReactNode;
 }
-declare const Flex: ({ gap, justify, align, flexDirection, children, ...rest }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+declare const Flex$1: ({ gap, justify, align, flexDirection, children, ...rest }: ButtonProps$3) => react_jsx_runtime.JSX.Element;
 
 interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
     children: React.ReactNode;
@@ -163,18 +163,98 @@ interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
 declare const Switch: ({ checked, disabled, label, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
 
 type FontVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
-interface ButtonProps extends React.BaseHTMLAttributes<HTMLElement> {
+interface ButtonProps$2 extends React.BaseHTMLAttributes<HTMLElement> {
     fontVariant?: FontVariant;
     children: React.ReactNode;
 }
-declare const Text: ({ fontVariant, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Text: ({ fontVariant, children, ...rest }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
 
-type Size = "sm" | "md" | "lg";
+type Size$1 = "sm" | "md" | "lg";
 type State = "default" | "error";
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    size?: Size;
+    size?: Size$1;
     state?: State;
 }
 declare const Textarea: ({ size, state, ...rest }: TextareaProps) => react_jsx_runtime.JSX.Element;
 
-export { Box, Button, Card, Checkbox, DatePicker, Divider, Drawer, Flex, Form, FormControl, Heading, Input, Link, Modal, Paragraph, Radio, Select, Switch, Text, Textarea };
+type MenuItems$1 = String[];
+type LogoUrl$1 = string;
+type Alt$1 = string;
+type HREF$1 = string;
+interface ButtonProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    menuItems?: MenuItems$1;
+    logo?: LogoUrl$1;
+    alt?: Alt$1;
+    href?: HREF$1;
+    children: React.ReactNode;
+}
+declare const CenterMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+
+type MenuItems = String[];
+type LogoUrl = "";
+type Alt = string;
+type HREF = string;
+interface ButtonProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+    menuItems?: MenuItems;
+    logo?: LogoUrl;
+    alt?: Alt;
+    href?: HREF;
+    children: React.ReactNode;
+}
+declare const HorizantalMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface ContainerProps$3 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const Center: ({ children, ...rest }: ContainerProps$3) => react_jsx_runtime.JSX.Element;
+
+type JustifyContent$1 = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
+type Gap$4 = "xs" | "sm" | "md" | "lg";
+interface ContainerProps$2 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$4;
+    justify?: JustifyContent$1;
+    children: React.ReactNode;
+}
+declare const Col: ({ justify, gap, children, ...rest }: ContainerProps$2) => react_jsx_runtime.JSX.Element;
+
+type Size = "xs" | "sm" | "md" | "lg";
+type Flex = "row" | "col";
+type Gap$3 = "xs" | "sm" | "md" | "lg";
+interface ContainerProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
+    size?: Size;
+    flex?: Flex;
+    gap?: Gap$3;
+    children: React.ReactNode;
+}
+declare const Container: ({ size, flex, gap, children, ...rest }: ContainerProps$1) => react_jsx_runtime.JSX.Element;
+
+type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type Rows = number;
+type Gap$2 = "xs" | "sm" | "md" | "lg";
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns?: Columns;
+    rows?: Rows;
+    gap?: Gap$2;
+    children: React.ReactNode;
+}
+declare const Grid: ({ columns, rows, gap, children, ...rest }: GridProps) => react_jsx_runtime.JSX.Element;
+
+type JustifyContent = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
+type Gap$1 = "xs" | "sm" | "md" | "lg";
+interface ContainerProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+    gap?: Gap$1;
+    justify?: JustifyContent;
+    children: React.ReactNode;
+}
+declare const Row: ({ justify, gap, children, ...rest }: ContainerProps) => react_jsx_runtime.JSX.Element;
+
+type Direction = "vertical" | "horizontal";
+type Gap = "xs" | "sm" | "md" | "lg";
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: Direction;
+    gap?: Gap;
+    children: React.ReactNode;
+}
+declare const Stack: ({ direction, gap, children, ...rest }: StackProps) => react_jsx_runtime.JSX.Element;
+
+export { Box, Button, Card, Center, CenterMenu, Checkbox, Col, Container, DatePicker, Divider, Drawer, Flex$1 as Flex, Form, FormControl, Grid, Heading, HorizantalMenu, Input, Link, Modal, Paragraph, Radio, Row, Select, Stack, Switch, Text, Textarea };