@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.
Files changed (62) hide show
  1. package/dist/components/ui/MriBadge.d.ts +7 -0
  2. package/dist/components/ui/{Badge.stories.d.ts → MriBadge.stories.d.ts} +2 -2
  3. package/dist/components/ui/MriButton.d.ts +7 -0
  4. package/dist/components/ui/{Button.stories.d.ts → MriButton.stories.d.ts} +2 -2
  5. package/dist/components/ui/{ButtonGroup.d.ts → MriButtonGroup.d.ts} +1 -1
  6. package/dist/components/ui/MriButtonGroup.stories.d.ts +8 -0
  7. package/dist/components/ui/MriCalendar.d.ts +8 -0
  8. package/dist/components/ui/MriCard.d.ts +8 -0
  9. package/dist/components/ui/{Command.d.ts → MriCommand.d.ts} +9 -9
  10. package/dist/components/ui/MriCommand.stories.d.ts +6 -0
  11. package/dist/components/ui/{CompactSearch.d.ts → MriCompactSearch.d.ts} +2 -2
  12. package/dist/components/ui/{CompactSearch.stories.d.ts → MriCompactSearch.stories.d.ts} +2 -2
  13. package/dist/components/ui/{DatePicker.d.ts → MriDatePicker.d.ts} +2 -2
  14. package/dist/components/ui/{DatePicker.stories.d.ts → MriDatePicker.stories.d.ts} +2 -2
  15. package/dist/components/ui/{Dialog.d.ts → MriDialog.d.ts} +1 -1
  16. package/dist/components/ui/MriDialog.stories.d.ts +6 -0
  17. package/dist/components/ui/{Icons.d.ts → MriIcons.d.ts} +11 -11
  18. package/dist/components/ui/MriInput.d.ts +2 -0
  19. package/dist/components/ui/{Input.stories.d.ts → MriInput.stories.d.ts} +2 -2
  20. package/dist/components/ui/{Modal.d.ts → MriModal.d.ts} +1 -1
  21. package/dist/components/ui/MriModal.stories.d.ts +6 -0
  22. package/dist/components/ui/MriPageHeader.d.ts +11 -0
  23. package/dist/components/ui/{PageHeader.stories.d.ts → MriPageHeader.stories.d.ts} +3 -3
  24. package/dist/components/ui/MriPopover.d.ts +6 -0
  25. package/dist/components/ui/{Popover.stories.d.ts → MriPopover.stories.d.ts} +2 -2
  26. package/dist/components/ui/MriScrollArea.d.ts +5 -0
  27. package/dist/components/ui/{SelectSearch.d.ts → MriSelectSearch.d.ts} +2 -2
  28. package/dist/components/ui/MriSelectSearch.stories.d.ts +6 -0
  29. package/dist/components/ui/{Sidebar.d.ts → MriSidebar.d.ts} +4 -4
  30. package/dist/components/ui/MriSidebar.stories.d.ts +6 -0
  31. package/dist/components/ui/MriTable.d.ts +10 -0
  32. package/dist/components/ui/MriTable.stories.d.ts +6 -0
  33. package/dist/components/ui/{ThemeToggle.d.ts → MriThemeToggle.d.ts} +1 -1
  34. package/dist/components/ui/{ThemeToggle.stories.d.ts → MriThemeToggle.stories.d.ts} +2 -2
  35. package/dist/components/ui/MriTimePicker.d.ts +9 -0
  36. package/dist/components/ui/{TimePicker.stories.d.ts → MriTimePicker.stories.d.ts} +2 -2
  37. package/dist/components/ui/index.d.ts +22 -0
  38. package/dist/components/ui/{badge-variants.d.ts → mri-badge-variants.d.ts} +1 -1
  39. package/dist/components/ui/{button-variants.d.ts → mri-button-variants.d.ts} +1 -1
  40. package/dist/index.d.ts +15 -15
  41. package/dist/index.es.js +256 -256
  42. package/dist/index.umd.js +14 -14
  43. package/package.json +1 -1
  44. package/dist/components/ui/Badge.d.ts +0 -7
  45. package/dist/components/ui/Button.d.ts +0 -7
  46. package/dist/components/ui/ButtonGroup.stories.d.ts +0 -8
  47. package/dist/components/ui/Calendar.d.ts +0 -8
  48. package/dist/components/ui/Card.d.ts +0 -8
  49. package/dist/components/ui/Command.stories.d.ts +0 -6
  50. package/dist/components/ui/Dialog.stories.d.ts +0 -6
  51. package/dist/components/ui/Input.d.ts +0 -2
  52. package/dist/components/ui/Modal.stories.d.ts +0 -6
  53. package/dist/components/ui/PageHeader.d.ts +0 -11
  54. package/dist/components/ui/Popover.d.ts +0 -6
  55. package/dist/components/ui/ScrollArea.d.ts +0 -5
  56. package/dist/components/ui/SelectSearch.stories.d.ts +0 -6
  57. package/dist/components/ui/Sidebar.stories.d.ts +0 -6
  58. package/dist/components/ui/Table.d.ts +0 -10
  59. package/dist/components/ui/Table.stories.d.ts +0 -6
  60. package/dist/components/ui/TimePicker.d.ts +0 -9
  61. /package/dist/components/ui/{Card.stories.d.ts → MriCard.stories.d.ts} +0 -0
  62. /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 };
