@namuna-nur/ui-kit 1.0.2

package/lib/src/molecules/TabGroup/TabGroup.tokens.d.ts

@@ -0,0 +1,26 @@
+export declare const tabGroupTokens: {
+    base: string;
+    list: string;
+    trigger: {
+        base: string;
+        active: string;
+        hover: string;
+        disabled: string;
+    };
+    overlayBorder: string;
+    content: {
+        base: string;
+        title: {
+            wrapper: string;
+            text: string;
+        };
+    };
+    datalist: {
+        title: {
+            wrapper: string;
+            text: string;
+        };
+        base: string;
+        item: string;
+    };
+};

package/lib/src/molecules/TabGroup/TabGroup.types.d.ts

@@ -0,0 +1,33 @@
+import { StoryObj } from '@storybook/react';
+import { TabGroup } from '..';
+export type TabGroupStory = StoryObj<typeof TabGroup>;
+export type TabContentItem = {
+    label: string;
+    value: string;
+};
+export type FlatItemDataProps = {
+    list: TabContentItem[];
+};
+export type TabItem = {
+    value: string;
+    disabled: boolean;
+    content: {
+        main: TabContentItem[];
+        secondary: TabContentItem[];
+    };
+};
+export type TabGroupProps = {
+    tabs: TabItem[];
+    activeTab: string;
+    onTabChange: (tab: string) => void;
+    onEditTabContent: (tab: TabItem) => void;
+    classNames?: {
+        base?: string;
+        list?: string;
+        trigger?: string;
+        content?: string;
+        overlayBorder?: string;
+        datalist?: string;
+        dataItem?: string;
+    };
+};

package/lib/src/molecules/TabGroup/TabGroup.utils.d.ts

@@ -0,0 +1,2 @@
+import { TabItem } from './TabGroup.types';
+export declare const TAB_ITEMS: TabItem[];

package/lib/src/molecules/TabGroup/index.d.ts

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

package/lib/src/molecules/TabSwitch/TabSwitch.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TabSwitchProps } from '..';
+export declare const TabSwitch: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-tabs').TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabSwitchProps & React.RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/TabSwitch/TabSwitch.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { TabSwitch, TabSwitchStory } from '..';
+declare const meta: Meta<typeof TabSwitch>;
+export declare const Default: TabSwitchStory;
+export default meta;

package/lib/src/molecules/TabSwitch/TabSwitch.test.d.ts

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

package/lib/src/molecules/TabSwitch/TabSwitch.tokens.d.ts

@@ -0,0 +1,10 @@
+export declare const TabSwitchTokens: {
+    tab: string;
+    list: string;
+    trigger: string;
+    content: string;
+    badge: string;
+    label: string;
+    activeIcon: string;
+    iconInactive: string;
+};

package/lib/src/molecules/TabSwitch/TabSwitch.types.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+import { FunctionComponent, SVGProps } from 'react';
+import { TabSwitch } from './TabSwitch';
+export type TabSwitchItem = {
+    label: string;
+    value: string;
+    disabled: boolean;
+    badge?: number;
+    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+};
+export type TabSwitchProps = {
+    tabs: TabSwitchItem[];
+    activeTab: string;
+    iconSizes?: {
+        width?: number;
+        height?: number;
+        viewBox?: string;
+    };
+    onTabChange: (tab: string) => void;
+    classNames?: {
+        tab?: string;
+        trigger?: string;
+        list?: string;
+        content?: string;
+        icon?: string;
+    };
+};
+export type TabSwitchStory = StoryObj<typeof TabSwitch>;

package/lib/src/molecules/TabSwitch/TabSwitch.utils.d.ts

@@ -0,0 +1,2 @@
+import { TabSwitchItem } from '..';
+export declare const TAB_SWITCH_ITEMS: TabSwitchItem[];

package/lib/src/molecules/TabSwitch/index.d.ts

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

package/lib/src/molecules/Table/Table.d.ts

