@namuna-nur/ui-kit 1.0.2

package/lib/src/atoms/IconButton/IconButton.tokens.d.ts

@@ -0,0 +1,47 @@
+export declare const iconButtonTokens: {
+    base: string;
+    icon: {
+        base: string;
+        disabled: {
+            default: string;
+            primary: string;
+            text: string;
+        };
+        variants: {
+            default: string;
+            primary: string;
+            text: string;
+        };
+    };
+    badgeStyles: {
+        base: string;
+        badgeStyles: string;
+    };
+    shape: {
+        circle: string;
+        square: string;
+    };
+    variants: {
+        default: {
+            active: string;
+            base: string;
+            disabled: string;
+            focus: string;
+            hover: string;
+        };
+        primary: {
+            active: string;
+            base: string;
+            disabled: string;
+            focus: string;
+            hover: string;
+        };
+        text: {
+            base: string;
+            hover: string;
+            focus: string;
+            active: string;
+            disabled: string;
+        };
+    };
+};

package/lib/src/atoms/IconButton/IconButton.types.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { ButtonHTMLAttributes, FunctionComponent, SVGProps } from 'react';
+import { IconButton } from './IconButton';
+import { iconButtonTokens } from './IconButton.tokens';
+export type IconButtonStory = StoryObj<typeof IconButton>;
+export type IconButtonVariant = keyof (typeof iconButtonTokens)['variants'];
+export type IconButtonClassNames = {
+    icon?: string;
+    button?: string;
+    text?: string;
+};
+export type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: IconButtonVariant;
+    icon: FunctionComponent<SVGProps<SVGSVGElement>>;
+    shape: 'circle' | 'square';
+    badge?: number;
+    text?: string;
+    classNames?: IconButtonClassNames;
+    iconSizes?: {
+        height?: number;
+        width?: number;
+        viewBox?: string;
+    };
+};

package/lib/src/atoms/IconButton/index.d.ts

@@ -0,0 +1,3 @@
+export { IconButton } from './IconButton';
+export * from './IconButton.tokens';
+export type * from './IconButton.types';

package/lib/src/atoms/Input/Input.d.ts

@@ -0,0 +1,11 @@
+export declare const Input: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
+    status?: import('..').InputMessageType;
+    message?: string;
+    classNames?: {
+        parent?: string;
+        target?: string;
+        label?: string;
+        status?: string;
+        icon?: string;
+    };
+} & import('react').RefAttributes<HTMLInputElement>>;

package/lib/src/atoms/Input/Input.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react-vite';
+import { Input, InputStory } from '..';
+declare const meta: Meta<typeof Input>;
+export declare const Default: InputStory;
+export declare const Focus: InputStory;
+export declare const Filled: InputStory;
+export declare const Disabled: InputStory;
+export declare const Success: InputStory;
+export declare const Danger: InputStory;
+export declare const Info: InputStory;
+export declare const CharacterLimitInput: InputStory;
+export default meta;

package/lib/src/atoms/Input/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Input/Input.tokens.d.ts

@@ -0,0 +1,21 @@
+export declare const inputTokens: {
+    parent: string;
+    base: string;
+    disabled: string;
+    state: {
+        active: string;
+        focus: string;
+        hover: string;
+    };
+    styles: {
+        danger: string;
+        info: string;
+        success: string;
+    };
+    maxLength: string;
+    message: {
+        danger: string;
+        success: string;
+        info: string;
+    };
+};

package/lib/src/atoms/Input/Input.types.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+import { InputHTMLAttributes } from 'react';
+import { Input } from '..';
+export type InputStory = StoryObj<typeof Input>;
+export type InputMessageType = 'success' | 'danger' | 'info';
+export type InputStatus = 'active' | 'focus' | 'hover';
+export type InputLabel = 'base' | 'disabled';
+export type InputTokens = {
+    parent: string;
+    base: string;
+    disabled: string;
+    styles: Record<InputMessageType, string>;
+    state: Record<InputStatus, string>;
+    message: Record<InputMessageType, string>;
+    maxLength?: string;
+};
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+    status?: InputMessageType;
+    message?: string;
+    classNames?: {
+        parent?: string;
+        target?: string;
+        label?: string;
+        status?: string;
+        icon?: string;
+    };
+};

