@namuna-nur/ui-kit 1.0.2

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

@@ -0,0 +1,31 @@
+export declare const tabTokens: {
+    sizes: {
+        small: {
+            base: string;
+            default: string;
+            active: string;
+            hover: string;
+            disabled: string;
+        };
+        medium: {
+            base: string;
+            default: string;
+            active: string;
+            hover: string;
+            disabled: string;
+        };
+        large: {
+            base: string;
+            default: string;
+            active: string;
+            hover: string;
+            disabled: string;
+        };
+    };
+    focus: string;
+    icon: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { ButtonHTMLAttributes, FunctionComponent, SVGProps } from 'react';
+import { Tab } from './Tab';
+export type TabStory = StoryObj<typeof Tab>;
+export type TabProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: 'small' | 'large' | 'medium';
+    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    active?: boolean;
+    iconDimensions?: {
+        height?: number;
+        width?: number;
+        viewBox?: string;
+    };
+};

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

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

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

@@ -0,0 +1,2 @@
+import { TabDotsProps } from '..';
+export declare const TabDots: ({ value, onValueChange, classNames, count, ...props }: TabDotsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,5 @@
+export declare const tabDotsTokens: {
+    container: string;
+    dot: string;
+    dotActive: string;
+};

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

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+import { TabDots } from '..';
+export type TabDotsProps = {
+    value: string;
+    onValueChange?: (value: string) => void;
+    count?: number;
+    classNames?: {
+        container?: string;
+        trigger?: string;
+    };
+};
+export type TabDotsStory = StoryObj<typeof TabDots>;

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

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

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

@@ -0,0 +1,2 @@
+import { TextProps } from './Text.types';
+export declare const Text: React.FC<TextProps>;

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

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react-vite';
+import { Text } from './Text';
+import { TextStory } from './Text.types';
+declare const meta: Meta<typeof Text>;
+export declare const Regular: TextStory;
+export declare const Medium: TextStory;
+export declare const Semibold: TextStory;
+export declare const Bold: TextStory;
+export declare const Black: TextStory;
+export default meta;

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

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

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { ReactNode } from 'react';
+import { Text } from './Text';
+import { TypographyTokens } from '../../tokens';
+export type TextStory = StoryObj<typeof Text>;
+export type TextInlineVariant = keyof TypographyTokens['textStyles']['inline'];
+export type TextSize = keyof TypographyTokens['textStyles']['inline'];
+export type TextWeight = `font-${Extract<keyof TypographyTokens['fontWeight'], string>}`;
+export type TextProps = {
+    variant?: TextInlineVariant;
+    className?: string;
+    children: ReactNode | string | null;
+    onClick?: () => void;
+};

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

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

package/lib/src/atoms/Textarea/Teaxtarea.test.d.ts

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    status?: import('..').TextareaMessageType;
+    message?: string;
+} & React.RefAttributes<HTMLTextAreaElement>>;

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { TextareaHTMLAttributes } from 'react';
+import { Textarea } from '..';
+export type TextareaStory = StoryObj<typeof Textarea>;
+export type TextareaMessageType = 'success' | 'danger' | 'info';
+export type TextareaTokens = {
+    root: string;
+    base: string;
+    disabled: string;
+    messageContainer: string;
+    styles: Record<TextareaMessageType, string>;
+    icon: {
+        input: string;
+        base: string;
+        parent: string;
+    };
+    state: Record<'focus' | 'hover', string>;
+    message: Record<TextareaMessageType, string>;
+    maxLength: string;
+};
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    status?: TextareaMessageType;
+    message?: string;
+};

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

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

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

@@ -0,0 +1,11 @@
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    labelPosition?: "left" | "right";
+    classNames?: {
+        base?: string;
+        label?: string;
+        thumb?: string;
+    };
+} & React.RefAttributes<HTMLButtonElement>>;

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes } from 'react';
+export type ToggleTokens = {
+    label: string;
+    base: string;
+    thumb: string;
+};
+export type ToggleProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    labelPosition?: 'left' | 'right';
+    classNames?: {
+        base?: string;
+        label?: string;
+        thumb?: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Tooltip } from './Tooltip';
+type Story = StoryObj<typeof Tooltip>;
+declare const meta: Meta<typeof Tooltip>;
+export declare const Top: Story;
+export declare const Right: Story;
+export declare const Bottom: Story;
+export declare const Left: Story;
+export default meta;

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

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

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

