@namuna-nur/ui-kit 1.0.2

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

@@ -0,0 +1,36 @@
+import { StatusSelectOptionsType } from '..';
+export type PlateTokens = {
+    base: string;
+    pressed: string;
+    hover: string;
+    disabled: string;
+    content: {
+        header: string;
+        title: string;
+        actions: string;
+        flatType: string;
+        link: string;
+        button: string;
+        icon: string;
+        popup: string;
+        flexWrapper: string;
+        typography: string;
+        amount: string;
+        disabled: string;
+    };
+};
+export type PlateDataTypes = {
+    label: string;
+    value: string;
+    href?: string;
+};
+export type PlateProps = {
+    title: string;
+    className?: string;
+    data: PlateDataTypes[];
+    statusValue?: string;
+    actions?: React.ReactNode;
+    flatType?: string;
+    statusOptions?: StatusSelectOptionsType[];
+};
+export declare const PlateStatusData: StatusSelectOptionsType[];

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

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

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

@@ -0,0 +1,11 @@
+export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    id: string;
+    disabled?: boolean;
+    label?: string | React.ReactNode;
+    checked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    classNames?: {
+        wrapper?: string;
+        label?: string;
+    };
+} & import('react').RefAttributes<HTMLInputElement>>;

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

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

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

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

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

@@ -0,0 +1,13 @@
+export declare const radioGroupTokens: {
+    wrapper: string;
+    radio: {
+        base: string;
+        checked: string;
+    };
+    label: {
+        base: string;
+        checked: string;
+        hover: string;
+        disabled: string;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { RadioGroup } from '..';
+export type RadioGroupStory = StoryObj<typeof RadioGroup>;
+export type RadioGroupProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    id: string;
+    disabled?: boolean;
+    label?: string | React.ReactNode;
+    checked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    classNames?: {
+        wrapper?: string;
+        label?: string;
+    };
+};

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

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

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

@@ -0,0 +1,22 @@
+import { FilterItemType } from '..';
+export declare const SearchInput: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
+    value: string;
+    isHasFilter?: boolean;
+    filterByStatus?: FilterItemType[];
+    filterByModule?: FilterItemType[];
+    onFilterClick?: (updated: {
+        status: FilterItemType[];
+        module: FilterItemType[];
+    }) => void;
+    debounceDelay?: number;
+    onDebouncedSearch?: (value: string) => void;
+    searchResults?: string[];
+    onResultClick?: (result: string) => void;
+    isSearchIcon?: boolean;
+    classNames?: {
+        base?: string;
+        input?: string;
+        dropdown?: string;
+        popover?: string;
+    };
+} & import('react').RefAttributes<HTMLInputElement>>;

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

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

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

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

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

@@ -0,0 +1,42 @@
+export declare const searchInputTokens: {
+    base: string;
+    hover: string;
+    focusWithin: string;
+    focus: string;
+    disabled: string;
+    filterIcon: {
+        icon: string;
+        hover: string;
+        disabled: string;
+        active: string;
+    };
+    dropdown: {
+        content: string;
+        wrapperByStatus: string;
+        wrapperByModule: string;
+        title: string;
+        typeFilter: string;
+    };
+    popover: {
+        content: string;
+        title: string;
+        wrapper: string;
+        item: string;
+    };
+    input: {
+        wrapper: string;
+        base: string;
+        icon: string;
+        iconDisabled: string;
+    };
+    button: {
+        parent: string;
+        base: string;
+        save: string;
+        cancel: string;
+    };
+    emptyPopover: {
+        wrapper: string;
+        text: string;
+    };
+};

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

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react';
+import { InputHTMLAttributes } from 'react';
+import { SearchInput } from './SearchInput';
+export type SearchInputStory = StoryObj<typeof SearchInput>;
+export type SearchInputProps = InputHTMLAttributes<HTMLInputElement> & {
+    value: string;
+    isHasFilter?: boolean;
+    filterByStatus?: FilterItemType[];
+    filterByModule?: FilterItemType[];
+    onFilterClick?: (updated: {
+        status: FilterItemType[];
+        module: FilterItemType[];
+    }) => void;
+    debounceDelay?: number;
+    onDebouncedSearch?: (value: string) => void;
+    searchResults?: string[];
+    onResultClick?: (result: string) => void;
+    isSearchIcon?: boolean;
+    classNames?: {
+        base?: string;
+        input?: string;
+        dropdown?: string;
+        popover?: string;
+    };
+};
+export type FilterItemType = {
+    id: string;
+    label: string;
+    checked?: boolean;
+};
+export type FilterListProps = {
+    type: 'status' | 'module';
+    title: string;
+    items: FilterItemType[] | undefined;
+};
+export declare const FILTER_BY_STATUS: FilterItemType[];
+export declare const FILTER_BY_MODULE: FilterItemType[];
+export declare const OPTIONS_ITEMS: string[];

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export declare const selectGroupTokens: {
+    container: string;
+};

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