package/lib/src/atoms/Input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Input';
+export * from './Input.tokens';
+export type * from './Input.types';

package/lib/src/atoms/Label/Label.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & {
+    disabled?: boolean;
+} & React.RefAttributes<HTMLLabelElement>>;

package/lib/src/atoms/Label/Label.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { LabelStory, Label } from '..';
+declare const meta: Meta<typeof Label>;
+export declare const Default: LabelStory;
+export declare const Disabled: LabelStory;
+export default meta;

package/lib/src/atoms/Label/Label.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Label/Label.tokens.d.ts

@@ -0,0 +1,2 @@
+import { LabelTokens } from '..';
+export declare const labelTokens: LabelTokens;

package/lib/src/atoms/Label/Label.types.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { Label } from './Label';
+import type * as React from 'react';
+export type LabelStory = StoryObj<typeof Label>;
+export type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
+    disabled?: boolean;
+};
+export type LabelTokens = {
+    base: string;
+    disabled: string;
+};

package/lib/src/atoms/Label/index.d.ts

@@ -0,0 +1,3 @@
+export { Label } from './Label';
+export * from './Label.tokens';
+export type * from './Label.types';

package/lib/src/atoms/Message/Message.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const Message: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import('..').MessageType & {
+    isMine: boolean;
+    senderName: string;
+    firstMessage?: boolean;
+    lastMessage?: boolean;
+    classNames?: import('..').MessageClasses;
+} & React.RefAttributes<HTMLDivElement>>;

package/lib/src/atoms/Message/Message.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { Message, MessageStory } from '..';
+declare const meta: Meta<typeof Message>;
+export declare const Default: MessageStory;
+export declare const WithSenderName: MessageStory;
+export declare const DeliveredMessage: MessageStory;
+export declare const ReadMessage: MessageStory;
+export declare const MyMessage: MessageStory;
+export declare const OtherMessage: MessageStory;
+export default meta;

package/lib/src/atoms/Message/Message.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Message/Message.tokens.d.ts

@@ -0,0 +1,2 @@
+import { MessageTokens } from '..';
+export declare const messageTokens: MessageTokens;

package/lib/src/atoms/Message/Message.types.d.ts

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react';
+import { HTMLAttributes } from 'react';
+import { Message } from '..';
+export type MessageStory = StoryObj<typeof Message>;
+export type MessageStatus = 'sent' | 'delivered' | 'read';
+export type MessageType = {
+    id: string | undefined;
+    text: string;
+    timestamp: Date | null;
+    status: MessageStatus;
+};
+export type MessageTokens = {
+    base: string;
+    bubbleTail: string;
+    wrapper: {
+        above: string;
+        below: string;
+    };
+    sender: string;
+    message: string;
+    timestamp: string;
+};
+export type MessageClasses = {
+    root?: string;
+    base?: string;
+    sender?: string;
+    message?: string;
+    timestamp?: string;
+    status?: string;
+    bubbleTail?: string;
+};
+export type MessageProps = HTMLAttributes<HTMLDivElement> & MessageType & {
+    isMine: boolean;
+    senderName: string;
+    firstMessage?: boolean;
+    lastMessage?: boolean;
+    classNames?: MessageClasses;
+};

package/lib/src/atoms/Message/index.d.ts

@@ -0,0 +1,3 @@
+export { Message } from './Message';
+export type * from './Message.types';
+export * from './Message.tokens';

package/lib/src/atoms/Notification/Notification.d.ts