@@ -0,0 +1,4 @@
+export declare const tooltipTokens: {
+    content: string;
+    arrow: string;
+};

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

@@ -0,0 +1,8 @@
+export type TooltipProps = {
+    children: React.ReactNode | string;
+    className?: string;
+    defaultOpen?: boolean;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    content: string;
+    delayDuration?: number;
+};

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

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

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

@@ -0,0 +1,19 @@
+export * from './Button';
+export * from './IconButton';
+export * from './Checkbox';
+export * from './Headline';
+export * from './Input';
+export * from './Label';
+export * from './Notification';
+export * from './Message';
+export * from './Radio';
+export * from './Status';
+export * from './Switch';
+export * from './Tab';
+export * from './Text';
+export * from './Textarea';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './Select';
+export * from './Avatar';
+export * from './TabDots';

package/lib/src/context/use-toast.context.d.ts

@@ -0,0 +1,10 @@
+import { Action, State, Toast, ToastNotification } from '../hooks/use-toast.types';
+export declare const reducer: (state: State, action: Action) => State;
+export declare const listeners: ((state: State) => void)[];
+export declare let memoryState: State;
+export declare const toastDispatch: (action: Action) => void;
+export declare const toast: ({ ...props }: Toast) => {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToastNotification) => void;
+};

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

@@ -0,0 +1,3 @@
+export * from './useClickOutside';
+export * from './useOption';
+export * from './useDebounce';

package/lib/src/hooks/use-toast.d.ts

@@ -0,0 +1,11 @@
+import { toast } from '../context/use-toast.context';
+declare const useToast: () => {
+    toast: ({ ...props }: import('./use-toast.types').Toast) => {
+        id: string;
+        dismiss: () => void;
+        update: (props: import('./use-toast.types').ToastNotification) => void;
+    };
+    dismiss: (toastId?: string) => void;
+    toasts: import('./use-toast.types').ToastNotification[];
+};
+export { useToast, toast };

package/lib/src/hooks/use-toast.types.d.ts

@@ -0,0 +1,32 @@
+import { ToastActionElement, ToastProps } from '../atoms/Notification/Notification.utils';
+export declare const TOAST_LIMIT = 1;
+export declare const TOAST_REMOVE_DELAY = 1000000;
+export type ToastNotification = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+export declare enum ActionType {
+    ADD_TOAST = "ADD_TOAST",
+    UPDATE_TOAST = "UPDATE_TOAST",
+    DISMISS_TOAST = "DISMISS_TOAST",
+    REMOVE_TOAST = "REMOVE_TOAST"
+}
+export type Action = {
+    type: ActionType.ADD_TOAST;
+    toast: ToastNotification;
+} | {
+    type: ActionType.UPDATE_TOAST;
+    toast: Partial<ToastNotification>;
+} | {
+    type: ActionType.DISMISS_TOAST;
+    toastId?: ToastNotification['id'];
+} | {
+    type: ActionType.REMOVE_TOAST;
+    toastId?: ToastNotification['id'];
+};
+export type State = {
+    toasts: ToastNotification[];
+};
+export type Toast = Omit<ToastNotification, 'id'>;

package/lib/src/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useClickOutside: (ref: RefObject<HTMLElement | null>, onClose: () => void) => void;

package/lib/src/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T>(value: T, delay: number) => T;

package/lib/src/hooks/useOption.d.ts

@@ -0,0 +1,6 @@
+type DropdownOption = {
+    label: string;
+    value: string;
+};
+export declare const useOption: (options: DropdownOption[]) => ((value: string) => DropdownOption | undefined);
+export {};

package/lib/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './atoms';
+export * from './hooks';
+export * from './molecules';
+export * from './tokens';
+export * from './utils';

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

