kwant-ui 3.15.5-alpha.0 → 3.16.0

package/dist/stories/data.d.ts

@@ -0,0 +1,8 @@
+export declare const chevronDown: import("react/jsx-runtime").JSX.Element;
+export declare const tabs: {
+    id: string;
+    title: string;
+    leftIcon: import("react/jsx-runtime").JSX.Element;
+    rightIcon: import("react/jsx-runtime").JSX.Element;
+    unreadCount: number;
+}[];

package/dist/stories/text.stories.d.ts

@@ -0,0 +1,29 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("../components/Text/types").TextComponent.Props) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        weight: {
+            options: string[];
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        category: {
+            options: string[];
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Subtitle: Story;
+export declare const Subtitle2: Story;
+export declare const Body: Story;
+export declare const Caption: Story;
+export declare const CustomColor: Story;

package/dist/stories/tooltip.stories.d.ts

@@ -0,0 +1,85 @@
+import type { StoryObj } from '@storybook/react';
+import TooltipStory from './Tooltip';
+declare const meta: {
+    title: string;
+    component: typeof TooltipStory;
+    tags: string[];
+    argTypes: {
+        enabled: {
+            description: string;
+            control: string;
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+        position: {
+            description: string;
+            control: string;
+            options: string[];
+        };
+        tooltipType: {
+            description: string;
+            control: string;
+            options: string[];
+        };
+        borderRadius: {
+            description: string;
+            control: string;
+        };
+        tooltipWidth: {
+            description: string;
+            control: string;
+            defaultValue: {
+                summary: string;
+            };
+        };
+        tooltipHeight: {
+            description: string;
+            control: string;
+            defaultValue: {
+                summary: string;
+            };
+        };
+        noTextWrap: {
+            description: string;
+            control: string;
+        };
+        offset: {
+            description: string;
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TopCenter: Story;
+export declare const BottomCenter: Story;
+export declare const LeftCenter: Story;
+export declare const RightCenter: Story;
+export declare const BottomLeft: Story;
+export declare const TopLeft: Story;
+export declare const TopRight: Story;
+export declare const BottomRight: Story;
+export declare const ControlledTooltip: {
+    args: {
+        position: string;
+        tooltipType: string;
+        backgroundColor: string;
+        textColor: string;
+        showTooltip: boolean;
+    };
+};
+export declare const CustomArrowPosition: {
+    args: {
+        position: string;
+        tooltipType: string;
+        backgroundColor: string;
+        textColor: string;
+        arrowPosition: {
+            top: string;
+            left: string;
+            transform: string;
+            marginLeft: string;
+        };
+    };
+};

package/dist/themes/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/themes/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,MAAM,EAAE,KAwHb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,KAAK,EAAE,KAEZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/themes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/types.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,572 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { ReactNode, InputHTMLAttributes, FC } from 'react';
+
+interface Color {
+    primary: Primary;
+    secondary: Secondary;
+    tertiary: Tertiary;
+    accent: Accent;
+    link: Link;
+    error: Error;
+    success: Success;
+    black: Black;
+    white: White;
+    grey: Grey;
+    warning: Warning;
+    disabled: Disabled;
+    text: Text$1;
+    input: Input$1;
+    green: Green;
+    blue: Blue;
+    red: Red;
+    scrollbar: Scrollbar;
+    [key: string]: any;
+}
+interface Accent {
+    accent500: string;
+    accent100: string;
+    accent75: string;
+    accent50: string;
+    accent15: string;
+}
+interface Black {
+    blackHigh: string;
+    blackMedium: string;
+    blackLow: string;
+    black: string;
+}
+interface Disabled {
+    disabledHigh: string;
+    disabledMedium: string;
+    disabledLow: string;
+}
+interface Error {
+    errorHigh: string;
+    errorMedium: string;
+    errorLow: string;
+    errorLower: string;
+}
+interface Grey {
+    greyHigh: string;
+    greyMedium: string;
+    greyLow: string;
+    grey90: string;
+    grey30: string;
+    grey20: string;
+    grey5: string;
+    grey500: string;
+}
+interface Link {
+    linkHigh: string;
+    linkMedium: string;
+    linkLow: string;
+}
+interface Primary {
+    primary100: string;
+    primary90: string;
+    primary80: string;
+    primary70: string;
+    primary60: string;
+    primary50: string;
+    primary40: string;
+    primary30: string;
+    primary20: string;
+    primary10: string;
+    primary5: string;
+}
+interface Secondary {
+    secondary100: string;
+    secondary90: string;
+    secondary80: string;
+    secondary70: string;
+    secondary60: string;
+    secondary50: string;
+    secondary40: string;
+    secondary30: string;
+    secondary20: string;
+    secondary10: string;
+    secondary5: string;
+}
+interface Success {
+    successDark: string;
+    successMedium: string;
+    successLow: string;
+}
+interface Tertiary {
+    tertiary100: string;
+    tertiary90: string;
+    tertiary80: string;
+    tertiary70: string;
+    tertiary60: string;
+    tertiary50: string;
+    tertiary40: string;
+    tertiary30: string;
+    tertiary20: string;
+    tertiary10: string;
+    tertiary5: string;
+}
+interface Warning {
+    warningHigh: string;
+    warningMedium: string;
+    warningLow: string;
+}
+interface White {
+    white: string;
+}
+interface Text$1 {
+    primary: string;
+}
+interface Input$1 {
+    focused: string;
+    focusedShadow: string;
+    focusedShadowError: string;
+}
+interface Green {
+    green40: string;
+    green10: string;
+    green5: string;
+}
+interface Blue {
+    blue5: string;
+}
+interface Red {
+    red050: string;
+}
+interface Scrollbar {
+    track: string;
+    thumb: string;
+}
+
+declare namespace ButtonComponent {
+    export type Props = {
+        label?: string;
+        buttontype?: ButtonType;
+        onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        width?: number;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        variant?: ButtonVariant;
+        cursor?: string;
+    };
+    export enum Variant {
+        outline = "outline",
+        filled = "filled",
+        light = "light",
+        subtle = "subtle"
+    }
+    type ButtonVariant = keyof typeof Variant;
+    export type ButtonWrapper = {
+        buttontype: ButtonType;
+        disabled?: boolean;
+        cursor?: string;
+        variant: ButtonVariant;
+        width?: number;
+    };
+    export enum ButtonEnum {
+        primary = 0,
+        secondary = 1,
+        error = 2,
+        success = 3,
+        warning = 4,
+        tertiary = 5
+    }
+    export type ButtonColors = {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        tertiary: string;
+    };
+    export type ButtonType = keyof typeof ButtonEnum;
+    export type SwitchButtonStyles = {
+        disabled?: boolean;
+        theme: Color;
+        buttontype: ButtonType;
+        variant: ButtonVariant;
+    };
+    export {};
+}
+
+declare const Button: (props: ButtonComponent.Props) => react_jsx_runtime.JSX.Element;
+
+type Options = {
+    id: number;
+    icon: ReactNode;
+    title: string;
+};
+type StepperProps = {
+    options: Options[];
+    activeStep: number;
+    onStepChange: (step: number) => void;
+    direction: 'row' | 'column';
+    hasBottom: boolean;
+    bottomOptions: Options[];
+};
+declare function Stepper({ options, activeStep, onStepChange, direction, hasBottom, bottomOptions }: StepperProps): react_jsx_runtime.JSX.Element;
+
+declare namespace TextComponent {
+    type Props = ParagraphTypes & {
+        onClick?: (event: React.MouseEvent<HTMLParagraphElement, MouseEvent>) => void;
+        children?: React.ReactNode;
+        type?: Type;
+    };
+    type Category = "subtitle" | "subtitle2" | "body" | "bodyEm" | "bodySm" | "button" | "prefix" | "caption" | "link" | "title";
+    type Type = "error" | "success";
+    type ParagraphTypes = {
+        category?: Category;
+        color?: string;
+        type?: Type;
+    };
+}
+
+declare const Text: (props: TextComponent.Props) => react_jsx_runtime.JSX.Element;
+
+type DataProps = {
+    titleText: string;
+    description: string;
+};
+type SliderProps = {
+    autoPlay: boolean;
+    content?: DataProps[];
+    interval: number;
+    contentWidth?: number;
+    dotsAlignment?: string;
+    dotsActiveColor?: string;
+    dotsBackgroundColor?: string;
+};
+declare const Slider: (props: SliderProps) => react_jsx_runtime.JSX.Element;
+
+declare namespace Checkbox$1 {
+    type Props = {
+        name?: string;
+        label?: React.ReactNode | string;
+        onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+        onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        color?: string;
+        disabled?: boolean;
+        defaultChecked?: boolean;
+        checked?: boolean;
+        variant?: CheckboxVariant;
+    };
+    enum Variant {
+        default = "default",
+        line = "line"
+    }
+    type CheckboxVariant = keyof typeof Variant;
+    type CheckboxContainer = {
+        label?: string;
+        disabled?: boolean;
+        color: string;
+    };
+}
+
+declare const Checkbox: React$1.ForwardRefExoticComponent<Checkbox$1.Props & React$1.RefAttributes<HTMLInputElement>>;
+
+type ContainerWidth = "fit-content" | string | "full";
+type FeedbackSectionAlignment = "left" | "center" | "right";
+type ContentAlignment = "left" | "center" | "right";
+
+interface OTPChangeHandler<T> {
+  (otp: string, event: T): void;
+}
+
+type OTPInputProps = {
+  value?: string;
+  length?: number;
+  type?: "number" | "text";
+  autofocus?: boolean;
+  onChange?: OTPChangeHandler<
+    React.ChangeEvent | React.KeyboardEvent | React.ClipboardEvent
+  >;
+  onOTPComplete?: (otp: string) => void;
+  hasError?: boolean;
+  inputWidth?: string | number;
+  inputHeight?: string | number;
+  feedbackSectionAlignment?: FeedbackSectionAlignment;
+  containerWidth?: ContainerWidth;
+  contentAlignment?: ContentAlignment;
+  feedbackSection?: React.ReactNode;
+};
+
+type OTPObj = {
+  [key: string | number]: string;
+};
+
+declare namespace InputComponent {
+    type Props = InputHTMLAttributes<HTMLInputElement> & {
+        onClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        disabled?: boolean;
+        value?: string | number | null;
+        name?: string;
+        type?: string;
+        required?: boolean;
+        readOnly?: boolean;
+        label?: string;
+        errorMessage?: string;
+        error?: boolean;
+        id?: string;
+        helperText?: string;
+        onBlur?: () => void;
+        onFocus?: () => void;
+        rightSection?: React.ReactNode;
+        leftSection?: React.ReactNode;
+    };
+    type Astrik = {
+        disabled: boolean;
+    };
+    type InputWrapper = {
+        isFocused?: boolean;
+        error?: boolean;
+        disabled?: boolean;
+    };
+    type SwitchInputWrapperStyles = InputComponent.InputWrapper & {
+        theme: Color;
+    };
+    type SwitchInputStyles = {
+        theme: Color;
+        disabled?: boolean;
+    };
+    type InputSection = {
+        paddingRight?: number;
+        paddingLeft?: number;
+    };
+}
+
+declare const Input: FC<InputComponent.Props>;
+
+declare namespace RowComponent {
+    type Props = RowTypes & {
+        children?: React.ReactNode;
+    };
+    type RowTypes = {};
+}
+declare namespace ColComponent {
+    type Props = ColTypes & {
+        children?: React.ReactNode;
+        style?: any;
+    };
+    type ColTypes = {
+        xxsm?: number;
+        xsm?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+    };
+}
+
+declare function Row(props: RowComponent.Props): react_jsx_runtime.JSX.Element;
+
+declare function Col({ xxsm, xsm, sm, md, lg, xl, xxl, ...props }: ColComponent.Props): react_jsx_runtime.JSX.Element;
+
+type XAlign = "left" | "center" | "right";
+type YAlign = "top" | "bottom";
+
+type ToastPosition = `${YAlign}-${XAlign}`;
+
+type IToastProviderConfig = {
+  timeout?: number;
+  position?: ToastPosition;
+  children: React.ReactNode;
+  offsetX?: number;
+  offsetY?: number;
+};
+
+declare const ToastProvider: ({ children, position, timeout, offsetX, offsetY }: IToastProviderConfig) => react_jsx_runtime.JSX.Element;
+
+declare const useToast: (hookConfig?: Omit<IToastProviderConfig, 'children'>) => {
+    [key: string]: (message: string, config?: {
+        timeout?: number;
+    }) => void;
+};
+
+declare const useOutsideClick: (callback: any) => React__default.MutableRefObject<HTMLDivElement>;
+
+declare function useDebouncedValue(value: string | number, timeout?: number): string | number;
+
+declare const useToggle: (defaultIsActive?: boolean) => {
+    isActive: boolean;
+    toggle: () => void;
+    close: () => void;
+    open: () => void;
+};
+
+declare namespace CountryCodeInputComponent {
+    export type Props = CountryCodeInputTypes & {
+        children?: React.ReactNode;
+    };
+    type SelectedCountryType = {
+        dial_code?: string;
+        code?: string;
+    };
+    type InputType = 'normal' | 'error';
+    export type CountryCodeInputTypes = {
+        label?: string;
+        value?: number;
+        selectedCountry?: SelectedCountryType;
+        type?: InputType;
+        message?: string;
+        setSelectedCountry?: any;
+        setValue?: any;
+        showCountryCode?: boolean;
+    };
+    export {};
+}
+
+declare const CountryCodeInput: ({ label, value, setValue, selectedCountry, setSelectedCountry, type, message, showCountryCode, }: CountryCodeInputComponent.Props) => react_jsx_runtime.JSX.Element;
+
+declare namespace TooltipComponent {
+    type Props = TooltipTypes & {
+        children?: React.ReactNode;
+    };
+    type Position = 'top-center' | 'bottom-center' | 'left-center' | 'right-center' | 'bottom-left' | 'top-left' | 'top-right' | 'bottom-right';
+    type ToolType = 'text' | 'content';
+    type TooltipTypes = {
+        position?: Position;
+        backgroundColor?: string;
+        tooltipType?: ToolType;
+        textColor?: string;
+        tooltipContent?: any;
+        top?: string;
+        left?: string;
+        width?: string;
+        height?: string;
+        showTooltip?: boolean;
+        borderRadius?: string;
+    };
+}
+
+declare const Tooltip: (props: TooltipComponent.Props) => react_jsx_runtime.JSX.Element;
+
+type Option = {
+    label: string;
+    value: string | null;
+    [key: string]: any;
+};
+type Props = {
+    maxHeight?: number;
+    width?: number | string;
+    children?: React__default.ReactNode;
+    offsetTop?: string;
+    offsetLeft?: string;
+    offsetRight?: string;
+    opened?: boolean;
+    onChange?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    onDropdownVisibilityChange?: () => void;
+    data?: Option[];
+    onSelect?: (option: Option, index: number) => void;
+    itemComponent?: React__default.FunctionComponent<Option & {
+        index: number;
+    }>;
+    showSeparator?: boolean;
+    collapseOnSelect?: boolean;
+    toggleOnTargetClick?: boolean;
+    inputLeftSection?: React__default.ReactNode;
+    inputRightSection?: React__default.ReactNode;
+    searchPlaceholder?: string;
+    searchable?: boolean;
+    showScrollbar?: boolean;
+};
+declare const DropdownSelect: (props: Props) => react_jsx_runtime.JSX.Element;
+
+declare namespace IconLabelComponent {
+    type Props = IconLabelTypes & {
+        children?: React.ReactNode;
+    };
+    type IconLabelTypes = {
+        icon?: any;
+        label?: string;
+    };
+}
+
+declare function IconLabel(props: IconLabelComponent.Props): react_jsx_runtime.JSX.Element;
+
+interface ICrumb {
+    name: string;
+    path: string;
+}
+declare const Breadcrumb: ({ crumbs, showFavoriteButton, onCrumbClick, onFavoriteClick, }: {
+    crumbs: ICrumb[];
+    showFavoriteButton?: boolean;
+    onCrumbClick?: (crumb: ICrumb) => void;
+    onFavoriteClick?: (crumb: ICrumb) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+declare namespace AvatarDeclarations {
+    type Size = number | string | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    interface SizesObj {
+        [key: Size]: {
+            avatarSize: number;
+            fontSize: number;
+        };
+    }
+    interface Props {
+        src?: string;
+        alt?: string;
+        backgroundColor?: 'random' | string;
+        size?: Size;
+        fontSize?: string | number;
+        fontColor?: string;
+        objectFit?: 'cover' | 'contain';
+        avatarButton?: React.ReactNode;
+        onClick?: (params: Props) => void;
+        avatarButtonRightOffset?: number;
+        avatarButtonBottomOffset?: number;
+        [key: string]: any;
+    }
+    type Image = HTMLImageElement | null;
+    interface StyledAvatarContainer {
+        background: string;
+        size: Size;
+    }
+    interface StyledAvatarImage {
+        objectFit: 'cover' | 'contain';
+    }
+    interface StyledAvatarPlaceholder {
+        fontSize: string;
+        fontColor: string;
+    }
+    interface StyledAvatarButton {
+        rightOffset: string;
+        bottomOffset: string;
+    }
+}
+
+declare const Avatar: (props: AvatarDeclarations.Props) => react_jsx_runtime.JSX.Element;
+
+declare namespace AvatarGroupDelcarations {
+    interface Props {
+        borderWidth?: number;
+        borderColor?: string;
+        boxShadow?: string;
+        avatars?: AvatarDeclarations.Props[];
+        size?: AvatarDeclarations.Size;
+    }
+    interface StyledAvatarContainer {
+        height: string;
+    }
+    interface StyledAvatarItem {
+        borderWidth?: string;
+        borderColor?: string;
+        boxShadow?: string;
+        index?: number;
+    }
+}
+
+declare const AvatarGroup: (props: AvatarGroupDelcarations.Props) => react_jsx_runtime.JSX.Element;
+
+declare namespace SelectorComponent {
+    type Props = {
+        content: any;
+        activeKey?: string;
+        onClick?: any;
+    };
+}
+
+declare const Selector: ({ content, activeKey, onClick }: SelectorComponent.Props) => react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarGroup, Breadcrumb, Button, Checkbox, Col, ContainerWidth, ContentAlignment, CountryCodeInput, DataProps, DropdownSelect, FeedbackSectionAlignment, IconLabel, Input, OTPChangeHandler, OTPInputProps, OTPObj, Row, Selector, Slider, SliderProps, Stepper, StepperProps, Text, ToastProvider, Tooltip, useDebouncedValue, useOutsideClick, useToast, useToggle };