@@ -0,0 +1,2 @@
+import { NotificationProps } from './Notification.types';
+export declare const Notification: ({ type, title, description, withIcon, }: NotificationProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/atoms/Notification/Notification.data.d.ts

@@ -0,0 +1,7 @@
+export declare const ICONS: {
+    success: import("react/jsx-runtime").JSX.Element;
+    danger: import("react/jsx-runtime").JSX.Element;
+    info: import("react/jsx-runtime").JSX.Element;
+    warning: import("react/jsx-runtime").JSX.Element;
+    default: import("react/jsx-runtime").JSX.Element;
+};

package/lib/src/atoms/Notification/Notification.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react-vite';
+import { Notification } from './Notification';
+declare const meta: Meta<typeof Notification>;
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypeInfo: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypeSuccess: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypeWarning: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypeDanger: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/atoms/Notification/Notification.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Notification/Notification.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type NotificationPropsType = 'info' | 'success' | 'warning' | 'danger';
+export type NotificationProps = {
+    type: NotificationPropsType | undefined | null | 'default';
+    title: string | undefined;
+    description: string | ReactNode;
+    withIcon?: boolean | undefined;
+};

package/lib/src/atoms/Notification/Notification.utils.d.ts

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as React from 'react';
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref">, "withIcon"> & VariantProps<(props?: ({
+    variant?: "success" | "danger" | "info" | "default" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+    withIcon?: boolean;
+} & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export declare const Toaster: ({ duration }: {
+    duration?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/lib/src/atoms/Notification/index.d.ts

@@ -0,0 +1,2 @@
+export { Notification } from './Notification';
+export type * from './Notification.types';

package/lib/src/atoms/Radio/Radio.d.ts

@@ -0,0 +1,5 @@
+export declare const Radio: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    id: string;
+    disabled?: boolean;
+    size?: "medium" | "large";
+} & import('react').RefAttributes<HTMLInputElement>>;

package/lib/src/atoms/Radio/Radio.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-vite';
+import { RadioStory, Radio } from '..';
+declare const meta: Meta<typeof Radio>;
+export declare const Default: RadioStory;
+export declare const Checked: RadioStory;
+export declare const Disabled: RadioStory;
+export default meta;

package/lib/src/atoms/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Radio/Radio.tokens.d.ts

@@ -0,0 +1,20 @@
+export declare const radioTokens: {
+    base: string;
+    active: string;
+    hover: string;
+    checked: string;
+    disabled: string;
+    radio: {
+        base: string;
+        large: string;
+        medium: string;
+    };
+    sizes: {
+        large: {
+            label: string;
+        };
+        medium: {
+            label: string;
+        };
+    };
+};

package/lib/src/atoms/Radio/Radio.types.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import { Radio, radioTokens } from '..';
+export type RadioStory = StoryObj<typeof Radio>;
+type RadioSize = keyof (typeof radioTokens)['sizes'];
+export type RadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    id: string;
+    disabled?: boolean;
+    size?: RadioSize;
+};
+export {};

package/lib/src/atoms/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export { Radio } from './Radio';
+export * from './Radio.tokens';
+export type * from './Radio.types';

package/lib/src/atoms/Select/Select.d.ts

@@ -0,0 +1,2 @@
+import { SelectProps } from '..';
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/atoms/Select/Select.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryFn, StoryObj } from '@storybook/react';
+import { SelectProps, Select } from '..';
+type Story = StoryObj<typeof Select>;
+declare const meta: Meta<typeof Select>;
+export declare const Template: StoryFn<SelectProps>;
+export declare const Default: Story;
+export declare const Selected: Story;
+export declare const Disabled: Story;
+export declare const Danger: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Dotable: Story;
+export default meta;

package/lib/src/atoms/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Select/Select.tokens.d.ts

@@ -0,0 +1,43 @@
+export declare const selectTokens: {
+    container: string;
+    base: {
+        icon: string;
+        iconDisabled: string;
+        items: string;
+        itemsText: string;
+        placeholder: string;
+        selected: string;
+        trigger: string;
+        focus: string;
+        hover: string;
+    };
+    disabled: {
+        trigger: string;
+        triggerText: string;
+        selectedDisabled: string;
+    };
+    options: {
+        content: string;
+        items: string;
+        itemsText: string;
+        dot: string;
+        active: string;
+    };
+    message: {
+        base: string;
+        styles: {
+            danger: {
+                message: string;
+                trigger: string;
+            };
+            info: {
+                message: string;
+                trigger: string;
+            };
+            success: {
+                message: string;
+                trigger: string;
+            };
+        };
+    };
+};

package/lib/src/atoms/Select/Select.types.d.ts

@@ -0,0 +1,30 @@
+export type SelectClassNames = {
+    trigger?: string;
+    content?: string;
+    placeholder?: string;
+    parent?: string;
+    selected?: string;
+};
+export type SelectOption = {
+    label: string;
+    value: string;
+};
+export type SelectMessageType = 'success' | 'danger' | 'info';
+export type SelectMessage = {
+    type: SelectMessageType;
+    text: string;
+};
+export type SelectProps = {
+    options: SelectOption[];
+    onChange: (value: string) => void;
+    value: string;
+    classNames?: SelectClassNames;
+    placeholder?: string;
+    disabled?: boolean;
+    message?: SelectMessage;
+    isDotable?: boolean;
+};
+export declare const selectStoryItems: {
+    label: string;
+    value: string;
+}[];

