@wealthx/ui 0.0.1 → 1.0.1

package/package.json

@@ -1,18 +1,445 @@
 {
   "name": "@wealthx/ui",
-  "version": "0.0.1",
-  "sideEffects": false,
+  "version": "1.0.1",
+  "sideEffects": [
+    "**/mui-augmentation.ts"
+  ],
   "license": "MIT",
   "exports": {
+    "./accordion": {
+      "types": "./src/accordion.tsx",
+      "import": "./dist/accordion.mjs",
+      "require": "./dist/accordion.js"
+    },
+    "./accordion-summary": {
+      "types": "./src/accordion-summary.tsx",
+      "import": "./dist/accordion-summary.mjs",
+      "require": "./dist/accordion-summary.js"
+    },
+    "./accordion-details": {
+      "types": "./src/accordion-details.tsx",
+      "import": "./dist/accordion-details.mjs",
+      "require": "./dist/accordion-details.js"
+    },
+    "./alert": {
+      "types": "./src/alert.tsx",
+      "import": "./dist/alert.mjs",
+      "require": "./dist/alert.js"
+    },
+    "./app-bar": {
+      "types": "./src/app-bar.tsx",
+      "import": "./dist/app-bar.mjs",
+      "require": "./dist/app-bar.js"
+    },
+    "./autocomplete": {
+      "types": "./src/autocomplete.tsx",
+      "import": "./dist/autocomplete.mjs",
+      "require": "./dist/autocomplete.js"
+    },
+    "./avatar": {
+      "types": "./src/avatar.tsx",
+      "import": "./dist/avatar.mjs",
+      "require": "./dist/avatar.js"
+    },
+    "./backdrop": {
+      "types": "./src/backdrop.tsx",
+      "import": "./dist/backdrop.mjs",
+      "require": "./dist/backdrop.js"
+    },
+    "./badge": {
+      "types": "./src/badge.tsx",
+      "import": "./dist/badge.mjs",
+      "require": "./dist/badge.js"
+    },
+    "./box": {
+      "types": "./src/box.tsx",
+      "import": "./dist/box.mjs",
+      "require": "./dist/box.js"
+    },
+    "./bottom-navigation": {
+      "types": "./src/bottom-navigation.tsx",
+      "import": "./dist/bottom-navigation.mjs",
+      "require": "./dist/bottom-navigation.js"
+    },
+    "./bottom-navigation-action": {
+      "types": "./src/bottom-navigation-action.tsx",
+      "import": "./dist/bottom-navigation-action.mjs",
+      "require": "./dist/bottom-navigation-action.js"
+    },
+    "./breadcrumbs": {
+      "types": "./src/breadcrumbs.tsx",
+      "import": "./dist/breadcrumbs.mjs",
+      "require": "./dist/breadcrumbs.js"
+    },
     "./button": {
-      "types": "./dist/button.d.ts",
+      "types": "./src/button.tsx",
       "import": "./dist/button.mjs",
       "require": "./dist/button.js"
     },
+    "./button-group": {
+      "types": "./src/button-group.tsx",
+      "import": "./dist/button-group.mjs",
+      "require": "./dist/button-group.js"
+    },
+    "./card": {
+      "types": "./src/card.tsx",
+      "import": "./dist/card.mjs",
+      "require": "./dist/card.js"
+    },
+    "./card-content": {
+      "types": "./src/card-content.tsx",
+      "import": "./dist/card-content.mjs",
+      "require": "./dist/card-content.js"
+    },
+    "./card-actions": {
+      "types": "./src/card-actions.tsx",
+      "import": "./dist/card-actions.mjs",
+      "require": "./dist/card-actions.js"
+    },
+    "./card-header": {
+      "types": "./src/card-header.tsx",
+      "import": "./dist/card-header.mjs",
+      "require": "./dist/card-header.js"
+    },
+    "./card-media": {
+      "types": "./src/card-media.tsx",
+      "import": "./dist/card-media.mjs",
+      "require": "./dist/card-media.js"
+    },
+    "./charts": {
+      "types": "./src/charts/index.ts",
+      "import": "./dist/charts/index.mjs",
+      "require": "./dist/charts/index.js"
+    },
+    "./checkbox": {
+      "types": "./src/checkbox.tsx",
+      "import": "./dist/checkbox.mjs",
+      "require": "./dist/checkbox.js"
+    },
+    "./chip": {
+      "types": "./src/chip.tsx",
+      "import": "./dist/chip.mjs",
+      "require": "./dist/chip.js"
+    },
+    "./container": {
+      "types": "./src/container.tsx",
+      "import": "./dist/container.mjs",
+      "require": "./dist/container.js"
+    },
+    "./dialog": {
+      "types": "./src/dialog.tsx",
+      "import": "./dist/dialog.mjs",
+      "require": "./dist/dialog.js"
+    },
+    "./dialog-title": {
+      "types": "./src/dialog-title.tsx",
+      "import": "./dist/dialog-title.mjs",
+      "require": "./dist/dialog-title.js"
+    },
+    "./dialog-content": {
+      "types": "./src/dialog-content.tsx",
+      "import": "./dist/dialog-content.mjs",
+      "require": "./dist/dialog-content.js"
+    },
+    "./dialog-actions": {
+      "types": "./src/dialog-actions.tsx",
+      "import": "./dist/dialog-actions.mjs",
+      "require": "./dist/dialog-actions.js"
+    },
+    "./divider": {
+      "types": "./src/divider.tsx",
+      "import": "./dist/divider.mjs",
+      "require": "./dist/divider.js"
+    },
+    "./drawer": {
+      "types": "./src/drawer.tsx",
+      "import": "./dist/drawer.mjs",
+      "require": "./dist/drawer.js"
+    },
+    "./fab": {
+      "types": "./src/fab.tsx",
+      "import": "./dist/fab.mjs",
+      "require": "./dist/fab.js"
+    },
+    "./form-control": {
+      "types": "./src/form-control.tsx",
+      "import": "./dist/form-control.mjs",
+      "require": "./dist/form-control.js"
+    },
+    "./grid": {
+      "types": "./src/grid.tsx",
+      "import": "./dist/grid.mjs",
+      "require": "./dist/grid.js"
+    },
+    "./icon-button": {
+      "types": "./src/icon-button.tsx",
+      "import": "./dist/icon-button.mjs",
+      "require": "./dist/icon-button.js"
+    },
+    "./image-list": {
+      "types": "./src/image-list.tsx",
+      "import": "./dist/image-list.mjs",
+      "require": "./dist/image-list.js"
+    },
+    "./image-list-item": {
+      "types": "./src/image-list-item.tsx",
+      "import": "./dist/image-list-item.mjs",
+      "require": "./dist/image-list-item.js"
+    },
+    "./input-label": {
+      "types": "./src/input-label.tsx",
+      "import": "./dist/input-label.mjs",
+      "require": "./dist/input-label.js"
+    },
+    "./link": {
+      "types": "./src/link.tsx",
+      "import": "./dist/link.mjs",
+      "require": "./dist/link.js"
+    },
+    "./list": {
+      "types": "./src/list.tsx",
+      "import": "./dist/list.mjs",
+      "require": "./dist/list.js"
+    },
+    "./list-item": {
+      "types": "./src/list-item.tsx",
+      "import": "./dist/list-item.mjs",
+      "require": "./dist/list-item.js"
+    },
+    "./list-item-text": {
+      "types": "./src/list-item-text.tsx",
+      "import": "./dist/list-item-text.mjs",
+      "require": "./dist/list-item-text.js"
+    },
+    "./list-item-icon": {
+      "types": "./src/list-item-icon.tsx",
+      "import": "./dist/list-item-icon.mjs",
+      "require": "./dist/list-item-icon.js"
+    },
+    "./masonry": {
+      "types": "./src/masonry.tsx",
+      "import": "./dist/masonry.mjs",
+      "require": "./dist/masonry.js"
+    },
+    "./menu": {
+      "types": "./src/menu.tsx",
+      "import": "./dist/menu.mjs",
+      "require": "./dist/menu.js"
+    },
+    "./menu-item": {
+      "types": "./src/menu-item.tsx",
+      "import": "./dist/menu-item.mjs",
+      "require": "./dist/menu-item.js"
+    },
+    "./pagination": {
+      "types": "./src/pagination.tsx",
+      "import": "./dist/pagination.mjs",
+      "require": "./dist/pagination.js"
+    },
+    "./paper": {
+      "types": "./src/paper.tsx",
+      "import": "./dist/paper.mjs",
+      "require": "./dist/paper.js"
+    },
+    "./progress": {
+      "types": "./src/progress.tsx",
+      "import": "./dist/progress.mjs",
+      "require": "./dist/progress.js"
+    },
+    "./radio": {
+      "types": "./src/radio.tsx",
+      "import": "./dist/radio.mjs",
+      "require": "./dist/radio.js"
+    },
+    "./radio-group": {
+      "types": "./src/radio-group.tsx",
+      "import": "./dist/radio-group.mjs",
+      "require": "./dist/radio-group.js"
+    },
+    "./rating": {
+      "types": "./src/rating.tsx",
+      "import": "./dist/rating.mjs",
+      "require": "./dist/rating.js"
+    },
+    "./select": {
+      "types": "./src/select.tsx",
+      "import": "./dist/select.mjs",
+      "require": "./dist/select.js"
+    },
+    "./skeleton": {
+      "types": "./src/skeleton.tsx",
+      "import": "./dist/skeleton.mjs",
+      "require": "./dist/skeleton.js"
+    },
+    "./slider": {
+      "types": "./src/slider.tsx",
+      "import": "./dist/slider.mjs",
+      "require": "./dist/slider.js"
+    },
+    "./snackbar": {
+      "types": "./src/snackbar.tsx",
+      "import": "./dist/snackbar.mjs",
+      "require": "./dist/snackbar.js"
+    },
+    "./speed-dial": {
+      "types": "./src/speed-dial.tsx",
+      "import": "./dist/speed-dial.mjs",
+      "require": "./dist/speed-dial.js"
+    },
+    "./speed-dial-action": {
+      "types": "./src/speed-dial-action.tsx",
+      "import": "./dist/speed-dial-action.mjs",
+      "require": "./dist/speed-dial-action.js"
+    },
+    "./stack": {
+      "types": "./src/stack.tsx",
+      "import": "./dist/stack.mjs",
+      "require": "./dist/stack.js"
+    },
+    "./stepper": {
+      "types": "./src/stepper.tsx",
+      "import": "./dist/stepper.mjs",
+      "require": "./dist/stepper.js"
+    },
+    "./step": {
+      "types": "./src/step.tsx",
+      "import": "./dist/step.mjs",
+      "require": "./dist/step.js"
+    },
+    "./step-label": {
+      "types": "./src/step-label.tsx",
+      "import": "./dist/step-label.mjs",
+      "require": "./dist/step-label.js"
+    },
+    "./step-content": {
+      "types": "./src/step-content.tsx",
+      "import": "./dist/step-content.mjs",
+      "require": "./dist/step-content.js"
+    },
+    "./switch": {
+      "types": "./src/switch.tsx",
+      "import": "./dist/switch.mjs",
+      "require": "./dist/switch.js"
+    },
+    "./tab": {
+      "types": "./src/tab.tsx",
+      "import": "./dist/tab.mjs",
+      "require": "./dist/tab.js"
+    },
+    "./tabs": {
+      "types": "./src/tabs.tsx",
+      "import": "./dist/tabs.mjs",
+      "require": "./dist/tabs.js"
+    },
+    "./tab-panel": {
+      "types": "./src/tab-panel.tsx",
+      "import": "./dist/tab-panel.mjs",
+      "require": "./dist/tab-panel.js"
+    },
+    "./tab-context": {
+      "types": "./src/tab-context.tsx",
+      "import": "./dist/tab-context.mjs",
+      "require": "./dist/tab-context.js"
+    },
+    "./tab-list": {
+      "types": "./src/tab-list.tsx",
+      "import": "./dist/tab-list.mjs",
+      "require": "./dist/tab-list.js"
+    },
+    "./table": {
+      "types": "./src/table.tsx",
+      "import": "./dist/table.mjs",
+      "require": "./dist/table.js"
+    },
+    "./table-body": {
+      "types": "./src/table-body.tsx",
+      "import": "./dist/table-body.mjs",
+      "require": "./dist/table-body.js"
+    },
+    "./table-cell": {
+      "types": "./src/table-cell.tsx",
+      "import": "./dist/table-cell.mjs",
+      "require": "./dist/table-cell.js"
+    },
+    "./table-container": {
+      "types": "./src/table-container.tsx",
+      "import": "./dist/table-container.mjs",
+      "require": "./dist/table-container.js"
+    },
+    "./table-head": {
+      "types": "./src/table-head.tsx",
+      "import": "./dist/table-head.mjs",
+      "require": "./dist/table-head.js"
+    },
+    "./table-row": {
+      "types": "./src/table-row.tsx",
+      "import": "./dist/table-row.mjs",
+      "require": "./dist/table-row.js"
+    },
+    "./text-field": {
+      "types": "./src/text-field.tsx",
+      "import": "./dist/text-field.mjs",
+      "require": "./dist/text-field.js"
+    },
     "./theme": {
-      "types": "./dist/theme/index.d.ts",
-      "import": "./dist/theme/index.mjs",
-      "require": "./dist/theme/index.js"
+      "types": "./src/theme/index.ts",
+      "import": "./dist/theme.mjs",
+      "require": "./dist/theme.js"
+    },
+    "./timeline": {
+      "types": "./src/timeline.tsx",
+      "import": "./dist/timeline.mjs",
+      "require": "./dist/timeline.js"
+    },
+    "./timeline-item": {
+      "types": "./src/timeline-item.tsx",
+      "import": "./dist/timeline-item.mjs",
+      "require": "./dist/timeline-item.js"
+    },
+    "./timeline-separator": {
+      "types": "./src/timeline-separator.tsx",
+      "import": "./dist/timeline-separator.mjs",
+      "require": "./dist/timeline-separator.js"
+    },
+    "./timeline-connector": {
+      "types": "./src/timeline-connector.tsx",
+      "import": "./dist/timeline-connector.mjs",
+      "require": "./dist/timeline-connector.js"
+    },
+    "./timeline-dot": {
+      "types": "./src/timeline-dot.tsx",
+      "import": "./dist/timeline-dot.mjs",
+      "require": "./dist/timeline-dot.js"
+    },
+    "./timeline-content": {
+      "types": "./src/timeline-content.tsx",
+      "import": "./dist/timeline-content.mjs",
+      "require": "./dist/timeline-content.js"
+    },
+    "./toggle-button": {
+      "types": "./src/toggle-button.tsx",
+      "import": "./dist/toggle-button.mjs",
+      "require": "./dist/toggle-button.js"
+    },
+    "./toggle-button-group": {
+      "types": "./src/toggle-button-group.tsx",
+      "import": "./dist/toggle-button-group.mjs",
+      "require": "./dist/toggle-button-group.js"
+    },
+    "./selection-button-group": {
+      "types": "./src/selection-button-group.tsx",
+      "import": "./dist/selection-button-group.mjs",
+      "require": "./dist/selection-button-group.js"
+    },
+    "./tooltip": {
+      "types": "./src/tooltip.tsx",
+      "import": "./dist/tooltip.mjs",
+      "require": "./dist/tooltip.js"
+    },
+    "./typography": {
+      "types": "./src/typography.tsx",
+      "import": "./dist/typography.mjs",
+      "require": "./dist/typography.js"
     }
   },
   "scripts": {
@@ -23,10 +450,10 @@
   },
   "devDependencies": {
     "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
     "eslint": "^8.57.0",
-    "@repo/typescript-config": "*",
     "tsup": "^8.0.2",
     "typescript": "5.5.4"
   },
@@ -37,7 +464,12 @@
     "@mui/system": "^7.3.6",
     "@mui/x-data-grid": "^8.22.0",
     "@mui/x-date-pickers": "^8.22.0",
+    "chart.js": "^4.5.1",
+    "chartjs-adapter-date-fns": "^3.0.0",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "date-fns": "^4.1.0",
     "react": "^18.3.1",
+    "react-chartjs-2": "^5.3.1",
     "react-dom": "^18.3.1"
   },
   "peerDependencies": {

package/src/accordion-details.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import MuiAccordionDetails, {
+  type AccordionDetailsProps as MuiAccordionDetailsProps,
+} from "@mui/material/AccordionDetails";
+
+export type AccordionDetailsProps = MuiAccordionDetailsProps;
+
+export const AccordionDetails = React.forwardRef<HTMLDivElement, AccordionDetailsProps>(
+  (props, ref) => {
+    return <MuiAccordionDetails ref={ref} {...props} />;
+  }
+);
+
+AccordionDetails.displayName = "AccordionDetails";

package/src/accordion-summary.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import MuiAccordionSummary, {
+  type AccordionSummaryProps as MuiAccordionSummaryProps,
+} from "@mui/material/AccordionSummary";
+
+export type AccordionSummaryProps = MuiAccordionSummaryProps;
+
+export const AccordionSummary = React.forwardRef<HTMLDivElement, AccordionSummaryProps>(
+  (props, ref) => {
+    return <MuiAccordionSummary ref={ref} {...props} />;
+  }
+);
+
+AccordionSummary.displayName = "AccordionSummary";

package/src/accordion.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import MuiAccordion, {
+  type AccordionProps as MuiAccordionProps,
+} from "@mui/material/Accordion";
+
+export type AccordionProps = MuiAccordionProps;
+
+export const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(
+  (props, ref) => {
+    return <MuiAccordion ref={ref} {...props} />;
+  }
+);
+
+Accordion.displayName = "Accordion";

package/src/alert.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import MuiAlert, { type AlertProps as MuiAlertProps } from "@mui/material/Alert";
+
+export type AlertProps = MuiAlertProps;
+
+export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
+  (props, ref) => {
+    return <MuiAlert ref={ref} {...props} />;
+  }
+);
+
+Alert.displayName = "Alert";

