@zidsa/zidmui 2.0.3 → 2.1.0

package/dist/react/types/components/app-dialog-with-features.d.ts

@@ -0,0 +1,16 @@
+import { StackProps } from '@mui/material';
+import { AppDialogProps } from './app-dialog';
+import { AppInputSearchProps } from './app-input-base-search';
+import { AppPaginationProps } from './app-pagination';
+export type AppDialogWithFeaturesProps = AppDialogProps & {
+    open: boolean;
+    onClose: () => void;
+    search: string;
+    onSearchChange?: (search: string) => void;
+    searchProps?: AppInputSearchProps;
+    pagination?: AppPaginationProps;
+    isLoading?: boolean;
+    contentProps?: StackProps;
+    children?: React.ReactNode;
+};
+export declare const AppDialogWithFeatures: React.FC<AppDialogWithFeaturesProps>;

package/dist/react/types/components/app-dialog.d.ts

@@ -0,0 +1,15 @@
+import { DialogProps, DialogActionsProps, DialogContentProps, DialogTitleProps, StackProps } from '@mui/material';
+import { AppTypographyProps } from './app-typography';
+export type AppDialogProps = DialogProps & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    descriptionProps?: AppTypographyProps;
+    titleStackProps?: StackProps;
+    titleProps?: DialogTitleProps;
+    actions?: React.ReactNode;
+    actionsProps?: DialogActionsProps;
+    children: React.ReactNode;
+    dialogContentProps?: DialogContentProps;
+    darkerBackdrop?: boolean;
+};
+export declare const AppDialog: ({ title, description, descriptionProps, children, titleStackProps, actions, titleProps, actionsProps, darkerBackdrop, dialogContentProps, slotProps, ...props }: AppDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/types/components/app-empty-state.d.ts

@@ -0,0 +1,22 @@
+import { default as React, FC } from 'react';
+import { BoxProps, SvgIconProps } from '@mui/material';
+import { AppTypographyProps } from './app-typography';
+export interface AppEmptyStateProps {
+    size?: 'standard' | 'small';
+    variant?: 'default' | 'error' | 'warning' | 'success';
+    title?: React.ReactNode;
+    titleProps?: AppTypographyProps;
+    icon?: React.ReactElement<SvgIconProps>;
+    iconProps?: SvgIconProps;
+    iconBoxProps?: BoxProps;
+    customIconComponent?: React.ReactElement<SvgIconProps>;
+    description?: React.ReactNode;
+    descriptionProps?: AppTypographyProps;
+    subDescription?: React.ReactNode;
+    subDescriptionProps?: AppTypographyProps;
+    imageUrl?: string;
+    imageProps?: BoxProps;
+    children?: React.ReactNode;
+    containerProps?: BoxProps;
+}
+export declare const AppEmptyState: FC<AppEmptyStateProps>;

package/dist/react/types/components/app-icon-button.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { IconButtonProps } from '@mui/material';
+import { AppTooltipProps } from './app-tooltip';
+export type AppIconButtonProps = Omit<IconButtonProps, 'component'> & {
+    content?: React.ReactNode;
+    href?: string;
+    tooltip?: string | null;
+    tooltipProps?: Omit<AppTooltipProps, 'children' | 'title'>;
+    hideBorder?: boolean;
+};
+export declare const AppIconButton: {
+    ({ ref, color, size, children, content, tooltip, tooltipProps, sx, ...props }: AppIconButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/react/types/components/app-input-radio-card.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { FormControlLabelProps, StackProps, RadioProps } from '@mui/material';
+import { AppTypographyProps } from './app-typography';
+export type AppInputRadioCardProps = Omit<FormControlLabelProps, 'control' | 'label'> & {
+    label: string | React.ReactNode;
+    labelProps?: AppTypographyProps;
+    labelContainerProps?: StackProps;
+    description?: React.ReactNode;
+    descriptionProps?: AppTypographyProps;
+    radioProps?: RadioProps;
+    isLoading?: boolean;
+    labelSuffix?: React.ReactNode;
+    icon?: React.ReactNode;
+};
+export declare const AppInputRadioCard: React.FC<AppInputRadioCardProps>;

package/dist/react/types/components/app-input-radio.d.ts

@@ -0,0 +1,24 @@
+import { RadioGroupProps, BoxProps, RadioProps, FormControlProps } from '@mui/material';
+import { AppTypographyProps } from './app-typography';
+type Option = {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+};
+export type AppInputRadioProps = RadioGroupProps & {
+    name: string;
+    options: Option[];
+    label?: string;
+    helperText?: string;
+    size?: 'small' | 'medium' | 'large';
+    color?: 'primary' | 'error';
+    labelPlacement?: 'end' | 'start';
+    disabled?: boolean;
+    error?: boolean;
+    boxProps?: BoxProps;
+    radioProps?: RadioProps;
+    formControlProps?: FormControlProps;
+    labelProps?: AppTypographyProps;
+};
+export declare const AppInputRadio: ({ row, name, label, helperText, options, size, color, labelPlacement, boxProps, error, disabled, radioProps, formControlProps, labelProps, ...props }: AppInputRadioProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/types/components/app-pagination.d.ts

@@ -0,0 +1,5 @@
+import { PaginationProps } from '@mui/material';
+export type AppPaginationProps = Omit<PaginationProps, 'variant' | 'color' | 'shape' | 'size'> & {
+    size?: 'medium' | 'large';
+};
+export declare const AppPagination: (props: AppPaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/types/components/app-radio-group.d.ts

@@ -0,0 +1,13 @@
+import { RadioGroupProps, FormControlLabelProps } from '@mui/material';
+export interface AppRadioGroupProps extends RadioGroupProps {
+    name: string;
+    label?: string;
+    options: Omit<FormControlLabelProps, 'control'>[];
+    disabled?: boolean;
+    row?: boolean;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    labelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;
+    radioSize?: 'small' | 'medium' | 'large';
+}
+export declare const AppRadioGroup: React.FC<AppRadioGroupProps>;

package/dist/react/types/components/app-status.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ChipProps, TooltipProps } from '@mui/material';
-export type AppStatusColor = 'success' | 'warning' | 'error' | 'neutral' | 'default' | 'disabled' | 'info' | 'orange' | 'blue';
+export type AppStatusColor = 'primary' | 'success' | 'warning' | 'error' | 'neutral' | 'default' | 'disabled' | 'info' | 'orange' | 'blue';
 export type AppStatusProps = Omit<ChipProps, 'color' | 'variant' | 'size'> & {
     size?: 'small' | 'medium';
     color?: AppStatusColor;

package/dist/react/types/components/app-switch-group.d.ts

@@ -0,0 +1,13 @@
+import { AppSwitchProps } from './app-switch';
+import { FormControlProps } from '@mui/material';
+export type AppSwitchGroupProps = {
+    options: AppSwitchProps[];
+    label?: React.ReactNode;
+    helperText?: string;
+    color?: 'primary' | 'error';
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    formControlProps?: FormControlProps;
+};
+export declare const AppSwitchGroup: ({ options, label, helperText, required, color, disabled, error, formControlProps, }: AppSwitchGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/types/components/app-switch.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FormControlLabelProps, SwitchProps, TypographyProps } from '@mui/material';
+export type AppSwitchProps = {
+    name: string;
+    color?: 'primary' | 'error';
+    label?: React.ReactNode;
+    labelProps?: TypographyProps;
+    switchProps?: SwitchProps;
+} & Omit<FormControlLabelProps, 'size' | 'control' | 'label'>;
+export declare const AppSwitch: FC<AppSwitchProps>;

package/dist/react/types/components/app-tabs.d.ts

@@ -0,0 +1,13 @@
+import { TabProps, TabsProps } from '@mui/material';
+import { AppStatusProps } from './app-status';
+export type AppTabsProps = Omit<TabsProps, 'textColor'> & {
+    tabs?: AppTabProps[];
+};
+export declare const AppTabs: ({ tabs, children, ...props }: AppTabsProps) => import("react/jsx-runtime").JSX.Element;
+export type AppTabProps = TabProps & {
+    count?: number;
+    icon?: React.ReactNode;
+    chip?: AppStatusProps;
+};
+export declare const AppTab: ({ label, chip, icon, ...props }: AppTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const formatNumber: (amount: number) => string;

package/dist/react/types/stories/css/Button.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const FullWidth: Story;
+export declare const IconButton: Story;

package/dist/react/types/stories/css/Card.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Elevation: Story;
+export declare const Variants: Story;
+export declare const WithSubtitle: Story;
+export declare const WithActions: Story;
+export declare const WithMedia: Story;
+export declare const SelectableCards: Story;

package/dist/react/types/stories/css/Checkbox.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const States: Story;
+export declare const CheckboxGroup: Story;
+export declare const WithHelperText: Story;
+export declare const ParentChild: Story;

package/dist/react/types/stories/css/ComponentReference.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ButtonReference: Story;
+export declare const InputReference: Story;
+export declare const AlertReference: Story;

package/dist/react/types/stories/css/Input.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const WithLabelAndHelper: Story;
+export declare const WithAdornments: Story;
+export declare const InputTypes: Story;

package/dist/react/types/stories/css/ListItem.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicList: Story;
+export declare const WithSecondaryText: Story;
+export declare const ClickableList: Story;
+export declare const WithStatus: Story;
+export declare const NavigationMenu: Story;

package/dist/react/types/stories/css/Modal.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Sizes: Story;
+export declare const WithForm: Story;
+export declare const ConfirmationDialog: Story;
+export declare const WithoutFooter: Story;

package/dist/react/types/stories/css/Radio.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const States: Story;
+export declare const RadioGroup: Story;
+export declare const WithHelperText: Story;

package/dist/react/types/stories/css/Select.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const WithLabelAndHelper: Story;
+export declare const WithOptgroups: Story;

package/dist/react/types/stories/css/Status.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Variants: Story;

package/dist/react/types/stories/css/Switch.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Colors: Story;
+export declare const States: Story;
+export declare const WithoutLabel: Story;
+export declare const SettingsExample: Story;

package/dist/react/types/stories/css/Table.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Variants: Story;
+export declare const WithStatusBadges: Story;
+export declare const WithActions: Story;
+export declare const EmptyState: Story;

package/dist/react/types/stories/css/Tooltip.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Positions: Story;
+export declare const WithTitle: Story;
+export declare const SimpleTooltips: Story;
+export declare const Interactive: Story;

package/dist/react/types/stories/css/Utilities.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const UtilityClasses: Story;
+export declare const UtilityExamples: Story;

package/dist/react/types/stories/design/Typography.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CSSTypography: Story;
+export declare const FontWeights: Story;
+export declare const UsageExamples: Story;

package/dist/react/types/stories/design/spacing/CSS.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SpacingScale: Story;

package/dist/react/types/stories/react/AppCheckbox.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('../../components/app-checkbox').AppCheckboxProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        checked: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+    args: {
+        label: string;
+        checked: false;
+        disabled: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const Interactive: Story;

package/dist/react/types/stories/react/AppDialog.stories.d.ts

@@ -0,0 +1,31 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ title, description, descriptionProps, children, titleStackProps, actions, titleProps, actionsProps, darkerBackdrop, dialogContentProps, slotProps, ...props }: import('../../components/app-dialog').AppDialogProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        title: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+        maxWidth: {
+            control: "select";
+            options: string[];
+        };
+        darkerBackdrop: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const WithTitleAndDescription: Story;
+export declare const WithActions: Story;
+export declare const DarkerBackdrop: Story;

package/dist/react/types/stories/react/AppDialogWithFeatures.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('../../components/app-dialog-with-features').AppDialogWithFeaturesProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        title: {
+            control: "text";
+        };
+        isLoading: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithPagination: Story;
+export declare const Loading: Story;

package/dist/react/types/stories/react/AppEmptyState.stories.d.ts

@@ -0,0 +1,39 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('../../components/app-empty-state').AppEmptyStateProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        title: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+        subDescription: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const PageNotFound: Story;
+export declare const PageNotFoundWithSubDescription: Story;
+export declare const AccessDenied: Story;
+export declare const SomethingWentWrong: Story;
+export declare const SmallSize: Story;
+export declare const WithImage: Story;
+export declare const NoDescription: Story;
+export declare const NoChildren: Story;

package/dist/react/types/stories/react/AppIconButton.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ ref, color, size, children, content, tooltip, tooltipProps, sx, ...props }: import('../../components/app-icon-button').AppIconButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Variants: Story;

package/dist/react/types/stories/react/AppInputRadio.stories.d.ts

@@ -0,0 +1,55 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ row, name, label, helperText, options, size, color, labelPlacement, boxProps, error, disabled, radioProps, formControlProps, labelProps, ...props }: import('../../components/app-input-radio').AppInputRadioProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        helperText: {
+            control: "text";
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        row: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        error: {
+            control: "boolean";
+        };
+    };
+    args: {
+        name: string;
+        label: string;
+        helperText: string;
+        size: "medium";
+        color: "primary";
+        row: true;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SmallSize: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const ErrorStates: Story;
+export declare const DisabledStates: Story;
+export declare const Interactive: Story;