@atipicus/mrs-ui 1.0.0 → 1.0.2

package/dist/DatePicker-BKPeAHBW.mjs

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
+const DatePicker = React.forwardRef((props, ref) => {
+  const { slotProps, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    DatePicker$1,
+    {
+      ref,
+      slotProps: {
+        textField: {
+          fullWidth: true,
+          ...slotProps?.textField
+        },
+        ...slotProps
+      },
+      ...rest
+    }
+  );
+});
+DatePicker.displayName = "DatePicker";
+export {
+  DatePicker as D
+};
+//# sourceMappingURL=DatePicker-BKPeAHBW.mjs.map

package/dist/DatePicker-BKPeAHBW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-BKPeAHBW.mjs","sources":["../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["/**\n * DatePicker Component\n *\n * Implements the MRS DatePicker using MUI X Date Pickers with design tokens.\n * Supports desktop and mobile variants with proper theme integration.\n *\n * @figma https://www.figma.com/design/pWR8HIewAt87ZioeOSMoWM/MRS---Material-UI?node-id=6569-39392\n * @see https://mui.com/x/react-date-pickers/date-picker/\n */\n\nimport React from 'react';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport type { DatePickerProps } from './DatePicker.types';\n\n/**\n * DatePicker component for selecting dates\n * Wraps MUI X DatePicker with MRS design tokens and theme integration\n */\nexport const DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>((props, ref) => {\n  const { slotProps, ...rest } = props;\n\n  return (\n    <MuiDatePicker\n      ref={ref}\n      slotProps={{\n        textField: {\n          fullWidth: true,\n          ...slotProps?.textField,\n        },\n        ...slotProps,\n      }}\n      {...rest}\n    />\n  );\n});\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"names":["MuiDatePicker"],"mappings":";;;AAkBO,MAAM,aAAa,MAAM,WAA4C,CAAC,OAAO,QAAQ;AAC1F,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,UACT,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,QAEhB,GAAG;AAAA,MAAA;AAAA,MAEJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,WAAW,cAAc;"}

package/dist/DatePicker-Du7BnvWs.js

@@ -0,0 +1,24 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
+const DatePicker = React.forwardRef((props, ref) => {
+  const { slotProps, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DatePicker$1.DatePicker,
+    {
+      ref,
+      slotProps: {
+        textField: {
+          fullWidth: true,
+          ...slotProps?.textField
+        },
+        ...slotProps
+      },
+      ...rest
+    }
+  );
+});
+DatePicker.displayName = "DatePicker";
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=DatePicker-Du7BnvWs.js.map

package/dist/DatePicker-Du7BnvWs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-Du7BnvWs.js","sources":["../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["/**\n * DatePicker Component\n *\n * Implements the MRS DatePicker using MUI X Date Pickers with design tokens.\n * Supports desktop and mobile variants with proper theme integration.\n *\n * @figma https://www.figma.com/design/pWR8HIewAt87ZioeOSMoWM/MRS---Material-UI?node-id=6569-39392\n * @see https://mui.com/x/react-date-pickers/date-picker/\n */\n\nimport React from 'react';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport type { DatePickerProps } from './DatePicker.types';\n\n/**\n * DatePicker component for selecting dates\n * Wraps MUI X DatePicker with MRS design tokens and theme integration\n */\nexport const DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>((props, ref) => {\n  const { slotProps, ...rest } = props;\n\n  return (\n    <MuiDatePicker\n      ref={ref}\n      slotProps={{\n        textField: {\n          fullWidth: true,\n          ...slotProps?.textField,\n        },\n        ...slotProps,\n      }}\n      {...rest}\n    />\n  );\n});\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"names":["jsx","MuiDatePicker"],"mappings":";;;;AAkBO,MAAM,aAAa,MAAM,WAA4C,CAAC,OAAO,QAAQ;AAC1F,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,SACEA,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,UACT,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,QAEhB,GAAG;AAAA,MAAA;AAAA,MAEJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,WAAW,cAAc;;"}

package/dist/DateTimePicker-Cj0NPhiR.js

@@ -0,0 +1,26 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
+const DateTimePicker = React.forwardRef(
+  (props, ref) => {
+    const { slotProps, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DateTimePicker$1.DateTimePicker,
+      {
+        ref,
+        slotProps: {
+          textField: {
+            fullWidth: true,
+            ...slotProps?.textField
+          },
+          ...slotProps
+        },
+        ...rest
+      }
+    );
+  }
+);
+DateTimePicker.displayName = "DateTimePicker";
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=DateTimePicker-Cj0NPhiR.js.map

package/dist/DateTimePicker-Cj0NPhiR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-Cj0NPhiR.js","sources":["../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["/**\n * DateTimePicker Component\n *\n * Implements the MRS DateTimePicker using MUI X Date Pickers with design tokens.\n * Combines date and time selection in a single component.\n *\n * @see https://mui.com/x/react-date-pickers/date-time-picker/\n */\n\nimport React from 'react';\nimport { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport type { DateTimePickerProps } from './DateTimePicker.types';\n\n/**\n * DateTimePicker component for selecting both date and time\n * Wraps MUI X DateTimePicker with MRS design tokens and theme integration\n */\nexport const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  (props, ref) => {\n    const { slotProps, ...rest } = props;\n\n    return (\n      <MuiDateTimePicker\n        ref={ref}\n        slotProps={{\n          textField: {\n            fullWidth: true,\n            ...slotProps?.textField,\n          },\n          ...slotProps,\n        }}\n        {...rest}\n      />\n    );\n  }\n);\n\nDateTimePicker.displayName = 'DateTimePicker';\n\nexport default DateTimePicker;\n"],"names":["jsx","MuiDateTimePicker"],"mappings":";;;;AAiBO,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,WACEA,2BAAAA;AAAAA,MAACC,iBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,WAAW;AAAA,YACT,WAAW;AAAA,YACX,GAAG,WAAW;AAAA,UAAA;AAAA,UAEhB,GAAG;AAAA,QAAA;AAAA,QAEJ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,eAAe,cAAc;;"}

package/dist/DateTimePicker-Xho8h3ww.mjs

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
+const DateTimePicker = React.forwardRef(
+  (props, ref) => {
+    const { slotProps, ...rest } = props;
+    return /* @__PURE__ */ jsx(
+      DateTimePicker$1,
+      {
+        ref,
+        slotProps: {
+          textField: {
+            fullWidth: true,
+            ...slotProps?.textField
+          },
+          ...slotProps
+        },
+        ...rest
+      }
+    );
+  }
+);
+DateTimePicker.displayName = "DateTimePicker";
+export {
+  DateTimePicker as D
+};
+//# sourceMappingURL=DateTimePicker-Xho8h3ww.mjs.map

package/dist/DateTimePicker-Xho8h3ww.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-Xho8h3ww.mjs","sources":["../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["/**\n * DateTimePicker Component\n *\n * Implements the MRS DateTimePicker using MUI X Date Pickers with design tokens.\n * Combines date and time selection in a single component.\n *\n * @see https://mui.com/x/react-date-pickers/date-time-picker/\n */\n\nimport React from 'react';\nimport { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport type { DateTimePickerProps } from './DateTimePicker.types';\n\n/**\n * DateTimePicker component for selecting both date and time\n * Wraps MUI X DateTimePicker with MRS design tokens and theme integration\n */\nexport const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  (props, ref) => {\n    const { slotProps, ...rest } = props;\n\n    return (\n      <MuiDateTimePicker\n        ref={ref}\n        slotProps={{\n          textField: {\n            fullWidth: true,\n            ...slotProps?.textField,\n          },\n          ...slotProps,\n        }}\n        {...rest}\n      />\n    );\n  }\n);\n\nDateTimePicker.displayName = 'DateTimePicker';\n\nexport default DateTimePicker;\n"],"names":["MuiDateTimePicker"],"mappings":";;;AAiBO,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,WACE;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,WAAW;AAAA,YACT,WAAW;AAAA,YACX,GAAG,WAAW;AAAA,UAAA;AAAA,UAEhB,GAAG;AAAA,QAAA;AAAA,QAEJ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,eAAe,cAAc;"}