package/src/app-bar.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import MuiAppBar, { type AppBarProps as MuiAppBarProps } from "@mui/material/AppBar";
+
+export type AppBarProps = MuiAppBarProps;
+
+export const AppBar = React.forwardRef<HTMLDivElement, AppBarProps>(
+  (props, ref) => {
+    return <MuiAppBar ref={ref} {...props} />;
+  }
+);
+
+AppBar.displayName = "AppBar";

package/src/autocomplete.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import MuiAutocomplete, {
+  type AutocompleteProps as MuiAutocompleteProps,
+} from "@mui/material/Autocomplete";
+
+export type AutocompleteProps<
+  T,
+  Multiple extends boolean | undefined = false,
+  DisableClearable extends boolean | undefined = false,
+  FreeSolo extends boolean | undefined = false,
+> = MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>;
+
+export const Autocomplete = React.forwardRef<HTMLDivElement, AutocompleteProps<unknown>>(
+  (props, ref) => {
+    return <MuiAutocomplete ref={ref} {...props} />;
+  }
+) as <
+  T,
+  Multiple extends boolean | undefined = false,
+  DisableClearable extends boolean | undefined = false,
+  FreeSolo extends boolean | undefined = false,
+>(
+  props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> & React.RefAttributes<HTMLDivElement>,
+) => JSX.Element;
+
+(Autocomplete as React.FC).displayName = "Autocomplete";