@@ -0,0 +1,12 @@
+import { OptionsProps } from '../../_shared/types';
+import { SelectProps } from '../../atoms';
+export type SelectGroupClassNames = {
+    label?: string;
+    container?: string;
+};
+export type SelectGroupProps = {
+    label?: string;
+    classNames?: SelectGroupClassNames;
+    selectProps: SelectProps;
+};
+export declare const selectGroupItems: OptionsProps[];

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+export declare const selectListTokens: {
+    container: string;
+    base: {
+        icon: string;
+        items: string;
+        itemsText: string;
+        placeholder: string;
+        selected: string;
+        trigger: string;
+        focus: string;
+        hover: string;
+    };
+    disabled: {
+        trigger: string;
+        triggerText: string;
+    };
+    options: {
+        label: string;
+        content: string;
+        optionsWrapper: string;
+        items: string;
+        itemsText: string;
+        dot: string;
+        active: string;
+        primaryActionsWrapper: string;
+        primaryActionCancel: string;
+        primaryActionApply: string;
+    };
+};

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

@@ -0,0 +1,20 @@
+export type SelectListClassNames = {
+    trigger?: string;
+    content?: string;
+    placeholder?: string;
+    parent?: string;
+    selected?: string;
+};
+export type SelectListOption = {
+    label: string;
+    value: string;
+};
+export type SelectListProps = {
+    onChange: (value: string) => void;
+    value: string;
+    classNames?: SelectListClassNames;
+    placeholder?: string;
+    disabled?: boolean;
+    isDotable?: boolean;
+    label?: string;
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+export declare const serviceOrdersTokens: {
+    base: string;
+    content: {
+        wrapper: string;
+        items: string;
+        title: string;
+        typography: string;
+        amount: string;
+        amountBold: string;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { ServiceOrders } from '..';
+export type ServiceOrdersPropsStory = StoryObj<typeof ServiceOrders>;
+export type ServiceOrdersClassNames = {
+    root?: string;
+    label?: string;
+    value?: string;
+    title?: string;
+};
+export type ServiceOrdersTypes = {
+    label: string;
+    value?: string;
+    total?: string;
+};
+export type ServiceOrdersProps = {
+    title: string;
+    options: ServiceOrdersTypes[];
+    classNames?: ServiceOrdersClassNames;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { SidebarProps } from '..';
+export declare const Sidebar: ({ navList, isExpanded }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { Sidebar, SidebarStory } from '..';
+declare const meta: Meta<typeof Sidebar>;
+export declare const Default: SidebarStory;
+export declare const Extended: SidebarStory;
+export declare const Collapsed: SidebarStory;
+export default meta;

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

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

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

@@ -0,0 +1,12 @@
+export declare const sidebarTokens: {
+    root: string;
+    header: {
+        base: string;
+        expanded: string;
+    };
+    logo: string;
+    body: {
+        base: string;
+        expanded: string;
+    };
+};

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

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+import { Dispatch, SetStateAction } from 'react';
+import { Sidebar, NavButtonItem } from '..';
+export type SidebarStory = StoryObj<typeof Sidebar>;
+export type SidebarItem = NavButtonItem & {
+    id: number;
+    badge?: number;
+    subItems?: SidebarItem[];
+};
+export type SidebarProps = {
+    isExpanded: boolean;
+    navList: SidebarItem[];
+};
+export type AccordionNavProps = {
+    item: SidebarItem;
+    isExpanded: boolean;
+    openDropdown: boolean;
+    setOpenDropdown: Dispatch<SetStateAction<boolean>>;
+    onSubNavClick: () => void;
+};

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

@@ -0,0 +1,2 @@
+import { AccordionNavProps } from '..';
+export declare const AccordionNav: ({ openDropdown, setOpenDropdown, isExpanded, item: { id, label, icon: Icon, to, subItems }, onSubNavClick, }: AccordionNavProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+export declare const statusSelectTokens: {
+    base: {
+        trigger: string;
+        items: string;
+        itemsText: string;
+        placeholder: string;
+        selected: string;
+        hover: string;
+        icon: string;
+    };
+    status: {
+        success: string;
+        info: string;
+        danger: string;
+        warning: string;
+        default: string;
+    };
+    disabled: {
+        trigger: string;
+        triggerText: string;
+    };
+    options: {
+        content: string;
+        wrapper: string;
+        items: string;
+        itemsText: string;
+    };
+};

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+import { StatusSelect } from './StatusSelect';
+export type StatusSelectStory = StoryObj<typeof StatusSelect>;
+export type StatusSelectClassNames = {
+    trigger?: string;
+    content?: string;
+    placeholder?: string;
+    parent?: string;
+    selected?: string;
+};
+export type StatusSelectOptionsType = {
+    label: string;
+    value: string;
+    status?: 'success' | 'info' | 'warning' | 'danger' | 'default';
+};
+export type StatusSelectMessageType = 'success' | 'danger' | 'warning' | 'info' | 'default';
+export type StatusSelectProps = {
+    options: StatusSelectOptionsType[];
+    onChange: (value: string) => void;
+    value: string;
+    classNames?: StatusSelectClassNames;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare const StatusData: StatusSelectOptionsType[];

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react-vite';
+import { StepperStory, Stepper } from '..';
+declare const meta: Meta<typeof Stepper>;
+export declare const Initial: StepperStory;
+export declare const InProgress: StepperStory;
+export declare const Accepted: StepperStory;
+export declare const Done: StepperStory;
+export default meta;

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

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

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

@@ -0,0 +1,21 @@
+export declare const stepperTokens: {
+    root: string;
+    header: string;
+    headerTitle: string;
+    timeline: string;
+    stepWrapper: string;
+    verticalLine: string;
+    statusDotWrapper: string;
+    activeDot: string;
+    activeDotInner: string;
+    completedDotWrapper: string;
+    completedDot: string;
+    completedDotInner: string;
+    content: string;
+    title: string;
+    titleCompleted: string;
+    subtitle: string;
+    subtitleCompleted: string;
+    date: string;
+    dateCompleted: string;
+};

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

@@ -0,0 +1,33 @@
+import { StoryObj } from '@storybook/react';
+import { Dispatch, SetStateAction } from 'react';
+import { Stepper } from '..';
+export type StepperStory = StoryObj<typeof Stepper>;
+export type StepperStep = {
+    id: number;
+    title: string;
+    subtitle: string;
+    date: string;
+    activeStep: boolean;
+    status: 'completed' | 'in_progress' | 'waiting' | 'processing';
+};
+export type StepperProps = {
+    setActiveStep: Dispatch<SetStateAction<number>>;
+    disabled?: boolean;
+    options: StepperStep[];
+    title: string;
+    activeStep: number;
+    classNames?: {
+        root?: string;
+        header?: string;
+        title?: string;
+        subtitle?: string;
+        timeline?: string;
+        stepWrapper?: string;
+        content?: string;
+        date?: string;
+    };
+};
+export declare const initialData: StepperStep[];
+export declare const inProgressData: StepperStep[];
+export declare const inWaitingData: StepperStep[];
+export declare const doneData: StepperStep[];

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

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

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

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

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

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

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

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