@codarmais/ui 0.1.17 → 0.1.19

package/dist/components/BackBtn/BackBtn.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { BackBtnProps } from "./BackBtn.types";
+export declare const BackBtn: React.FC<BackBtnProps>;

package/dist/components/BackBtn/BackBtn.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { BackBtn } from "./BackBtn";
+declare const meta: Meta<typeof BackBtn>;
+export default meta;
+type Story = StoryObj<typeof BackBtn>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const CustomColorAndLabel: Story;
+export declare const CustomSize: Story;

package/dist/components/BackBtn/BackBtn.styles.d.ts

@@ -0,0 +1,6 @@
+interface WrapperProps {
+    isMobile: boolean;
+    color?: string;
+}
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>> & string;
+export {};

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

@@ -0,0 +1,6 @@
+export interface BackBtnProps {
+    color?: string;
+    size?: number;
+    onClick?: () => void;
+    label?: string;
+}

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

@@ -0,0 +1,2 @@
+export { BackBtn } from "./BackBtn";
+export type { BackBtnProps } from "./BackBtn.types";

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { type ButtonVariant } from "./Button.styles";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    fullWidth?: boolean;
+    iconLeft?: ReactNode;
+}
+export declare const Button: ({ variant, children, fullWidth, iconLeft, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.styles.d.ts

@@ -0,0 +1,7 @@
+export type ButtonVariant = "primary" | "outlined" | "secondary" | "danger" | "alert" | "text";
+export interface ButtonStyleProps {
+    $variant: ButtonVariant;
+    $fullWidth?: boolean;
+}
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonStyleProps>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,3 @@
+export { Button } from "./Button";
+export type { ButtonProps } from "./Button";
+export type { ButtonVariant } from "./Button.styles";

package/dist/components/Layout/Column/Column.d.ts

@@ -0,0 +1,5 @@
+import type { LayoutProps } from "../types/Layout.types";
+export interface ColumnProps extends LayoutProps {
+    size?: number;
+}
+export declare const Column: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColumnProps>> & string;

package/dist/components/Layout/Column/Column.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Column } from "./Column";
+declare const meta: Meta<typeof Column>;
+export default meta;
+type Story = StoryObj<typeof Column>;
+export declare const Default: Story;
+export declare const WithBackgroundImage: Story;

package/dist/components/Layout/Column/index.d.ts

@@ -0,0 +1,2 @@
+export { Column } from "./Column";
+export type { ColumnProps } from "./Column";

package/dist/components/Layout/Container/Container.d.ts

@@ -0,0 +1,7 @@
+import type { LayoutProps } from "../types/Layout.types";
+export interface ContainerProps extends LayoutProps {
+    flexColumn?: boolean;
+    flexWrapper?: boolean;
+    flexGrow?: boolean;
+}
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;

package/dist/components/Layout/Container/Container.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Container } from "./Container";
+declare const meta: Meta<typeof Container>;
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;
+export declare const WithBackgroundImage: Story;

package/dist/components/Layout/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container } from "./Container";
+export type { ContainerProps } from "./Container";

package/dist/components/Layout/Row/Row.d.ts

@@ -0,0 +1,2 @@
+import type { LayoutProps } from "../types/Layout.types";
+export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LayoutProps>> & string;

package/dist/components/Layout/Row/Row.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Row } from "./Row";
+declare const meta: Meta<typeof Row>;
+export default meta;
+type Story = StoryObj<typeof Row>;
+export declare const Default: Story;
+export declare const ThreeColumns: Story;

package/dist/components/Layout/Row/index.d.ts

@@ -0,0 +1 @@
+export { Row } from "./Row";

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

@@ -0,0 +1,6 @@
+export { Column } from "./Column";
+export { Row } from "./Row";
+export { Container } from "./Container";
+export type { LayoutProps } from "./types/Layout.types";
+export type { ContainerProps } from "./Container";
+export type { ColumnProps } from "./Column";

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

@@ -0,0 +1,10 @@
+export interface LayoutProps {
+    backgroundColor?: string;
+    backgroundImage?: string;
+    fixedBackground?: boolean;
+    padding?: string;
+    pt?: string;
+    pb?: string;
+    px?: string;
+    py?: string;
+}

package/dist/components/Logo/Logo.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import { type LogoProps } from "./Logo.types";
 export declare const Logo: React.FC<LogoProps>;
-export default Logo;

package/dist/components/Logo/Logo.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import Logo from "./Logo";
+import { Logo } from "./Logo";
 declare const meta: Meta<typeof Logo>;
 export default meta;
 type Story = StoryObj<typeof Logo>;

package/dist/components/Menu/Menu.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof Menu>;
 export default meta;
 type Story = StoryObj<typeof Menu>;
 export declare const Default: Story;
+export declare const CustomColors: Story;

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

@@ -10,4 +10,6 @@ export interface MenuProps {
     open?: boolean;
     items?: MenuItemData[];
     children?: ReactNode;
+    backgroundColor?: string;
+    hoverColor?: string;
 }