package/src/avatar.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import MuiAvatar, { type AvatarProps as MuiAvatarProps } from "@mui/material/Avatar";
+
+export type AvatarProps = MuiAvatarProps;
+
+export const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(
+  (props, ref) => {
+    return <MuiAvatar ref={ref} {...props} />;
+  }
+);
+
+Avatar.displayName = "Avatar";

package/src/backdrop.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import MuiBackdrop, {
+  type BackdropProps as MuiBackdropProps,
+} from "@mui/material/Backdrop";
+
+export type BackdropProps = MuiBackdropProps;
+
+export const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(
+  (props, ref) => {
+    return <MuiBackdrop ref={ref} {...props} />;
+  }
+);
+
+Backdrop.displayName = "Backdrop";

package/src/badge.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import MuiBadge, { type BadgeProps as MuiBadgeProps } from "@mui/material/Badge";
+
+export type BadgeProps = MuiBadgeProps;
+
+export const Badge = React.forwardRef<HTMLDivElement, BadgeProps>(
+  (props, ref) => {
+    return <MuiBadge ref={ref} {...props} />;
+  }
+);
+
+Badge.displayName = "Badge";

package/src/bottom-navigation-action.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import MuiBottomNavigationAction, {
+  type BottomNavigationActionProps as MuiBottomNavigationActionProps,
+} from "@mui/material/BottomNavigationAction";
+
+export type BottomNavigationActionProps = MuiBottomNavigationActionProps;
+
+export const BottomNavigationAction = React.forwardRef<HTMLButtonElement, BottomNavigationActionProps>(
+  (props, ref) => {
+    return <MuiBottomNavigationAction ref={ref} {...props} />;
+  }
+);
+
+BottomNavigationAction.displayName = "BottomNavigationAction";

