@mriqbox/ui-kit 3.4.1 → 3.5.0

package/bin/cli.js

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

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

@@ -10,7 +10,7 @@ declare const meta: {
     tags: string[];
     argTypes: {
         variant: {
-            control: string;
+            control: "select";
             options: string[];
         };
     };

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

@@ -9,10 +9,10 @@ declare const meta: {
     tags: string[];
     argTypes: {
         disabled: {
-            control: string;
+            control: "boolean";
         };
         placeholder: {
-            control: string;
+            control: "text";
         };
     };
 };

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

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

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

@@ -1,6 +1,9 @@
 import * as React from 'react';
-export declare function MriModal({ children, onClose, className }: {
+export declare function MriModal({ children, onClose, className, hideBlur, hideOverlay, isModal }: {
     children: React.ReactNode;
     onClose?: () => void;
     className?: string;
+    hideBlur?: boolean;
+    hideOverlay?: boolean;
+    isModal?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -5,3 +5,6 @@ declare const meta: Meta<typeof MriModal>;
 export default meta;
 export declare const Default: StoryObj<typeof MriModal>;
 export declare const PortalTest: StoryObj<typeof MriModal>;
+export declare const SearchInModal: StoryObj<typeof MriModal>;
+export declare const NoBlur: StoryObj<typeof MriModal>;
+export declare const Floating: StoryObj<typeof MriModal>;

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

@@ -2,7 +2,7 @@ export interface MriMultiSelectOption {
     label: string;
     value: string | number;
 }
-interface MriMultiSelectProps {
+export interface MriMultiSelectProps {
     options: MriMultiSelectOption[];
     value: (string | number)[];
     onChange: (value: (string | number)[]) => void;
@@ -14,6 +14,6 @@ interface MriMultiSelectProps {
     maxVisibleValues?: number;
     isLoading?: boolean;
     error?: boolean | string;
+    portal?: boolean;
 }
-export declare function MriMultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled, maxVisibleValues, isLoading, error, }: MriMultiSelectProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function MriMultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled, maxVisibleValues, isLoading, error, portal }: MriMultiSelectProps): import("react/jsx-runtime").JSX.Element;

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

@@ -14,6 +14,7 @@ export interface MriPlayerVitalsProps {
     vitals: VitalsData;
     size?: 'mini' | 'compact' | 'full';
     onAction?: (vital: string, label: string, value: number) => void;
+    onIconClick?: (vital: string, label: string, value: number) => void;
     className?: string;
     labels?: {
         health?: string;
@@ -23,4 +24,4 @@ export interface MriPlayerVitalsProps {
         stress?: string;
     };
 }
-export declare function MriPlayerVitals({ vitals, size, onAction, className, labels }: MriPlayerVitalsProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriPlayerVitals({ vitals, size, onAction, onIconClick, className, labels }: MriPlayerVitalsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -8,3 +8,4 @@ export declare const Compact: Story;
 export declare const Mini: Story;
 export declare const Full: Story;
 export declare const CriticalState: Story;
+export declare const WithIconClick: Story;

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

@@ -2,5 +2,7 @@ import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 declare const MriPopover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const MriPopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const MriPopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MriPopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    portal?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 export { MriPopover, MriPopoverTrigger, MriPopoverContent };

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

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

package/dist/components/organisms/MriCalendar.stories.d.ts

@@ -11,12 +11,12 @@ declare const meta: {
     argTypes: {
         mode: {
             control: {
-                type: string;
+                type: "radio";
             };
             options: string[];
         };
         showOutsideDays: {
-            control: string;
+            control: "boolean";
         };
     };
 };