@atipicus/mrs-ui 0.8.0

package/dist/src/tokens/generated/ts/tokens.d.ts

@@ -0,0 +1,415 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const ComponentAlertDarkBorderRadius: string;
+export const ComponentAlertDarkErrorFilledBackground: string;
+export const ComponentAlertDarkErrorFilledForeground: string;
+export const ComponentAlertDarkErrorOutlinedBackground: string;
+export const ComponentAlertDarkErrorOutlinedForeground: string;
+export const ComponentAlertDarkErrorOutlinedBorder: string;
+export const ComponentAlertDarkErrorStandardBackground: string;
+export const ComponentAlertDarkErrorStandardForeground: string;
+export const ComponentAlertDarkWarningFilledBackground: string;
+export const ComponentAlertDarkWarningFilledForeground: string;
+export const ComponentAlertDarkWarningOutlinedBackground: string;
+export const ComponentAlertDarkWarningOutlinedForeground: string;
+export const ComponentAlertDarkWarningOutlinedBorder: string;
+export const ComponentAlertDarkWarningStandardBackground: string;
+export const ComponentAlertDarkWarningStandardForeground: string;
+export const ComponentAlertDarkInfoFilledBackground: string;
+export const ComponentAlertDarkInfoFilledForeground: string;
+export const ComponentAlertDarkInfoOutlinedBackground: string;
+export const ComponentAlertDarkInfoOutlinedForeground: string;
+export const ComponentAlertDarkInfoOutlinedBorder: string;
+export const ComponentAlertDarkInfoStandardBackground: string;
+export const ComponentAlertDarkInfoStandardForeground: string;
+export const ComponentAlertDarkSuccessFilledBackground: string;
+export const ComponentAlertDarkSuccessFilledForeground: string;
+export const ComponentAlertDarkSuccessOutlinedBackground: string;
+export const ComponentAlertDarkSuccessOutlinedForeground: string;
+export const ComponentAlertDarkSuccessOutlinedBorder: string;
+export const ComponentAlertDarkSuccessStandardBackground: string;
+export const ComponentAlertDarkSuccessStandardForeground: string;
+export const ComponentAlertBorderRadius: string;
+export const ComponentAlertErrorFilledBackground: string;
+export const ComponentAlertErrorFilledForeground: string;
+export const ComponentAlertErrorOutlinedBackground: string;
+export const ComponentAlertErrorOutlinedForeground: string;
+export const ComponentAlertErrorOutlinedBorder: string;
+export const ComponentAlertErrorStandardBackground: string;
+export const ComponentAlertErrorStandardForeground: string;
+export const ComponentAlertWarningFilledBackground: string;
+export const ComponentAlertWarningFilledForeground: string;
+export const ComponentAlertWarningOutlinedBackground: string;
+export const ComponentAlertWarningOutlinedForeground: string;
+export const ComponentAlertWarningOutlinedBorder: string;
+export const ComponentAlertWarningStandardBackground: string;
+export const ComponentAlertWarningStandardForeground: string;
+export const ComponentAlertInfoFilledBackground: string;
+export const ComponentAlertInfoFilledForeground: string;
+export const ComponentAlertInfoOutlinedBackground: string;
+export const ComponentAlertInfoOutlinedForeground: string;
+export const ComponentAlertInfoOutlinedBorder: string;
+export const ComponentAlertInfoStandardBackground: string;
+export const ComponentAlertInfoStandardForeground: string;
+export const ComponentAlertSuccessFilledBackground: string;
+export const ComponentAlertSuccessFilledForeground: string;
+export const ComponentAlertSuccessOutlinedBackground: string;
+export const ComponentAlertSuccessOutlinedForeground: string;
+export const ComponentAlertSuccessOutlinedBorder: string;
+export const ComponentAlertSuccessStandardBackground: string;
+export const ComponentAlertSuccessStandardForeground: string;
+/** Button default transition - color, background, border */
+export const ComponentButtonTransitionDefault: string;
+/** Button elevation transition on hover */
+export const ComponentButtonTransitionElevation: string;
+export const ComponentButtonBorderRadius: string;
+export const ComponentButtonFontWeight: string;
+export const ComponentButtonSmallFontSize: string;
+export const ComponentButtonSmallHeight: string;
+export const ComponentButtonMediumFontSize: string;
+export const ComponentButtonMediumHeight: string;
+export const ComponentButtonLargeFontSize: string;
+export const ComponentButtonLargeHeight: string;
+/** Dialog enter transition - fade + scale */
+export const ComponentDialogTransitionEnter: string;
+/** Dialog exit transition */
+export const ComponentDialogTransitionExit: string;
+export const ComponentDialogDarkBorderRadius: string;
+export const ComponentDialogBorderRadius: string;
+/** Drawer slide in transition */
+export const ComponentDrawerTransitionEnter: string;
+/** Drawer slide out transition */
+export const ComponentDrawerTransitionExit: string;
+/** Snackbar enter transition - slide up + fade */
+export const ComponentSnackbarTransitionEnter: string;
+/** Snackbar exit transition - fade out */
+export const ComponentSnackbarTransitionExit: string;
+/** Tooltip fade in */
+export const ComponentTooltipTransitionEnter: string;
+/** Tooltip fade out */
+export const ComponentTooltipTransitionExit: string;
+/** Menu enter transition - fade + scale */
+export const ComponentMenuTransitionEnter: string;
+/** Menu exit transition - fade */
+export const ComponentMenuTransitionExit: string;
+/** Collapse expand transition */
+export const ComponentCollapseTransitionEnter: string;
+/** Collapse contract transition */
+export const ComponentCollapseTransitionExit: string;
+/** FAB default transition */
+export const ComponentFabTransitionDefault: string;
+/** FAB elevation on hover */
+export const ComponentFabTransitionElevation: string;
+export const ComponentFabBorderRadius: string;
+/** Chip hover/focus transition */
+export const ComponentChipTransitionDefault: string;
+export const ComponentChipDefaultCloseFill: string;
+export const ComponentChipDefaultEnabledBorder: string;
+export const ComponentChipBorderRadius: string;
+/** Switch thumb movement */
+export const ComponentSwitchTransitionThumb: string;
+/** Switch track color change */
+export const ComponentSwitchTransitionTrack: string;
+/** Checkbox state transition */
+export const ComponentCheckboxTransitionDefault: string;
+/** Radio button state transition */
+export const ComponentRadioTransitionDefault: string;
+/** Accordion panel expand */
+export const ComponentAccordionTransitionExpand: string;
+/** Accordion panel collapse */
+export const ComponentAccordionTransitionCollapse: string;
+/** Skeleton pulse animation duration */
+export const ComponentSkeletonAnimationPulseDuration: string;
+/** Skeleton pulse easing */
+export const ComponentSkeletonAnimationPulseEasing: string;
+/** Skeleton wave animation duration */
+export const ComponentSkeletonAnimationWaveDuration: string;
+/** Skeleton wave easing */
+export const ComponentSkeletonAnimationWaveEasing: string;
+/** Progress indeterminate animation duration */
+export const ComponentProgressAnimationIndeterminateDuration: string;
+/** Progress animation easing */
+export const ComponentProgressAnimationIndeterminateEasing: string;
+/** Circular progress rotation duration */
+export const ComponentProgressAnimationCircularDuration: string;
+/** Circular progress easing */
+export const ComponentProgressAnimationCircularEasing: string;
+export const ComponentIconButtonBorderRadius: string;
+export const ComponentIconButtonSmallSize: string;
+export const ComponentIconButtonSmallIconSize: string;
+export const ComponentIconButtonMediumSize: string;
+export const ComponentIconButtonMediumIconSize: string;
+export const ComponentIconButtonLargeSize: string;
+export const ComponentIconButtonLargeIconSize: string;
+export const ComponentInputDarkBorderRadius: string;
+export const ComponentInputDarkStandardEnabledBorder: string;
+export const ComponentInputDarkFilledEnabledFill: string;
+export const ComponentInputDarkOutlinedEnabledBorder: string;
+export const ComponentInputDarkValueFontSize: string;
+export const ComponentInputStandardEnabledBorder: string;
+export const ComponentInputFilledEnabledFill: string;
+export const ComponentInputOutlinedEnabledBorder: string;
+export const ComponentInputBorderRadius: string;
+export const ComponentRatingActiveFill: string;
+export const ComponentRatingEnabledBorder: string;
+/** No elevation - matches background */
+export const ComponentPaperDarkElevation0: string;
+/** 1dp elevation */
+export const ComponentPaperDarkElevation1: string;
+/** 2dp elevation */
+export const ComponentPaperDarkElevation2: string;
+/** 4dp elevation */
+export const ComponentPaperDarkElevation4: string;
+/** 6dp elevation */
+export const ComponentPaperDarkElevation6: string;
+/** 8dp elevation */
+export const ComponentPaperDarkElevation8: string;
+/** 12dp elevation */
+export const ComponentPaperDarkElevation12: string;
+/** 16dp elevation */
+export const ComponentPaperDarkElevation16: string;
+/** 24dp elevation */
+export const ComponentPaperDarkElevation24: string;
+export const ComponentPaperElevation0: string;
+export const ComponentPaperElevation1: string;
+export const ComponentPaperElevation2: string;
+export const ComponentCardDarkBorderRadius: string;
+export const ComponentCardBorderRadius: string;
+export const ComponentTableDarkBorder: string;
+export const ComponentTableDarkHeaderBackground: string;
+export const ComponentTableBorder: string;
+export const ComponentTableHeaderBackground: string;
+/** MRS Primary Brand Color - Teal */
+export const PrimitivesColorsBrandVerones: string;
+/** MRS Secondary Brand Color - Lime Green */
+export const PrimitivesColorsBrandLima: string;
+export const PrimitivesColorsNeutralWhite: string;
+export const PrimitivesColorsNeutralBlack: string;
+export const PrimitivesColorsNeutralGray50: string;
+export const PrimitivesColorsNeutralGray100: string;
+export const PrimitivesColorsNeutralGray200: string;
+export const PrimitivesColorsNeutralGray300: string;
+export const PrimitivesColorsNeutralGray400: string;
+export const PrimitivesColorsNeutralGray500: string;
+export const PrimitivesColorsNeutralGray600: string;
+export const PrimitivesColorsNeutralGray700: string;
+export const PrimitivesColorsNeutralGray800: string;
+export const PrimitivesColorsNeutralGray900: string;
+export const PrimitivesColorsStatusError50: string;
+export const PrimitivesColorsStatusError100: string;
+export const PrimitivesColorsStatusError500: string;
+export const PrimitivesColorsStatusError600: string;
+export const PrimitivesColorsStatusError700: string;
+export const PrimitivesColorsStatusWarning50: string;
+export const PrimitivesColorsStatusWarning500: string;
+export const PrimitivesColorsStatusWarning600: string;
+export const PrimitivesColorsStatusWarning700: string;
+export const PrimitivesColorsStatusInfo50: string;
+export const PrimitivesColorsStatusInfo100: string;
+export const PrimitivesColorsStatusInfo500: string;
+export const PrimitivesColorsStatusInfo600: string;
+export const PrimitivesColorsStatusInfo700: string;
+export const PrimitivesColorsStatusInfo800: string;
+export const PrimitivesColorsStatusSuccess50: string;
+export const PrimitivesColorsStatusSuccess100: string;
+export const PrimitivesColorsStatusSuccess500: string;
+export const PrimitivesColorsStatusSuccess600: string;
+export const PrimitivesColorsStatusSuccess700: string;
+export const PrimitivesColorsStatusSuccess800: string;
+export const PrimitivesColorsAlphaBlack4: string;
+export const PrimitivesColorsAlphaBlack8: string;
+export const PrimitivesColorsAlphaBlack12: string;
+export const PrimitivesColorsAlphaBlack23: string;
+export const PrimitivesColorsAlphaBlack26: string;
+export const PrimitivesColorsAlphaBlack38: string;
+export const PrimitivesColorsAlphaBlack42: string;
+export const PrimitivesColorsAlphaBlack56: string;
+export const PrimitivesColorsAlphaBlack60: string;
+export const PrimitivesColorsAlphaBlack87: string;
+export const PrimitivesColorsAlphaWhite8: string;
+export const PrimitivesColorsAlphaWhite12: string;
+export const PrimitivesColorsAlphaWhite16: string;
+export const PrimitivesColorsAlphaWhite23: string;
+export const PrimitivesColorsAlphaWhite26: string;
+export const PrimitivesColorsAlphaWhite30: string;
+export const PrimitivesColorsAlphaWhite42: string;
+export const PrimitivesColorsAlphaWhite50: string;
+export const PrimitivesColorsAlphaWhite70: string;
+export const PrimitivesColorsAlphaWhite100: string;
+export const PrimitivesColorsAlphaPrimary8: string;
+export const PrimitivesColorsAlphaPrimary12: string;
+export const PrimitivesColorsAlphaPrimary16: string;
+export const PrimitivesColorsAlphaPrimary25: string;
+export const PrimitivesColorsAlphaPrimary24Dark: string;
+export const PrimitivesColorsAlphaPrimary32Dark: string;
+export const PrimitivesColorsAlphaPrimary40Dark: string;
+export const PrimitivesColorsSpecialRating: string;
+/** Instant transition - no delay */
+export const PrimitivesMotionDurationInstant: string;
+/** Fast transitions - micro-interactions, toggles, checkboxes */
+export const PrimitivesMotionDurationFast: string;
+/** Base transition duration - most UI elements */
+export const PrimitivesMotionDurationBase: string;
+/** Moderate transitions - drawers, dialogs, larger elements */
+export const PrimitivesMotionDurationModerate: string;
+/** Slow transitions - page transitions, large content shifts */
+export const PrimitivesMotionDurationSlow: string;
+/** Very slow transitions - complex animations */
+export const PrimitivesMotionDurationSlower: string;
+/** Linear easing - constant speed, use sparingly */
+export const PrimitivesMotionEasingLinear: string;
+/** Standard easing - most common, smooth acceleration and deceleration */
+export const PrimitivesMotionEasingStandard: string;
+/** Emphasized easing - Material Design emphasized motion */
+export const PrimitivesMotionEasingEmphasized: string;
+/** Decelerate easing - elements entering the screen */
+export const PrimitivesMotionEasingDecelerate: string;
+/** Accelerate easing - elements leaving the screen */
+export const PrimitivesMotionEasingAccelerate: string;
+/** Sharp easing - quick, focused transitions */
+export const PrimitivesMotionEasingSharp: string;
+/** Ease in - gradual acceleration */
+export const PrimitivesMotionEasingEaseIn: string;
+/** Ease out - gradual deceleration */
+export const PrimitivesMotionEasingEaseOut: string;
+/** Ease in-out - smooth start and end */
+export const PrimitivesMotionEasingEaseInOut: string;
+export const PrimitivesRadiusNone: string;
+export const PrimitivesRadiusSm: string;
+/** Default border radius */
+export const PrimitivesRadiusMd: string;
+export const PrimitivesRadiusLg: string;
+export const PrimitivesRadiusXl: string;
+/** Pill shape / circular */
+export const PrimitivesRadiusFull: string;
+export const PrimitivesSpacing0: string;
+export const PrimitivesSpacing1: string;
+export const PrimitivesSpacing2: string;
+export const PrimitivesSpacing3: string;
+export const PrimitivesSpacing4: string;
+export const PrimitivesSpacing5: string;
+export const PrimitivesSpacing6: string;
+export const PrimitivesSpacing7: string;
+export const PrimitivesSpacing8: string;
+export const PrimitivesSpacing9: string;
+export const PrimitivesSpacing10: string;
+export const PrimitivesSpacing11: string;
+export const PrimitivesSpacing12: string;
+export const PrimitivesSpacing05: string;
+export const PrimitivesSpacing15: string;
+/** Primary brand font */
+export const PrimitivesTypographyFontFamilyBrand: string;
+export const PrimitivesTypographyFontFamilyFallback: string;
+export const PrimitivesTypographyFontFamilyStack: string;
+export const PrimitivesTypographyFontSizeXs: string;
+export const PrimitivesTypographyFontSizeSm: string;
+export const PrimitivesTypographyFontSizeMd: string;
+export const PrimitivesTypographyFontSizeLg: string;
+export const PrimitivesTypographyFontSizeXl: string;
+export const PrimitivesTypographyFontSize2xl: string;
+export const PrimitivesTypographyFontSize3xl: string;
+export const PrimitivesTypographyFontSize4xl: string;
+export const PrimitivesTypographyFontWeightLight: string;
+export const PrimitivesTypographyFontWeightRegular: string;
+export const PrimitivesTypographyFontWeightMedium: string;
+export const PrimitivesTypographyFontWeightSemibold: string;
+export const PrimitivesTypographyFontWeightBold: string;
+export const PrimitivesTypographyLineHeightTight: string;
+export const PrimitivesTypographyLineHeightSnug: string;
+export const PrimitivesTypographyLineHeightNormal: string;
+export const PrimitivesTypographyLineHeightRelaxed: string;
+export const PrimitivesTypographyLineHeightLoose: string;
+/** Lighter primary for dark mode */
+export const SemanticColorDarkPrimaryMain: string;
+export const SemanticColorDarkPrimaryDark: string;
+export const SemanticColorDarkPrimaryLight: string;
+export const SemanticColorDarkPrimaryContrastText: string;
+/** Lighter secondary for dark mode */
+export const SemanticColorDarkSecondaryMain: string;
+export const SemanticColorDarkSecondaryDark: string;
+export const SemanticColorDarkSecondaryLight: string;
+export const SemanticColorDarkSecondaryContrastText: string;
+/** Lighter error for dark mode */
+export const SemanticColorDarkErrorMain: string;
+export const SemanticColorDarkErrorDark: string;
+export const SemanticColorDarkErrorLight: string;
+export const SemanticColorDarkErrorContrastText: string;
+/** Lighter warning for dark mode */
+export const SemanticColorDarkWarningMain: string;
+export const SemanticColorDarkWarningDark: string;
+export const SemanticColorDarkWarningLight: string;
+export const SemanticColorDarkWarningContrastText: string;
+/** Lighter info for dark mode */
+export const SemanticColorDarkInfoMain: string;
+export const SemanticColorDarkInfoDark: string;
+export const SemanticColorDarkInfoLight: string;
+export const SemanticColorDarkInfoContrastText: string;
+/** Lighter success for dark mode */
+export const SemanticColorDarkSuccessMain: string;
+export const SemanticColorDarkSuccessDark: string;
+export const SemanticColorDarkSuccessLight: string;
+export const SemanticColorDarkSuccessContrastText: string;
+/** Material Design dark background */
+export const SemanticColorDarkBackgroundDefault: string;
+/** Elevated surface in dark mode */
+export const SemanticColorDarkBackgroundPaper: string;
+export const SemanticColorDarkTextPrimary: string;
+export const SemanticColorDarkTextSecondary: string;
+export const SemanticColorDarkTextDisabled: string;
+export const SemanticColorDarkActionActive: string;
+export const SemanticColorDarkActionHover: string;
+export const SemanticColorDarkActionSelected: string;
+export const SemanticColorDarkActionDisabled: string;
+export const SemanticColorDarkActionDisabledBackground: string;
+export const SemanticColorDarkDivider: string;
+export const SemanticColorPrimaryMain: string;
+export const SemanticColorPrimaryDark: string;
+export const SemanticColorPrimaryLight: string;
+export const SemanticColorPrimaryContrastText: string;
+export const SemanticColorSecondaryMain: string;
+export const SemanticColorSecondaryDark: string;
+export const SemanticColorSecondaryLight: string;
+export const SemanticColorSecondaryContrastText: string;
+export const SemanticColorErrorMain: string;
+export const SemanticColorErrorDark: string;
+export const SemanticColorErrorLight: string;
+export const SemanticColorErrorContrastText: string;
+export const SemanticColorWarningMain: string;
+export const SemanticColorWarningDark: string;
+export const SemanticColorWarningLight: string;
+export const SemanticColorWarningContrastText: string;
+export const SemanticColorInfoMain: string;
+export const SemanticColorInfoDark: string;
+export const SemanticColorInfoLight: string;
+export const SemanticColorInfoContrastText: string;
+export const SemanticColorSuccessMain: string;
+export const SemanticColorSuccessDark: string;
+export const SemanticColorSuccessLight: string;
+export const SemanticColorSuccessContrastText: string;
+export const SemanticColorBackgroundDefault: string;
+export const SemanticColorBackgroundPaper: string;
+export const SemanticColorTextPrimary: string;
+export const SemanticColorTextSecondary: string;
+export const SemanticColorTextDisabled: string;
+export const SemanticColorActionActive: string;
+export const SemanticColorActionHover: string;
+export const SemanticColorActionSelected: string;
+export const SemanticColorActionDisabled: string;
+export const SemanticColorActionDisabledBackground: string;
+export const SemanticColorDivider: string;
+/** Fade in transition */
+export const SemanticTransitionFadeIn: string;
+/** Fade out transition */
+export const SemanticTransitionFadeOut: string;
+/** Slide in transition - elements entering */
+export const SemanticTransitionSlideIn: string;
+/** Slide out transition - elements leaving */
+export const SemanticTransitionSlideOut: string;
+/** Expand transition - collapsible content opening */
+export const SemanticTransitionExpandIn: string;
+/** Collapse transition - collapsible content closing */
+export const SemanticTransitionExpandOut: string;
+/** Elevation change transition */
+export const SemanticTransitionElevation: string;