package/dist/Dialog-CTl9ynAU.js

@@ -0,0 +1,34 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const MuiDialog = require("@mui/material/Dialog");
+const Dialog = React.forwardRef(
+  ({
+    open,
+    onClose,
+    maxWidth = "sm",
+    fullWidth = false,
+    fullScreen = false,
+    scroll = "paper",
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MuiDialog,
+      {
+        ref,
+        open,
+        onClose,
+        maxWidth,
+        fullWidth,
+        fullScreen,
+        scroll,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Dialog.displayName = "Dialog";
+exports.Dialog = Dialog;
+//# sourceMappingURL=Dialog-CTl9ynAU.js.map

package/dist/Dialog-CTl9ynAU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-CTl9ynAU.js","sources":["../src/components/molecules/Dialog/Dialog.tsx"],"sourcesContent":["/**\n * Dialog Component\n *\n * A modal dialog component for displaying content that requires user interaction.\n * Wraps Material-UI Dialog with MRS Design System theming.\n *\n * @example\n * ```tsx\n * import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@atipicus/mrs-ui';\n *\n * function MyDialog() {\n *   const [open, setOpen] = useState(false);\n *\n *   return (\n *     <>\n *       <Button onClick={() => setOpen(true)}>Open Dialog</Button>\n *       <Dialog open={open} onClose={() => setOpen(false)}>\n *         <DialogTitle>Dialog Title</DialogTitle>\n *         <DialogContent>\n *           Content goes here\n *         </DialogContent>\n *         <DialogActions>\n *           <Button onClick={() => setOpen(false)}>Cancel</Button>\n *           <Button onClick={() => setOpen(false)} variant=\"contained\">OK</Button>\n *         </DialogActions>\n *       </Dialog>\n *     </>\n *   );\n * }\n * ```\n */\n\nimport React from 'react';\nimport MuiDialog from '@mui/material/Dialog';\nimport type { DialogProps } from './Dialog.types';\n\nexport const Dialog = React.forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      open,\n      onClose,\n      maxWidth = 'sm',\n      fullWidth = false,\n      fullScreen = false,\n      scroll = 'paper',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <MuiDialog\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        maxWidth={maxWidth}\n        fullWidth={fullWidth}\n        fullScreen={fullScreen}\n        scroll={scroll}\n        {...props}\n      >\n        {children}\n      </MuiDialog>\n    );\n  }\n);\n\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n"],"names":["jsx"],"mappings":";;;;AAoCO,MAAM,SAAS,MAAM;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,OAAO,cAAc;;"}

package/dist/Dialog-Tfym7LkJ.mjs

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import MuiDialog from "@mui/material/Dialog";
+const Dialog = React.forwardRef(
+  ({
+    open,
+    onClose,
+    maxWidth = "sm",
+    fullWidth = false,
+    fullScreen = false,
+    scroll = "paper",
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      MuiDialog,
+      {
+        ref,
+        open,
+        onClose,
+        maxWidth,
+        fullWidth,
+        fullScreen,
+        scroll,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Dialog.displayName = "Dialog";
+export {
+  Dialog as D
+};
+//# sourceMappingURL=Dialog-Tfym7LkJ.mjs.map

package/dist/Dialog-Tfym7LkJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-Tfym7LkJ.mjs","sources":["../src/components/molecules/Dialog/Dialog.tsx"],"sourcesContent":["/**\n * Dialog Component\n *\n * A modal dialog component for displaying content that requires user interaction.\n * Wraps Material-UI Dialog with MRS Design System theming.\n *\n * @example\n * ```tsx\n * import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@atipicus/mrs-ui';\n *\n * function MyDialog() {\n *   const [open, setOpen] = useState(false);\n *\n *   return (\n *     <>\n *       <Button onClick={() => setOpen(true)}>Open Dialog</Button>\n *       <Dialog open={open} onClose={() => setOpen(false)}>\n *         <DialogTitle>Dialog Title</DialogTitle>\n *         <DialogContent>\n *           Content goes here\n *         </DialogContent>\n *         <DialogActions>\n *           <Button onClick={() => setOpen(false)}>Cancel</Button>\n *           <Button onClick={() => setOpen(false)} variant=\"contained\">OK</Button>\n *         </DialogActions>\n *       </Dialog>\n *     </>\n *   );\n * }\n * ```\n */\n\nimport React from 'react';\nimport MuiDialog from '@mui/material/Dialog';\nimport type { DialogProps } from './Dialog.types';\n\nexport const Dialog = React.forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      open,\n      onClose,\n      maxWidth = 'sm',\n      fullWidth = false,\n      fullScreen = false,\n      scroll = 'paper',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <MuiDialog\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        maxWidth={maxWidth}\n        fullWidth={fullWidth}\n        fullScreen={fullScreen}\n        scroll={scroll}\n        {...props}\n      >\n        {children}\n      </MuiDialog>\n    );\n  }\n);\n\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n"],"names":[],"mappings":";;;AAoCO,MAAM,SAAS,MAAM;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,OAAO,cAAc;"}

package/dist/Drawer-9nL7gecl.mjs

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import MuiDrawer from "@mui/material/Drawer";
+import { useTheme } from "@mui/material/styles";
+const Drawer = React.forwardRef(
+  ({
+    anchor = "left",
+    children,
+    elevation = 16,
+    hideBackdrop = false,
+    ModalProps,
+    onClose,
+    open = false,
+    slotProps,
+    slots,
+    sx,
+    transitionDuration,
+    variant = "temporary",
+    ...props
+  }, ref) => {
+    const theme = useTheme();
+    return /* @__PURE__ */ jsx(
+      MuiDrawer,
+      {
+        ref,
+        anchor,
+        elevation,
+        hideBackdrop,
+        ModalProps,
+        onClose,
+        open,
+        slotProps,
+        slots,
+        transitionDuration,
+        variant,
+        sx: {
+          // Ensure Nunito font is applied to drawer content
+          "& .MuiDrawer-paper": {
+            fontFamily: theme.typography.fontFamily
+          },
+          ...sx
+        },
+        ...props,
+        children
+      }
+    );
+  }
+);
+Drawer.displayName = "Drawer";
+export {
+  Drawer as D
+};
+//# sourceMappingURL=Drawer-9nL7gecl.mjs.map

package/dist/Drawer-9nL7gecl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-9nL7gecl.mjs","sources":["../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["/**\n * Drawer Component\n *\n * Side navigation panel component for the MRS Design System.\n * Wraps Material-UI Drawer with MRS theme tokens.\n *\n * @example\n * ```tsx\n * import { Drawer, List, ListItem, IconButton } from '@atipicus/mrs-ui';\n * import MenuIcon from '@mui/icons-material/Menu';\n *\n * function MyDrawer() {\n *   const [open, setOpen] = React.useState(false);\n *\n *   return (\n *     <>\n *       <IconButton onClick={() => setOpen(true)}>\n *         <MenuIcon />\n *       </IconButton>\n *       <Drawer\n *         open={open}\n *         onClose={() => setOpen(false)}\n *         anchor=\"left\"\n *       >\n *         <List>\n *           <ListItem>Menu Item 1</ListItem>\n *           <ListItem>Menu Item 2</ListItem>\n *         </List>\n *       </Drawer>\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link https://mui.com/material-ui/api/drawer/}\n * @see {@link https://mui.com/material-ui/react-drawer/}\n */\n\nimport React from 'react';\nimport MuiDrawer from '@mui/material/Drawer';\nimport { useTheme } from '@mui/material/styles';\nimport type { DrawerProps } from './Drawer.types';\n\n/**\n * Drawer component\n *\n * Side navigation panel that can appear from any edge of the screen.\n * Supports three variants: temporary (mobile), persistent, and permanent (desktop).\n *\n * Features:\n * - MRS design tokens (Nunito font, MRS color palette)\n * - Three variant types (temporary, persistent, permanent)\n * - Four anchor positions (left, right, top, bottom)\n * - Configurable elevation (shadow depth)\n * - Responsive design ready\n * - Full accessibility support\n *\n * @param props - Drawer component props\n * @returns Drawer component\n */\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  (\n    {\n      anchor = 'left',\n      children,\n      elevation = 16,\n      hideBackdrop = false,\n      ModalProps,\n      onClose,\n      open = false,\n      slotProps,\n      slots,\n      sx,\n      transitionDuration,\n      variant = 'temporary',\n      ...props\n    },\n    ref\n  ) => {\n    const theme = useTheme();\n\n    return (\n      <MuiDrawer\n        ref={ref}\n        anchor={anchor}\n        elevation={elevation}\n        hideBackdrop={hideBackdrop}\n        ModalProps={ModalProps}\n        onClose={onClose}\n        open={open}\n        slotProps={slotProps}\n        slots={slots}\n        transitionDuration={transitionDuration}\n        variant={variant}\n        sx={{\n          // Ensure Nunito font is applied to drawer content\n          '& .MuiDrawer-paper': {\n            fontFamily: theme.typography.fontFamily,\n          },\n          ...sx,\n        }}\n        {...props}\n      >\n        {children}\n      </MuiDrawer>\n    );\n  }\n);\n\nDrawer.displayName = 'Drawer';\n\nexport type { DrawerProps };\nexport default Drawer;\n"],"names":[],"mappings":";;;;AA4DO,MAAM,SAAS,MAAM;AAAA,EAC1B,CACE;AAAA,IACE,SAAS;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,QAAQ,SAAA;AAEd,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA;AAAA,UAEF,sBAAsB;AAAA,YACpB,YAAY,MAAM,WAAW;AAAA,UAAA;AAAA,UAE/B,GAAG;AAAA,QAAA;AAAA,QAEJ,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,OAAO,cAAc;"}

package/dist/Drawer-Cs8bfNKk.js

@@ -0,0 +1,52 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const MuiDrawer = require("@mui/material/Drawer");
+const styles = require("@mui/material/styles");
+const Drawer = React.forwardRef(
+  ({
+    anchor = "left",
+    children,
+    elevation = 16,
+    hideBackdrop = false,
+    ModalProps,
+    onClose,
+    open = false,
+    slotProps,
+    slots,
+    sx,
+    transitionDuration,
+    variant = "temporary",
+    ...props
+  }, ref) => {
+    const theme = styles.useTheme();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MuiDrawer,
+      {
+        ref,
+        anchor,
+        elevation,
+        hideBackdrop,
+        ModalProps,
+        onClose,
+        open,
+        slotProps,
+        slots,
+        transitionDuration,
+        variant,
+        sx: {
+          // Ensure Nunito font is applied to drawer content
+          "& .MuiDrawer-paper": {
+            fontFamily: theme.typography.fontFamily
+          },
+          ...sx
+        },
+        ...props,
+        children
+      }
+    );
+  }
+);
+Drawer.displayName = "Drawer";
+exports.Drawer = Drawer;
+//# sourceMappingURL=Drawer-Cs8bfNKk.js.map

