@namuna-nur/ui-kit 1.0.2

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const labelWithValueTokens: {
+    label: string;
+    value: string;
+};

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

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+import { LabelWithValue } from '..';
+export type LabelWithValueStory = StoryObj<typeof LabelWithValue>;
+export type LabelWithValueProps = {
+    value?: string | React.ReactNode;
+    label?: string;
+    classNames?: {
+        label?: string;
+        value?: string;
+    };
+};

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

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

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

@@ -0,0 +1,2 @@
+import { LanguagesProps } from './Languages.types';
+export declare const Languages: ({ options, classNames, onCheckboxChange, triggerElement, open, setOpen, selectedValue, }: LanguagesProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { Languages } from '..';
+declare const meta: Meta<typeof Languages>;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export default meta;

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

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

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

@@ -0,0 +1,4 @@
+export declare const languagesTokens: {
+    root: string;
+    optionsWrapper: string;
+};

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+import { Dispatch, SetStateAction } from 'react';
+import { Languages } from '..';
+export type LanguagesStory = StoryObj<typeof Languages>;
+export type languagesType = {
+    label: string;
+    value: string;
+};
+export type LanguagesProps = {
+    options: languagesType[];
+    onCheckboxChange?: (value: languagesType) => void;
+    open?: boolean;
+    setOpen?: Dispatch<SetStateAction<boolean>>;
+    triggerElement: React.ReactNode;
+    selectedValue?: languagesType;
+    classNames?: {
+        base?: string;
+    };
+};
+export declare const languages: {
+    label: string;
+    value: string;
+}[];

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-vite';
+import { Link, LinkStory } from '..';
+declare const meta: Meta<typeof Link>;
+export declare const Normal: LinkStory;
+export declare const Disabled: LinkStory;
+export declare const WithoutIcon: LinkStory;
+export default meta;

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

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

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

@@ -0,0 +1,9 @@
+export declare const linkTokens: {
+    states: {
+        active: string;
+        disabled: string;
+        focus: string;
+        hover: string;
+        normal: string;
+    };
+};

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { ReactNode } from 'react';
+import { Link } from './Link';
+import { FontWeightClass, TypographyTokens } from '../../tokens';
+export type LinkStory = StoryObj<typeof Link>;
+export type LinkVariant = keyof TypographyTokens['textStyles']['link'];
+export type LinkProps = {
+    weight?: FontWeightClass;
+    children?: ReactNode | string;
+    href: string;
+    className?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+    isIconVisible?: boolean;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { MessageSettingsProps } from '..';
+export declare const MessageSettings: ({ trigger, onClick }: MessageSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,13 @@
+export declare const messageSettingsTokens: {
+    wrapper: string;
+    button: {
+        normal: {
+            icon: string;
+            base: string;
+        };
+        danger: {
+            icon: string;
+            base: string;
+        };
+    };
+};

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+import { FunctionComponent, ReactNode, SVGProps } from 'react';
+import { MessageSettings } from '..';
+export type MessageSettingsStory = StoryObj<typeof MessageSettings>;
+export type OnHandleSettings = (actionId: MessageSettingsEventType) => void;
+export type MessageSettingsProps = {
+    trigger: ReactNode;
+    onClick: OnHandleSettings;
+};
+export type MessageSettingsEventType = 'copy' | 'edit' | 'delete' | 'select' | 'response' | 'download';
+export type MessageSettingsDataType = {
+    id: MessageSettingsEventType;
+    icon: FunctionComponent<SVGProps<SVGSVGElement>>;
+    iconSizes?: {
+        height?: number;
+        width?: number;
+        viewBox?: string;
+    };
+    isDanger?: boolean;
+    text: string;
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,60 @@
+import { StoryObj } from '@storybook/react';
+import { Dispatch, SetStateAction } from 'react';
+import { MultiSelect } from './MultiSelect';
+export type MultiSelectStory = StoryObj<typeof MultiSelect>;
+export type MultiSelectRef = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    focus: () => void;
+};
+export type MultiSelectOption = {
+    label: string;
+    id: string | number;
+};
+export type MultiSelectTokens = {
+    trigger: string;
+    label: string;
+    text: string;
+    hoverTrigger: string;
+    focusTrigger: string;
+    options: string;
+    option: string;
+    selectedItems: string;
+    selectedItem: string;
+    selectedItemText: string;
+    closeIcon: string;
+    arrowIcon: string;
+    wrapperInput: string;
+    input: string;
+    plusIcon: string;
+    noItemsFound: string;
+    buttons: string;
+    button: {
+        base: string;
+        save: string;
+        cancel: string;
+    };
+    disabled: {
+        trigger: string;
+        text: string;
+    };
+};
+export type MultiSelectProps = {
+    label?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    isSearchable?: boolean;
+    options: MultiSelectOption[];
+    selectedItems: MultiSelectOption[];
+    setSelectedItems: Dispatch<SetStateAction<MultiSelectOption[]>>;
+    classNames?: {
+        wrapper?: string;
+        label?: string;
+        trigger?: string;
+    };
+};
+export declare const items: {
+    id: number;
+    label: string;
+}[];

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

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

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

@@ -0,0 +1,2 @@
+import { NavButtonProps } from '..';
+export declare const NavButton: ({ badge, isExpanded, isActive, disabled, item: { icon: Icon, label, to }, classNames, onClick, }: NavButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { NavButtonStory, NavButton } from '..';
+declare const meta: Meta<typeof NavButton>;
+export declare const Default: NavButtonStory;
+export declare const WithBadge: NavButtonStory;
+export declare const Active: NavButtonStory;
+export declare const Disabled: NavButtonStory;
+export declare const Collapsed: NavButtonStory;
+export default meta;

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

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

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

@@ -0,0 +1,15 @@
+export declare const navButtonTokens: {
+    base: {
+        container: string;
+        labelWrapper: string;
+        label: string;
+        arrowIconWrapper: string;
+        arrowIcon: string;
+        badge: string;
+        collapse: string;
+    };
+    expanded: {
+        badge: string;
+        label: string;
+    };
+};

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

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react-vite';
+import { NavButton } from '..';
+export type NavButtonClassName = {
+    container?: string;
+    iconWrapper?: string;
+    icon?: string;
+    label?: string;
+    badge?: string;
+    labelWrapper?: string;
+    arrowIcon?: string;
+};
+export type NavButtonItem = {
+    label: string;
+    to: string;
+    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+};
+export type NavButtonProps = {
+    item: NavButtonItem;
+    classNames?: NavButtonClassName;
+    isActive?: boolean;
+    disabled?: boolean;
+    isExpanded?: boolean;
+    badge?: number;
+    onClick?: () => void;
+};
+export type NavButtonStory = StoryObj<typeof NavButton>;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pagination } from './Pagination';
+type Story = StoryObj<typeof Pagination>;
+declare const meta: Meta<typeof Pagination>;
+export declare const Default: Story;
+export declare const LongPagination: Story;
+export default meta;

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

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

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

@@ -0,0 +1,28 @@
+export declare const PaginationTokens: {
+    wrapper: string;
+    nav: {
+        base: string;
+        pageBtnWrapper: string;
+    };
+    arrowButton: {
+        base: string;
+        disabled: string;
+        hover: string;
+        pressed: string;
+        focus: string;
+        icon: string;
+        iconDisabled: string;
+    };
+    pageButton: {
+        base: string;
+        active: string;
+        hover: string;
+        focus: string;
+        pressed: string;
+    };
+    countWrapper: {
+        base: string;
+        text: string;
+        current: string;
+    };
+};

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

@@ -0,0 +1,16 @@
+export type LimitOptionsType = '10' | '20' | '50' | '100';
+export type PaginationProps = {
+    currentPageIndex: number;
+    totalPages: number;
+    onPageChange?: (currentPage: number) => void;
+    limit?: LimitOptionsType;
+    onLimitChange: (value: string) => void;
+    totalItems?: number;
+    className?: string;
+};
+type PaginationLimitType = {
+    label: string;
+    value: LimitOptionsType;
+};
+export declare const PaginationLimitOptions: PaginationLimitType[];
+export {};

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

@@ -0,0 +1 @@
+export declare function createPageRange(currentPage: number, totalPages: number): (number | '...')[];

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { PasswordInput } from './PasswordInput';
+import { PasswordInputStory } from './PasswordInput.types';
+declare const meta: Meta<typeof PasswordInput>;
+export declare const Default: PasswordInputStory;
+export declare const Disabled: PasswordInputStory;
+export declare const FocusWithVisiblePassword: PasswordInputStory;
+export declare const FocusWithHiddenPassword: PasswordInputStory;
+export declare const FilledWithVisiblePassword: PasswordInputStory;
+export declare const FilledWithHiddenPassword: PasswordInputStory;
+export declare const Error: PasswordInputStory;
+export default meta;

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { InputHTMLAttributes } from 'react';
+import { PasswordInput } from '..';
+export type PasswordInputStory = StoryObj<typeof PasswordInput>;
+export type PasswordInputProps = InputHTMLAttributes<HTMLInputElement> & {
+    status?: 'danger' | 'success';
+    label?: string;
+    message?: string;
+    isVisiblePassword?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    classNames?: {
+        parent?: string;
+        label?: string;
+        base?: string;
+    };
+};
+export type PasswordInputTokens = {
+    icon: string;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { PaymentCardProps } from '..';
+export declare const PaymentCard: ({ title, dateAndTime, onDelete, onDownload, onShow, firstStatus, lastStatus, firstStatusText, lastStatusText, price, classNames, }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,20 @@
+export declare const paymentCardTokens: {
+    wrapper: string;
+    dateContainer: {
+        base: string;
+        dateAndTime: string;
+    };
+    titleContainer: {
+        base: string;
+        title: string;
+        price: string;
+    };
+    buttonContainer: {
+        base: string;
+        button: string;
+    };
+    button: {
+        basic: string;
+        icon: string;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { PaymentCard } from '..';
+export type PaymentCardStory = StoryObj<typeof PaymentCard>;
+export type PaymentCardProps = {
+    title: string;
+    dateAndTime: Date | string;
+    onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onDownload?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onShow?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    firstStatus?: 'success' | 'danger' | 'warning' | 'info';
+    lastStatus?: 'success' | 'danger' | 'warning' | 'info';
+    firstStatusText?: string;
+    lastStatusText?: string;
+    price?: string;
+    classNames?: {
+        status?: string;
+        wrapper?: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react-vite';
+import { PhoneInput } from './PhoneInput';
+import { PhoneInputStory } from '..';
+declare const meta: Meta<typeof PhoneInput>;
+export declare const Default: PhoneInputStory;
+export declare const Focus: PhoneInputStory;
+export declare const Filled: PhoneInputStory;
+export declare const Error: PhoneInputStory;
+export declare const Disabled: PhoneInputStory;
+export default meta;

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+import { InputHTMLAttributes } from 'react';
+import { PhoneInput } from './PhoneInput';
+export type PhoneInputStory = StoryObj<typeof PhoneInput>;
+export type PhoneInputMessageType = 'danger';
+export type PhoneInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {
+    value: string;
+    status?: PhoneInputMessageType;
+    message?: string;
+    label?: string;
+    onChange: (rawValue: string) => void;
+    classNames?: {
+        parent?: string;
+        target?: string;
+        label?: string;
+        status?: string;
+    };
+};
+export type PhoneInputTokens = {
+    parent: string;
+    base: string;
+    hover: string;
+    focus: string;
+    disabled: string;
+    variants: Record<PhoneInputMessageType, string>;
+    message: Record<PhoneInputMessageType, string>;
+};

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

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

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

@@ -0,0 +1,4 @@
+import { PlateProps } from '..';
+import * as Toggle from '@radix-ui/react-toggle';
+import * as React from 'react';
+export declare const Plate: React.ForwardRefExoticComponent<Omit<Toggle.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & PlateProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Plate } from '..';
+declare const meta: Meta<typeof Plate>;
+type Story = StoryObj<typeof Plate>;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Disabled: Story;
+export default meta;

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

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

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

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