@namuna-nur/ui-kit 1.0.2

package/lib/shared/useClickOutside.js

@@ -0,0 +1,16 @@
+import { useEffect as o } from "react";
+const r = (e, t) => {
+  o(() => {
+    const d = (n) => {
+      e.current && !e.current.contains(n.target) && t();
+    }, c = (n) => {
+      n.key === "Escape" && t();
+    };
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", c);
+    };
+  }, [e, t]);
+};
+export {
+  r as u
+};

package/lib/shared/useDebounce.js

@@ -0,0 +1,15 @@
+import { useState as r, useEffect as s } from "react";
+const m = (e, t) => {
+  const [o, u] = r(e);
+  return s(() => {
+    const n = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, t]), o;
+};
+export {
+  m as u
+};

package/lib/shared/useOption.js

@@ -0,0 +1,8 @@
+import { useCallback as a } from "react";
+const l = (e) => a(
+  (r) => e.find((u) => u.value === r),
+  [e]
+);
+export {
+  l as u
+};

package/lib/src/_shared/Accordion.utils.d.ts

@@ -0,0 +1,15 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+export declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type AccordionIcon = {
+    icon?: {
+        width?: number;
+        height?: number;
+        viewBox?: string;
+        className?: string;
+    };
+};
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AccordionIcon & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/src/_shared/Dropdown.utils.d.ts

@@ -0,0 +1,27 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, DropdownMenuRadioItem, };

package/lib/src/_shared/Modal.utils.d.ts

@@ -0,0 +1,16 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+export declare const Modal: React.FC<DialogPrimitive.DialogProps>;
+export declare const ModalClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    isCloseIcon?: boolean;
+    headerIcon?: React.ReactNode;
+    classNames?: {
+        content?: string;
+        iconBackground?: string;
+    };
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const ModalHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

package/lib/src/_shared/Popover.utils.d.ts

@@ -0,0 +1,5 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/src/_shared/Tab.utils.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+export * from './Accordion.utils';
+export * from './Popover.utils';
+export * from './Dropdown.utils';
+export * from './Tab.utils';
+export * from './Modal.utils';

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

@@ -0,0 +1,7 @@
+export type OptionsProps = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    description?: string;
+};

package/lib/src/assets/icons/index.d.ts