package/dist/Drawer-Cs8bfNKk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-Cs8bfNKk.js","sources":["../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["/**\n * Drawer Component\n *\n * Side navigation panel component for the MRS Design System.\n * Wraps Material-UI Drawer with MRS theme tokens.\n *\n * @example\n * ```tsx\n * import { Drawer, List, ListItem, IconButton } from '@atipicus/mrs-ui';\n * import MenuIcon from '@mui/icons-material/Menu';\n *\n * function MyDrawer() {\n *   const [open, setOpen] = React.useState(false);\n *\n *   return (\n *     <>\n *       <IconButton onClick={() => setOpen(true)}>\n *         <MenuIcon />\n *       </IconButton>\n *       <Drawer\n *         open={open}\n *         onClose={() => setOpen(false)}\n *         anchor=\"left\"\n *       >\n *         <List>\n *           <ListItem>Menu Item 1</ListItem>\n *           <ListItem>Menu Item 2</ListItem>\n *         </List>\n *       </Drawer>\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link https://mui.com/material-ui/api/drawer/}\n * @see {@link https://mui.com/material-ui/react-drawer/}\n */\n\nimport React from 'react';\nimport MuiDrawer from '@mui/material/Drawer';\nimport { useTheme } from '@mui/material/styles';\nimport type { DrawerProps } from './Drawer.types';\n\n/**\n * Drawer component\n *\n * Side navigation panel that can appear from any edge of the screen.\n * Supports three variants: temporary (mobile), persistent, and permanent (desktop).\n *\n * Features:\n * - MRS design tokens (Nunito font, MRS color palette)\n * - Three variant types (temporary, persistent, permanent)\n * - Four anchor positions (left, right, top, bottom)\n * - Configurable elevation (shadow depth)\n * - Responsive design ready\n * - Full accessibility support\n *\n * @param props - Drawer component props\n * @returns Drawer component\n */\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  (\n    {\n      anchor = 'left',\n      children,\n      elevation = 16,\n      hideBackdrop = false,\n      ModalProps,\n      onClose,\n      open = false,\n      slotProps,\n      slots,\n      sx,\n      transitionDuration,\n      variant = 'temporary',\n      ...props\n    },\n    ref\n  ) => {\n    const theme = useTheme();\n\n    return (\n      <MuiDrawer\n        ref={ref}\n        anchor={anchor}\n        elevation={elevation}\n        hideBackdrop={hideBackdrop}\n        ModalProps={ModalProps}\n        onClose={onClose}\n        open={open}\n        slotProps={slotProps}\n        slots={slots}\n        transitionDuration={transitionDuration}\n        variant={variant}\n        sx={{\n          // Ensure Nunito font is applied to drawer content\n          '& .MuiDrawer-paper': {\n            fontFamily: theme.typography.fontFamily,\n          },\n          ...sx,\n        }}\n        {...props}\n      >\n        {children}\n      </MuiDrawer>\n    );\n  }\n);\n\nDrawer.displayName = 'Drawer';\n\nexport type { DrawerProps };\nexport default Drawer;\n"],"names":["useTheme","jsx"],"mappings":";;;;;AA4DO,MAAM,SAAS,MAAM;AAAA,EAC1B,CACE;AAAA,IACE,SAAS;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,QAAQA,OAAAA,SAAA;AAEd,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA;AAAA,UAEF,sBAAsB;AAAA,YACpB,YAAY,MAAM,WAAW;AAAA,UAAA;AAAA,UAE/B,GAAG;AAAA,QAAA;AAAA,QAEJ,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,OAAO,cAAc;;"}