package/src/bottom-navigation.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import MuiBottomNavigation, {
+  type BottomNavigationProps as MuiBottomNavigationProps,
+} from "@mui/material/BottomNavigation";
+
+export type BottomNavigationProps = MuiBottomNavigationProps;
+
+export const BottomNavigation = React.forwardRef<HTMLDivElement, BottomNavigationProps>(
+  (props, ref) => {
+    return <MuiBottomNavigation ref={ref} {...props} />;
+  }
+);
+
+BottomNavigation.displayName = "BottomNavigation";

package/src/box.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import MuiBox, { type BoxProps as MuiBoxProps } from "@mui/material/Box";
+
+export type BoxProps = MuiBoxProps;
+
+export const Box = React.forwardRef<HTMLDivElement, BoxProps>(
+  (props, ref) => {
+    return <MuiBox ref={ref} {...props} />;
+  }
+);
+
+Box.displayName = "Box";

package/src/breadcrumbs.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import MuiBreadcrumbs, {
+  type BreadcrumbsProps as MuiBreadcrumbsProps,
+} from "@mui/material/Breadcrumbs";
+
+export type BreadcrumbsProps = MuiBreadcrumbsProps;
+
+export const Breadcrumbs = React.forwardRef<HTMLDivElement, BreadcrumbsProps>(
+  (props, ref) => {
+    return <MuiBreadcrumbs ref={ref} {...props} />;
+  }
+);
+
+Breadcrumbs.displayName = "Breadcrumbs";