@atipicus/mrs-ui 0.8.0

package/dist/mrs-ui.css

@@ -0,0 +1,185 @@
+/**
+ * Material Symbols Rounded - Global CSS Configuration
+ * MRS Design System v0.4.0
+ *
+ * Default Configuration:
+ * - Variant: Rounded
+ * - Weight: 300 (Light)
+ * - Fill: 0 (Outlined)
+ * - Grade: 100 (Lighter visual weight)
+ * - Optical Size: 24px
+ *
+ * Documentation: https://fonts.google.com/icons
+ */
+
+.material-symbols-rounded {
+  font-family: 'Material Symbols Rounded';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Default size */
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: 'liga';
+  vertical-align: middle;
+
+  /* MRS Design System Default Configuration */
+  font-variation-settings:
+    'FILL' 0, /* Outlined (0) vs Filled (1) */
+    'wght' 300, /* Light weight - thin strokes */
+    'GRAD' 100, /* Lighter visual weight */
+    'opsz' 24; /* 24px optical size */
+}
+
+/* ========================================
+   Size Variants
+   ======================================== */
+
+.material-symbols-rounded.size-inherit {
+  font-size: inherit;
+}
+
+.material-symbols-rounded.size-small {
+  font-size: 20px;
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 300,
+    'GRAD' -25,
+    'opsz' 20;
+}
+
+.material-symbols-rounded.size-medium {
+  font-size: 24px;
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 300,
+    'GRAD' -25,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.size-large {
+  font-size: 36px;
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 300,
+    'GRAD' -25,
+    'opsz' 40;
+}
+
+/* ========================================
+   Fill Variants
+   ======================================== */
+
+.material-symbols-rounded.fill-0 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 300,
+    'GRAD' -25,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.fill-1 {
+  font-variation-settings:
+    'FILL' 1,
+    'wght' 300,
+    'GRAD' -25,
+    'opsz' 24;
+}
+
+/* ========================================
+   Weight Variants
+   ======================================== */
+
+.material-symbols-rounded.weight-100 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 100,
+    'GRAD' -25,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.weight-200 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 200,
+    'GRAD' -25,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.weight-300 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 300,
+    'GRAD' -25,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.weight-400 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 400,
+    'GRAD' 0,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.weight-500 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 500,
+    'GRAD' 0,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.weight-600 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 600,
+    'GRAD' 0,
+    'opsz' 24;
+}
+
+.material-symbols-rounded.weight-700 {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 700,
+    'GRAD' 0,
+    'opsz' 24;
+}
+
+/* ========================================
+   Accessibility & Utility Classes
+   ======================================== */
+
+/* Hide icon text from screen readers when using aria-label */
+.material-symbols-rounded[aria-label] {
+  speak: none;
+}
+
+/* Clickable icon button styling */
+.material-symbols-rounded.clickable {
+  cursor: pointer;
+  user-select: none;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.material-symbols-rounded.clickable:hover {
+  opacity: 0.7;
+}
+
+.material-symbols-rounded.clickable:active {
+  opacity: 0.5;
+}
+
+/* Disabled state */
+.material-symbols-rounded.disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+  pointer-events: none;
+}

package/dist/src/components/atoms/AccountStack/AccountStack.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { AccountStackProps } from './AccountStack.types';
+export declare const AccountStack: React.ForwardRefExoticComponent<Omit<AccountStackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type { AccountStackProps };
+export default AccountStack;
+//# sourceMappingURL=AccountStack.d.ts.map

package/dist/src/components/atoms/AccountStack/AccountStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/AccountStack/AccountStack.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,uGA4ExB,CAAC;AAIF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,eAAe,YAAY,CAAC"}

package/dist/src/components/atoms/AccountStack/AccountStack.types.d.ts

@@ -0,0 +1,51 @@
+import { BoxProps } from '@mui/material/Box';
+export interface AccountStackProps extends Omit<BoxProps, 'children'> {
+    /**
+     * Show/hide avatar with badge
+     * @default true
+     */
+    user?: boolean;
+    /**
+     * Show/hide user account information text
+     * @default true
+     */
+    userAccountInfo?: boolean;
+    /**
+     * Show/hide notification badge on avatar
+     * @default true
+     */
+    notifications?: boolean;
+    /**
+     * User's name to display
+     * @default 'John Doe'
+     */
+    userName?: string;
+    /**
+     * User's email or secondary info to display
+     * @default 'john.doe@example.com'
+     */
+    userEmail?: string;
+    /**
+     * Avatar image source URL
+     */
+    avatarSrc?: string;
+    /**
+     * Avatar alt text for accessibility
+     * @default 'User avatar'
+     */
+    avatarAlt?: string;
+    /**
+     * Number of notifications (optional, for future badge content)
+     */
+    notificationCount?: number;
+    /**
+     * Position of the avatar relative to user info
+     * @default 'left'
+     */
+    avatarPosition?: 'left' | 'right';
+    /**
+     * Custom sx styles
+     */
+    sx?: BoxProps['sx'];
+}
+//# sourceMappingURL=AccountStack.types.d.ts.map

