@mriqbox/ui-kit 3.5.0 → 3.5.2

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.5.0');
+    .version('3.5.2');
 
 program
     .command('add <component>')

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

@@ -0,0 +1,38 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentType } from 'react';
+
+export interface MriActionCardOption {
+    value: string;
+    label: string;
+}
+export type MriActionCardItemType = "text" | "dropdown" | "button";
+export interface MriActionCardItem {
+    id: string;
+    label: string;
+    option: MriActionCardItemType;
+    placeholder?: string;
+    disabled?: boolean;
+    options?: MriActionCardOption[];
+    onTextChange?: (id: string, value: string) => void;
+    onDropdownSelect?: (id: string, val: MriActionCardOption) => void;
+    onButtonClick?: (item: MriActionCardItem) => void;
+    selectedValue?: string;
+    selectedLabel?: string;
+    searchPlaceholder?: string;
+    noneFoundText?: string;
+    selectPlaceholder?: string;
+}
+export interface MriActionCardProps {
+    id?: string;
+    label: string;
+    icon?: LucideIcon | ComponentType<{
+        className?: string;
+    }>;
+    isFavorite?: boolean;
+    isProcessing?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    onToggleFavorite?: (id: string) => void;
+    items?: MriActionCardItem[];
+}
+export declare const MriActionCard: ({ id, label, icon: Icon, isFavorite, isProcessing, disabled, onClick, onToggleFavorite, items, }: MriActionCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,122 @@
+declare const _default: {
+    title: string;
+    component: ({ id, label, icon: Icon, isFavorite, isProcessing, disabled, onClick, onToggleFavorite, items, }: import('./MriActionCard').MriActionCardProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        onClick: {
+            action: string;
+        };
+        onToggleFavorite: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Button: {
+    args: {
+        label: string;
+        icon: (props?: {
+            className?: string;
+        }) => import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const Favorite: {
+    args: {
+        label: string;
+        isFavorite: boolean;
+    };
+};
+export declare const Processing: {
+    args: {
+        label: string;
+        isProcessing: boolean;
+    };
+};
+export declare const Disabled: {
+    args: {
+        label: string;
+        disabled: boolean;
+    };
+};
+export declare const WithCustomIcons: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Expandable: {
+    args: {
+        label: string;
+        icon: (props?: {
+            className?: string;
+        }) => import("react/jsx-runtime").JSX.Element;
+        items: ({
+            id: string;
+            label: string;
+            option: string;
+            options: {
+                value: string;
+                label: string;
+            }[];
+            selectedLabel: string;
+            searchPlaceholder: string;
+            noneFoundText: string;
+            placeholder?: undefined;
+        } | {
+            id: string;
+            label: string;
+            option: string;
+            placeholder: string;
+            options?: undefined;
+            selectedLabel?: undefined;
+            searchPlaceholder?: undefined;
+            noneFoundText?: undefined;
+        } | {
+            id: string;
+            label: string;
+            option: string;
+            options?: undefined;
+            selectedLabel?: undefined;
+            searchPlaceholder?: undefined;
+            noneFoundText?: undefined;
+            placeholder?: undefined;
+        })[];
+    };
+};
+export declare const ExpandableDisabled: {
+    args: {
+        label: string;
+        icon: (props?: {
+            className?: string;
+        }) => import("react/jsx-runtime").JSX.Element;
+        disabled: boolean;
+        items: ({
+            id: string;
+            label: string;
+            option: string;
+            placeholder: string;
+        } | {
+            id: string;
+            label: string;
+            option: string;
+            placeholder?: undefined;
+        })[];
+    };
+};
+export declare const ExpandablePartialDisabled: {
+    args: {
+        label: string;
+        icon: (props?: {
+            className?: string;
+        }) => import("react/jsx-runtime").JSX.Element;
+        items: ({
+            id: string;
+            label: string;
+            option: string;
+            placeholder: string;
+            disabled: boolean;
+        } | {
+            id: string;
+            label: string;
+            option: string;
+            disabled: boolean;
+            placeholder?: undefined;
+        })[];
+    };
+};

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

@@ -6,7 +6,8 @@ type Action = {
     onClick?: () => void;
     disabled?: boolean;
 };
-export default function MriButtonGroup({ buttons }: {
+export default function MriButtonGroup({ buttons, disabled }: {
     buttons: Action[];
+    disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,3 +6,4 @@ export default meta;
 type Story = StoryObj<typeof MriButtonGroup>;
 export declare const Default: Story;
 export declare const DisabledItem: Story;
+export declare const AllDisabled: Story;

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

@@ -4,5 +4,8 @@ export interface MriEconomyCardProps {
     amountColorClass?: string;
     onAdd?: () => void;
     onRemove?: () => void;
+    disableAdd?: boolean;
+    disableRemove?: boolean;
+    defaultVisible?: boolean;
 }
-export declare function MriEconomyCard({ label, amount, amountColorClass, onAdd, onRemove }: MriEconomyCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriEconomyCard({ label, amount, amountColorClass, onAdd, onRemove, disableAdd, disableRemove, defaultVisible, }: MriEconomyCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,3 +6,5 @@ export default meta;
 type Story = StoryObj<typeof MriEconomyCard>;
 export declare const Default: Story;
 export declare const Negative: Story;
+export declare const HiddenByDefault: Story;
+export declare const DisabledButtons: Story;

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

@@ -22,6 +22,8 @@ export interface MriPlayerVitalsProps {
         hunger?: string;
         thirst?: string;
         stress?: string;
+        dead?: string;
     };
+    disabledVitals?: string[];
 }
-export declare function MriPlayerVitals({ vitals, size, onAction, onIconClick, className, labels }: MriPlayerVitalsProps): import("react/jsx-runtime").JSX.Element;
+export declare function MriPlayerVitals({ vitals, size, onAction, onIconClick, className, labels, disabledVitals }: MriPlayerVitalsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,3 +9,7 @@ export declare const Mini: Story;
 export declare const Full: Story;
 export declare const CriticalState: Story;
 export declare const WithIconClick: Story;
+export declare const PartialDisabled: Story;
+export declare const AllDisabled: Story;
+export declare const Dead: Story;
+export declare const DeadFull: Story;

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

@@ -0,0 +1,34 @@
+export interface MriSelectOption {
+    label: string;
+    value: string | number;
+    [key: string]: unknown;
+}
+type MriSelectBase = {
+    options: MriSelectOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    className?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    error?: boolean | string;
+    portal?: boolean;
+    size?: "default" | "sm";
+    createLabelPrefix?: string;
+};
+type MriSelectSingleProps = MriSelectBase & {
+    multiple?: false;
+    value: string | number;
+    onChange: (value: string) => void;
+    clearable?: boolean;
+    creatable?: boolean;
+};
+type MriSelectMultipleProps = MriSelectBase & {
+    multiple: true;
+    value: (string | number)[];
+    onChange: (value: (string | number)[]) => void;
+    maxVisibleValues?: number;
+};
+export type MriSelectProps = MriSelectSingleProps | MriSelectMultipleProps;
+export declare function MriSelect(props: MriSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,35 @@
+import { Meta } from '@storybook/react';
+import { MriSelect } from './MriSelect';
+
+declare const meta: Meta<typeof MriSelect>;
+export default meta;
+export declare const Single: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SingleClearable: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SingleCreatable: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SingleSmall: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SingleLoading: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SingleError: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Multiple: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultipleWithMany: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultipleDisabled: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultipleError: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -25,5 +25,8 @@ export interface MriVitalAdjustModalProps {
         cancel?: string;
         playerNameLabel?: string;
     };
+    hideBlur?: boolean;
+    hideOverlay?: boolean;
+    disabled?: boolean;
 }
-export declare function MriVitalAdjustModal({ isOpen, onClose, onSubmit, vital, currentValue, playerName, labels, icon, showFullProgress, title, description, confirmLabel, cancelLabel, newValueLabel }: MriVitalAdjustModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MriVitalAdjustModal({ isOpen, onClose, onSubmit, vital, currentValue, playerName, labels, icon, showFullProgress, title, description, confirmLabel, cancelLabel, newValueLabel, hideBlur, hideOverlay, disabled, }: MriVitalAdjustModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -12,3 +12,4 @@ export declare const Armor: Story;
 export declare const Hunger: Story;
 export declare const Thirst: Story;
 export declare const Stress: Story;
+export declare const Disabled: Story;

package/dist/index.d.ts

@@ -14,24 +14,21 @@ export * from './components/molecules/MriCompactSearch';
 export * from './components/molecules/MriDialog';
 export * from './components/molecules/MriModal';
 export * from './components/molecules/MriPopover';
-export * from './components/molecules/MriSelectSearch';
+export * from './components/molecules/MriSelect';
 export * from './components/molecules/MriThemeToggle';
 export * from './components/molecules/MriTimePicker';
 export * from './components/molecules/MriCommand';
 export * from './components/molecules/MriCopyButton';
 export * from './components/molecules/MriEconomyCard';
-export * from './components/molecules/MriActionButton';
-export * from './components/molecules/MriActionDropdown';
+export * from './components/molecules/MriActionCard';
 export * from './components/molecules/MriActionModal';
 export * from './components/molecules/MriGridActionButton';
 export * from './components/molecules/MriSearchInput';
 export * from './components/molecules/MriSectionHeader';
 export * from './components/molecules/MriDatePicker';
 export * from './components/molecules/MriColorPicker';
-export * from './components/molecules/MriCreatableCombobox';
 export * from './components/molecules/MriPlayerVitals';
 export * from './components/molecules/MriVitalAdjustModal';
-export * from './components/molecules/MriMultiSelect';
 export * from './components/organisms/MriCalendar';
 export * from './components/organisms/MriPageHeader';
 export * from './components/organisms/MriSidebar';