@@ -0,0 +1,2 @@
+import { AccordionProps } from '..';
+export declare const Accordion: ({ isOpen, children, icon: Icon, iconSizes, disabled, title, subtitle, classNames, onClick, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,19 @@
+export declare const accordionTokens: {
+    root: string;
+    icon: string;
+    header: {
+        base: string;
+        title: string;
+        opened: string;
+        hover: string;
+        disabled: string;
+    };
+    content: {
+        base: string;
+        opened: string;
+        closed: string;
+    };
+    titlesWrapper: string;
+    title: string;
+    subtitle: string;
+};

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

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+import { ButtonHTMLAttributes, FunctionComponent, SVGProps } from 'react';
+import { Accordion } from './Accordion';
+export type AccordionStory = StoryObj<typeof Accordion>;
+export type AccordionClassNames = {
+    root?: string;
+    header?: string;
+    icon?: string;
+    wrapperTitles?: string;
+    title?: string;
+    subtitle?: string;
+    content?: string;
+};
+export type AccordionIconSizes = {
+    width?: number | string;
+    height?: number | string;
+    viewBox?: string;
+};
+export type AccordionProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    isOpen: boolean;
+    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    iconSizes?: AccordionIconSizes;
+    disabled?: boolean;
+    title?: string;
+    subtitle?: string;
+    classNames?: AccordionClassNames;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { ApartmentCardProps } from '..';
+export declare const ApartmentCard: ({ title, options, icon, iconDimensions, classNames, }: ApartmentCardProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/ApartmentCard/ApartmentCard.data.d.ts

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+export declare const apartmentCardTokens: {
+    container: string;
+    header: string;
+    body: string;
+    bodyItem: string;
+    title: string;
+    subTitle: string;
+    items: string;
+    item: string;
+    link: string;
+    heraderIcon: string;
+};

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

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+import { FunctionComponent, SVGProps } from 'react';
+import { ApartmentCard } from '..';
+export type ApartmentCardStory = StoryObj<typeof ApartmentCard>;
+export type ApartmentCardDataTypes = {
+    sectionTitle?: string;
+    sectionSubtitle?: string;
+    items?: {
+        subtitle?: string;
+        link?: string;
+        url?: string;
+    }[];
+};
+export type ApartmentCardProps = {
+    title: string;
+    options: ApartmentCardDataTypes[];
+    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    iconDimensions?: {
+        height: number;
+        width: number;
+        viewBox?: string;
+    };
+    classNames?: {
+        root?: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { AvatarGroup, AvatarGroupPropsStory } from '..';
+declare const meta: Meta<typeof AvatarGroup>;
+export declare const Default: AvatarGroupPropsStory;
+export declare const WithPhoto: AvatarGroupPropsStory;
+export declare const WithLink: AvatarGroupPropsStory;
+export declare const PositionLeft: AvatarGroupPropsStory;
+export declare const PositionLeftWithPhoto: AvatarGroupPropsStory;
+export default meta;

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

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

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

@@ -0,0 +1,6 @@
+export declare const avatarTokens: {
+    root: string;
+    textWrapper: string;
+    fullName: string;
+    jobTitle: string;
+};

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+import { AvatarGroup } from './AvatarGroup';
+import { AvatarProps } from '../../atoms';
+import { LinkProps } from '..';
+export type AvatarGroupPropsStory = StoryObj<typeof AvatarGroup>;
+export type AvatarGroupClassNames = {
+    root?: string;
+    textWrapper?: string;
+    fullName?: string;
+    jobTitle?: string;
+};
+export type AvatarGroupProps = {
+    fullName: string;
+    jobTitle?: string;
+    position?: 'left' | 'right';
+    classNames?: AvatarGroupClassNames;
+    avatarProps?: AvatarProps;
+    linkProps?: LinkProps;
+    element?: React.ReactNode;
+    isActive?: boolean;
+    onClick?: () => void;
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BreadcrumbItemProps, BreadcrumbProps } from '..';
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { Breadcrumb } from './Breadcrumb';
+import { BreadcrumbStory } from './Breadcrumb.types';
+declare const meta: Meta<typeof Breadcrumb>;
+export declare const SingleBreadcrumb: BreadcrumbStory;
+export declare const LongBreadcrumb: BreadcrumbStory;
+export declare const LongBreadcrumbDisabled: BreadcrumbStory;
+export default meta;

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

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

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

@@ -0,0 +1,7 @@
+export declare const breadcrumnbTokens: {
+    list: string;
+    item: string;
+    link: string;
+    page: string;
+    separator: string;
+};

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { Breadcrumb } from './Breadcrumb';
+export type BreadcrumbProps = {
+    paths: {
+        label: string;
+        href: string;
+        disabled?: boolean;
+    }[];
+};
+export type BreadcrumbItemProps = {
+    label: string;
+    href: string;
+    isLast: boolean;
+    disabled?: boolean;
+};
+export type BreadcrumbStory = StoryObj<typeof Breadcrumb>;