package/dist/Table-BWJUQgDY.js

@@ -0,0 +1,87 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const MuiTable = require("@mui/material/Table");
+const MuiTableContainer = require("@mui/material/TableContainer");
+const MuiTableHead = require("@mui/material/TableHead");
+const MuiTableBody = require("@mui/material/TableBody");
+const MuiTableFooter = require("@mui/material/TableFooter");
+const MuiTableRow = require("@mui/material/TableRow");
+const MuiTableCell = require("@mui/material/TableCell");
+const TableBase = React.forwardRef(
+  ({ children, size = "medium", stickyHeader = false, padding = "normal", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(MuiTable, { ref, size, stickyHeader, padding, ...props, children });
+  }
+);
+const Table = React.memo(TableBase);
+Table.displayName = "Table";
+const TableContainer = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(MuiTableContainer, { ref, ...props, children });
+  }
+);
+TableContainer.displayName = "TableContainer";
+const TableHead = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(MuiTableHead, { ref, ...props, children });
+  }
+);
+TableHead.displayName = "TableHead";
+const TableBody = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(MuiTableBody, { ref, ...props, children });
+  }
+);
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(MuiTableFooter, { ref, ...props, children });
+  }
+);
+TableFooter.displayName = "TableFooter";
+const TableRowBase = React.forwardRef(
+  ({ children, selected = false, hover = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(MuiTableRow, { ref, selected, hover, ...props, children });
+  }
+);
+const TableRow = React.memo(TableRowBase);
+TableRow.displayName = "TableRow";
+const TableCellBase = React.forwardRef(
+  ({
+    children,
+    align = "left",
+    padding = "normal",
+    size = "medium",
+    variant,
+    colSpan,
+    rowSpan,
+    sortDirection,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MuiTableCell,
+      {
+        ref,
+        align,
+        padding,
+        size,
+        variant,
+        colSpan,
+        rowSpan,
+        sortDirection,
+        ...props,
+        children
+      }
+    );
+  }
+);
+const TableCell = React.memo(TableCellBase);
+TableCell.displayName = "TableCell";
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableContainer = TableContainer;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableRow = TableRow;
+//# sourceMappingURL=Table-BWJUQgDY.js.map

package/dist/Table-BWJUQgDY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table-BWJUQgDY.js","sources":["../src/components/molecules/Table/Table.tsx"],"sourcesContent":["/**\n * Table Component\n * @package @mrs/ui\n *\n * Displays data in rows and columns.\n * Tables organize information in a way that's easy to scan and compare.\n *\n * @example\n * ```tsx\n * <TableContainer component={Paper}>\n *   <Table>\n *     <TableHead>\n *       <TableRow>\n *         <TableCell>Name</TableCell>\n *         <TableCell>Email</TableCell>\n *       </TableRow>\n *     </TableHead>\n *     <TableBody>\n *       <TableRow>\n *         <TableCell>John Doe</TableCell>\n *         <TableCell>john@example.com</TableCell>\n *       </TableRow>\n *     </TableBody>\n *   </Table>\n * </TableContainer>\n * ```\n */\n\nimport React from 'react';\nimport MuiTable from '@mui/material/Table';\nimport MuiTableContainer from '@mui/material/TableContainer';\nimport MuiTableHead from '@mui/material/TableHead';\nimport MuiTableBody from '@mui/material/TableBody';\nimport MuiTableFooter from '@mui/material/TableFooter';\nimport MuiTableRow from '@mui/material/TableRow';\nimport MuiTableCell from '@mui/material/TableCell';\nimport type {\n  TableProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableCellProps,\n} from './Table.types';\n\n/**\n * Table component for displaying tabular data\n * \n * Memoized for performance with large datasets.\n * Re-renders only when props change.\n */\nconst TableBase = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ children, size = 'medium', stickyHeader = false, padding = 'normal', ...props }, ref) => {\n    return (\n      <MuiTable ref={ref} size={size} stickyHeader={stickyHeader} padding={padding} {...props}>\n        {children}\n      </MuiTable>\n    );\n  }\n);\n\nexport const Table = React.memo(TableBase);\nTable.displayName = 'Table';\n\n/**\n * TableContainer component - wrapper for Table with scroll support\n */\nexport const TableContainer = React.forwardRef<HTMLDivElement, TableContainerProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableContainer ref={ref} {...props}>\n        {children}\n      </MuiTableContainer>\n    );\n  }\n);\n\nTableContainer.displayName = 'TableContainer';\n\n/**\n * TableHead component - table header section\n */\nexport const TableHead = React.forwardRef<HTMLTableSectionElement, TableHeadProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableHead ref={ref} {...props}>\n        {children}\n      </MuiTableHead>\n    );\n  }\n);\n\nTableHead.displayName = 'TableHead';\n\n/**\n * TableBody component - table body section\n */\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableBody ref={ref} {...props}>\n        {children}\n      </MuiTableBody>\n    );\n  }\n);\n\nTableBody.displayName = 'TableBody';\n\n/**\n * TableFooter component - table footer section\n */\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableFooter ref={ref} {...props}>\n        {children}\n      </MuiTableFooter>\n    );\n  }\n);\n\nTableFooter.displayName = 'TableFooter';\n\n/**\n * TableRow component - row in a table\n * \n * Memoized to prevent unnecessary re-renders in large tables.\n */\nconst TableRowBase = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ children, selected = false, hover = false, ...props }, ref) => {\n    return (\n      <MuiTableRow ref={ref} selected={selected} hover={hover} {...props}>\n        {children}\n      </MuiTableRow>\n    );\n  }\n);\n\nexport const TableRow = React.memo(TableRowBase);\nTableRow.displayName = 'TableRow';\n\n/**\n * TableCell component - cell in a table row\n * \n * Memoized to optimize rendering of large tables with many cells.\n */\nconst TableCellBase = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  (\n    {\n      children,\n      align = 'left',\n      padding = 'normal',\n      size = 'medium',\n      variant,\n      colSpan,\n      rowSpan,\n      sortDirection,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <MuiTableCell\n        ref={ref}\n        align={align}\n        padding={padding}\n        size={size}\n        variant={variant}\n        colSpan={colSpan}\n        rowSpan={rowSpan}\n        sortDirection={sortDirection}\n        {...props}\n      >\n        {children}\n      </MuiTableCell>\n    );\n  }\n);\n\nexport const TableCell = React.memo(TableCellBase);\nTableCell.displayName = 'TableCell';\n\nexport default Table;\n"],"names":["jsx"],"mappings":";;;;;;;;;;AAoDA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,OAAO,UAAU,eAAe,OAAO,UAAU,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1F,WACEA,2BAAAA,IAAC,YAAS,KAAU,MAAY,cAA4B,SAAmB,GAAG,OAC/E,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,QAAQ,MAAM,KAAK,SAAS;AACzC,MAAM,cAAc;AAKb,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACEA,2BAAAA,IAAC,mBAAA,EAAkB,KAAW,GAAG,OAC9B,UACH;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAKtB,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACEA,2BAAAA,IAAC,cAAA,EAAa,KAAW,GAAG,OACzB,UACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAKjB,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACEA,2BAAAA,IAAC,cAAA,EAAa,KAAW,GAAG,OACzB,UACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAKjB,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACEA,2BAAAA,IAAC,gBAAA,EAAe,KAAW,GAAG,OAC3B,UACH;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAO1B,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,UAAU,WAAW,OAAO,QAAQ,OAAO,GAAG,MAAA,GAAS,QAAQ;AAChE,0CACG,aAAA,EAAY,KAAU,UAAoB,OAAe,GAAG,OAC1D,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,WAAW,MAAM,KAAK,YAAY;AAC/C,SAAS,cAAc;AAOvB,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEO,MAAM,YAAY,MAAM,KAAK,aAAa;AACjD,UAAU,cAAc;;;;;;;;"}