@@ -1,9 +1,9 @@
1
1
  import { StoryObj } from '@storybook/react';
2
- import { Badge } from './Badge';
2
+ import { MriBadge } from './MriBadge';
3
3
 
4
4
  declare const meta: {
5
5
  title: string;
6
- component: typeof Badge;
6
+ component: typeof MriBadge;
7
7
  parameters: {
8
8
  layout: string;
9
9
  };
@@ -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 { Button } from './Button';
2
+ import { MriButton } from './MriButton';
3
3
 
4
- declare const meta: Meta<typeof Button>;
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;
@@ -6,7 +6,7 @@ type Action = {
6
6
  onClick?: () => void;
7
7
  disabled?: boolean;
8
8
  };
9
- export default function ButtonGroup({ buttons }: {
9
+ export default function MriButtonGroup({ buttons }: {
10
10
  buttons: Action[];
11
11
  }): import("react/jsx-runtime").JSX.Element;
12
12
  export {};
@@ -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 Command: React.ForwardRefExoticComponent<Omit<{
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 CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
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 CommandList: React.ForwardRefExoticComponent<Omit<{
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 CommandEmpty: React.ForwardRefExoticComponent<Omit<{
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 CommandGroup: React.ForwardRefExoticComponent<Omit<{
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 CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
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 CommandItem: React.ForwardRefExoticComponent<Omit<{
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 CommandShortcut: {
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 { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
78
+ export { MriCommand, MriCommandInput, MriCommandList, MriCommandEmpty, MriCommandGroup, MriCommandItem, MriCommandShortcut, MriCommandSeparator, };
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriCommand } from './MriCommand';
3
+
4
+ declare const meta: Meta<typeof MriCommand>;
5
+ export default meta;
6
+ export declare const Default: StoryObj<typeof MriCommand>;
@@ -2,7 +2,7 @@ interface Option {
2
2
  label: string;
3
3
  value: string | number;
4
4
  }
5
- interface CompactSearchProps {
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 CompactSearch({ options, value, onChange, searchPlaceholder, emptyMessage, className, disabled }: CompactSearchProps): import("react/jsx-runtime").JSX.Element;
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 { CompactSearch } from './CompactSearch';
2
+ import { MriCompactSearch } from './MriCompactSearch';
3
3
 
4
- declare const meta: Meta<typeof CompactSearch>;
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 DatePickerProps {
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 DatePicker({ value, onChange, placeholder, disabled, locale }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
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 { DatePicker } from './DatePicker';
2
+ import { MriDatePicker } from './MriDatePicker';
3
3
 
4
- declare const meta: Meta<typeof DatePicker>;
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,5 +1,5 @@
1
1
  import * as React from "react";
2
- export declare function Dialog({ title, children, onClose, className }: {
2
+ export declare function MriDialog({ title, children, onClose, className }: {
3
3
  title?: string;
4
4
  children: React.ReactNode;
5
5
  onClose?: () => void;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriDialog } from './MriDialog';
3
+
4
+ declare const meta: Meta<typeof MriDialog>;
5
+ export default meta;
6
+ export declare const Default: StoryObj<typeof MriDialog>;
@@ -1,34 +1,34 @@
1
- export declare const TeleportIcon: (props?: {
1
+ export declare const MriTeleportIcon: (props?: {
2
2
  className?: string;
3
3
  }) => import("react/jsx-runtime").JSX.Element;
4
- export declare const BringIcon: (props?: {
4
+ export declare const MriBringIcon: (props?: {
5
5
  className?: string;
6
6
  }) => import("react/jsx-runtime").JSX.Element;
7
- export declare const SendBackIcon: (props?: {
7
+ export declare const MriSendBackIcon: (props?: {
8
8
  className?: string;
9
9
  }) => import("react/jsx-runtime").JSX.Element;
10
- export declare const ReviveIcon: (props?: {
10
+ export declare const MriReviveIcon: (props?: {
11
11
  className?: string;
12
12
  }) => import("react/jsx-runtime").JSX.Element;
13
- export declare const VerifyIcon: (props?: {
13
+ export declare const MriVerifyIcon: (props?: {
14
14
  className?: string;
15
15
  }) => import("react/jsx-runtime").JSX.Element;
16
- export declare const MoneyIcon: (props?: {
16
+ export declare const MriMoneyIcon: (props?: {
17
17
  className?: string;
18
18
  }) => import("react/jsx-runtime").JSX.Element;
19
- export declare const ClothingIcon: (props?: {
19
+ export declare const MriClothingIcon: (props?: {
20
20
  className?: string;
21
21
  }) => import("react/jsx-runtime").JSX.Element;
22
- export declare const EyeIcon: (props?: {
22
+ export declare const MriEyeIcon: (props?: {
23
23
  className?: string;
24
24
  }) => import("react/jsx-runtime").JSX.Element;
25
- export declare const WarnIcon: (props?: {
25
+ export declare const MriWarnIcon: (props?: {
26
26
  className?: string;
27
27
  }) => import("react/jsx-runtime").JSX.Element;
28
- export declare const KickIcon: (props?: {
28
+ export declare const MriKickIcon: (props?: {
29
29
  className?: string;
30
30
  }) => import("react/jsx-runtime").JSX.Element;
31
- export declare const BanIcon: (props?: {
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,2 @@
1
+ import * as React from 'react';
2
+ export declare function MriInput(props: React.InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,9 @@
1
1
  import { StoryObj } from '@storybook/react';
2
- import { Input } from './Input';
2
+ import { MriInput } from './MriInput';
3
3
 
4
4
  declare const meta: {
5
5
  title: string;
6
- component: typeof Input;
6
+ component: typeof MriInput;
7
7
  parameters: {
8
8
  layout: string;
9
9
  };
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- export declare function Modal({ children, onClose, className }: {
2
+ export declare function MriModal({ children, onClose, className }: {
3
3
  children: React.ReactNode;
4
4
  onClose?: () => void;
5
5
  className?: string;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriModal } from './MriModal';
3
+
4
+ declare const meta: Meta<typeof MriModal>;
5
+ export default meta;
6
+ export declare const Default: StoryObj<typeof MriModal>;
@@ -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 { PageHeader } from './PageHeader';
2
+ import { MriPageHeader } from './MriPageHeader';
3
3
 
4
- declare const meta: Meta<typeof PageHeader>;
4
+ declare const meta: Meta<typeof MriPageHeader>;
5
5
  export default meta;
6
- type Story = StoryObj<typeof PageHeader>;
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 { Popover } from './Popover';
2
+ import { MriPopover } from './MriPopover';
3
3
 
4
- declare const meta: Meta<typeof Popover>;
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 SelectSearchProps {
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 SelectSearch({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled }: SelectSearchProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function MriSelectSearch({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled }: MriSelectSearchProps): import("react/jsx-runtime").JSX.Element;
16
16
  export {};
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriSelectSearch } from './MriSelectSearch';
3
+
4
+ declare const meta: Meta<typeof MriSelectSearch>;
5
+ export default meta;
6
+ export declare const Default: StoryObj<typeof MriSelectSearch>;
@@ -1,14 +1,14 @@
1
1
  import { ElementType, ReactNode } from 'react';
2
2
 
3
- export interface SidebarItem {
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 SidebarProps {
11
- items: SidebarItem[];
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 Sidebar({ items, activeRoute, onNavigate, collapsed, onToggleCollapse, footer, children, className }: SidebarProps): import("react/jsx-runtime").JSX.Element;
20
+ export declare function MriSidebar({ items, activeRoute, onNavigate, collapsed, onToggleCollapse, footer, children, className }: MriSidebarProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriSidebar } from './MriSidebar';
3
+
4
+ declare const meta: Meta<typeof MriSidebar>;
5
+ export default meta;
6
+ export declare const Default: StoryObj<typeof MriSidebar>;
@@ -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, };
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriTable } from './MriTable';
3
+
4
+ declare const meta: Meta<typeof MriTable>;
5
+ export default meta;
6
+ export declare const Default: StoryObj<typeof MriTable>;
@@ -1,4 +1,4 @@
1
- export declare const ThemeToggle: ({ themeLabel, themeIconLabel, lightLabel, darkLabel, systemLabel }: {
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 { ThemeToggle } from './ThemeToggle';
2
+ import { MriThemeToggle } from './MriThemeToggle';
3
3
 
4
- declare const meta: Meta<typeof ThemeToggle>;
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 { TimePicker } from './TimePicker';
2
+ import { MriTimePicker } from './MriTimePicker';
3
3
 
4
- declare const meta: Meta<typeof TimePicker>;
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,3 +1,3 @@
1
- export declare const badgeVariants: (props?: ({
1
+ export declare const mriBadgeVariants: (props?: ({
2
2
  variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
3
3
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,4 +1,4 @@
1
- export declare const buttonVariants: (props?: ({
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/Button';
3
- export * from './components/ui/Input';
4
- export * from './components/ui/Badge';
5
- export * from './components/ui/Card';
6
- export * from './components/ui/Command';
7
- export * from './components/ui/Dialog';
8
- export * from './components/ui/Icons';
9
- export * from './components/ui/Modal';
10
- export * from './components/ui/PageHeader';
11
- export * from './components/ui/Popover';
12
- export * from './components/ui/SelectSearch';
13
- export * from './components/ui/Table';
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/Sidebar';
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';