@@ -0,0 +1,2 @@
+import { TableProps } from '..';
+export declare function Table<T extends object>({ className, columns, data, select, setSelect, onRowClick, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/Table/Table.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { Table, StoryDefault } from '..';
+declare const meta: Meta<typeof Table>;
+export declare const DefaultStory: StoryDefault;
+export default meta;

package/lib/src/molecules/Table/Table.test.d.ts

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

package/lib/src/molecules/Table/Table.tokens.d.ts

@@ -0,0 +1,14 @@
+export declare const tableTokens: {
+    root: string;
+    wrapper: string;
+    table: string;
+    tableHeader: string;
+    firstHeaderCell: string;
+    headerCell: string;
+    firstBodyCell: string;
+    bodyCell: string;
+    row: string;
+    footerCell: string;
+    emptyRow: string;
+    headerText: string;
+};

package/lib/src/molecules/Table/Table.types.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { ColumnDef } from '@tanstack/react-table';
+import { Table } from '..';
+import { DataDefaultMockType } from './mocks/data';
+export type MetaType = {
+    headerClass?: string;
+    cellClass?: string;
+    isSortable?: boolean;
+};
+export type StoryDefault = StoryObj<typeof Table<DataDefaultMockType>>;
+export type TableProps<T> = {
+    columns: ColumnDef<T, unknown>[];
+    data: T[];
+    className?: string;
+    select: string[];
+    setSelect: (val: string[] | ((prev: string[]) => string[])) => void;
+    onRowClick?: (row: string) => void;
+};

package/lib/src/molecules/Table/index.d.ts

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

package/lib/src/molecules/Table/mocks/data.d.ts

@@ -0,0 +1,15 @@
+import { ColumnDef } from '@tanstack/react-table';
+export declare const mockDataForDefault: DataDefaultMockType[];
+export declare const mockColumnsDefault: ColumnDef<DataDefaultMockType>[];
+export type DataDefaultMockType = {
+    name: string;
+    address: string;
+    corpus: string;
+    section: string;
+    flat: string;
+    price: string;
+    status: string;
+    actions: string;
+    user: string;
+    date: string;
+};

package/lib/src/molecules/TextareaGroup/TextareaGroup.d.ts

@@ -0,0 +1,2 @@
+import { TextareaGroupProps } from '..';
+export declare const TextareaGroup: ({ disabled, labelProps, textareaProps, ...props }: TextareaGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/TextareaGroup/TextareaGroup.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { TextareaGroupStory, TextareaGroup } from '..';
+declare const meta: Meta<typeof TextareaGroup>;
+export declare const Default: TextareaGroupStory;
+export declare const Disabled: TextareaGroupStory;
+export declare const Success: TextareaGroupStory;
+export declare const Danger: TextareaGroupStory;
+export default meta;

package/lib/src/molecules/TextareaGroup/TextareaGroup.test.d.ts

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

package/lib/src/molecules/TextareaGroup/TextareaGroup.tokens.d.ts

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

package/lib/src/molecules/TextareaGroup/TextareaGroup.types.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { TextareaGroup } from './TextareaGroup';
+import { TextareaProps, LabelProps } from '../../atoms';
+export type TextareaGroupStory = StoryObj<typeof TextareaGroup>;
+export type TextareaGroupTokens = {
+    root: string;
+};
+export type TextareaGroupProps = {
+    disabled?: boolean;
+    labelProps: LabelProps;
+    textareaProps: TextareaProps;
+    className?: string;
+};

package/lib/src/molecules/TextareaGroup/index.d.ts

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

package/lib/src/molecules/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,2 @@
+import { ToggleGroupProps } from '..';
+export declare const ToggleGroup: ({ fieldLabel, disabled, className, labelProps, toggleProps, onClick, }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/ToggleGroup/ToggleGroup.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { ToggleGroup, ToggleGroupStory } from '..';
+declare const meta: Meta<typeof ToggleGroup>;
+export declare const Default: ToggleGroupStory;
+export declare const Checked: ToggleGroupStory;
+export declare const Disabled: ToggleGroupStory;
+export declare const DefaultWithLabel: ToggleGroupStory;
+export declare const CheckedWithLabel: ToggleGroupStory;
+export default meta;

package/lib/src/molecules/ToggleGroup/ToggleGroup.test.d.ts

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

package/lib/src/molecules/ToggleGroup/ToggleGroup.types.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+import { ToggleProps, LabelProps } from '../../atoms';
+import { ToggleGroup } from '..';
+export type ToggleGroupStory = StoryObj<typeof ToggleGroup>;
+export type ToggleGroupProps = {
+    fieldLabel?: string;
+    labelProps?: LabelProps;
+    toggleProps: ToggleProps;
+    disabled?: boolean;
+    className?: string;
+    onClick?: () => void;
+};

package/lib/src/molecules/ToggleGroup/ToogleGroup.tokens.d.ts

@@ -0,0 +1,3 @@
+export declare const toggleGroupTokens: {
+    root: string;
+};

package/lib/src/molecules/ToggleGroup/index.d.ts

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

package/lib/src/molecules/UploadInput/UploadInput.d.ts

@@ -0,0 +1,18 @@
+import * as Toogle from '@radix-ui/react-toggle';
+import * as React from 'react';
+export declare const UploadInput: React.ForwardRefExoticComponent<Omit<Omit<Toogle.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref">, "onChange"> & Omit<React.HTMLAttributes<HTMLInputElement>, "onChange"> & {
+    disabled?: boolean;
+    label: string;
+    placeholder?: string;
+    files: File[] | null;
+    onChange: (files: File[] | null) => void;
+    multiple?: boolean;
+    message?: string;
+    status?: "danger";
+    classNames?: {
+        root?: string;
+        label?: string;
+        input?: string;
+        status?: string;
+    };
+} & React.RefAttributes<HTMLButtonElement>>;

package/lib/src/molecules/UploadInput/UploadInput.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { UploadInput, UploadInputStory } from '..';
+declare const meta: Meta<typeof UploadInput>;
+export declare const Default: UploadInputStory;
+export declare const SingleFileUpload: UploadInputStory;
+export declare const MultiFileUpload: UploadInputStory;
+export declare const DangerFileUpload: UploadInputStory;
+export default meta;

package/lib/src/molecules/UploadInput/UploadInput.test.d.ts

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

package/lib/src/molecules/UploadInput/UploadInput.tokens.d.ts

@@ -0,0 +1,17 @@
+export declare const uploadInputTokens: {
+    root: string;
+    input: {
+        base: string;
+        pressed: string;
+        hover: string;
+    };
+    placeholder: string;
+    icon: string;
+    list: string;
+    status: {
+        danger: string;
+    };
+    message: {
+        danger: string;
+    };
+};

package/lib/src/molecules/UploadInput/UploadInput.types.d.ts

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react';
+import { HTMLAttributes } from 'react';
+import { UploadInput } from './UploadInput';
+import type * as Toogle from '@radix-ui/react-toggle';
+export type UploadInputStory = StoryObj<typeof UploadInput>;
+export type SelectedFile = {
+    name: string;
+    type: string;
+    size: string;
+};
+export type UploadInputProps = Omit<React.ComponentPropsWithoutRef<typeof Toogle.Root>, 'onChange'> & Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    disabled?: boolean;
+    label: string;
+    placeholder?: string;
+    files: File[] | null;
+    onChange: (files: File[] | null) => void;
+    multiple?: boolean;
+    message?: string;
+    status?: 'danger';
+    classNames?: {
+        root?: string;
+        label?: string;
+        input?: string;
+        status?: string;
+    };
+};
+export type FileItemProps = {
+    file: Omit<SelectedFile, 'type'>;
+    onClick?: (e: React.MouseEvent) => void;
+};

package/lib/src/molecules/UploadInput/UploadInput.utils.d.ts

@@ -0,0 +1,3 @@
+import { FileItemProps } from '..';
+export declare const formatFileSize: (bytes: number) => string;
+export declare const FileItem: ({ file, onClick }: FileItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/UploadInput/index.d.ts

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

package/lib/src/molecules/UserContact/UserContact.d.ts

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

package/lib/src/molecules/UserContact/UserContact.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { UserContact, UserContactStory } from '..';
+declare const meta: Meta<typeof UserContact>;
+export default meta;
+export declare const Default: UserContactStory;
+export declare const WithoutIcon: UserContactStory;
+export declare const WithoutLabel: UserContactStory;
+export declare const WithToggle: UserContactStory;

package/lib/src/molecules/UserContact/UserContact.test.d.ts

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

package/lib/src/molecules/UserContact/UserContact.tokens.d.ts

@@ -0,0 +1,10 @@
+export declare const userContactTokens: {
+    wrapper: string;
+    iconWrapper: string;
+    label: string;
+    value: string;
+    toggle: {
+        base: string;
+        thumb: string;
+    };
+};

package/lib/src/molecules/UserContact/UserContact.types.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+import { UserContact } from '..';
+export type UserContactProps = {
+    icon?: React.ReactNode;
+    element?: React.ReactNode;
+    label?: string;
+    classNames?: {
+        wrapper?: string;
+        iconWrapper?: string;
+        label?: string;
+        value?: string;
+    };
+};
+export type UserContactStory = StoryObj<typeof UserContact>;

package/lib/src/molecules/UserContact/index.d.ts

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

package/lib/src/molecules/index.d.ts

@@ -0,0 +1,49 @@
+export * from './Accordion';
+export * from './CheckboxGroup';
+export * from './Table';
+export * from './Breadcrumb';
+export * from './PasswordInput';
+export * from './MultiSelect';
+export * from './SearchInput';
+export * from './AvatarGroup';
+export * from './UploadInput';
+export * from './CommentList';
+export * from './DatePicker';
+export * from './Dropdown';
+export * from './FileUploader';
+export * from './FilterTable';
+export * from './ChatCard';
+export * from './CardServices';
+export * from './CommentInput';
+export * from './RadioGroup';
+export * from './Sidebar';
+export * from './Languages';
+export * from './Pagination';
+export * from './PhoneInput';
+export * from './Plate';
+export * from './TabSwitch';
+export * from './TabGroup';
+export * from './TextareaGroup';
+export * from './ToggleGroup';
+export * from './DragAndDrop';
+export * from './DateOfBirth';
+export * from './NavButton';
+export * from './Stepper';
+export * from './IconTitle';
+export * from './InputGroup';
+export * from './UserContact';
+export * from './Link';
+export * from './StatusSelect';
+export * from './SelectGroup';
+export * from './CardFiles';
+export * from './PaymentCard';
+export * from './ApartmentCard';
+export * from './ServiceOrders';
+export * from './LabelWithValue';
+export * from './SelectList';
+export * from './ChatButton';
+export * from './ChatSidebar';
+export * from './ChatList';
+export * from './ChatMessage';
+export * from './DeleteMessage';
+export * from './MessageSettings';

package/lib/src/tokens/colors.d.ts

@@ -0,0 +1,2 @@
+import { ColorShades } from './types';
+export declare const colorTokens: Record<string, ColorShades>;

package/lib/src/tokens/index.d.ts

@@ -0,0 +1,3 @@
+export { colorTokens } from './colors';
+export type * from './types';
+export { typographyTokens } from './typography';

package/lib/src/tokens/types.d.ts

@@ -0,0 +1,36 @@
+export type FontWeight = 400 | 500 | 600 | 700 | 900;
+export type FontSize = 8 | 10 | 12 | 14 | 16 | 18;
+export type FontWeightClass = `font-${Extract<keyof TypographyTokens['fontWeight'], string>}`;
+export type FontStyles = TypographyTokens['textStyles'][keyof TypographyTokens['textStyles']];
+export type TextStyle = {
+    fontSize: string;
+    fontWeight: FontWeight;
+    lineHeight: string;
+};
+export type TypographyTokens = {
+    fontFamily: {
+        mono: [string, string];
+        sans: [string, string];
+    };
+    fontWeight: {
+        black: number;
+        bold: number;
+        semibold: number;
+        medium: number;
+        regular: number;
+    };
+    textStyles: {
+        body: Record<`body-${FontSize}`, TextStyle>;
+        headings: Record<`h${1 | 2 | 3 | 4 | 5 | 6}`, TextStyle>;
+        inline: Record<'p' | 'span', TextStyle>;
+        link: Record<FontSize, TextStyle>;
+    };
+};
+export type ColorShades = {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50?: string;
+    default?: string;
+};

package/lib/src/tokens/typography.d.ts

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

package/lib/src/utils/date.d.ts

@@ -0,0 +1 @@
+export declare function formatDateToDayMonthYear(date: Date | string): string;

package/lib/src/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './date';
+export * from './twMerge';

package/lib/src/utils/twMerge.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue } from 'clsx';
+import { FontStyles } from '../tokens';
+export type FontSizeConverterOptions = {
+    splitClassName: boolean;
+};
+export declare const convertToGroupedFontSizes: (styles: FontStyles, { splitClassName }?: FontSizeConverterOptions) => Record<string, string[]>;
+export declare const cn: (...inputs: ClassValue[]) => string;