package/dist/src/components/atoms/AccountStack/AccountStack.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountStack.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/AccountStack/AccountStack.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACnE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAElC;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CACrB"}

package/dist/src/components/atoms/AccountStack/index.d.ts

@@ -0,0 +1,3 @@
+export { AccountStack, type AccountStackProps } from './AccountStack';
+export { default } from './AccountStack';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/AccountStack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/AccountStack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/atoms/Avatar/Avatar.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { AvatarProps } from './Avatar.types';
+/**
+ * Avatar component
+ *
+ * Avatars are found throughout material design with uses in everything from tables to dialog menus.
+ *
+ * @param props - Avatar component props
+ * @returns Avatar component
+ */
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/src/components/atoms/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,iGAwClB,CAAC"}

package/dist/src/components/atoms/Avatar/Avatar.types.d.ts

@@ -0,0 +1,46 @@
+import { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar';
+import { ReactNode } from 'react';
+/**
+ * MRS Avatar component props
+ * Extends Material-UI AvatarProps
+ *
+ * @example
+ * ```tsx
+ * // With initials
+ * <Avatar>JD</Avatar>
+ *
+ * // With image
+ * <Avatar src="/path/to/image.jpg" alt="John Doe" />
+ *
+ * // With icon
+ * <Avatar>
+ *   <Icon icon={PersonIcon} />
+ * </Avatar>
+ * ```
+ */
+export interface AvatarProps extends Omit<MuiAvatarProps, 'variant'> {
+    /**
+     * The content of the avatar (text initials, icon, or image)
+     */
+    children?: ReactNode;
+    /**
+     * The source of the avatar image
+     */
+    src?: string;
+    /**
+     * The alt text for the image
+     */
+    alt?: string;
+    /**
+     * The size of the avatar (in pixels)
+     * @default 40
+     */
+    size?: 18 | 24 | 32 | 40;
+    /**
+     * The variant of the avatar
+     * Note: Only 'circular' is supported in the design system
+     * @default 'circular'
+     */
+    variant?: 'circular' | 'rounded' | 'square';
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

package/dist/src/components/atoms/Avatar/Avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAEzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC7C"}

package/dist/src/components/atoms/Avatar/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Avatar component exports
+ */
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/atoms/Badge/Badge.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { BadgeProps } from './Badge.types';
+/**
+ * Badge component
+ *
+ * Generates a small badge to the top-right of its child(ren).
+ * Typically used to display notification counts or status indicators.
+ *
+ * @param props - Badge component props
+ * @returns Badge component
+ */
+export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/src/components/atoms/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,iGAuBjB,CAAC"}

package/dist/src/components/atoms/Badge/Badge.types.d.ts

@@ -0,0 +1,57 @@
+import { BadgeProps as MuiBadgeProps } from '@mui/material/Badge';
+/**
+ * MRS Badge component props
+ * Extends Material-UI BadgeProps
+ *
+ * @example
+ * ```tsx
+ * <Badge badgeContent={4} color="primary">
+ *   <MailIcon />
+ * </Badge>
+ * ```
+ */
+export interface BadgeProps extends MuiBadgeProps {
+    /**
+     * The content rendered within the badge
+     */
+    badgeContent?: React.ReactNode;
+    /**
+     * The color of the component
+     * @default 'default'
+     */
+    color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    /**
+     * The variant to use
+     * @default 'standard'
+     */
+    variant?: 'standard' | 'dot';
+    /**
+     * If true, the badge is invisible
+     * @default false
+     */
+    invisible?: boolean;
+    /**
+     * Max count to show
+     * @default 99
+     */
+    max?: number;
+    /**
+     * Controls whether the badge is hidden when badgeContent is zero
+     * @default false
+     */
+    showZero?: boolean;
+    /**
+     * The anchor of the badge
+     * @default { vertical: 'top', horizontal: 'right' }
+     */
+    anchorOrigin?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'right';
+    };
+    /**
+     * Wrapped shape the badge should overlap
+     * @default 'rectangular'
+     */
+    overlap?: 'rectangular' | 'circular';
+}
+//# sourceMappingURL=Badge.types.d.ts.map

package/dist/src/components/atoms/Badge/Badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEvE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAEvF;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAE7B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;KAC9B,CAAC;IAEF;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,UAAU,CAAC;CACtC"}

package/dist/src/components/atoms/Badge/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Badge component exports
+ */
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/components/atoms/Box/Box.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { BoxProps } from './Box.types';
+/**
+ * Box component - the most fundamental layout component
+ * A utility component that serves as a wrapper with access to theme and sx prop
+ *
+ * @example
+ * ```tsx
+ * <Box sx={{ padding: 2, backgroundColor: 'primary.main' }}>
+ *   Content
+ * </Box>
+ * ```
+ */
+export declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Box;
+//# sourceMappingURL=Box.d.ts.map

package/dist/src/components/atoms/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Box/Box.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,8FAQf,CAAC;AAIF,eAAe,GAAG,CAAC"}

package/dist/src/components/atoms/Box/Box.types.d.ts

@@ -0,0 +1,19 @@
+import { BoxProps as MuiBoxProps } from '@mui/material/Box';
+/**
+ * Props for the Box component
+ */
+export interface BoxProps extends MuiBoxProps {
+    /**
+     * The component used for the root node
+     */
+    component?: React.ElementType;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles
+     */
+    sx?: MuiBoxProps['sx'];
+    /**
+     * The content of the component
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Box.types.d.ts.map

package/dist/src/components/atoms/Box/Box.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Box/Box.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/src/components/atoms/Box/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Box component exports
+ */
+export { Box } from './Box';
+export type { BoxProps } from './Box.types';
+export { default } from './Box';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Box/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC"}

package/dist/src/components/atoms/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ButtonProps } from './Button.types';
+/**
+ * Button component
+ *
+ * @param props - Button component props
+ * @returns Button component
+ */
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/src/components/atoms/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,MAAM,oGAqBlB,CAAC"}

package/dist/src/components/atoms/Button/Button.types.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+/**
+ * MRS Button component props
+ * Extends Material-UI ButtonProps with custom properties
+ *
+ * @example
+ * ```tsx
+ * <Button variant="contained" color="primary">
+ *   Click me
+ * </Button>
+ * ```
+ */
+export interface ButtonProps extends MuiButtonProps {
+}
+//# sourceMappingURL=Button.types.d.ts.map

package/dist/src/components/atoms/Button/Button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;CAElD"}

package/dist/src/components/atoms/Button/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Button component exports
+ */
+export { Button } from './Button';
+export type { ButtonProps } from './Button.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { CheckboxProps } from './Checkbox.types';
+/**
+ * Checkbox component
+ *
+ * Checkboxes allow the user to select one or more items from a set.
+ *
+ * @param props - Checkbox component props
+ * @returns Checkbox component
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/src/components/atoms/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,sGAwCpB,CAAC"}

package/dist/src/components/atoms/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,81 @@
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox';
+/**
+ * MRS Checkbox component props
+ * Extends Material-UI CheckboxProps
+ *
+ * @example
+ * ```tsx
+ * <Checkbox />
+ * <Checkbox checked />
+ * <Checkbox indeterminate />
+ * <Checkbox color="primary" size="small" />
+ * ```
+ */
+export interface CheckboxProps extends Omit<MuiCheckboxProps, 'size' | 'color'> {
+    /**
+     * If `true`, the component is checked.
+     */
+    checked?: boolean;
+    /**
+     * If `true`, the component appears indeterminate.
+     * This does not set the native input element to indeterminate due
+     * to inconsistent browser support.
+     * However, a data-indeterminate attribute is set on the element.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * The size of the component.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The color of the component.
+     * @default 'primary'
+     */
+    color?: 'default' | 'primary';
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the ripple effect is disabled.
+     * @default false
+     */
+    disableRipple?: boolean;
+    /**
+     * The id of the input element.
+     */
+    id?: string;
+    /**
+     * Attributes applied to the input element.
+     */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Props applied to the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /**
+     * Callback fired when the state is changed.
+     *
+     * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+     * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * If `true`, the input element is required.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * The value of the component. The DOM API casts this to a string.
+     * The browser uses "on" as the default value.
+     */
+    value?: unknown;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: MuiCheckboxProps['sx'];
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

package/dist/src/components/atoms/Checkbox/Checkbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEhF;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7E;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAEzD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAEvC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAElF;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;CAC7B"}

package/dist/src/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Checkbox component exports
+ */
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Checkbox/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}