@kaio-xyz/design-system 1.1.44 → 1.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/asset/icons/index.d.ts +16 -0
  2. package/dist/components/atoms/accordion/accordion-content/accordion-content.d.ts +6 -0
  3. package/dist/components/atoms/accordion/accordion-content/index.d.ts +1 -0
  4. package/dist/components/atoms/accordion/accordion-item/accordion-item.d.ts +11 -0
  5. package/dist/components/atoms/accordion/accordion-item/index.d.ts +1 -0
  6. package/dist/components/atoms/accordion/accordion-trigger/accordion-trigger.d.ts +6 -0
  7. package/dist/components/atoms/accordion/accordion-trigger/index.d.ts +1 -0
  8. package/dist/components/atoms/accordion/accordion.d.ts +5 -0
  9. package/dist/components/atoms/accordion/index.d.ts +13 -0
  10. package/dist/components/atoms/badge/badge.d.ts +20 -0
  11. package/dist/components/atoms/badge/index.d.ts +1 -0
  12. package/dist/components/atoms/button/button.d.ts +25 -0
  13. package/dist/components/atoms/button/button.stories.d.ts +44 -0
  14. package/dist/components/atoms/button/index.d.ts +1 -0
  15. package/dist/components/atoms/checkbox/checkbox.d.ts +16 -0
  16. package/dist/components/atoms/checkbox/index.d.ts +1 -0
  17. package/dist/components/atoms/clipboard/clipboard.d.ts +7 -0
  18. package/dist/components/atoms/clipboard/index.d.ts +1 -0
  19. package/dist/components/atoms/container/container.d.ts +8 -0
  20. package/dist/components/atoms/container/container.stories.d.ts +34 -0
  21. package/dist/components/atoms/container/index.d.ts +1 -0
  22. package/dist/components/atoms/drawer/drawer.d.ts +11 -0
  23. package/dist/components/atoms/drawer/index.d.ts +1 -0
  24. package/dist/components/atoms/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts +7 -0
  25. package/dist/components/atoms/dropdown-menu/dropdown-menu-item/index.d.ts +1 -0
  26. package/dist/components/atoms/dropdown-menu/dropdown-menu.d.ts +11 -0
  27. package/dist/components/atoms/dropdown-menu/index.d.ts +17 -0
  28. package/dist/components/atoms/hint/hint.d.ts +7 -0
  29. package/dist/components/atoms/hint/index.d.ts +1 -0
  30. package/dist/components/atoms/label/index.d.ts +1 -0
  31. package/dist/components/atoms/label/label.d.ts +11 -0
  32. package/dist/components/atoms/list/index.d.ts +2 -0
  33. package/dist/components/atoms/list/list-item/index.d.ts +1 -0
  34. package/dist/components/atoms/list/list-item/list-item.d.ts +7 -0
  35. package/dist/components/atoms/list/list.d.ts +7 -0
  36. package/dist/components/atoms/loader/index.d.ts +1 -0
  37. package/dist/components/atoms/loader/loader.d.ts +8 -0
  38. package/dist/components/atoms/modal/index.d.ts +1 -0
  39. package/dist/components/atoms/modal/modal.d.ts +13 -0
  40. package/dist/components/atoms/select/index.d.ts +1 -0
  41. package/dist/components/atoms/select/select.d.ts +16 -0
  42. package/dist/components/atoms/spinned-icon/index.d.ts +1 -0
  43. package/dist/components/atoms/spinned-icon/spinned-icon.d.ts +8 -0
  44. package/dist/components/atoms/stack/index.d.ts +1 -0
  45. package/dist/components/atoms/stack/stack.d.ts +17 -0
  46. package/dist/components/atoms/stepper/index.d.ts +2 -0
  47. package/dist/components/atoms/stepper/step/index.d.ts +1 -0
  48. package/dist/components/atoms/stepper/step/step.d.ts +9 -0
  49. package/dist/components/atoms/stepper/stepper.d.ts +6 -0
  50. package/dist/components/atoms/table/index.d.ts +2 -0
  51. package/dist/components/atoms/table/table-custom-styles.d.ts +41 -0
  52. package/dist/components/atoms/table/table.d.ts +7 -0
  53. package/dist/components/atoms/text-field/index.d.ts +2 -0
  54. package/dist/components/atoms/text-field/text-field.d.ts +23 -0
  55. package/dist/components/atoms/tooltip/index.d.ts +1 -0
  56. package/dist/components/atoms/tooltip/tooltip.d.ts +7 -0
  57. package/dist/components/molecules/form-select/form-select.d.ts +11 -0
  58. package/dist/components/molecules/form-select/index.d.ts +1 -0
  59. package/dist/components/molecules/investments-graph/index.d.ts +1 -0
  60. package/dist/components/molecules/investments-graph/investments-graph.d.ts +35 -0
  61. package/dist/components/molecules/investments-header/index.d.ts +1 -0
  62. package/dist/components/molecules/investments-header/investments-header.d.ts +7 -0
  63. package/dist/components/molecules/modal/confirm-modal/confirm-modal.d.ts +11 -0
  64. package/dist/components/molecules/modal/confirm-modal/index.d.ts +1 -0
  65. package/dist/components/molecules/modal/index.d.ts +3 -0
  66. package/dist/components/molecules/modal/info-modal/index.d.ts +1 -0
  67. package/dist/components/molecules/modal/info-modal/info-modal.d.ts +6 -0
  68. package/dist/components/molecules/modal/otp-modal/index.d.ts +1 -0
  69. package/dist/components/molecules/modal/otp-modal/otp-modal.d.ts +8 -0
  70. package/dist/components/molecules/password-field/index.d.ts +2 -0
  71. package/dist/components/molecules/password-field/password-field.d.ts +3 -0
  72. package/dist/components/molecules/password-field/validate-password-field/index.d.ts +1 -0
  73. package/dist/components/molecules/password-field/validate-password-field/validate-password-field.d.ts +5 -0
  74. package/dist/hooks/use-can-animate.d.ts +1 -0
  75. package/dist/index.cjs.js +1 -1
  76. package/dist/index.cjs.js.map +1 -1
  77. package/dist/index.esm.js +1 -1
  78. package/dist/index.esm.js.map +1 -1
  79. package/dist/styles.css +1 -1
  80. package/dist/utils.d.ts +16 -0
  81. package/package.json +2 -2
  82. /package/{src/asset → public}/fonts/Switzer-Light.woff2 +0 -0
  83. /package/{src/asset → public}/fonts/Switzer-Regular.woff2 +0 -0
  84. /package/{src/asset → public}/fonts/Switzer-Semibold.woff2 +0 -0
