@codarmais/ui 0.1.18 → 0.1.20

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.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "./Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Outlined: Story;
+export declare const WithIcon: Story;
+export declare const FullWidth: Story;
+export declare const Disabled: Story;

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,10 @@
+import type { LayoutProps } from "../types/Layout.types";
+export interface ContainerProps extends LayoutProps {
+    /** Transient: use $flexColumn to avoid forwarding to DOM */
+    $flexColumn?: boolean;
+    /** Transient: use $flexWrapper to avoid forwarding to DOM */
+    $flexWrapper?: boolean;
+    /** Transient: use $flexGrow to avoid forwarding to DOM */
+    $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/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.stories.d.ts

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

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/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/Heading.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Heading } from "./Heading";
+declare const meta: Meta<typeof Heading>;
+export default meta;
+type Story = StoryObj<typeof Heading>;
+export declare const Level1: Story;
+export declare const Level2: Story;
+export declare const Level3: Story;
+export declare const Level4: Story;
+export declare const Center: Story;
+export declare const CustomColor: Story;

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/Text.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Text } from "./Text";
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const Muted: Story;
+export declare const Bold: Story;
+export declare const Center: Story;
+export declare const Paragraph: Story;

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

@@ -4,9 +4,17 @@ 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";