package/dist/Table-BrEk_oGh.mjs

@@ -0,0 +1,88 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import MuiTable from "@mui/material/Table";
+import MuiTableContainer from "@mui/material/TableContainer";
+import MuiTableHead from "@mui/material/TableHead";
+import MuiTableBody from "@mui/material/TableBody";
+import MuiTableFooter from "@mui/material/TableFooter";
+import MuiTableRow from "@mui/material/TableRow";
+import MuiTableCell from "@mui/material/TableCell";
+const TableBase = React.forwardRef(
+  ({ children, size = "medium", stickyHeader = false, padding = "normal", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(MuiTable, { ref, size, stickyHeader, padding, ...props, children });
+  }
+);
+const Table = React.memo(TableBase);
+Table.displayName = "Table";
+const TableContainer = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(MuiTableContainer, { ref, ...props, children });
+  }
+);
+TableContainer.displayName = "TableContainer";
+const TableHead = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(MuiTableHead, { ref, ...props, children });
+  }
+);
+TableHead.displayName = "TableHead";
+const TableBody = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(MuiTableBody, { ref, ...props, children });
+  }
+);
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(MuiTableFooter, { ref, ...props, children });
+  }
+);
+TableFooter.displayName = "TableFooter";
+const TableRowBase = React.forwardRef(
+  ({ children, selected = false, hover = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(MuiTableRow, { ref, selected, hover, ...props, children });
+  }
+);
+const TableRow = React.memo(TableRowBase);
+TableRow.displayName = "TableRow";
+const TableCellBase = React.forwardRef(
+  ({
+    children,
+    align = "left",
+    padding = "normal",
+    size = "medium",
+    variant,
+    colSpan,
+    rowSpan,
+    sortDirection,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      MuiTableCell,
+      {
+        ref,
+        align,
+        padding,
+        size,
+        variant,
+        colSpan,
+        rowSpan,
+        sortDirection,
+        ...props,
+        children
+      }
+    );
+  }
+);
+const TableCell = React.memo(TableCellBase);
+TableCell.displayName = "TableCell";
+export {
+  Table as T,
+  TableContainer as a,
+  TableHead as b,
+  TableBody as c,
+  TableFooter as d,
+  TableRow as e,
+  TableCell as f
+};
+//# sourceMappingURL=Table-BrEk_oGh.mjs.map

package/dist/Table-BrEk_oGh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table-BrEk_oGh.mjs","sources":["../src/components/molecules/Table/Table.tsx"],"sourcesContent":["/**\n * Table Component\n * @package @mrs/ui\n *\n * Displays data in rows and columns.\n * Tables organize information in a way that's easy to scan and compare.\n *\n * @example\n * ```tsx\n * <TableContainer component={Paper}>\n *   <Table>\n *     <TableHead>\n *       <TableRow>\n *         <TableCell>Name</TableCell>\n *         <TableCell>Email</TableCell>\n *       </TableRow>\n *     </TableHead>\n *     <TableBody>\n *       <TableRow>\n *         <TableCell>John Doe</TableCell>\n *         <TableCell>john@example.com</TableCell>\n *       </TableRow>\n *     </TableBody>\n *   </Table>\n * </TableContainer>\n * ```\n */\n\nimport React from 'react';\nimport MuiTable from '@mui/material/Table';\nimport MuiTableContainer from '@mui/material/TableContainer';\nimport MuiTableHead from '@mui/material/TableHead';\nimport MuiTableBody from '@mui/material/TableBody';\nimport MuiTableFooter from '@mui/material/TableFooter';\nimport MuiTableRow from '@mui/material/TableRow';\nimport MuiTableCell from '@mui/material/TableCell';\nimport type {\n  TableProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableCellProps,\n} from './Table.types';\n\n/**\n * Table component for displaying tabular data\n * \n * Memoized for performance with large datasets.\n * Re-renders only when props change.\n */\nconst TableBase = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ children, size = 'medium', stickyHeader = false, padding = 'normal', ...props }, ref) => {\n    return (\n      <MuiTable ref={ref} size={size} stickyHeader={stickyHeader} padding={padding} {...props}>\n        {children}\n      </MuiTable>\n    );\n  }\n);\n\nexport const Table = React.memo(TableBase);\nTable.displayName = 'Table';\n\n/**\n * TableContainer component - wrapper for Table with scroll support\n */\nexport const TableContainer = React.forwardRef<HTMLDivElement, TableContainerProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableContainer ref={ref} {...props}>\n        {children}\n      </MuiTableContainer>\n    );\n  }\n);\n\nTableContainer.displayName = 'TableContainer';\n\n/**\n * TableHead component - table header section\n */\nexport const TableHead = React.forwardRef<HTMLTableSectionElement, TableHeadProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableHead ref={ref} {...props}>\n        {children}\n      </MuiTableHead>\n    );\n  }\n);\n\nTableHead.displayName = 'TableHead';\n\n/**\n * TableBody component - table body section\n */\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableBody ref={ref} {...props}>\n        {children}\n      </MuiTableBody>\n    );\n  }\n);\n\nTableBody.displayName = 'TableBody';\n\n/**\n * TableFooter component - table footer section\n */\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <MuiTableFooter ref={ref} {...props}>\n        {children}\n      </MuiTableFooter>\n    );\n  }\n);\n\nTableFooter.displayName = 'TableFooter';\n\n/**\n * TableRow component - row in a table\n * \n * Memoized to prevent unnecessary re-renders in large tables.\n */\nconst TableRowBase = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ children, selected = false, hover = false, ...props }, ref) => {\n    return (\n      <MuiTableRow ref={ref} selected={selected} hover={hover} {...props}>\n        {children}\n      </MuiTableRow>\n    );\n  }\n);\n\nexport const TableRow = React.memo(TableRowBase);\nTableRow.displayName = 'TableRow';\n\n/**\n * TableCell component - cell in a table row\n * \n * Memoized to optimize rendering of large tables with many cells.\n */\nconst TableCellBase = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  (\n    {\n      children,\n      align = 'left',\n      padding = 'normal',\n      size = 'medium',\n      variant,\n      colSpan,\n      rowSpan,\n      sortDirection,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <MuiTableCell\n        ref={ref}\n        align={align}\n        padding={padding}\n        size={size}\n        variant={variant}\n        colSpan={colSpan}\n        rowSpan={rowSpan}\n        sortDirection={sortDirection}\n        {...props}\n      >\n        {children}\n      </MuiTableCell>\n    );\n  }\n);\n\nexport const TableCell = React.memo(TableCellBase);\nTableCell.displayName = 'TableCell';\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;;;;AAoDA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,OAAO,UAAU,eAAe,OAAO,UAAU,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1F,WACE,oBAAC,YAAS,KAAU,MAAY,cAA4B,SAAmB,GAAG,OAC/E,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,QAAQ,MAAM,KAAK,SAAS;AACzC,MAAM,cAAc;AAKb,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACE,oBAAC,mBAAA,EAAkB,KAAW,GAAG,OAC9B,UACH;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAKtB,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACE,oBAAC,cAAA,EAAa,KAAW,GAAG,OACzB,UACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAKjB,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACE,oBAAC,cAAA,EAAa,KAAW,GAAG,OACzB,UACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAKjB,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC/B,WACE,oBAAC,gBAAA,EAAe,KAAW,GAAG,OAC3B,UACH;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAO1B,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,UAAU,WAAW,OAAO,QAAQ,OAAO,GAAG,MAAA,GAAS,QAAQ;AAChE,+BACG,aAAA,EAAY,KAAU,UAAoB,OAAe,GAAG,OAC1D,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,WAAW,MAAM,KAAK,YAAY;AAC/C,SAAS,cAAc;AAOvB,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEO,MAAM,YAAY,MAAM,KAAK,aAAa;AACjD,UAAU,cAAc;"}