package/lib/src/atoms/Select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Select';
+export * from './Select.tokens';
+export type * from './Select.types';

package/lib/src/atoms/Status/Status.d.ts

@@ -0,0 +1,2 @@
+import { StatusProps } from '..';
+export declare const Status: React.FC<StatusProps>;

package/lib/src/atoms/Status/Status.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { StatusStory, Status } from '..';
+declare const meta: Meta<typeof Status>;
+export declare const Default: StatusStory;
+export declare const Info: StatusStory;
+export declare const Success: StatusStory;
+export declare const Danger: StatusStory;
+export declare const Warning: StatusStory;
+export default meta;

package/lib/src/atoms/Status/Status.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Status/Status.tokens.d.ts

@@ -0,0 +1,10 @@
+export declare const statusTokens: {
+    base: string;
+    status: {
+        success: string;
+        info: string;
+        danger: string;
+        warning: string;
+        default: string;
+    };
+};

package/lib/src/atoms/Status/Status.types.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react';
+import { Status } from '..';
+export type StatusProps = {
+    text: string;
+    variant?: 'success' | 'info' | 'warning' | 'danger' | 'default';
+    className?: string;
+};
+export type StatusStory = StoryObj<typeof Status>;

package/lib/src/atoms/Status/index.d.ts

@@ -0,0 +1,3 @@
+export { Status } from './Status';
+export * from './Status.tokens';
+export type * from './Status.types';

package/lib/src/atoms/Switch/Switch.d.ts

@@ -0,0 +1,8 @@
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.InputHTMLAttributes<HTMLInputElement> & {
+    classNames?: {
+        root?: string;
+        thumb?: string;
+    };
+} & React.RefAttributes<HTMLButtonElement>>;

package/lib/src/atoms/Switch/Switch.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { Switch, SwitchStory } from '..';
+declare const meta: Meta<typeof Switch>;
+export declare const Left: SwitchStory;
+export declare const Right: SwitchStory;
+export default meta;

package/lib/src/atoms/Switch/Switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/atoms/Switch/Switch.tokens.d.ts

@@ -0,0 +1,2 @@
+import { SwitchTokens } from './Switch.types';
+export declare const switchTokens: SwitchTokens;

package/lib/src/atoms/Switch/Switch.types.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { InputHTMLAttributes } from 'react';
+import { Switch } from '..';
+export type SwitchStory = StoryObj<typeof Switch>;
+export type SwitchProps = InputHTMLAttributes<HTMLInputElement> & {
+    classNames?: {
+        root?: string;
+        thumb?: string;
+    };
+};
+export type SwitchTokens = {
+    base: string;
+    thumb: string;
+    borderLine: string;
+    iconWrapper: {
+        base: string;
+        checked: string;
+    };
+};

package/lib/src/atoms/Switch/index.d.ts

@@ -0,0 +1,3 @@
+export { Switch } from './Switch';
+export * from './Switch.tokens';
+export type * from './Switch.types';

package/lib/src/atoms/Tab/Tab.d.ts

@@ -0,0 +1,10 @@
+export declare const Tab: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "small" | "large" | "medium";
+    icon?: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    active?: boolean;
+    iconDimensions?: {
+        height?: number;
+        width?: number;
+        viewBox?: string;
+    };
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/src/atoms/Tab/Tab.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react-vite';
+import { Tab } from './Tab';
+import { TabStory } from './Tab.types';
+declare const meta: Meta<typeof Tab>;
+export declare const SmallDefault: TabStory;
+export declare const SmallActive: TabStory;
+export declare const SmallDisabled: TabStory;
+export declare const MediumDefault: TabStory;
+export declare const MediumActive: TabStory;
+export declare const MediumDisabled: TabStory;
+export declare const LargeDefault: TabStory;
+export declare const LargeActive: TabStory;
+export declare const LargeDisabled: TabStory;
+export default meta;

package/lib/src/atoms/Tab/Tab.test.d.ts

@@ -0,0 +1 @@
+export {};