@team-frieeren/components 1.0.0

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

@@ -0,0 +1,41 @@
+import type { StoryObj } from "@storybook/react";
+import { Text } from ".";
+import { FontWeight, Typography } from "./Text.type";
+declare const meta: {
+    title: string;
+    component: typeof Text;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        as: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        typography: {
+            control: "select";
+            options: Typography[];
+            description: string;
+        };
+        fontWeight: {
+            control: "select";
+            options: FontWeight[];
+            description: string;
+        };
+        display: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        textAlign: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -0,0 +1,22 @@
+import { AllHTMLAttributes, ElementType, CSSProperties } from "react";
+export declare enum Typography {
+    Heading = "heading",
+    Body = "body",
+    Text = "text"
+}
+export declare enum FontWeight {
+    Regular = "regular",
+    Medium = "medium",
+    Bold = "bold"
+}
+export interface TextProps extends Omit<AllHTMLAttributes<Element>, "as"> {
+    as?: ElementType;
+    children?: React.ReactNode;
+    className?: string;
+    typography?: Typography;
+    fontWeight?: FontWeight;
+    color?: string;
+    ellipsisLines?: number;
+    display?: CSSProperties["display"];
+    textAlign?: CSSProperties["textAlign"];
+}

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

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

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,5 @@
+import { ToastProps, ToastType } from "./Toast.type";
+export declare const Toaster: ({ toasts }: {
+    toasts: ToastType[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Toast: ({ ...toast }: ToastProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Toast/Toast.type.d.ts

@@ -0,0 +1,31 @@
+export type ToastTypes = "default" | "success" | "error" | "warning";
+export type ToastActionTypes = "defualt" | "icon-link" | "icon-button";
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export interface ToastOptions {
+    type: ToastTypes;
+    action: ToastActionTypes;
+    offest: number;
+    message: string;
+    duration: number;
+    position: ToastPosition;
+    width?: string;
+    radius?: number;
+    style?: React.CSSProperties;
+    buttonText?: string;
+    onAction?: () => void;
+}
+export interface ToastType extends ToastOptions {
+    id: string;
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    options?: Partial<ToastOptions>;
+}
+export interface ToastContextValue {
+    toasts: ToastType[];
+    add: (toast: Partial<ToastOptions>) => string;
+    remove: (id: string) => void;
+}
+export interface ToastProps extends Partial<ToastOptions> {
+    children?: React.ReactNode;
+}

package/dist/components/Toast/ToastProvider.d.ts

@@ -0,0 +1,3 @@
+import { ToastContextValue, ToastProviderProps } from "./Toast.type";
+export declare const ToastContext: import("react").Context<ToastContextValue>;
+export declare const ToastProvider: ({ options, children }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { useToast } from "./useToast";
+export { ToastProvider } from "./ToastProvider";

package/dist/components/Toast/useToast.d.ts

@@ -0,0 +1,2 @@
+import { ToastContextValue } from "./Toast.type";
+export declare const useToast: () => ToastContextValue;

package/dist/components/Toast/useToastStack.d.ts

@@ -0,0 +1,12 @@
+import { ToastType, ToastPosition } from "./Toast.type";
+export declare const useToastStack: (toasts: ToastType[]) => {
+    getToasterProps: (toast: ToastType, index: number, position: ToastPosition) => {
+        ref: (el: HTMLDivElement | null) => void;
+        style: {
+            transform: string;
+            transition: string;
+        };
+        className: string;
+    };
+    groupedToasts: Record<ToastPosition, ToastType[]>;
+};

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import { ToggleProps } from "./Toggle.type";
+import "./Toggle.scss";
+export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,22 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Toggle.type").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        states: {
+            control: string[];
+            description: string;
+        };
+        onChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Toggles: Story;

package/dist/components/Toggle/Toggle.type.d.ts

@@ -0,0 +1,6 @@
+export type ToggleStates = "active" | "inactive";
+export interface ToggleProps {
+    className?: string;
+    states?: ToggleStates;
+    onChange?: (checked: boolean) => void;
+}

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

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

package/dist/components/layout/Box/Box.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from "./Box.type";
+export declare function Box({ as: Component, className, style, width, height, display, children, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/Box/Box.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+import { Box } from ".";
+declare const meta: {
+    title: string;
+    component: typeof Box;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/layout/Box/Box.type.d.ts

@@ -0,0 +1,10 @@
+import { AllHTMLAttributes, ElementType, CSSProperties } from "react";
+import { SpacingProps } from "../../../utils/getSpacingStyle";
+export interface BoxProps extends Omit<AllHTMLAttributes<HTMLElement>, "as">, SpacingProps {
+    as?: ElementType;
+    className?: string;
+    children?: React.ReactNode;
+    width?: string | number;
+    height?: string | number;
+    display?: CSSProperties["display"];
+}

package/dist/components/layout/Box/index.d.ts

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

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

@@ -0,0 +1,2 @@
+import { ContainerProps } from "./Container.type";
+export declare function Container({ as: Component, maxWidth, className, style, ...rest }: ContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+import { Container } from ".";
+declare const meta: {
+    title: string;
+    component: typeof Container;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/layout/Container/Container.type.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from "../Box";
+export interface ContainerProps extends BoxProps {
+    maxWidth?: string | number;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { FlexProps } from "./Flex.type";
+export declare function Flex({ as: Component, align, justify, flex, direction, wrap, gap, className, style, ...rest }: FlexProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/Flex/Flex.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+import { Flex } from "./Flex";
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/layout/Flex/Flex.type.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from "react";
+import { BoxProps } from "../Box";
+export interface FlexProps extends BoxProps {
+    align?: CSSProperties["alignItems"];
+    justify?: CSSProperties["justifyContent"];
+    flex?: CSSProperties["flex"];
+    direction?: CSSProperties["flexDirection"];
+    wrap?: CSSProperties["flexWrap"];
+    gap?: number;
+}

package/dist/components/layout/Flex/index.d.ts

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

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

@@ -0,0 +1,2 @@
+import { GridProps } from "./Grid.type";
+export declare function Grid({ as: Component, columns, gap, rowGap, columnGap, autoFlow, areas, className, style, ...rest }: GridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/Grid/Grid.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+import { Grid } from ".";
+declare const meta: {
+    title: string;
+    component: typeof Grid;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/layout/Grid/Grid.type.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from "react";
+import { BoxProps } from "../Box";
+export interface GridProps extends BoxProps {
+    columns?: number | string;
+    gap?: number;
+    rowGap?: number;
+    columnGap?: number;
+    autoFlow?: CSSProperties["gridAutoFlow"];
+    areas?: CSSProperties["gridTemplateAreas"];
+}

package/dist/components/layout/Grid/index.d.ts

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

package/dist/hooks/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): boolean;

package/dist/hooks/useOverlay/OverlayController.d.ts

@@ -0,0 +1,10 @@
+import { CreateOverlayElement } from "./types";
+interface Props {
+    overlayElement: CreateOverlayElement;
+    onExit: () => void;
+}
+export interface OverlayControlRef {
+    close: () => void;
+}
+export declare const OverlayController: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<OverlayControlRef>>;
+export {};

package/dist/hooks/useOverlay/OverlayProvider.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren, ReactNode } from "react";
+export declare const OverlayContext: React.Context<{
+    mount(id: string, element: ReactNode): void;
+    unmount(id: string): void;
+} | null>;
+export declare function OverlayProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { OverlayProvider, OverlayContext } from "./OverlayProvider";
+export { useOverlay } from "./useOverlay";

package/dist/hooks/useOverlay/types.d.ts

@@ -0,0 +1,5 @@
+export type CreateOverlayElement = (props: {
+    isOpen: boolean;
+    close: () => void;
+    exit: () => void;
+}) => JSX.Element;

package/dist/hooks/useOverlay/useOverlay.d.ts

@@ -0,0 +1,10 @@
+import { CreateOverlayElement } from "./types";
+interface Options {
+    exitOnUnmount?: boolean;
+}
+export declare function useOverlay({ exitOnUnmount }?: Options): {
+    open: (overlayElement: CreateOverlayElement) => void;
+    close: () => void;
+    exit: () => void;
+};
+export {};

package/dist/hooks/useRouter.d.ts

@@ -0,0 +1,3 @@
+import { SafeRouter } from "../router/router.type";
+export declare const RouterProvider: import("react").Provider<SafeRouter | null>;
+export declare function useRouter(): SafeRouter;