package/dist/TimePicker-BCpPRTJI.js

@@ -0,0 +1,24 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const TimePicker$1 = require("@mui/x-date-pickers/TimePicker");
+const TimePicker = React.forwardRef((props, ref) => {
+  const { slotProps, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TimePicker$1.TimePicker,
+    {
+      ref,
+      slotProps: {
+        textField: {
+          fullWidth: true,
+          ...slotProps?.textField
+        },
+        ...slotProps
+      },
+      ...rest
+    }
+  );
+});
+TimePicker.displayName = "TimePicker";
+exports.TimePicker = TimePicker;
+//# sourceMappingURL=TimePicker-BCpPRTJI.js.map

package/dist/TimePicker-BCpPRTJI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-BCpPRTJI.js","sources":["../src/components/molecules/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * TimePicker Component\n *\n * Implements the MRS TimePicker using MUI X Date Pickers with design tokens.\n * Supports both 12-hour and 24-hour time formats with proper theme integration.\n *\n * @see https://mui.com/x/react-date-pickers/time-picker/\n */\n\nimport React from 'react';\nimport { TimePicker as MuiTimePicker } from '@mui/x-date-pickers/TimePicker';\nimport type { TimePickerProps } from './TimePicker.types';\n\n/**\n * TimePicker component for selecting time\n * Wraps MUI X TimePicker with MRS design tokens and theme integration\n */\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>((props, ref) => {\n  const { slotProps, ...rest } = props;\n\n  return (\n    <MuiTimePicker\n      ref={ref}\n      slotProps={{\n        textField: {\n          fullWidth: true,\n          ...slotProps?.textField,\n        },\n        ...slotProps,\n      }}\n      {...rest}\n    />\n  );\n});\n\nTimePicker.displayName = 'TimePicker';\n\nexport default TimePicker;\n"],"names":["jsx","MuiTimePicker"],"mappings":";;;;AAiBO,MAAM,aAAa,MAAM,WAA4C,CAAC,OAAO,QAAQ;AAC1F,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,SACEA,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,UACT,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,QAEhB,GAAG;AAAA,MAAA;AAAA,MAEJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,WAAW,cAAc;;"}