@@ -0,0 +1,151 @@
+import { default as AddHomeIcon } from './add-home.svg?react';
+import { default as AddUserIcon } from './add-user.svg?react';
+import { default as AdjustmentsIcon } from './adjustments.svg?react';
+import { default as AnalyticsIcon } from './analytics.svg?react';
+import { default as ArrowDownDownloadIcon } from './arrow-down-download.svg?react';
+import { default as ArrowDownMiniIcon } from './arrow-down-mini.svg?react';
+import { default as ArrowDownSmallIcon } from './arrow-down-small.svg?react';
+import { default as ArrowDownIcon } from './arrow-down.svg?react';
+import { default as ArrowUpIcon } from './arrow-up.svg?react';
+import { default as ArrowIcon } from './arrow.svg?react';
+import { default as AvatarIcon } from './avatar.svg?react';
+import { default as BackIcon } from './back.svg?react';
+import { default as BellIcon } from './bell.svg?react';
+import { default as BotIcon } from './bot.svg?react';
+import { default as BuildingIcon } from './building.svg?react';
+import { default as BurgerIcon } from './burger.svg?react';
+import { default as BurgerFilterIcon } from './burgerFilter.svg?react';
+import { default as CalendarIcon } from './calendar.svg?react';
+import { default as CameraMiniIcon } from './camera-mini.svg?react';
+import { default as CameraServiceIcon } from './camera-service.svg?react';
+import { default as CameraIcon } from './camera.svg?react';
+import { default as CarMultipleIcon } from './car-multiple.svg?react';
+import { default as CarbonFilterIcon } from './carbon-filter.svg?react';
+import { default as CardIcon } from './card.svg?react';
+import { default as ChatCheckIcon } from './chat-check.svg?react';
+import { default as ChatMessageIcon } from './chat-message.svg?react';
+import { default as ChatsIcon } from './chats.svg?react';
+import { default as CheckDoubleIcon } from './check-double.svg?react';
+import { default as CheckIcon } from './check.svg?react';
+import { default as CheckMarkIcon } from './checkmark.svg?react';
+import { default as CleaningServiceIcon } from './cleaning-service.svg?react';
+import { default as CloseIcon } from './close.svg?react';
+import { default as ColdWaterIcon } from './cold-water.svg?react';
+import { default as CommentIcon } from './comment.svg?react';
+import { default as ControlIcon } from './control.svg?react';
+import { default as CreateGroupIcon } from './create-group.svg?react';
+import { default as CrossProfileIcon } from './cross-profile.svg?react';
+import { default as CrossIcon } from './cross.svg?react';
+import { default as DangerIcon } from './danger-icon.svg?react';
+import { default as DeleteIcon } from './delete.svg?react';
+import { default as DocumentFillIcon } from './document-fill.svg?react';
+import { default as DocumentTextIcon } from './document-text.svg?react';
+import { default as DocumentIcon } from './document.svg?react';
+import { default as DotableSettings } from './dotable-settings.svg?react';
+import { default as DotListIcon } from './dotList.svg?react';
+import { default as DoubleChatIcon } from './double-chat.svg?react';
+import { default as DownloadIcon } from './download.svg?react';
+import { default as DropDownIcon } from './dropDown.svg?react';
+import { default as DropUpIcon } from './dropUp.svg?react';
+import { default as EditPencilIcon } from './edit-pencil.svg?react';
+import { default as EditIcon } from './edit.svg?react';
+import { default as ElectricalEnergyIcon } from './electrical-energy.svg?react';
+import { default as ElectricianSereviceIcon } from './electrician-service.svg?react';
+import { default as EmailIcon } from './email.svg?react';
+import { default as EmployeesIcon } from './employees.svg?react';
+import { default as EmptyDoc } from './empty-doc.svg?react';
+import { default as ExitIcon } from './exit.svg?react';
+import { default as ExportIcon } from './export.svg?react';
+import { default as EyeCardIcon } from './eye-card.svg?react';
+import { default as EyeClosedIcon } from './eye-closed.svg?react';
+import { default as EyeIcon } from './eye.svg?react';
+import { default as FeedbacksIcon } from './feedbacks.svg?react';
+import { default as FileReportIcon } from './file-report.svg?react';
+import { default as FileUploadIcon } from './file-upload.svg?react';
+import { default as FileIcon } from './file.svg?react';
+import { default as FilterIcon } from './filter.svg?react';
+import { default as FinanceIcon } from './finance.svg?react';
+import { default as FireIcon } from './fire.svg?react';
+import { default as FolderSolidIcon } from './folder-active.svg?react';
+import { default as FolderHomeIcon } from './folder-home.svg?react';
+import { default as FolderInputIcon } from './folder-input.svg?react';
+import { default as FolderIcon } from './folder.svg?react';
+import { default as FullFolderIcon } from './full-folder.svg?react';
+import { default as GarbageIcon } from './garbage.svg?react';
+import { default as GisHomeIcon } from './gis_home.svg?react';
+import { default as GridIcon } from './grid.svg?react';
+import { default as GroupUserIcon } from './group-user.svg?react';
+import { default as HistoryBoldIcon } from './history-bold.svg?react';
+import { default as HomeDotIcon } from './home-dot.svg?react';
+import { default as HomeSuccessIcon } from './home-success.svg?react';
+import { default as HomeIcon } from './home.svg?react';
+import { default as HotWaterIcon } from './hot-water.svg?react';
+import { default as HouseIcon } from './house.svg?react';
+import { default as LeaveIcon } from './leave.svg?react';
+import { default as LeftIcon } from './left.svg?react';
+import { default as LinkDownloadIcon } from './link-download-icon.svg?react';
+import { default as ListIcon } from './list.svg?react';
+import { default as LoadIcon } from './load.svg?react';
+import { default as LockIcon } from './lock.svg?react';
+import { default as LogoWithTextIcon } from './logo-with-text.svg?react';
+import { default as LogoutIcon } from './logout.svg?react';
+import { default as MagnifyIcon } from './magnify.svg?react';
+import { default as ManageObjectsIcon } from './manage-objects-icon.svg?react';
+import { default as MapIcon } from './map.svg?react';
+import { default as MenuDotsIcon } from './menu-dots-mini.svg?react';
+import { default as MobileIcon } from './mobile-icon.svg?react';
+import { default as ModalPlusIcon } from './modal-plus.svg?react';
+import { default as NewsIcon } from './news.svg?react';
+import { default as NotificationBellIcon } from './notification-bell.svg?react';
+import { default as NotificationIcon } from './notification.svg?react';
+import { default as OfficeIcon } from './office.svg?react';
+import { default as OperatorIcon } from './operator.svg?react';
+import { default as OptionsIcon } from './options.svg?react';
+import { default as OrderDoneIcon } from './order-done.svg?react';
+import { default as ParkingPlaceIcon } from './parking-place.svg?react';
+import { default as ParkingIcon } from './parking.svg?react';
+import { default as PdfFileIcon } from './pdf-file.svg?react';
+import { default as PdfIcon } from './pdf.svg?react';
+import { default as PencilIcon } from './pencil.svg?react';
+import { default as PhoneIcon } from './phone.svg?react';
+import { default as PickerLeftIcon } from './pickerLeft.svg?react';
+import { default as PickerRightIcon } from './pickerRight.svg?react';
+import { default as PlaneIcon } from './plane.svg?react';
+import { default as PlumberServiceIcon } from './plumber-service.svg?react';
+import { default as PlusInputIcon } from './plus-input.svg?react';
+import { default as PlusIcon } from './plus.svg?react';
+import { default as PrintIcon } from './print.svg?react';
+import { default as RatingIcon } from './rating.svg?react';
+import { default as RentServiceIcon } from './rent-service.svg?react';
+import { default as RepairServiceIcon } from './repair-service.svg?react';
+import { default as ReportIcon } from './report.svg?react';
+import { default as ResponseArrowIcon } from './response-arrow.svg?react';
+import { default as RightIcon } from './right.svg?react';
+import { default as RoleSettingIcon } from './role-setting.svg?react';
+import { default as RoundedCopyIcon } from './rounded-copy.svg?react';
+import { default as ServiceManagementIcon } from './service-management.svg?react';
+import { default as SettingIcon } from './setting.svg?react';
+import { default as ShareIcon } from './share.svg?react';
+import { default as SolarEyeIcon } from './solar-eye.svg?react';
+import { default as StarIcon } from './star.svg?react';
+import { default as StatusCheckIcon } from './statusCheck.svg?react';
+import { default as StatusCloseIcon } from './statusClose.svg?react';
+import { default as StatusInfoIcon } from './statusInfo.svg?react';
+import { default as StatusWarningIcon } from './statusWarning.svg?react';
+import { default as StepperReloadIcon } from './stepperReload.svg?react';
+import { default as TelegramIcon } from './telegram.svg?react';
+import { default as ThinPlusIcon } from './thinPlus.svg?react';
+import { default as TimeLineIcon } from './time-line.svg?react';
+import { default as TrashIcon } from './trash.svg?react';
+import { default as UserProfileAvatarIcon } from './user-profile-avatar.svg?react';
+import { default as UserSettingsIcon } from './user-settings.svg?react';
+import { default as UserStarIcon } from './user-star.svg?react';
+import { default as UserSuccesIcon } from './user-success.svg?react';
+import { default as UserTimeIcon } from './user-time.svg?react';
+import { default as UserIcon } from './user.svg?react';
+import { default as UsersSettingsIcon } from './users-settings.svg?react';
+import { default as UsersIcon } from './users.svg?react';
+import { default as UtilityServiceIcon } from './utility-services.svg?react';
+import { default as XmarkIcon } from './x-mark.svg?react';
+import { default as LogoIcon } from '../images/logo.svg?react';
+export { AddHomeIcon, AddUserIcon, AdjustmentsIcon, AnalyticsIcon, ArrowDownIcon, ArrowDownDownloadIcon, ArrowDownMiniIcon, ArrowDownSmallIcon, ArrowIcon, ArrowUpIcon, AvatarIcon, BackIcon, BellIcon, BotIcon, BuildingIcon, BurgerFilterIcon, BurgerIcon, CalendarIcon, CameraIcon, CameraMiniIcon, CameraServiceIcon, CarMultipleIcon, CarbonFilterIcon, CardIcon, ChatCheckIcon, ChatMessageIcon, CheckIcon, CheckDoubleIcon, ChatsIcon, CheckMarkIcon, CleaningServiceIcon, CloseIcon, ColdWaterIcon, CommentIcon, ControlIcon, CreateGroupIcon, CrossIcon, CrossProfileIcon, DangerIcon, DeleteIcon, DocumentFillIcon, DocumentIcon, DocumentTextIcon, DotListIcon, DotableSettings, DoubleChatIcon, DownloadIcon, DropDownIcon, DropUpIcon, EditIcon, EditPencilIcon, ElectricianSereviceIcon, ElectricalEnergyIcon, EmailIcon, EmployeesIcon, EmptyDoc, ExitIcon, ExportIcon, EyeCardIcon, EyeClosedIcon, EyeIcon, FeedbacksIcon, FileIcon, FileReportIcon, FileUploadIcon, FilterIcon, FinanceIcon, FireIcon, FolderHomeIcon, FolderIcon, FolderInputIcon, FolderSolidIcon, FullFolderIcon, GarbageIcon, GisHomeIcon, GridIcon, GroupUserIcon, HistoryBoldIcon, HomeDotIcon, HomeIcon, HomeSuccessIcon, HotWaterIcon, HouseIcon, LogoIcon, LogoWithTextIcon, LeftIcon, LeaveIcon, LinkDownloadIcon, ListIcon, LoadIcon, LockIcon, LogoutIcon, MagnifyIcon, ManageObjectsIcon, MapIcon, MenuDotsIcon, ModalPlusIcon, MobileIcon, NewsIcon, NotificationBellIcon, NotificationIcon, OfficeIcon, OperatorIcon, OptionsIcon, OrderDoneIcon, ParkingIcon, ParkingPlaceIcon, PdfFileIcon, PdfIcon, PencilIcon, PhoneIcon, PickerLeftIcon, PickerRightIcon, PlaneIcon, PlusIcon, PlusInputIcon, PlumberServiceIcon, PrintIcon, RatingIcon, RentServiceIcon, RepairServiceIcon, ReportIcon, RightIcon, RoleSettingIcon, ResponseArrowIcon, RoundedCopyIcon, ServiceManagementIcon, SettingIcon, ShareIcon, SolarEyeIcon, StarIcon, StatusCheckIcon, StatusCloseIcon, StatusInfoIcon, StatusWarningIcon, StepperReloadIcon, TelegramIcon, ThinPlusIcon, TimeLineIcon, TrashIcon, UserIcon, UserStarIcon, UserSuccesIcon, UserTimeIcon, UserProfileAvatarIcon, UserSettingsIcon, UsersIcon, UsersSettingsIcon, UtilityServiceIcon, XmarkIcon, };