package/dist/components/MenuItem/MenuItem.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof MenuItem>;
 export declare const Default: Story;
 export declare const WithDropdown: Story;
+export declare const CustomColors: Story;

package/dist/components/MenuItem/MenuItem.styles.d.ts

@@ -1,5 +1,10 @@
-declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-declare const MenuItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+interface StyledMenuItemProps {
+    color?: string;
+    hover?: string;
+    backgroundColor?: string;
+}
+declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledMenuItemProps>> & string;
+declare const MenuItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledMenuItemProps>> & string;
+declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, StyledMenuItemProps>> & string;
+declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledMenuItemProps>> & string;
 export { StyledMenuItem, MenuItemWrapper, DropdownMenu, DropdownItem };

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

@@ -1,10 +1,14 @@
+import type { ReactNode } from "react";
 export interface MenuItemProps {
-    label: React.ReactNode;
-    icon?: React.ReactNode;
+    label: ReactNode;
+    icon?: ReactNode;
     onClick?: () => void;
     subItems?: {
         id: string | number;
-        label: React.ReactNode;
+        label: ReactNode;
         onClick?: () => void;
     }[];
+    color?: string;
+    hover?: string;
+    backgroundColor?: string;
 }

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface ModalProps {
+    icon: ReactNode;
+    title: string;
+    message: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    confirmText?: string;
+    cancelText?: string;
+}
+export declare const Modal: ({ icon, title, message, onConfirm, onCancel, confirmText, cancelText, }: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,2 @@
+export { Modal } from "./Modal";
+export type { ModalProps } from "./Modal";

package/dist/components/Navbar/Navbar.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof Navbar>;
 export declare const Default: Story;
 export declare const WithMultipleItems: Story;
+export declare const CustomBackground: Story;

package/dist/components/Navbar/Navbar.styles.d.ts

@@ -1,3 +1,4 @@
-export declare const NavBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+import type { NavBarWrapperProps } from "./Navbar.types";
+export declare const NavBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, NavBarWrapperProps>> & string;
 export declare const NavBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const RightArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -2,4 +2,8 @@ import type { ReactNode } from "react";
 export interface NavBarProps {
     items: ReactNode[];
     logo?: ReactNode;
+    backgroundColor?: string;
+}
+export interface NavBarWrapperProps {
+    backgroundColor?: string;
 }

package/dist/components/ToggleButton/ToggleButton.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof ToggleButton>;
 export declare const Default: Story;
 export declare const CustomIcon: Story;
+export declare const CustomColors: Story;

package/dist/components/ToggleButton/ToggleButton.styles.d.ts

@@ -1 +1,6 @@
-export declare const StyledToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+interface StyledToggleButtonProps {
+    color?: string;
+    hover?: string;
+}
+export declare const StyledToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledToggleButtonProps>> & string;
+export {};

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

@@ -1,3 +1,6 @@
-export interface ToggleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    icon?: React.ReactNode;
+import type { ReactNode, ButtonHTMLAttributes } from "react";
+export interface ToggleButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: ReactNode;
+    color?: string;
+    hover?: string;
 }

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

@@ -0,0 +1,8 @@
+export type HeadingLevel = 1 | 2 | 3 | 4;
+export interface HeadingProps {
+    $level?: HeadingLevel;
+    color?: string;
+    $weight?: "normal" | "medium" | "bold";
+    $align?: "left" | "center" | "right";
+}
+export declare const Heading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, HeadingProps>> & string;

package/dist/components/Typography/Text.d.ts

@@ -0,0 +1,8 @@
+export interface TextProps {
+    size?: "sm" | "md" | "lg" | "xlg";
+    weight?: "light" | "normal" | "bold";
+    color?: string;
+    $align?: "left" | "center" | "right";
+    muted?: boolean;
+}
+export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;

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

@@ -0,0 +1,4 @@
+export { Heading } from "./Heading";
+export { Text } from "./Text";
+export type { HeadingProps, HeadingLevel } from "./Heading";
+export type { TextProps } from "./Text";

package/dist/components/index.d.ts

@@ -3,8 +3,18 @@ export { MenuItem } from "./MenuItem";
 export { ToggleButton } from "./ToggleButton";
 export { Logo } from "./Logo";
 export { Navbar } from "./Navbar";
+export { BackBtn } from "./BackBtn";
+export { Container, Row, Column } from "./Layout";
+export { Heading, Text } from "./Typography";
+export { Button } from "./Button";
+export { Modal } from "./Modal";
 export type { NavBarProps } from "./Navbar";
 export type { MenuItemData, MenuProps } from "./Menu";
 export type { MenuItemProps } from "./MenuItem";
 export type { ToggleButtonProps } from "./ToggleButton";
 export type { LogoProps, Variant } from "./Logo";
+export type { BackBtnProps } from "./BackBtn";
+export type { ContainerProps, ColumnProps, LayoutProps } from "./Layout";
+export type { HeadingProps, HeadingLevel, TextProps } from "./Typography";
+export type { ButtonProps, ButtonVariant } from "./Button";
+export type { ModalProps } from "./Modal";