package/dist/TimePicker-Bt5plyjC.mjs

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { TimePicker as TimePicker$1 } from "@mui/x-date-pickers/TimePicker";
+const TimePicker = React.forwardRef((props, ref) => {
+  const { slotProps, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    TimePicker$1,
+    {
+      ref,
+      slotProps: {
+        textField: {
+          fullWidth: true,
+          ...slotProps?.textField
+        },
+        ...slotProps
+      },
+      ...rest
+    }
+  );
+});
+TimePicker.displayName = "TimePicker";
+export {
+  TimePicker as T
+};
+//# sourceMappingURL=TimePicker-Bt5plyjC.mjs.map

package/dist/TimePicker-Bt5plyjC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-Bt5plyjC.mjs","sources":["../src/components/molecules/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * TimePicker Component\n *\n * Implements the MRS TimePicker using MUI X Date Pickers with design tokens.\n * Supports both 12-hour and 24-hour time formats with proper theme integration.\n *\n * @see https://mui.com/x/react-date-pickers/time-picker/\n */\n\nimport React from 'react';\nimport { TimePicker as MuiTimePicker } from '@mui/x-date-pickers/TimePicker';\nimport type { TimePickerProps } from './TimePicker.types';\n\n/**\n * TimePicker component for selecting time\n * Wraps MUI X TimePicker with MRS design tokens and theme integration\n */\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>((props, ref) => {\n  const { slotProps, ...rest } = props;\n\n  return (\n    <MuiTimePicker\n      ref={ref}\n      slotProps={{\n        textField: {\n          fullWidth: true,\n          ...slotProps?.textField,\n        },\n        ...slotProps,\n      }}\n      {...rest}\n    />\n  );\n});\n\nTimePicker.displayName = 'TimePicker';\n\nexport default TimePicker;\n"],"names":["MuiTimePicker"],"mappings":";;;AAiBO,MAAM,aAAa,MAAM,WAA4C,CAAC,OAAO,QAAQ;AAC1F,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,UACT,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,QAEhB,GAAG;AAAA,MAAA;AAAA,MAEJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,WAAW,cAAc;"}