@12-apps/ui 6.12.0 → 6.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.12.0",
+  "version": "6.12.1",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/feedback/Modal/Modal.md

@@ -215,7 +215,10 @@ function BasicModalExample() {
 ### Complex Modal with Custom Content
 
 ```tsx
-import { Box, Typography, Button, IconButton } from '@mui/material';
+import Box from '@mui/material/Box/index.js';
+import Typography from '@mui/material/Typography/index.js';
+import Button from '@mui/material/Button/index.js';
+import IconButton from '@mui/material/IconButton/index.js';
 import CloseIcon from '@mui/icons-material/Close';
 
 function ComplexModalExample() {

package/src/components/form/Menubar/Menubar.md

@@ -107,7 +107,8 @@ const menuItems = [
 
 ```tsx
 import { Menubar } from '@procurement/ui';
-import { Avatar, IconButton } from '@mui/material';
+import Avatar from '@mui/material/Avatar/index.js';
+import IconButton from '@mui/material/IconButton/index.js';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 
 const Logo = () => (

package/src/components/layout/Accordion/Accordion.md

@@ -49,7 +49,9 @@ The Accordion component provides expandable/collapsible content sections with sm
 ### Basic Usage
 
 ```tsx
-import { Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
+import Accordion from '@mui/material/Accordion/index.js';
+import AccordionSummary from '@mui/material/AccordionSummary/index.js';
+import AccordionDetails from '@mui/material/AccordionDetails/index.js';
 import ExpandMore from '@mui/icons-material/ExpandMore';
 
 function BasicAccordion() {

package/src/components/navigation/Breadcrumbs/Breadcrumbs.md

@@ -417,7 +417,7 @@ test('renders with glass variant', () => {
 
 ```tsx
 import { render, screen } from '@testing-library/react';
-import { useMediaQuery } from '@mui/material';
+import useMediaQuery from '@mui/material/useMediaQuery/index.js';
 
 // Mock useMediaQuery for mobile
 vi.mock('@mui/material', () => ({

package/src/components/navigation/DropdownMenu/DropdownMenu.md

@@ -22,7 +22,7 @@ import { DropdownMenu } from '@app-services-monitoring/ui';
 import Edit from '@mui/icons-material/Edit';
 import Delete from '@mui/icons-material/Delete';
 import Share from '@mui/icons-material/Share';
-import { Button } from '@mui/material';
+import Button from '@mui/material/Button/index.js';
 
 function MyComponent() {
   const menuItems = [

package/src/components/utility/VirtualList/VirtualList.md

@@ -160,7 +160,10 @@ For displaying items in a multi-column grid layout.
 ### With Material-UI Components
 
 ```tsx
-import { Avatar, ListItem, ListItemAvatar, ListItemText } from '@mui/material';
+import Avatar from '@mui/material/Avatar/index.js';
+import ListItem from '@mui/material/ListItem/index.js';
+import ListItemAvatar from '@mui/material/ListItemAvatar/index.js';
+import ListItemText from '@mui/material/ListItemText/index.js';
 import { VirtualList } from '@app-services-monitoring/ui';
 
 <VirtualList