package/dist/src/tokens/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * MRS Design System - Token Hub
+ *
+ * Central export point for all design tokens.
+ * Tokens are generated from source JSON files using Style Dictionary.
+ *
+ * @example
+ * ```typescript
+ * import * as tokens from '@atipicus/mrs-ui/tokens';
+ *
+ * // Access token values
+ * const brandColor = tokens.PrimitivesColorsBrandVerones;
+ * const buttonRadius = tokens.ComponentButtonBorderRadius;
+ * ```
+ */
+export * from './generated/ts/tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,cAAc,uBAAuB,CAAC"}

package/dist/src/utils/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Utility functions
+ * Helper functions for common operations
+ */
+//# sourceMappingURL=index.d.ts.map

package/dist/src/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "@atipicus/mrs-ui",
+  "version": "0.8.0",
+  "description": "MRS Material-UI v6.5 Design System - 54 production-ready React components with comprehensive testing and Storybook documentation",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/theme.d.ts",
+      "import": "./dist/theme/theme.mjs",
+      "require": "./dist/theme/theme.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.mjs",
+      "require": "./dist/tokens/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "npm run tokens:build && vite build",
+    "build-storybook": "npm run tokens:build && storybook build",
+    "deploy-storybook": "npm run build-storybook && gh-pages -d storybook-static",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx --ignore-pattern 'src/tokens/scripts/**'",
+    "lint:fix": "eslint src --ext .ts,.tsx --ignore-pattern 'src/tokens/scripts/**' --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,json,md}\"",
+    "prepublishOnly": "npm run lint && npm run type-check && npm test && npm run build",
+    "publish:patch": "npm version patch && npm publish",
+    "publish:minor": "npm version minor && npm publish",
+    "publish:major": "npm version major && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "tokens:build": "style-dictionary build --config src/tokens/config/style-dictionary.config.js",
+    "tokens:clean": "rm -rf src/tokens/generated/css src/tokens/generated/scss src/tokens/generated/ts src/tokens/generated/json",
+    "tokens:rebuild": "npm run tokens:clean && npm run tokens:build",
+    "tokens:watch": "nodemon --watch src/tokens/source -e json --exec npm run tokens:build",
+    "tokens:sync:pull": "node src/tokens/scripts/sync-figma-tokens.js --direction=pull",
+    "tokens:sync:push": "node src/tokens/scripts/sync-figma-tokens.js --direction=push",
+    "tokens:sync:dry-run": "node src/tokens/scripts/sync-figma-tokens.js --direction=pull --dry-run"
+  },
+  "keywords": [
+    "design-system",
+    "material-ui",
+    "mui",
+    "react",
+    "components",
+    "ui",
+    "typescript",
+    "storybook",
+    "design-tokens",
+    "accessible",
+    "responsive",
+    "ui-library",
+    "theme"
+  ],
+  "author": "MRS Design System Team",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/madersystem/mrs-ui-v6.git"
+  },
+  "bugs": {
+    "url": "https://github.com/madersystem/mrs-ui-v6/issues"
+  },
+  "homepage": "https://github.com/madersystem/mrs-ui-v6#readme",
+  "peerDependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^6.5.0",
+    "@mui/material": "^6.5.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.3",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@figma/code-connect": "^1.3.12",
+    "@mui/icons-material": "^6.5.0",
+    "@mui/material": "^6.5.0",
+    "@storybook/addon-a11y": "^10.1.10",
+    "@storybook/addon-docs": "^10.1.10",
+    "@storybook/addon-themes": "^10.1.10",
+    "@storybook/addon-vitest": "^10.1.10",
+    "@storybook/react-vite": "^10.1.10",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.50.0",
+    "@typescript-eslint/parser": "^8.50.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.16",
+    "chromatic": "^13.3.4",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "gh-pages": "^6.3.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "playwright": "^1.57.0",
+    "prettier": "^3.7.4",
+    "storybook": "^10.1.10",
+    "style-dictionary": "^4.4.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.3.0",
+    "vite": "^7.3.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.16",
+    "zod-validation-error": "^5.0.0"
+  },
+  "dependencies": {
+    "@mui/lab": "^6.0.1-beta.36",
+    "@mui/x-date-pickers": "^8.23.0",
+    "dayjs": "^1.11.19"
+  }
+}