@mriqbox/ui-kit 3.0.0 → 3.1.0

package/bin/cli.js

@@ -164,7 +164,7 @@ async function checkDependencies(filePath, installDir) {
 program
     .name('mri-ui')
     .description('Add Mri UI components to your project')
-    .version('3.0.0');
+    .version('3.1.0');
 
 program
     .command('add <component>')

package/dist/components/atoms/MriButton.d.ts

@@ -3,5 +3,6 @@ import { mriButtonVariants } from './mri-button-variants';
 import * as React from "react";
 export interface MriButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof mriButtonVariants> {
     asChild?: boolean;
+    isLoading?: boolean;
 }
 export declare const MriButton: React.ForwardRefExoticComponent<MriButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/atoms/MriButton.stories.d.ts

@@ -12,3 +12,4 @@ export declare const Ghost: Story;
 export declare const Link: Story;
 export declare const Small: Story;
 export declare const Large: Story;
+export declare const Loading: Story;

package/dist/components/atoms/MriInput.d.ts

@@ -1,2 +1,8 @@
 import * as React from 'react';
-export declare function MriInput(props: React.InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
+export interface MriInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: 'default' | 'sm';
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    error?: boolean | string;
+}
+export declare const MriInput: React.ForwardRefExoticComponent<MriInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/atoms/MriInput.stories.d.ts

@@ -1,9 +1,8 @@
 import { StoryObj } from '@storybook/react';
-import { MriInput } from './MriInput';
 
 declare const meta: {
     title: string;
-    component: typeof MriInput;
+    component: import('react').ForwardRefExoticComponent<import('./MriInput').MriInputProps & import('react').RefAttributes<HTMLInputElement>>;
     parameters: {
         layout: string;
     };
@@ -22,3 +21,6 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Disabled: Story;
 export declare const WithValue: Story;
+export declare const Small: Story;
+export declare const WithIcons: Story;
+export declare const ErrorState: Story;

package/dist/components/atoms/MriSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare function MriSkeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export { MriSkeleton };

package/dist/components/atoms/MriSkeleton.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { MriSkeleton } from './MriSkeleton';
+
+declare const meta: {
+    title: string;
+    component: typeof MriSkeleton;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Circle: Story;
+export declare const CardDemo: Story;

package/dist/components/molecules/MriCompactSearch.d.ts

@@ -11,6 +11,8 @@ interface MriCompactSearchProps {
     emptyMessage?: string;
     className?: string;
     disabled?: boolean;
+    size?: "default" | "sm";
+    error?: boolean | string;
 }
-export declare function MriCompactSearch({ options, value, onChange, searchPlaceholder, emptyMessage, className, disabled }: MriCompactSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriCompactSearch({ options, value, onChange, searchPlaceholder, emptyMessage, className, disabled, size, error }: MriCompactSearchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/MriCompactSearch.stories.d.ts

@@ -6,3 +6,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Preselected: Story;
+export declare const Small: Story;
+export declare const ErrorState: Story;

package/dist/components/molecules/MriDatePicker.d.ts

@@ -6,6 +6,8 @@ interface MriDatePickerProps {
     placeholder?: string;
     disabled?: boolean;
     locale?: Locale;
+    size?: "default" | "sm";
+    error?: boolean | string;
 }
-export declare function MriDatePicker({ value, onChange, placeholder, disabled, locale }: MriDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriDatePicker({ value, onChange, placeholder, disabled, locale, size, error }: MriDatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/MriDatePicker.stories.d.ts

@@ -8,3 +8,5 @@ export declare const Default: Story;
 export declare const WithValue: Story;
 export declare const EnglishLocale: Story;
 export declare const Disabled: Story;
+export declare const ErrorState: Story;
+export declare const Small: Story;

package/dist/components/molecules/MriDrawer.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const MriDrawer: React.FC<DialogPrimitive.DialogProps>;
+declare const MriDrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const MriDrawerPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const MriDrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const MriDrawerOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MriDrawerContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MriDrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const MriDrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const MriDrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const MriDrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { MriDrawer, MriDrawerPortal, MriDrawerOverlay, MriDrawerTrigger, MriDrawerClose, MriDrawerContent, MriDrawerHeader, MriDrawerFooter, MriDrawerTitle, MriDrawerDescription, };

package/dist/components/molecules/MriDrawer.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('@radix-ui/react-dialog').DialogProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/molecules/MriModal.stories.d.ts

@@ -4,3 +4,4 @@ import { MriModal } from './MriModal';
 declare const meta: Meta<typeof MriModal>;
 export default meta;
 export declare const Default: StoryObj<typeof MriModal>;
+export declare const PortalTest: StoryObj<typeof MriModal>;

package/dist/components/molecules/MriSearchInput.d.ts

@@ -4,5 +4,7 @@ export interface MriSearchInputProps {
     placeholder?: string;
     className?: string;
     width?: string;
+    size?: "default" | "sm";
+    error?: boolean | string;
 }
-export declare function MriSearchInput({ value, onChange, placeholder, className, width }: MriSearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriSearchInput({ value, onChange, placeholder, className, width, size, error }: MriSearchInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/MriSearchInput.stories.d.ts

@@ -6,3 +6,5 @@ export default meta;
 type Story = StoryObj<typeof MriSearchInput>;
 export declare const Default: Story;
 export declare const CustomWidth: Story;
+export declare const Small: Story;
+export declare const ErrorState: Story;

package/dist/components/molecules/MriSelectSearch.d.ts

@@ -11,6 +11,9 @@ interface MriSelectSearchProps {
     emptyMessage?: string;
     className?: string;
     disabled?: boolean;
+    size?: "default" | "sm";
+    isLoading?: boolean;
+    error?: boolean | string;
 }
-export declare function MriSelectSearch({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled }: MriSelectSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriSelectSearch({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled, size, isLoading, error }: MriSelectSearchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/MriSelectSearch.stories.d.ts

@@ -4,3 +4,6 @@ import { MriSelectSearch } from './MriSelectSearch';
 declare const meta: Meta<typeof MriSelectSearch>;
 export default meta;
 export declare const Default: StoryObj<typeof MriSelectSearch>;
+export declare const Loading: StoryObj<typeof MriSelectSearch>;
+export declare const ErrorState: StoryObj<typeof MriSelectSearch>;
+export declare const Small: StoryObj<typeof MriSelectSearch>;

package/dist/components/molecules/MriTimePicker.d.ts

@@ -4,6 +4,8 @@ interface MriTimePickerProps {
     disabled?: boolean;
     hourLabel?: string;
     minuteLabel?: string;
+    size?: "default" | "sm";
+    error?: boolean | string;
 }
-export declare function MriTimePicker({ value, onChange, disabled, hourLabel, minuteLabel }: MriTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriTimePicker({ value, onChange, disabled, hourLabel, minuteLabel, size, error }: MriTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/MriTimePicker.stories.d.ts

@@ -8,3 +8,5 @@ export declare const Default: Story;
 export declare const WithPreselectedValue: Story;
 export declare const WithCustomLabels: Story;
 export declare const Disabled: Story;
+export declare const ErrorState: Story;
+export declare const Small: Story;