karsten-design-system 1.0.0

package/dist/mock/internalMenu.d.ts

@@ -0,0 +1,2 @@
+import { InternalMenuItems as Type } from "../types/internalMenu";
+export declare const InternalMenuItems: Type[];

package/dist/mock/mockedComponente/mockedChart.d.ts

@@ -0,0 +1,5 @@
+interface MockedChartProps {
+    filterDays: string;
+}
+export default function MockedChart({ filterDays }: MockedChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/mock/mockedComponente/notificationMocked.d.ts

@@ -0,0 +1,5 @@
+interface NotificationMockedProps {
+    setNotification: (value: boolean) => void;
+}
+export default function NotificationMocked({ setNotification, }: NotificationMockedProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/mock/notifications.d.ts

@@ -0,0 +1,2 @@
+import { NotificationType } from "../types/notification";
+export declare const notifications: NotificationType[];

package/dist/mock/tableItems.d.ts

@@ -0,0 +1,8 @@
+export declare const TableData: {
+    Número: string;
+    Valor: string;
+    Emissão: string;
+    'Previs\u00E3o de Entrega': string;
+    Status: string;
+    Pagamento: import("react/jsx-runtime").JSX.Element;
+}[];

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+type AccordionProps = {
+    tabsChindren: ReactNode[];
+    headers: string[];
+    multiple?: boolean;
+    activeIndex?: number | number[];
+    className?: string;
+};
+export default function Accordion({ tabsChindren, headers, multiple, activeIndex, className, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { InputTextProps } from 'primereact/inputtext';
+type AutoCompleteProps = {
+    items: string[];
+    onChange: (value: string) => void;
+    error?: string;
+} & Omit<InputTextProps, 'onChange'>;
+export default function AutoComplete({ items, onChange, error, ...props }: AutoCompleteProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { BreadcrumpItems } from '../../types';
+type BreadcrumbProps = {
+    items: BreadcrumpItems[];
+};
+export default function Breadcrumb({ items }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+import Breadcrumb from './breadcrumb';
+declare const meta: {
+    title: string;
+    component: typeof Breadcrumb;
+    parameters: {
+        componentSubtitle: string;
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        items: {
+            control: "object";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -0,0 +1,17 @@
+import { ButtonProps as PrimeButtonProps } from 'primereact/button';
+declare const variants: {
+    primary: string;
+    outline: string;
+    secondary: string;
+    secondaryOutline: string;
+    gray: string;
+    grayOutline: string;
+    tab: string;
+};
+type ButtonProps = {
+    variant: keyof typeof variants;
+    selected?: boolean;
+    rightIcon?: string;
+} & PrimeButtonProps;
+export default function Button({ variant, selected, rightIcon, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,82 @@
+import type { StoryObj } from '@storybook/react';
+import Button from './button';
+declare const meta: {
+    title: string;
+    component: typeof Button;
+    parameters: {
+        componentSubtitle: string;
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            type: {
+                name: "string";
+            };
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        size: {
+            type: {
+                name: "string";
+            };
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        selected: {
+            control: "boolean";
+            description: string;
+        };
+        label: {
+            control: "text";
+            description: string;
+        };
+        onClick: {
+            action: string;
+            description: string;
+        };
+        icon: {
+            control: string[];
+            description: string;
+        };
+        rightIcon: {
+            control: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        loading: {
+            control: "boolean";
+            description: string;
+        };
+        className: {
+            control: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Outline: Story;
+export declare const Secondary: Story;
+export declare const SecondaryOutline: Story;
+export declare const Gray: Story;
+export declare const GrayOutline: Story;
+export declare const Tab: Story;
+export declare const Icon: Story;
+export declare const TwoIcon: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;

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

@@ -0,0 +1,6 @@
+type CardProp = {
+    children: React.ReactNode;
+    className?: string;
+};
+export default function Card({ children, className }: CardProp): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import { ChartProps as PrimeChartProps } from 'primereact/chart';
+export type ChartProps = PrimeChartProps;
+export default function Chart(props: ChartProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { CalendarProps } from 'primereact/calendar';
+type DateInputProps = {
+    error?: boolean;
+} & CalendarProps;
+export default function DateInput({ error, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+type DialogProps = {
+    title: string | undefined;
+    description: string | undefined;
+    labelConfirmButton: string | undefined;
+    onClose: () => void;
+    onClick: () => void;
+};
+export default function Dialog({ title, description, labelConfirmButton, onClose, onClick, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { DividerProps } from 'primereact/divider';
+export default function Divider({ ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { ButtonProps as PrimeButtonProps } from 'primereact/button';
+import { Option } from '../../types';
+declare const variants: {
+    green: {
+        text: string;
+        button: string;
+    };
+};
+type FilterButtonProps = {
+    filterOptions: Option[];
+    setOption: (option: Option | null) => void;
+    option: Option | null;
+    variant: keyof typeof variants;
+    icon: React.ReactNode | string;
+    label: string;
+} & Omit<PrimeButtonProps, 'icon'>;
+export default function FilterButton({ filterOptions, setOption, option, variant, icon, label, ...props }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { InternalMenuItems } from '../../types/internalMenu';
+type MenubarProps = {
+    sidebarItems: InternalMenuItems[];
+    userConfigItems: InternalMenuItems[];
+    username: string;
+    setOpenNotifications: (value: boolean) => void;
+};
+export default function Header({ sidebarItems, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { ButtonProps as PrimeButtonProps } from 'primereact/button';
+declare const variants: {
+    border: string;
+    shadow: string;
+};
+type ButtonProps = {
+    variant: keyof typeof variants;
+    icon: string;
+} & PrimeButtonProps;
+export default function IconButton({ variant, icon, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/react';
+import IconButton from './iconButton';
+declare const meta: {
+    title: string;
+    component: typeof IconButton;
+    parameters: {
+        componentSubtitle: string;
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            type: {
+                name: "string";
+            };
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        icon: {
+            control: string[];
+            description: string;
+        };
+        onClick: {
+            action: string;
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Border: Story;
+export declare const BorderDisable: Story;
+export declare const Shadow: Story;
+export declare const ShadowDisable: Story;

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

@@ -0,0 +1 @@
+export default function IconCatalog(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type InfoCardProps = {
+    title: string;
+    children: ReactNode;
+    icon?: ReactNode;
+};
+export default function InfoCard({ title, children, icon }: InfoCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { InputTextProps } from 'primereact/inputtext';
+export type InputProps = {
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    onClickIcon?: () => void;
+    icon?: string;
+    iconColor?: keyof typeof variants;
+    label?: string;
+} & Omit<InputTextProps, 'onChange'>;
+declare const variants: {
+    green: string;
+    gray: string;
+};
+export default function Input({ onChange, placeholder, disabled, error, icon, onClickIcon, iconColor, label, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { InternalMenuItems } from '../../types/internalMenu';
+type InternalMenuProp = {
+    item: InternalMenuItems[];
+};
+export default function InternalMenu({ item }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+interface LinkProps {
+    href: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export default function Link({ href, children, className }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { MegaMenuItems } from '../../types';
+type MegaMenuProps = {
+    items: MegaMenuItems[];
+};
+export default function MegaMenu({ items }: MegaMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+import MegaMenu from './megaMenu';
+declare const meta: {
+    title: string;
+    component: typeof MegaMenu;
+    parameters: {
+        componentSubtitle: string;
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        items: {
+            control: "object";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -0,0 +1,16 @@
+import { Option } from '../../types';
+import { NotificationType } from '../../types/notification';
+type NotificationProps = {
+    onClose: () => void;
+    onReadAll: () => void;
+    onDeleteNotificationbyId: (id: string) => void;
+    onClickNotification: (id: string) => void;
+    notifications: NotificationType[];
+    setFilter: (value: Option) => void;
+    filter: Option | null;
+    setInputValue: (value: string) => void;
+    inputValue: string;
+    filterOptions: Option[];
+};
+export default function Notification({ onClose, onReadAll, onDeleteNotificationbyId, onClickNotification, notifications, setFilter, filter, setInputValue, inputValue, filterOptions, }: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { NotificationType } from '../../types/notification';
+type NotificationItemProps = {
+    notification: NotificationType;
+    onDelete: (id: string) => void;
+    onClick: (id: string) => void;
+};
+export default function NotificationItem({ notification, onDelete, onClick, }: NotificationItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { PaginatorProps } from 'primereact/paginator';
+export default function Paginator(props: PaginatorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+declare const variants: {
+    white: string;
+    secondary: string;
+};
+interface RadioButtonProps {
+    variant?: keyof typeof variants;
+    label: string;
+    value: string;
+    checked?: boolean;
+    onChange: () => void;
+    disabled?: boolean;
+    error?: boolean;
+}
+export default function RadioButton({ label, value, checked, onChange, disabled, error, variant, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { Option } from '../../types';
+type SelectProps = {
+    options: Option[];
+    value: Option | null;
+    onChange: (option: Option) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+};
+export default function Select({ options, value, onChange, placeholder, disabled, error, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { InternalMenuItems } from '../../types/internalMenu';
+type sidebarProps = {
+    item?: InternalMenuItems[];
+    onClose?: () => void;
+};
+export default function Sidebar({ item, onClose }: sidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { SkeletonProps } from 'primereact/skeleton';
+export default function Skeleton({ shape, width, height, borderRadius, animation, size, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+type SpinnerProps = {
+    size?: keyof typeof sizeVariants;
+    color?: keyof typeof colorVariants;
+};
+declare const colorVariants: {
+    primary: string;
+    secondary: string;
+};
+declare const sizeVariants: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export default function Spinner({ size, color, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+import type { StoryObj } from '@storybook/react';
+import Spinner from './spinner';
+declare const meta: {
+    title: string;
+    component: typeof Spinner;
+    parameters: {
+        componentSubtitle: string;
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        color: {
+            type: {
+                name: "string";
+            };
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        size: {
+            type: {
+                name: "string";
+            };
+            control: "select";
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;

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

@@ -0,0 +1,11 @@
+import { ColumnStyle, TableData } from '../../types/table';
+type tableProps = {
+    columns: string[];
+    columnStyles?: ColumnStyle[];
+    data: TableData[];
+    onDelete: (index: number) => void;
+    onEdit: (index: number) => void;
+    onExport: (index: number) => void;
+};
+export default function Table({ columns, data, onDelete, onEdit, onExport, columnStyles, }: tableProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+export type ToastProps = {
+    severity?: 'success' | 'info' | 'error';
+    summary?: string;
+    detail?: string;
+    onShow?: () => void;
+};
+export type ToastRef = {
+    show: (props?: ToastProps) => void;
+};
+declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<ToastRef>>;
+export default Toast;

package/dist/stories/screens/dashboard.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+export default function Dashboard(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/screens/home.d.ts

@@ -0,0 +1 @@
+export default function Home(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/screens/sign-in.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+export default function SignIn(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/screens/table.d.ts

@@ -0,0 +1 @@
+export default function InvoiceTable(): import("react/jsx-runtime").JSX.Element;

package/dist/types/breadcrumbItems.d.ts

@@ -0,0 +1,4 @@
+export type BreadcrumpItems = {
+    label: string;
+    href: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export type { Option } from './options';
+export type { BreadcrumpItems } from './breadcrumbItems';
+export type { MegaMenuItems } from './megaMenuItems';
+export type { TableData, ColumnStyle, anyType, SortDirection } from './table';

package/dist/types/internalMenu.d.ts

@@ -0,0 +1,11 @@
+export type InternalMenuItems = {
+    id: string;
+    title: string;
+    path?: string;
+    onClick?: () => void;
+    subItem?: {
+        id: string;
+        title: string;
+        path: string;
+    }[];
+};

package/dist/types/megaMenuItems.d.ts

@@ -0,0 +1,6 @@
+export type MegaMenuItems = {
+    label: string;
+    tab: number;
+    active: boolean;
+    onClick?: () => void;
+};

package/dist/types/notification.d.ts

@@ -0,0 +1,7 @@
+export type NotificationType = {
+    id: string;
+    title: string;
+    description: string;
+    active: boolean;
+    date: Date;
+};

package/dist/types/options.d.ts

@@ -0,0 +1,4 @@
+export type Option = {
+    label: string;
+    value: string;
+};

package/dist/types/table.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type anyType = string | number | boolean | ReactNode;
+export type SortDirection = 'ASC' | 'DEC';
+export type ColumnStyle = {
+    [key: string]: string | ((value: anyType) => string);
+};
+export type TableData = {
+    [key: string]: anyType;
+    className?: string;
+};

package/dist/utils/sortData.d.ts

@@ -0,0 +1,2 @@
+import { SortDirection, TableData } from "../types";
+export declare function sortData(data: TableData[], column: string, direction: SortDirection): TableData[];