@zidsa/zidmui 2.0.3 → 2.1.1

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

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('../../components/app-input-radio-card').AppInputRadioCardProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        isLoading: {
+            control: "boolean";
+        };
+    };
+    args: {
+        name: string;
+        value: string;
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const WithIcon: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const RadioCardGroup: Story;
+export declare const Interactive: Story;

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

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: import('../../components/app-pagination').AppPaginationProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        count: {
+            control: "number";
+        };
+        page: {
+            control: "number";
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+    args: {
+        count: number;
+        page: number;
+        size: "medium";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SizeMedium: Story;
+export declare const SizeLarge: Story;
+export declare const Interactive: Story;

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

@@ -0,0 +1,44 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('../../components/app-radio-group').AppRadioGroupProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        radioSize: {
+            control: "select";
+            options: string[];
+        };
+        row: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+    args: {
+        name: string;
+        label: string;
+        radioSize: "medium";
+        row: true;
+        disabled: false;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Row: Story;
+export declare const Column: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const NoLabel: Story;
+export declare const Interactive: Story;

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

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('../../components/app-switch').AppSwitchProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+        defaultChecked: {
+            control: "boolean";
+        };
+    };
+    args: {
+        name: string;
+        label: string;
+        color: "primary";
+        disabled: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ErrorColor: Story;
+export declare const NoLabel: Story;
+export declare const Disabled: Story;
+export declare const SwitchGroup: Story;
+export declare const DisabledSwitchGroup: Story;

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ tabs, children, ...props }: import('../../components/app-tabs').AppTabsProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        value: {
+            control: "number";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Interactive: Story;
+export declare const Default: Story;
+export declare const WithChip: Story;
+export declare const WithIcon: Story;
+export declare const WithIconAndChip: Story;
+export declare const UsingChildren: Story;

package/dist/react/types/theme/components/checkbox.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiCheckbox: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiCheckbox'];

package/dist/react/types/theme/components/dialog.d.ts

@@ -0,0 +1,5 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiDialog: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiDialog'];
+export declare const MuiDialogTitle: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiDialogTitle'];
+export declare const MuiDialogContent: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiDialogContent'];
+export declare const MuiDialogActions: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiDialogActions'];

package/dist/react/types/theme/components/divider.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiDivider: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiDivider'];

package/dist/react/types/theme/components/form-group.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiFormGroup: Components<Theme & CssVarsTheme>['MuiFormGroup'];

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

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiIconButton: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiIconButton'];

package/dist/react/types/theme/components/pagination.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiPagination: Components<Theme & CssVarsTheme>['MuiPagination'];

package/dist/react/types/theme/components/radio.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiRadio: Components<Theme & CssVarsTheme>['MuiRadio'];

package/dist/react/types/theme/components/skeleton.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiSkeleton: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiSkeleton'];

package/dist/react/types/theme/components/switch.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiSwitch: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiSwitch'];

package/dist/react/types/theme/components/tab.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiTab: Components<Theme & CssVarsTheme>['MuiTab'];

package/dist/react/types/theme/components/tabs.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material';
+export declare const MuiTabs: Components<Theme & CssVarsTheme>['MuiTabs'];

package/dist/react/types/theme/types.d.ts

@@ -0,0 +1,347 @@
+import '@mui/material';
+
+declare module '@mui/material/Button' {
+  interface ButtonPropsColorOverrides {
+    primaryDark: true;
+    primaryLight: true;
+    tertiary: true;
+  }
+}
+
+declare module '@mui/material/IconButton' {
+  interface IconButtonPropsSizeOverrides {
+    extraSmall: true;
+  }
+}
+declare module '@mui/material/Radio' {
+  interface RadioPropsSizeOverrides {
+    small: true;
+    medium: true;
+    large: true;
+  }
+}
+
+declare module '@mui/lab' {
+  interface TimelineProps {
+    noOppositeContent?: boolean;
+  }
+}
+
+declare module '@mui/material' {
+  interface CustomPalette {
+    badge: {
+      primary: {
+        color: '#8758C6';
+        backgroundColor: '#F1EAFF';
+      };
+    };
+    outlined?: {
+      outlined?: string;
+      outlined_2?: string;
+      outlinedDisable?: string;
+    };
+    tabs: {
+      text: {
+        secondary: string;
+      };
+    };
+    icon: {
+      primary: string;
+      secondary: string;
+      disabled: string;
+      draggable: string;
+    };
+    _states: {
+      focus: string;
+      hover: string;
+      selected: string;
+      focusVisible: string;
+      outlinedBorder: string;
+    };
+
+    _components: {
+      sliderIndicator: {
+        active: string;
+        inactive: string;
+        background: string;
+      };
+      cardContent: {
+        selected: {
+          background: string;
+          border: string;
+        };
+      };
+      emptyState: {
+        imageBackground: string;
+      };
+      navbar: {
+        wallet: {
+          background: string;
+          border: string;
+          text: string;
+        };
+        search: {
+          searchBorder: string;
+          searchBackground: string;
+        };
+      };
+      avatar: {
+        fill: string;
+      };
+      input: {
+        _states: {
+          hover: string;
+          selected: string;
+          focusVisible: string;
+        };
+        outlined: {
+          enabledBorder: string;
+          hoverBorder: string;
+        };
+      };
+      switch: {
+        knobFillEnabled: string;
+        slideFill: string;
+        knowFillDisabled: string;
+        shadow: string;
+        color: string;
+        background: string;
+        primary: {
+          activeBackground: string;
+          pressedBackground: string;
+          shadow: string;
+        };
+        error: {
+          activeBackground: string;
+          pressedBackground: string;
+          shadow: string;
+        };
+      };
+      chip: {
+        desert: string;
+      };
+      backdrop: {
+        fill: string;
+      };
+      appBar: {
+        defaultFill: string;
+      };
+      alert: {
+        error: {
+          color: string;
+          border: string;
+          background: string;
+        };
+        warning: {
+          color: string;
+          border: string;
+          background: string;
+        };
+        info: {
+          color: string;
+          border: string;
+          background: string;
+        };
+        success: {
+          color: string;
+          border: string;
+          background: string;
+        };
+      };
+      stepper: {
+        connector: string;
+      };
+      button: {
+        disabledText: string;
+        disabledBorder: string;
+        primaryDarkText: {
+          disabled: string;
+          text: string;
+          loadingText: string;
+        };
+        primary: {
+          contained?: string;
+          hover: string;
+          focused: string;
+          pressed: string;
+          disabled: string;
+          border: string;
+          text: string;
+          loadingText: string;
+        };
+        secondary: {
+          contained?: string;
+          hover: string;
+          focused: string;
+          pressed: string;
+          disabled: string;
+          border: string;
+          text: string;
+          loadingText: string;
+        };
+        tertiary: {
+          contained: string;
+          hover: string;
+          focused: string;
+          pressed: string;
+          disabled: string;
+          text: string;
+          outlinedHover: string;
+          outlinedText: string;
+          loadingText: string;
+        };
+        error: {
+          contained?: string;
+          hover: string;
+          focused: string;
+          pressed: string;
+          disabled: string;
+          border: string;
+          text: string;
+          outlinedHover: string;
+          outlinedText: string;
+          activeBorder: string;
+          loadingText: string;
+        };
+      };
+      iconButton: {
+        default: {
+          hover: string;
+        };
+        primary: {
+          text: string;
+          focused: string;
+          hover: string;
+          focusedIcon: string;
+        };
+        secondary: {
+          text: string;
+          focused: string;
+          hover: string;
+          focusedIcon: string;
+        };
+        error: {
+          text: string;
+          focused: string;
+          hover: string;
+          focusedIcon: string;
+        };
+      };
+    };
+    _native: {
+      'scrollbar-bg': string;
+    };
+  }
+
+  interface PaletteOptions extends CustomPalette {}
+
+  interface Palette extends CustomPalette {}
+
+  //
+
+  type ColorShadesKey = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
+  interface Colors {
+    base: {
+      white: string;
+      neutral: string;
+      silver: string;
+      black: string;
+    };
+    primary: { [key in ColorShadesKey]: string };
+    secondary: { [key in ColorShadesKey]: string };
+    neutral: { [key in ColorShadesKey]: string };
+    green: { [key in ColorShadesKey]: string };
+    blue: { [key in ColorShadesKey]: string };
+    yellow: { [key in ColorShadesKey]: string };
+    orange: { [key in ColorShadesKey]: string };
+    red: { [key in ColorShadesKey]: string };
+  }
+
+  //
+
+  interface Palette {
+    colors: Colors;
+  }
+
+  interface PaletteOptions {
+    colors: Colors;
+  }
+
+  //
+  interface TypeText {
+    tertiary: string;
+    deepGreen: string;
+    darkOchre: string;
+    contrastText: string;
+    primaryContrastTest: string;
+    _states: {
+      hover: string;
+      selected: string;
+      focus: string;
+      focusVisible: string;
+    };
+  }
+
+  interface CommonColors {
+    black_states: {
+      hover: string;
+      selected: string;
+      focus: string;
+    };
+    white_states: {
+      main: string;
+      focusVisible: string;
+      focus: string;
+    };
+  }
+
+  interface TypeBackground {
+    white: string;
+    black: string;
+    gray: string;
+    gray200: string;
+    gray100: string;
+    backgroundDisable: string;
+    darkBackdrop: string;
+    Blur: string;
+    green: string;
+    yellow: string;
+    royal: string;
+    mintGreen: string;
+    goldenYellow: string;
+    lavenderGlow: string;
+    royalPurple: string;
+  }
+
+  interface SimplePaletteColorOptions {
+    _states?: {
+      hover?: string;
+      selected?: string;
+      focus?: string;
+      focusVisible?: string;
+      outlinedBorder?: string;
+    };
+  }
+  interface PaletteColor {
+    _states?: {
+      hover?: string;
+      selected?: string;
+      focus?: string;
+      focusVisible?: string;
+      outlinedBorder?: string;
+    };
+  }
+
+  interface Theme {
+    shape: {
+      borderRadius: number;
+      standardBorderRadius: number;
+    };
+  }
+  interface ThemeOptions {
+    shape?: {
+      borderRadius: number;
+      standardBorderRadius: number; // Add custom property to options as well
+    };
+  }
+}