@@ -0,0 +1,16 @@
1
+ export { default as CheckIcon } from "./check.svg";
2
+ export { default as CircleDashedIcon } from "./circle-dashed.svg";
3
+ export { default as CrossIcon } from "./cross.svg";
4
+ export { default as DenyIcon } from "./deny.svg";
5
+ export { default as InfoIcon } from "./info.svg";
6
+ export { default as LoaderIcon } from "./loader.svg";
7
+ export { default as WarningIcon } from "./warning.svg";
8
+ export { default as EyeClosedIcon } from "./eye-closed.svg";
9
+ export { default as EyeOpenIcon } from "./eye-open.svg";
10
+ export { default as ChevronGrabberIcon } from "./chevron-grabber.svg";
11
+ export { default as MinusIcon } from "./minus.svg";
12
+ export { default as ClipBoardIcon } from "./clipboard.svg";
13
+ export { default as LoadingCircleIcon } from "./loading-circle.svg";
14
+ export { default as UserIcon } from "./user.svg";
15
+ export { default as ArrowDownRightIcon } from "./arrow-down-right.svg";
16
+ export { default as ArrowUpRightIcon } from "./arrow-up-right.svg";
@@ -0,0 +1,6 @@
1
+ export declare const AccordionContent: import("react").ForwardRefExoticComponent<{
2
+ className?: string;
3
+ hasChildrenPadding: boolean;
4
+ } & {
5
+ children?: import("react").ReactNode | undefined;
6
+ } & import("react").RefAttributes<HTMLDivElement | null>>;
@@ -0,0 +1 @@
1
+ export { AccordionContent } from "./accordion-content";
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from "react";
2
+ export declare const AccordionItem: import("react").ForwardRefExoticComponent<{
3
+ icon?: SvgIcon;
4
+ value: string;
5
+ triggerClassName?: string;
6
+ dataTest?: string;
7
+ trigger: ReactNode;
8
+ hasChildrenPadding?: boolean;
9
+ } & {
10
+ children?: ReactNode | undefined;
11
+ } & import("react").RefAttributes<HTMLDivElement | null>>;
@@ -0,0 +1 @@
1
+ export { AccordionItem } from "./accordion-item";
@@ -0,0 +1,6 @@
1
+ export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<{
2
+ className?: string;
3
+ dataTest?: string;
4
+ } & {
5
+ children?: import("react").ReactNode | undefined;
6
+ } & import("react").RefAttributes<HTMLButtonElement | null>>;
@@ -0,0 +1 @@
1
+ export { AccordionTrigger } from "./accordion-trigger";
@@ -0,0 +1,5 @@
1
+ import * as RadixAccordion from "@radix-ui/react-accordion";
2
+ import { ComponentProps } from "react";
3
+ type AccordionRootProps = ComponentProps<typeof RadixAccordion.Root>;
4
+ export declare const AccordionRoot: ({ children, ...rest }: AccordionRootProps) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,13 @@
1
+ export declare const Accordion: {
2
+ Root: ({ children, ...rest }: (import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
3
+ Item: import("react").ForwardRefExoticComponent<{
4
+ icon?: SvgIcon;
5
+ value: string;
6
+ triggerClassName?: string;
7
+ dataTest?: string;
8
+ trigger: import("react").ReactNode;
9
+ hasChildrenPadding?: boolean;
10
+ } & {
11
+ children?: import("react").ReactNode | undefined;
12
+ } & import("react").RefAttributes<HTMLDivElement | null>>;
13
+ };
@@ -0,0 +1,20 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const BadgeStatuses: {
3
+ readonly success: "success";
4
+ readonly rejected: "rejected";
5
+ readonly none: "none";
6
+ readonly warning: "warning";
7
+ readonly loading: "loading";
8
+ };
9
+ export type BadgeStatus = typeof BadgeStatuses[keyof typeof BadgeStatuses];
10
+ export type BadgeProps = {
11
+ children: ReactNode;
12
+ fullWidth?: boolean;
13
+ dataTest?: string;
14
+ status?: BadgeStatus;
15
+ size?: "s" | "m" | "l";
16
+ reverted?: boolean;
17
+ hasIcon?: boolean;
18
+ className?: string;
19
+ };
20
+ export declare const Badge: ({ className, children, status, fullWidth, dataTest, reverted, size, hasIcon, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { Badge } from "./badge";
@@ -0,0 +1,25 @@
1
+ import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
2
+ export type CommonButtonProps = {
3
+ variant?: "primary" | "secondary" | "info" | "warning" | "danger" | "success";
4
+ fullWidth?: boolean;
5
+ size?: "small" | "normal" | "large";
6
+ isInverted?: boolean;
7
+ isLoading?: boolean;
8
+ icon?: SvgIcon | null;
9
+ iconSize?: number;
10
+ };
11
+ type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
12
+ href: string;
13
+ disabled?: boolean;
14
+ onClick?: never;
15
+ };
16
+ export type ButtonProps = {
17
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
18
+ disabled?: boolean;
19
+ href?: never;
20
+ } & ButtonHTMLAttributes<HTMLButtonElement>;
21
+ type PolymorphicProps = ButtonProps | AnchorProps;
22
+ type Props = CommonButtonProps & PolymorphicProps;
23
+ type RefType = HTMLButtonElement | HTMLAnchorElement;
24
+ export declare const Button: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<RefType>>;
25
+ export {};
@@ -0,0 +1,44 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<(import("./button").CommonButtonProps & ((import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
5
+ href: string;
6
+ disabled?: boolean;
7
+ onClick?: never;
8
+ }) | import("./button").ButtonProps)) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
9
+ tags: string[];
10
+ args: {
11
+ children: string;
12
+ };
13
+ argTypes: {
14
+ variant: {
15
+ description: string;
16
+ };
17
+ fullWidth: {
18
+ description: string;
19
+ };
20
+ size: {
21
+ description: string;
22
+ };
23
+ };
24
+ };
25
+ export default meta;
26
+ type Story = StoryObj<typeof meta>;
27
+ export declare const Primary: Story;
28
+ export declare const Secondary: Story;
29
+ export declare const Info: Story;
30
+ export declare const Success: Story;
31
+ export declare const Warning: Story;
32
+ export declare const Danger: Story;
33
+ export declare const SecondaryInverted: Story;
34
+ export declare const InfoInverted: Story;
35
+ export declare const SuccessInverted: Story;
36
+ export declare const WarningInverted: Story;
37
+ export declare const DangerInverted: Story;
38
+ export declare const WithIconWarning: Story;
39
+ export declare const WithIconWargningInverted: Story;
40
+ export declare const Loading: Story;
41
+ export declare const Disabled: Story;
42
+ export declare const fullWidth: Story;
43
+ export declare const Small: Story;
44
+ export declare const Large: Story;
@@ -0,0 +1 @@
1
+ export { Button, type ButtonProps, type CommonButtonProps } from "./button";
@@ -0,0 +1,16 @@
1
+ import { InputHTMLAttributes, ReactNode } from "react";
2
+ type CheckboxAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "size">;
3
+ type Props = CheckboxAttributes & {
4
+ id?: string;
5
+ label?: ReactNode;
6
+ verticalAlign?: "start" | "center" | "end";
7
+ dataTest: string;
8
+ size?: "small" | "medium";
9
+ variant?: "primary" | "secondary";
10
+ indeterminate?: boolean;
11
+ };
12
+ export declare const Checkbox: {
13
+ ({ className, disabled, id, label, verticalAlign, onChange, dataTest, size, variant, indeterminate, checked, ...attributes }: Props): import("react/jsx-runtime").JSX.Element;
14
+ displayName: string;
15
+ };
16
+ export {};
@@ -0,0 +1 @@
1
+ export { Checkbox } from "./checkbox";
@@ -0,0 +1,7 @@
1
+ type ClipboardProps = {
2
+ value: string;
3
+ trim?: boolean;
4
+ trimLength?: number;
5
+ };
6
+ export declare const Clipboard: ({ value, trim, trimLength }: ClipboardProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { Clipboard } from "./clipboard";
@@ -0,0 +1,8 @@
1
+ import { PropsWithChildren } from 'react';
2
+ type ContainerProps = PropsWithChildren<{
3
+ size?: "full" | "small" | "medium" | "large" | "extra";
4
+ noPadding?: boolean;
5
+ className?: string;
6
+ }>;
7
+ export declare const Container: ({ children, className, size, noPadding, ...attributes }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,34 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ children, className, size, noPadding, ...attributes }: {
5
+ size?: "full" | "small" | "medium" | "large" | "extra";
6
+ noPadding?: boolean;
7
+ className?: string;
8
+ } & {
9
+ children?: import("react").ReactNode | undefined;
10
+ }) => import("react/jsx-runtime").JSX.Element;
11
+ tags: string[];
12
+ args: {
13
+ size: "full";
14
+ children: string;
15
+ className: string;
16
+ };
17
+ argTypes: {
18
+ size: {
19
+ description: string;
20
+ };
21
+ noPadding: {
22
+ description: string;
23
+ };
24
+ className: {
25
+ description: string;
26
+ };
27
+ };
28
+ };
29
+ export default meta;
30
+ type Story = StoryObj<typeof meta>;
31
+ export declare const Default: Story;
32
+ export declare const MediumContainer: Story;
33
+ export declare const LargeContainer: Story;
34
+ export declare const NoPaddingContainer: Story;
@@ -0,0 +1 @@
1
+ export { Container } from "./container";
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from "react";
2
+ export type DrawerProps = {
3
+ isOpen: boolean;
4
+ title: string;
5
+ children?: ReactNode;
6
+ isLarge?: boolean;
7
+ className?: string;
8
+ actions?: ReactNode;
9
+ onClose?: () => void;
10
+ };
11
+ export declare const Drawer: ({ isOpen, title, children, className, actions, onClose, isLarge, }: DrawerProps) => import("react").ReactPortal;
@@ -0,0 +1 @@
1
+ export { Drawer } from "./drawer";
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from "react";
2
+ type DropdownMenuItemProps = PropsWithChildren & {
3
+ disabled?: boolean;
4
+ onClick: () => void;
5
+ };
6
+ export declare const DropdownMenuItem: ({ children, disabled, ...rest }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { DropdownMenuItem } from "./dropdown-menu-item";
@@ -0,0 +1,11 @@
1
+ import React, { PropsWithChildren } from "react";
2
+ import { CommonButtonProps } from "@/components/atoms/button";
3
+ type DropdownMenuProps = PropsWithChildren & {
4
+ text?: string;
5
+ icon?: SvgIcon;
6
+ disabled?: boolean;
7
+ body?: React.ReactNode;
8
+ variant?: CommonButtonProps["variant"];
9
+ };
10
+ export declare const DropdownMenu: ({ text, children, icon: Icon, disabled, body, variant, ...rest }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,17 @@
1
+ export declare const DropdownMenu: {
2
+ Root: ({ text, children, icon: Icon, disabled, body, variant, ...rest }: {
3
+ children?: import("react").ReactNode | undefined;
4
+ } & {
5
+ text?: string;
6
+ icon?: SvgIcon;
7
+ disabled?: boolean;
8
+ body?: React.ReactNode;
9
+ variant?: import("../button").CommonButtonProps["variant"];
10
+ }) => import("react/jsx-runtime").JSX.Element;
11
+ Item: ({ children, disabled, ...rest }: {
12
+ children?: import("react").ReactNode | undefined;
13
+ } & {
14
+ disabled?: boolean;
15
+ onClick: () => void;
16
+ }) => import("react/jsx-runtime").JSX.Element;
17
+ };
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+ type Props = PropsWithChildren<{
3
+ kind?: "info" | "error";
4
+ className?: string;
5
+ }>;
6
+ export declare const Hint: ({ children, className, kind, ...attributes }: Props) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { Hint } from "./hint";
@@ -0,0 +1 @@
1
+ export { Label } from './label';
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+ type LabelProps = {
3
+ id?: string;
4
+ label?: ReactNode;
5
+ className?: string;
6
+ hasMargin?: boolean;
7
+ hasHalfMargin?: boolean;
8
+ hasCursorPointer?: boolean;
9
+ };
10
+ export declare const Label: ({ id, label, className, hasMargin, hasHalfMargin, hasCursorPointer }: LabelProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,2 @@
1
+ export { List } from './list';
2
+ export { ListItem } from './list-item';
@@ -0,0 +1 @@
1
+ export { ListItem } from './list-item';
@@ -0,0 +1,7 @@
1
+ type ListItem = {
2
+ value: string;
3
+ label: string;
4
+ key?: string;
5
+ };
6
+ export declare const ListItem: ({ value, label, key }: ListItem) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ type ListProps = {
3
+ label?: string;
4
+ children?: ReactNode;
5
+ };
6
+ export declare const List: ({ label, children }: ListProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { Loader } from "./loader";
@@ -0,0 +1,8 @@
1
+ import { PropsWithChildren } from 'react';
2
+ type LoaderProps = PropsWithChildren<{
3
+ fullPage?: boolean;
4
+ text?: string;
5
+ isLightOverlay?: boolean;
6
+ }>;
7
+ export declare const Loader: ({ text, fullPage, isLightOverlay, children }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1 @@
1
+ export { default as Modal, type ModalProps } from "./modal";
@@ -0,0 +1,13 @@
1
+ import { HTMLAttributes, PropsWithChildren, ReactNode } from "react";
2
+ export type ModalProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {
3
+ id?: string;
4
+ visible?: boolean;
5
+ title?: string;
6
+ actions?: ReactNode[];
7
+ size?: "default" | "small" | "medium" | "large";
8
+ isFullWidth?: boolean;
9
+ isScrollable?: boolean;
10
+ onClose?: () => void;
11
+ };
12
+ declare const Modal: ({ visible, ...props }: ModalProps) => import("react").ReactPortal | null;
13
+ export default Modal;
@@ -0,0 +1 @@
1
+ export { Select, type SelectProps } from "./select";
@@ -0,0 +1,16 @@
1
+ import { ReactNode } from 'react';
2
+ import { GroupBase, Props as ReactSelectProps } from 'react-select';
3
+ export type SelectOption<T = string> = {
4
+ value: T;
5
+ label: string;
6
+ icon?: SvgIcon;
7
+ };
8
+ export type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = ReactSelectProps<Option, IsMulti, Group> & {
9
+ label?: ReactNode;
10
+ dataTest: string;
11
+ error?: string;
12
+ };
13
+ export declare const Select: {
14
+ <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, dataTest, isDisabled, className, error, components: customComponents, ...rest }: SelectProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
15
+ displayName: string;
16
+ };
@@ -0,0 +1 @@
1
+ export { SpinnedIcon } from "./spinned-icon";
@@ -0,0 +1,8 @@
1
+ type SpinnedIconProps = {
2
+ icon?: SvgIcon;
3
+ size?: number;
4
+ duration?: number;
5
+ className?: string;
6
+ };
7
+ export declare const SpinnedIcon: ({ size, duration, className, icon: Icon, ...rest }: SpinnedIconProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1 @@
1
+ export { Stack } from "./stack";
@@ -0,0 +1,17 @@
1
+ import { PropsWithChildren } from 'react';
2
+ type StackProps = PropsWithChildren & {
3
+ space?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
4
+ position?: "vertical" | "horizontal" | "horizontal-end" | "horizontal-space" | "horizontal-start" | "horizontal-center";
5
+ className?: string;
6
+ fullHeight?: boolean;
7
+ fullWidth?: boolean;
8
+ dataTest?: string;
9
+ dataAlignItems?: "center" | "flex-end" | "flex-start";
10
+ dataCapitalize?: boolean;
11
+ dataMarginTop?: boolean;
12
+ dataMarginBottom?: boolean;
13
+ dataMarginLeft?: boolean;
14
+ dataPaddingBottom?: boolean;
15
+ };
16
+ export declare const Stack: ({ children, space, className, position, fullHeight, fullWidth, dataTest, dataAlignItems, dataCapitalize, dataMarginTop, dataMarginBottom, dataMarginLeft, dataPaddingBottom, ...rest }: StackProps) => import("react/jsx-runtime").JSX.Element;
17
+ export {};
@@ -0,0 +1,2 @@
1
+ export { Stepper } from "./stepper";
2
+ export { Step } from "./step";
@@ -0,0 +1 @@
1
+ export { Step } from "./step";
@@ -0,0 +1,9 @@
1
+ type StepProps = {
2
+ label: string;
3
+ isCompleted?: boolean;
4
+ isCurrent?: boolean;
5
+ iconSize?: number;
6
+ key?: string;
7
+ };
8
+ export declare const Step: ({ key, label, iconSize, isCompleted, isCurrent }: StepProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ type StepperProps = {
3
+ children: ReactNode;
4
+ };
5
+ export declare const Stepper: ({ children }: StepperProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,2 @@
1
+ export { Table } from "./table";
2
+ export { type TableColumn } from 'react-data-table-component';
@@ -0,0 +1,41 @@
1
+ export declare const tableCustomStyles: {
2
+ table: {
3
+ style: {
4
+ backgroundColor: string;
5
+ borderRadius: string;
6
+ border: string;
7
+ overflow: string;
8
+ };
9
+ };
10
+ headRow: {
11
+ style: {
12
+ backgroundColor: string;
13
+ borderBottom: string;
14
+ };
15
+ };
16
+ headCells: {
17
+ style: {
18
+ color: string;
19
+ fontWeight: number;
20
+ fontSize: string;
21
+ };
22
+ };
23
+ rows: {
24
+ style: {
25
+ color: string;
26
+ backgroundColor: string;
27
+ };
28
+ };
29
+ cells: {
30
+ style: {
31
+ padding: string;
32
+ };
33
+ };
34
+ pagination: {
35
+ style: {
36
+ backgroundColor: string;
37
+ borderTop: string;
38
+ color: string;
39
+ };
40
+ };
41
+ };
@@ -0,0 +1,7 @@
1
+ import { TableProps as BaseTableProps } from 'react-data-table-component';
2
+ type TableProps<T> = BaseTableProps<T> & {
3
+ dataTest: string;
4
+ isLoading?: boolean;
5
+ };
6
+ export declare const Table: <T>({ data, columns, dataTest, customStyles, isLoading, onRowClicked, ...rest }: TableProps<T>) => import("react/jsx-runtime").JSX.Element | null;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ export { TextField } from "./text-field";
2
+ export type { TextFieldProps } from "./text-field";
@@ -0,0 +1,23 @@
1
+ import { InputHTMLAttributes, JSX, ReactNode } from 'react';
2
+ type TextFieldAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder">;
3
+ export type TextFieldProps = TextFieldAttributes & {
4
+ hint?: string | ReactNode;
5
+ label?: ReactNode;
6
+ invalid?: boolean;
7
+ fullWidth?: boolean;
8
+ button?: JSX.Element;
9
+ size?: "default" | "small";
10
+ noPadding?: boolean;
11
+ floatingLabel?: boolean;
12
+ };
13
+ export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldAttributes & {
14
+ hint?: string | ReactNode;
15
+ label?: ReactNode;
16
+ invalid?: boolean;
17
+ fullWidth?: boolean;
18
+ button?: JSX.Element;
19
+ size?: "default" | "small";
20
+ noPadding?: boolean;
21
+ floatingLabel?: boolean;
22
+ } & import("react").RefAttributes<HTMLInputElement>>;
23
+ export {};
@@ -0,0 +1 @@
1
+ export { Tooltip } from "./tooltip";
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren, ReactNode } from "react";
2
+ type TooltipProps = PropsWithChildren<{
3
+ title: string;
4
+ description?: ReactNode;
5
+ }>;
6
+ export declare const Tooltip: ({ children, title, description }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,11 @@
1
+ import { Control, ControllerProps, FieldValues, Path } from 'react-hook-form';
2
+ import { SelectProps } from '@/components/atoms/select';
3
+ import type { GroupBase } from "react-select";
4
+ export type FormSelectProps<T extends FieldValues, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Omit<SelectProps<Option, IsMulti, Group>, "value" | "onChange" | "onBlur" | "name"> & Pick<ControllerProps<T>, "rules" | "defaultValue"> & {
5
+ control: Control<T>;
6
+ name: Path<T>;
7
+ };
8
+ export declare const FormSelect: {
9
+ <T extends FieldValues, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ name, control, rules, defaultValue, ...rest }: FormSelectProps<T, Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
@@ -0,0 +1 @@
1
+ export { FormSelect } from "./form-select";
@@ -0,0 +1 @@
1
+ export { InvestmentGraph, Timeframes, periodOptions, type TimeFrame, type DataPoint } from "./investments-graph";