package/lib/src/assets/images/index.d.ts

@@ -0,0 +1,11 @@
+import { default as AvatarPhoto } from './avatar-photo.svg';
+import { default as Botim } from './botim.svg';
+import { default as ChatCardIcon } from './chat-card.svg';
+import { default as Comera } from './comera.svg';
+import { default as Imo } from './imo.svg';
+import { default as Logo } from './logo.svg';
+import { default as ProfilePhoto } from './profile-photo.svg';
+import { default as Telegram } from './telegram.svg';
+import { default as Wechat } from './wechat.svg';
+import { default as WhatsApp } from './whatApp.svg';
+export { AvatarPhoto, ChatCardIcon, ProfilePhoto, Botim, Comera, Imo, Telegram, Wechat, WhatsApp, Logo, };

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

@@ -0,0 +1,2 @@
+import { AvatarProps } from '..';
+export declare const Avatar: ({ imageSrc, alt, hasBadge, iconSize, isActive, isHasCamera, classNames, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { Avatar, AvatarStory } from '..';
+declare const meta: Meta<typeof Avatar>;
+export declare const Default: AvatarStory;
+export declare const WithPhotoOnly: AvatarStory;
+export declare const WithBadgeOnly: AvatarStory;
+export declare const WithPhotoAndBadge: AvatarStory;
+export declare const ActivePhotoAndBadge: AvatarStory;
+export default meta;

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

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

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

@@ -0,0 +1,8 @@
+export declare const avatarIconTokens: {
+    root: string;
+    image: string;
+    badge: {
+        wrapper: string;
+    };
+    active: string;
+};

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { Avatar } from './Avatar';
+export type AvatarStory = StoryObj<typeof Avatar>;
+export type AvatarClassNames = {
+    wrapper?: string;
+    img?: string;
+    fallbackIcon?: string;
+    badge?: string;
+    badgeIcon?: string;
+};
+export type AvatarIconSize = {
+    width?: number;
+    height?: number;
+    viewBox?: string;
+};
+export type AvatarProps = {
+    imageSrc?: string;
+    alt?: string;
+    hasBadge?: boolean;
+    iconSize?: AvatarIconSize;
+    classNames?: AvatarClassNames;
+    isActive?: boolean;
+    isHasCamera?: boolean;
+};

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

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

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

@@ -0,0 +1,16 @@
+export declare const Button: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: import('..').ButtonVariant;
+    size?: import('..').ButtonSize;
+    icon?: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    iconDimensions?: {
+        height?: number;
+        width?: number;
+        viewBox?: string;
+    };
+    iconPosition?: "left" | "right";
+    isShadow?: boolean;
+    classNames?: {
+        base?: string;
+        icon?: string;
+    };
+} & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react-vite';
+import { Button, ButtonStory } from '..';
+declare const meta: Meta<typeof Button>;
+export declare const Primary: ButtonStory;
+export declare const PrimaryNoIcon: ButtonStory;
+export declare const Secondary: ButtonStory;
+export declare const TextButton: ButtonStory;
+export default meta;

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

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

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

@@ -0,0 +1,52 @@
+export declare const buttonTokens: {
+    base: string;
+    icon: {
+        disabled: {
+            primary: string;
+            secondary: string;
+            text: string;
+        };
+        parent: string;
+        variants: {
+            primary: string;
+            secondary: string;
+            text: string;
+        };
+    };
+    sizes: {
+        medium: {
+            fontSize: string;
+            padding: string;
+        };
+    };
+    badgeStyles: {
+        base: string;
+        badgeStyles: string;
+    };
+    shape: {
+        circle: string;
+    };
+    variants: {
+        primary: {
+            active: string;
+            base: string;
+            disabled: string;
+            focus: string;
+            hover: string;
+        };
+        secondary: {
+            active: string;
+            base: string;
+            disabled: string;
+            focus: string;
+            hover: string;
+        };
+        text: {
+            active: string;
+            base: string;
+            disabled: string;
+            focus: string;
+            hover: string;
+        };
+    };
+};

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+import { ButtonHTMLAttributes, FunctionComponent, SVGProps } from 'react';
+import { Button } from './Button';
+import { buttonTokens } from './Button.tokens';
+export type ButtonStory = StoryObj<typeof Button>;
+export type ButtonVariant = keyof (typeof buttonTokens)['variants'];
+export type ButtonSize = keyof (typeof buttonTokens)['sizes'];
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    iconDimensions?: {
+        height?: number;
+        width?: number;
+        viewBox?: string;
+    };
+    iconPosition?: 'left' | 'right';
+    isShadow?: boolean;
+    classNames?: {
+        base?: string;
+        icon?: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Checkbox } from '..';
+type Story = StoryObj<typeof Checkbox>;
+declare const meta: Meta<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export default meta;

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

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

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

@@ -0,0 +1,18 @@
+export declare const checkboxTokens: {
+    active: string;
+    base: string;
+    checked: string;
+    disabled: string;
+    hover: string;
+    sizes: {
+        large: {
+            label: string;
+        };
+        medium: {
+            label: string;
+        };
+        small: {
+            label: string;
+        };
+    };
+};

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

@@ -0,0 +1,7 @@
+import { checkboxTokens } from '..';
+export type CheckboxSize = keyof (typeof checkboxTokens)['sizes'];
+export type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    id: string;
+    size?: CheckboxSize;
+    disabled?: boolean;
+};

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

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

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { HeadlineProps } from '..';
+export declare const Headline: React.FC<HeadlineProps>;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react-vite';
+import { Headline } from './Headline';
+import { HeadlineStory } from './Headline.types';
+declare const meta: Meta<typeof Headline>;
+export declare const Regular: HeadlineStory;
+export declare const Medium: HeadlineStory;
+export declare const Bold: HeadlineStory;
+export default meta;

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

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

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { ReactNode } from 'react';
+import { Headline } from './Headline';
+import { FontWeightClass, TypographyTokens } from 'src/tokens/types';
+export type HeadlineStory = StoryObj<typeof Headline>;
+export type HeadlineVariant = keyof TypographyTokens['textStyles']['headings'];
+export type HeadlineProps = {
+    children: ReactNode | string | null;
+    className?: string;
+    variant?: HeadlineVariant;
+    weight?: FontWeightClass;
+    onClick?: () => void;
+};

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

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

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

@@ -0,0 +1,13 @@
+export declare const IconButton: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: import('..').IconButtonVariant;
+    icon: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    shape: "circle" | "square";
+    badge?: number;
+    text?: string;
+    classNames?: import('..').IconButtonClassNames;
+    iconSizes?: {
+        height?: number;
+        width?: number;
+        viewBox?: string;
+    };
+} & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react-vite';
+import { IconButton, IconButtonStory } from '..';
+declare const meta: Meta<typeof IconButton>;
+export declare const Default: IconButtonStory;
+export declare const Primary: IconButtonStory;
+export declare const Text: IconButtonStory;
+export declare const ButtonWithText: IconButtonStory;
+export declare const PrimaryWithBadge: IconButtonStory;
+export default meta;

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

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