@mriqbox/ui-kit 1.0.5 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/MriBadge.d.ts +7 -0
- package/dist/components/ui/{Badge.stories.d.ts → MriBadge.stories.d.ts} +2 -2
- package/dist/components/ui/MriButton.d.ts +7 -0
- package/dist/components/ui/{Button.stories.d.ts → MriButton.stories.d.ts} +2 -2
- package/dist/components/ui/{ButtonGroup.d.ts → MriButtonGroup.d.ts} +1 -1
- package/dist/components/ui/MriButtonGroup.stories.d.ts +8 -0
- package/dist/components/ui/MriCalendar.d.ts +8 -0
- package/dist/components/ui/MriCard.d.ts +8 -0
- package/dist/components/ui/{Command.d.ts → MriCommand.d.ts} +9 -9
- package/dist/components/ui/MriCommand.stories.d.ts +6 -0
- package/dist/components/ui/{CompactSearch.d.ts → MriCompactSearch.d.ts} +2 -2
- package/dist/components/ui/{CompactSearch.stories.d.ts → MriCompactSearch.stories.d.ts} +2 -2
- package/dist/components/ui/{DatePicker.d.ts → MriDatePicker.d.ts} +2 -2
- package/dist/components/ui/{DatePicker.stories.d.ts → MriDatePicker.stories.d.ts} +2 -2
- package/dist/components/ui/{Dialog.d.ts → MriDialog.d.ts} +1 -1
- package/dist/components/ui/MriDialog.stories.d.ts +6 -0
- package/dist/components/ui/{Icons.d.ts → MriIcons.d.ts} +11 -11
- package/dist/components/ui/MriInput.d.ts +2 -0
- package/dist/components/ui/{Input.stories.d.ts → MriInput.stories.d.ts} +2 -2
- package/dist/components/ui/{Modal.d.ts → MriModal.d.ts} +1 -1
- package/dist/components/ui/MriModal.stories.d.ts +6 -0
- package/dist/components/ui/MriPageHeader.d.ts +11 -0
- package/dist/components/ui/{PageHeader.stories.d.ts → MriPageHeader.stories.d.ts} +3 -3
- package/dist/components/ui/MriPopover.d.ts +6 -0
- package/dist/components/ui/{Popover.stories.d.ts → MriPopover.stories.d.ts} +2 -2
- package/dist/components/ui/MriScrollArea.d.ts +5 -0
- package/dist/components/ui/{SelectSearch.d.ts → MriSelectSearch.d.ts} +2 -2
- package/dist/components/ui/MriSelectSearch.stories.d.ts +6 -0
- package/dist/components/ui/{Sidebar.d.ts → MriSidebar.d.ts} +4 -4
- package/dist/components/ui/MriSidebar.stories.d.ts +6 -0
- package/dist/components/ui/MriTable.d.ts +10 -0
- package/dist/components/ui/MriTable.stories.d.ts +6 -0
- package/dist/components/ui/{ThemeToggle.d.ts → MriThemeToggle.d.ts} +1 -1
- package/dist/components/ui/{ThemeToggle.stories.d.ts → MriThemeToggle.stories.d.ts} +2 -2
- package/dist/components/ui/MriTimePicker.d.ts +9 -0
- package/dist/components/ui/{TimePicker.stories.d.ts → MriTimePicker.stories.d.ts} +2 -2
- package/dist/components/ui/index.d.ts +22 -0
- package/dist/components/ui/{badge-variants.d.ts → mri-badge-variants.d.ts} +1 -1
- package/dist/components/ui/{button-variants.d.ts → mri-button-variants.d.ts} +1 -1
- package/dist/index.d.ts +15 -15
- package/dist/index.es.js +256 -256
- package/dist/index.umd.js +14 -14
- package/package.json +1 -1
- package/dist/components/ui/Badge.d.ts +0 -7
- package/dist/components/ui/Button.d.ts +0 -7
- package/dist/components/ui/ButtonGroup.stories.d.ts +0 -8
- package/dist/components/ui/Calendar.d.ts +0 -8
- package/dist/components/ui/Card.d.ts +0 -8
- package/dist/components/ui/Command.stories.d.ts +0 -6
- package/dist/components/ui/Dialog.stories.d.ts +0 -6
- package/dist/components/ui/Input.d.ts +0 -2
- package/dist/components/ui/Modal.stories.d.ts +0 -6
- package/dist/components/ui/PageHeader.d.ts +0 -11
- package/dist/components/ui/Popover.d.ts +0 -6
- package/dist/components/ui/ScrollArea.d.ts +0 -5
- package/dist/components/ui/SelectSearch.stories.d.ts +0 -6
- package/dist/components/ui/Sidebar.stories.d.ts +0 -6
- package/dist/components/ui/Table.d.ts +0 -10
- package/dist/components/ui/Table.stories.d.ts +0 -6
- package/dist/components/ui/TimePicker.d.ts +0 -9
- /package/dist/components/ui/{Card.stories.d.ts → MriCard.stories.d.ts} +0 -0
- /package/dist/components/ui/{Icons.stories.d.ts → MriIcons.stories.d.ts} +0 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { mriBadgeVariants } from './mri-badge-variants';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface MriBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof mriBadgeVariants> {
|
|
5
|
+
}
|
|
6
|
+
declare function MriBadge({ className, variant, ...props }: MriBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { MriBadge };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { mriButtonVariants } from './mri-button-variants';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface MriButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof mriButtonVariants> {
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const MriButton: React.ForwardRefExoticComponent<MriButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { MriButton } from './MriButton';
|
|
3
3
|
|
|
4
|
-
declare const meta: Meta<typeof
|
|
4
|
+
declare const meta: Meta<typeof MriButton>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof meta>;
|
|
7
7
|
export declare const Default: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as MriButtonGroup } from './MriButtonGroup';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof MriButtonGroup>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof MriButtonGroup>;
|
|
7
|
+
export declare const Default: Story;
|
|
8
|
+
export declare const DisabledItem: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DayPicker } from 'react-day-picker';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export type MriCalendarProps = React.ComponentProps<typeof DayPicker>;
|
|
4
|
+
declare function MriCalendar({ className, classNames, showOutsideDays, ...props }: MriCalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare namespace MriCalendar {
|
|
6
|
+
var displayName: string;
|
|
7
|
+
}
|
|
8
|
+
export { MriCalendar };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const MriCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const MriCardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const MriCardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const MriCardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const MriCardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const MriCardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { MriCard, MriCardHeader, MriCardFooter, MriCardTitle, MriCardDescription, MriCardContent };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
declare const
|
|
2
|
+
declare const MriCommand: React.ForwardRefExoticComponent<Omit<{
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
5
5
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -16,7 +16,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
16
16
|
disablePointerSelection?: boolean;
|
|
17
17
|
vimBindings?: boolean;
|
|
18
18
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
-
declare const
|
|
19
|
+
declare const MriCommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
20
20
|
ref?: React.Ref<HTMLInputElement>;
|
|
21
21
|
} & {
|
|
22
22
|
asChild?: boolean;
|
|
@@ -24,7 +24,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
24
24
|
value?: string;
|
|
25
25
|
onValueChange?: (search: string) => void;
|
|
26
26
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
27
|
-
declare const
|
|
27
|
+
declare const MriCommandList: React.ForwardRefExoticComponent<Omit<{
|
|
28
28
|
children?: React.ReactNode;
|
|
29
29
|
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
30
30
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -33,14 +33,14 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
33
33
|
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
34
34
|
label?: string;
|
|
35
35
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
-
declare const
|
|
36
|
+
declare const MriCommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
37
37
|
children?: React.ReactNode;
|
|
38
38
|
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
39
39
|
ref?: React.Ref<HTMLDivElement>;
|
|
40
40
|
} & {
|
|
41
41
|
asChild?: boolean;
|
|
42
42
|
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
-
declare const
|
|
43
|
+
declare const MriCommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
44
44
|
children?: React.ReactNode;
|
|
45
45
|
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
46
46
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -51,14 +51,14 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
|
51
51
|
value?: string;
|
|
52
52
|
forceMount?: boolean;
|
|
53
53
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
-
declare const
|
|
54
|
+
declare const MriCommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
55
55
|
ref?: React.Ref<HTMLDivElement>;
|
|
56
56
|
} & {
|
|
57
57
|
asChild?: boolean;
|
|
58
58
|
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
59
59
|
alwaysRender?: boolean;
|
|
60
60
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
-
declare const
|
|
61
|
+
declare const MriCommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
62
62
|
children?: React.ReactNode;
|
|
63
63
|
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
64
64
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -71,8 +71,8 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
71
71
|
keywords?: string[];
|
|
72
72
|
forceMount?: boolean;
|
|
73
73
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
74
|
-
declare const
|
|
74
|
+
declare const MriCommandShortcut: {
|
|
75
75
|
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
76
76
|
displayName: string;
|
|
77
77
|
};
|
|
78
|
-
export {
|
|
78
|
+
export { MriCommand, MriCommandInput, MriCommandList, MriCommandEmpty, MriCommandGroup, MriCommandItem, MriCommandShortcut, MriCommandSeparator, };
|
|
@@ -2,7 +2,7 @@ interface Option {
|
|
|
2
2
|
label: string;
|
|
3
3
|
value: string | number;
|
|
4
4
|
}
|
|
5
|
-
interface
|
|
5
|
+
interface MriCompactSearchProps {
|
|
6
6
|
options: Option[];
|
|
7
7
|
value: string | number;
|
|
8
8
|
onChange: (value: string) => void;
|
|
@@ -12,5 +12,5 @@ interface CompactSearchProps {
|
|
|
12
12
|
className?: string;
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
}
|
|
15
|
-
export declare function
|
|
15
|
+
export declare function MriCompactSearch({ options, value, onChange, searchPlaceholder, emptyMessage, className, disabled }: MriCompactSearchProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { MriCompactSearch } from './MriCompactSearch';
|
|
3
3
|
|
|
4
|
-
declare const meta: Meta<typeof
|
|
4
|
+
declare const meta: Meta<typeof MriCompactSearch>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof meta>;
|
|
7
7
|
export declare const Default: Story;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Locale } from 'date-fns';
|
|
2
2
|
|
|
3
|
-
interface
|
|
3
|
+
interface MriDatePickerProps {
|
|
4
4
|
value?: Date | null;
|
|
5
5
|
onChange: (date: Date | undefined) => void;
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
locale?: Locale;
|
|
9
9
|
}
|
|
10
|
-
export declare function
|
|
10
|
+
export declare function MriDatePicker({ value, onChange, placeholder, disabled, locale }: MriDatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { MriDatePicker } from './MriDatePicker';
|
|
3
3
|
|
|
4
|
-
declare const meta: Meta<typeof
|
|
4
|
+
declare const meta: Meta<typeof MriDatePicker>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof meta>;
|
|
7
7
|
export declare const Default: Story;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const MriTeleportIcon: (props?: {
|
|
2
2
|
className?: string;
|
|
3
3
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const MriBringIcon: (props?: {
|
|
5
5
|
className?: string;
|
|
6
6
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const MriSendBackIcon: (props?: {
|
|
8
8
|
className?: string;
|
|
9
9
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const MriReviveIcon: (props?: {
|
|
11
11
|
className?: string;
|
|
12
12
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const MriVerifyIcon: (props?: {
|
|
14
14
|
className?: string;
|
|
15
15
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare const
|
|
16
|
+
export declare const MriMoneyIcon: (props?: {
|
|
17
17
|
className?: string;
|
|
18
18
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export declare const
|
|
19
|
+
export declare const MriClothingIcon: (props?: {
|
|
20
20
|
className?: string;
|
|
21
21
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export declare const
|
|
22
|
+
export declare const MriEyeIcon: (props?: {
|
|
23
23
|
className?: string;
|
|
24
24
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export declare const
|
|
25
|
+
export declare const MriWarnIcon: (props?: {
|
|
26
26
|
className?: string;
|
|
27
27
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export declare const
|
|
28
|
+
export declare const MriKickIcon: (props?: {
|
|
29
29
|
className?: string;
|
|
30
30
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
export declare const
|
|
31
|
+
export declare const MriBanIcon: (props?: {
|
|
32
32
|
className?: string;
|
|
33
33
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
34
34
|
declare const _default: {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { LucideIcon } from 'lucide-react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface MriPageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
title: string;
|
|
5
|
+
icon: LucideIcon;
|
|
6
|
+
count?: number;
|
|
7
|
+
countLabel?: string;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function MriPageHeader({ title, icon: Icon, count, countLabel, children, className, ...props }: MriPageHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { MriPageHeader } from './MriPageHeader';
|
|
3
3
|
|
|
4
|
-
declare const meta: Meta<typeof
|
|
4
|
+
declare const meta: Meta<typeof MriPageHeader>;
|
|
5
5
|
export default meta;
|
|
6
|
-
type Story = StoryObj<typeof
|
|
6
|
+
type Story = StoryObj<typeof MriPageHeader>;
|
|
7
7
|
export declare const Default: Story;
|
|
8
8
|
export declare const WithActions: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
3
|
+
declare const MriPopover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
4
|
+
declare const MriPopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const MriPopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export { MriPopover, MriPopoverTrigger, MriPopoverContent };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { MriPopover } from './MriPopover';
|
|
3
3
|
|
|
4
|
-
declare const meta: Meta<typeof
|
|
4
|
+
declare const meta: Meta<typeof MriPopover>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const Default: StoryObj;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
3
|
+
declare const MriScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const MriScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { MriScrollArea, MriScrollBar };
|
|
@@ -2,7 +2,7 @@ interface Option {
|
|
|
2
2
|
label: string;
|
|
3
3
|
value: string | number;
|
|
4
4
|
}
|
|
5
|
-
interface
|
|
5
|
+
interface MriSelectSearchProps {
|
|
6
6
|
options: Option[];
|
|
7
7
|
value: string | number;
|
|
8
8
|
onChange: (value: string) => void;
|
|
@@ -12,5 +12,5 @@ interface SelectSearchProps {
|
|
|
12
12
|
className?: string;
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
}
|
|
15
|
-
export declare function
|
|
15
|
+
export declare function MriSelectSearch({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled }: MriSelectSearchProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
export interface
|
|
3
|
+
export interface MriSidebarItem {
|
|
4
4
|
label: string;
|
|
5
5
|
route?: string;
|
|
6
6
|
icon: ElementType;
|
|
7
7
|
onClick?: () => void;
|
|
8
8
|
divider?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export interface
|
|
11
|
-
items:
|
|
10
|
+
export interface MriSidebarProps {
|
|
11
|
+
items: MriSidebarItem[];
|
|
12
12
|
activeRoute?: string;
|
|
13
13
|
onNavigate?: (route: string) => void;
|
|
14
14
|
collapsed?: boolean;
|
|
@@ -17,4 +17,4 @@ export interface SidebarProps {
|
|
|
17
17
|
children?: ReactNode;
|
|
18
18
|
className?: string;
|
|
19
19
|
}
|
|
20
|
-
export declare function
|
|
20
|
+
export declare function MriSidebar({ items, activeRoute, onNavigate, collapsed, onToggleCollapse, footer, children, className }: MriSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const MriTable: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
3
|
+
declare const MriTableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
4
|
+
declare const MriTableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
declare const MriTableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
6
|
+
declare const MriTableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
7
|
+
declare const MriTableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
8
|
+
declare const MriTableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
9
|
+
declare const MriTableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
10
|
+
export { MriTable, MriTableHeader, MriTableBody, MriTableFooter, MriTableHead, MriTableRow, MriTableCell, MriTableCaption, };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const MriThemeToggle: ({ themeLabel, themeIconLabel, lightLabel, darkLabel, systemLabel }: {
|
|
2
2
|
themeLabel?: string;
|
|
3
3
|
themeIconLabel?: string;
|
|
4
4
|
lightLabel?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { MriThemeToggle } from './MriThemeToggle';
|
|
3
3
|
|
|
4
|
-
declare const meta: Meta<typeof
|
|
4
|
+
declare const meta: Meta<typeof MriThemeToggle>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof meta>;
|
|
7
7
|
export declare const Default: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface MriTimePickerProps {
|
|
2
|
+
value?: string;
|
|
3
|
+
onChange: (time: string) => void;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
hourLabel?: string;
|
|
6
|
+
minuteLabel?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function MriTimePicker({ value, onChange, disabled, hourLabel, minuteLabel }: MriTimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { MriTimePicker } from './MriTimePicker';
|
|
3
3
|
|
|
4
|
-
declare const meta: Meta<typeof
|
|
4
|
+
declare const meta: Meta<typeof MriTimePicker>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof meta>;
|
|
7
7
|
export declare const Default: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export * from './MriBadge';
|
|
2
|
+
export * from './MriButton';
|
|
3
|
+
export * from './MriButtonGroup';
|
|
4
|
+
export * from './MriCalendar';
|
|
5
|
+
export * from './MriCard';
|
|
6
|
+
export * from './MriCommand';
|
|
7
|
+
export * from './MriCompactSearch';
|
|
8
|
+
export * from './MriDatePicker';
|
|
9
|
+
export * from './MriDialog';
|
|
10
|
+
export * from './MriIcons';
|
|
11
|
+
export * from './MriInput';
|
|
12
|
+
export * from './MriModal';
|
|
13
|
+
export * from './MriPageHeader';
|
|
14
|
+
export * from './MriPopover';
|
|
15
|
+
export * from './MriScrollArea';
|
|
16
|
+
export * from './MriSelectSearch';
|
|
17
|
+
export * from './MriSidebar';
|
|
18
|
+
export * from './MriTable';
|
|
19
|
+
export * from './MriThemeToggle';
|
|
20
|
+
export * from './MriTimePicker';
|
|
21
|
+
export * from './mri-badge-variants';
|
|
22
|
+
export * from './mri-button-variants';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const mriButtonVariants: (props?: ({
|
|
2
2
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
3
3
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
|
|
2
|
-
export * from './components/ui/
|
|
3
|
-
export * from './components/ui/
|
|
4
|
-
export * from './components/ui/
|
|
5
|
-
export * from './components/ui/
|
|
6
|
-
export * from './components/ui/
|
|
7
|
-
export * from './components/ui/
|
|
8
|
-
export * from './components/ui/
|
|
9
|
-
export * from './components/ui/
|
|
10
|
-
export * from './components/ui/
|
|
11
|
-
export * from './components/ui/
|
|
12
|
-
export * from './components/ui/
|
|
13
|
-
export * from './components/ui/
|
|
2
|
+
export * from './components/ui/MriButton';
|
|
3
|
+
export * from './components/ui/MriInput';
|
|
4
|
+
export * from './components/ui/MriBadge';
|
|
5
|
+
export * from './components/ui/MriCard';
|
|
6
|
+
export * from './components/ui/MriCommand';
|
|
7
|
+
export * from './components/ui/MriDialog';
|
|
8
|
+
export * from './components/ui/MriIcons';
|
|
9
|
+
export * from './components/ui/MriModal';
|
|
10
|
+
export * from './components/ui/MriPageHeader';
|
|
11
|
+
export * from './components/ui/MriPopover';
|
|
12
|
+
export * from './components/ui/MriSelectSearch';
|
|
13
|
+
export * from './components/ui/MriTable';
|
|
14
14
|
export * from './lib/utils';
|
|
15
|
-
export * from './components/ui/
|
|
16
|
-
export * from './components/ui/button-variants';
|
|
17
|
-
export * from './components/ui/badge-variants';
|
|
15
|
+
export * from './components/ui/MriSidebar';
|
|
16
|
+
export * from './components/ui/mri-button-variants';
|
|
17
|
+
export * from './components/ui/mri-badge-variants';
|