@materi.ai/frame 1.0.0-rc.1

package/dist/ui/tokens/design-tokens.js

@@ -0,0 +1,300 @@
+/**
+ * MATERI DESIGN TOKENS
+ * Core design system tokens: spacing, typography, colors, shadows, border radii, motion
+ * Used as foundation for Tailwind CSS theme extension
+ *
+ * Token Structure:
+ * - Spacing: 4px base unit (mobile-first)
+ * - Typography: 7-scale (12px → 48px)
+ * - Colors: 50+ shades with semantic naming
+ * - Shadows: 4 depth levels
+ * - Radii: 3 levels (subtle, medium, large)
+ * - Motion: 3 durations for micro/standard/slow interactions
+ */
+// ============================================================================
+// SPACING TOKENS (4px base unit)
+// ============================================================================
+export const spacing = {
+    // Nano: Micro spacing for tight layouts
+    px: '1px',
+    '0': '0',
+    '1': '4px',
+    '2': '8px',
+    '3': '12px',
+    '4': '16px',
+    '5': '20px',
+    '6': '24px',
+    '7': '28px',
+    '8': '32px',
+    '9': '36px',
+    '10': '40px',
+    '11': '44px',
+    '12': '48px',
+    '14': '56px',
+    '16': '64px',
+    '20': '80px',
+    '24': '96px',
+    '28': '112px',
+    '32': '128px',
+    '36': '144px',
+    '40': '160px',
+    '44': '176px',
+    '48': '192px',
+    '52': '208px',
+    '56': '224px',
+    '60': '240px',
+    '64': '256px',
+    '72': '288px',
+    '80': '320px',
+    '96': '384px',
+};
+// ============================================================================
+// TYPOGRAPHY TOKENS
+// ============================================================================
+export const typography = {
+    fontFamily: {
+        sans: [
+            '-apple-system',
+            'BlinkMacSystemFont',
+            '"Segoe UI"',
+            'Roboto',
+            '"Helvetica Neue"',
+            'Arial',
+            'sans-serif',
+        ].join(','),
+        mono: [
+            'Menlo',
+            'Monaco',
+            '"Courier New"',
+            'monospace',
+        ].join(','),
+    },
+    fontSize: {
+        xs: ['12px', { lineHeight: '16px', letterSpacing: '0.01em' }],
+        sm: ['14px', { lineHeight: '20px', letterSpacing: '0em' }],
+        base: ['16px', { lineHeight: '24px', letterSpacing: '0em' }],
+        lg: ['18px', { lineHeight: '28px', letterSpacing: '-0.01em' }],
+        xl: ['20px', { lineHeight: '28px', letterSpacing: '-0.01em' }],
+        '2xl': ['24px', { lineHeight: '32px', letterSpacing: '-0.01em' }],
+        '3xl': ['30px', { lineHeight: '36px', letterSpacing: '-0.02em' }],
+        '4xl': ['36px', { lineHeight: '40px', letterSpacing: '-0.02em' }],
+        '5xl': ['48px', { lineHeight: '56px', letterSpacing: '-0.02em' }],
+    },
+    fontWeight: {
+        light: 300,
+        normal: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+    },
+};
+// ============================================================================
+// COLOR TOKENS (With semantic naming + accessibility)
+// ============================================================================
+export const colors = {
+    // Neutrals: Grayscale for backgrounds, text, borders
+    neutral: {
+        '50': '#fafafa',
+        '100': '#f5f5f5',
+        '150': '#f0f0f0',
+        '200': '#eeeeee',
+        '300': '#e0e0e0',
+        '400': '#bdbdbd',
+        '500': '#9e9e9e',
+        '600': '#757575',
+        '700': '#616161',
+        '800': '#424242',
+        '900': '#212121',
+        '950': '#121212',
+    },
+    // Primary: Brand color (blue-based)
+    primary: {
+        '50': '#f0f6ff',
+        '100': '#e0ecff',
+        '200': '#c7e0ff',
+        '300': '#a3d5ff',
+        '400': '#7cc4ff',
+        '500': '#4ba8ff',
+        '600': '#3184e6',
+        '700': '#2563cc',
+        '800': '#2050b3',
+        '900': '#1a3d99',
+        '950': '#0a1f4d',
+    },
+    // Success: Green-based
+    success: {
+        '50': '#f0fdf4',
+        '100': '#dcfce7',
+        '200': '#bbf7d0',
+        '300': '#86efac',
+        '400': '#4ade80',
+        '500': '#22c55e',
+        '600': '#16a34a',
+        '700': '#15803d',
+        '800': '#166534',
+        '900': '#145231',
+    },
+    // Warning: Amber-based
+    warning: {
+        '50': '#fffbeb',
+        '100': '#fef3c7',
+        '200': '#fde68a',
+        '300': '#fcd34d',
+        '400': '#fbbf24',
+        '500': '#f59e0b',
+        '600': '#d97706',
+        '700': '#b45309',
+        '800': '#92400e',
+        '900': '#78350f',
+    },
+    // Error: Red-based
+    error: {
+        '50': '#fef2f2',
+        '100': '#fee2e2',
+        '200': '#fecaca',
+        '300': '#fca5a5',
+        '400': '#f87171',
+        '500': '#ef4444',
+        '600': '#dc2626',
+        '700': '#b91c1c',
+        '800': '#991b1b',
+        '900': '#7f1d1d',
+    },
+    // Info: Cyan-based
+    info: {
+        '50': '#ecf9ff',
+        '100': '#cff2ff',
+        '200': '#a5e8ff',
+        '300': '#67d5ff',
+        '400': '#2eb9ff',
+        '500': '#06b6d4',
+        '600': '#0891b2',
+        '700': '#0e7490',
+        '800': '#155e75',
+        '900': '#0c4a6e',
+    },
+    // Semantic: Contextual color mappings
+    semantic: {
+        text: '#212121', // neutral-900
+        textSecondary: '#616161', // neutral-700
+        textTertiary: '#9e9e9e', // neutral-500
+        textDisabled: '#bdbdbd', // neutral-400
+        textInverse: '#fafafa', // neutral-50
+        background: '#fafafa', // neutral-50
+        backgroundSecondary: '#f5f5f5', // neutral-100
+        backgroundTertiary: '#eeeeee', // neutral-200
+        border: '#eeeeee', // neutral-200
+        borderSecondary: '#e0e0e0', // neutral-300
+        interactive: '#4ba8ff', // primary-500
+        interactiveHover: '#3184e6', // primary-600
+        interactiveActive: '#2050b3', // primary-800
+        success: '#22c55e', // success-500
+        warning: '#f59e0b', // warning-500
+        error: '#ef4444', // error-500
+        info: '#06b6d4', // info-500
+    },
+};
+// ============================================================================
+// SHADOW TOKENS (4-level depth system)
+// ============================================================================
+export const shadows = {
+    none: 'none',
+    // Subtle: Micro interactions, badges
+    xs: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    sm: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+    // Medium: Cards, dropdowns
+    base: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+    md: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+    // Large: Modals, elevated surfaces
+    lg: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+    xl: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+};
+// ============================================================================
+// BORDER RADIUS TOKENS
+// ============================================================================
+export const borderRadius = {
+    none: '0',
+    // Subtle: Minimal rounding, tight layouts
+    sm: '2px',
+    base: '4px',
+    // Medium: Standard components
+    md: '6px',
+    lg: '8px',
+    // Large: Cards, panels
+    xl: '12px',
+    '2xl': '16px',
+    // Full: Pills, circles
+    full: '9999px',
+};
+// ============================================================================
+// MOTION / ANIMATION TOKENS
+// ============================================================================
+export const motion = {
+    // Duration tokens: micro, standard, slow
+    duration: {
+        // Micro: Fast feedback (hover, focus)
+        fast: '75ms',
+        micro: '100ms',
+        // Standard: Normal interactions (click, toggle)
+        standard: '150ms',
+        base: '200ms',
+        // Slow: Emphasized transitions (slide, modal)
+        slow: '300ms',
+        slower: '400ms',
+        slowest: '500ms',
+    },
+    // Easing functions
+    easing: {
+        linear: 'linear',
+        easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
+        easeOut: 'cubic-bezier(0, 0, 0.2, 1)',
+        easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        // Spring-like for delightful interactions
+        spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
+    },
+};
+// ============================================================================
+// COMPOSITE TOKENS (Component-level)
+// ============================================================================
+export const components = {
+    button: {
+        height: {
+            sm: spacing['8'], // 32px
+            base: spacing['10'], // 40px
+            lg: spacing['12'], // 48px
+        },
+        padding: {
+            sm: `${spacing['2']} ${spacing['3']}`,
+            base: `${spacing['2']} ${spacing['4']}`,
+            lg: `${spacing['3']} ${spacing['6']}`,
+        },
+    },
+    input: {
+        height: spacing['10'], // 40px
+        borderWidth: '1px',
+        padding: `${spacing['2']} ${spacing['3']}`,
+    },
+    card: {
+        padding: spacing['6'], // 24px
+        borderRadius: borderRadius.lg,
+        shadow: shadows.base,
+    },
+    modal: {
+        borderRadius: borderRadius.xl,
+        shadow: shadows.xl,
+        padding: spacing['8'], // 32px
+    },
+};
+// ============================================================================
+// EXPORT ALL TOKENS AS UNIFIED OBJECT
+// ============================================================================
+export const designTokens = {
+    spacing,
+    typography,
+    colors,
+    shadows,
+    borderRadius,
+    motion,
+    components,
+};
+//# sourceMappingURL=design-tokens.js.map

package/dist/ui/tokens/design-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../src/tokens/design-tokens.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+/**
+ * TOKENS INDEX
+ * Exports all design tokens for use across packages
+ *
+ * Usage:
+ * import { spacing, colors, typography, shadows, borderRadius, motion, designTokens } from '@materi.ai/ui/tokens';
+ */
+export { borderRadius, colors, components, designTokens, motion, shadows, spacing, typography, type DesignTokens } from './design-tokens';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACH,YAAY,EAAE,MAAM,EAAE,UAAU,EAChC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EACtC,UAAU,EAAE,KAAK,YAAY,EAChC,MAAM,iBAAiB,CAAC"}

package/dist/ui/tokens/index.js

@@ -0,0 +1,12 @@
+/**
+ * TOKENS INDEX
+ * Exports all design tokens for use across packages
+ *
+ * Usage:
+ * import { spacing, colors, typography, shadows, borderRadius, motion, designTokens } from '@materi.ai/ui/tokens';
+ */
+// Export all token categories
+export { borderRadius, colors, components, designTokens, motion, shadows, spacing, typography } from './design-tokens';
+// Note: Tailwind configuration available separately at ./tailwind.config.ts
+// It's excluded from TypeScript compilation due to complex type requirements
+//# sourceMappingURL=index.js.map

package/dist/ui/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,8BAA8B;AAC9B,OAAO,EACH,YAAY,EAAE,MAAM,EAAE,UAAU,EAChC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EACtC,UAAU,EACb,MAAM,iBAAiB,CAAC;AAEzB,4EAA4E;AAC5E,6EAA6E"}

package/package.json

@@ -0,0 +1,212 @@
+{
+    "name": "@materi.ai/frame",
+    "version": "1.0.0-rc.1",
+    "description": "Complete collaborative document editing framework with OT algorithms, formula engine, design system, and React hooks—production-ready for embedded document experiences.",
+    "type": "module",
+    "license": "MIT",
+    "author": "Materi",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/materi-ai/frame.git"
+    },
+    "bugs": {
+        "url": "https://github.com/materi-ai/frame/issues"
+    },
+    "homepage": "https://materi-ai.github.io/frame",
+    "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/materi-ai"
+    },
+    "keywords": [
+        "collaborative",
+        "document-editing",
+        "operational-transformation",
+        "formula-engine",
+        "design-system",
+        "react-hooks",
+        "real-time-collaboration",
+        "typescript",
+        "typescript-first",
+        "monorepo",
+        "editor",
+        "spreadsheet",
+        "presentation",
+        "websocket",
+        "presence",
+        "crdt",
+        "collaborative-editing",
+        "rich-text",
+        "react19",
+        "esm"
+    ],
+    "packageManager": "pnpm@10.26.0",
+    "engines": {
+        "node": ">=18.0.0",
+        "pnpm": ">=10.0.0"
+    },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    },
+    "sideEffects": false,
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        },
+        "./core": {
+            "import": "./dist/core/index.js",
+            "types": "./dist/core/index.d.ts"
+        },
+        "./core/ot": {
+            "import": "./dist/core/ot/index.js",
+            "types": "./dist/core/ot/index.d.ts"
+        },
+        "./core/formula": {
+            "import": "./dist/core/formula/index.js",
+            "types": "./dist/core/formula/index.d.ts"
+        },
+        "./core/types": {
+            "import": "./dist/core/types/index.js",
+            "types": "./dist/core/types/index.d.ts"
+        },
+        "./core/*": {
+            "import": "./dist/core/*.js",
+            "types": "./dist/core/*.d.ts"
+        },
+        "./ui": {
+            "import": "./dist/ui/index.js",
+            "types": "./dist/ui/index.d.ts"
+        },
+        "./ui/primitives": {
+            "import": "./dist/ui/primitives/index.js",
+            "types": "./dist/ui/primitives/index.d.ts"
+        },
+        "./ui/tokens": {
+            "import": "./dist/ui/tokens/index.js",
+            "types": "./dist/ui/tokens/index.d.ts"
+        },
+        "./ui/*": {
+            "import": "./dist/ui/*.js",
+            "types": "./dist/ui/*.d.ts"
+        },
+        "./ui/styles.css": "./dist/ui/styles/index.css",
+        "./hooks": {
+            "import": "./dist/hooks/index.js",
+            "types": "./dist/hooks/index.d.ts"
+        },
+        "./hooks/shield": {
+            "import": "./dist/hooks/shield/index.js",
+            "types": "./dist/hooks/shield/index.d.ts"
+        },
+        "./hooks/api": {
+            "import": "./dist/hooks/api/index.js",
+            "types": "./dist/hooks/api/index.d.ts"
+        },
+        "./hooks/relay": {
+            "import": "./dist/hooks/relay/index.js",
+            "types": "./dist/hooks/relay/index.d.ts"
+        },
+        "./api": {
+            "import": "./dist/api/index.js",
+            "types": "./dist/api/index.d.ts"
+        },
+        "./api/client": {
+            "import": "./dist/api/client.js",
+            "types": "./dist/api/client.d.ts"
+        },
+        "./api/endpoints": {
+            "import": "./dist/api/endpoints/index.js",
+            "types": "./dist/api/endpoints/index.d.ts"
+        },
+        "./api/*": {
+            "import": "./dist/api/*.js",
+            "types": "./dist/api/*.d.ts"
+        }
+    },
+    "files": [
+        "dist",
+        "package.json",
+        "README.md",
+        "LICENSE",
+        "CHANGELOG.md"
+    ],
+    "scripts": {
+        "build": "pnpm --recursive run build",
+        "build:core": "pnpm -F @materi.ai/core run build",
+        "build:ui": "pnpm -F @materi.ai/ui run build",
+        "build:hooks": "pnpm -F @materi.ai/hooks run build",
+        "build:api": "pnpm -F @materi.ai/api run build",
+        "type-check": "pnpm --recursive run type-check",
+        "type-check:core": "pnpm -F @materi.ai/core run type-check",
+        "type-check:ui": "pnpm -F @materi.ai/ui run type-check",
+        "type-check:hooks": "pnpm -F @materi.ai/hooks run type-check",
+        "type-check:api": "pnpm -F @materi.ai/api run type-check",
+        "clean": "pnpm --recursive run clean",
+        "lint": "eslint . --ext .ts,.tsx",
+        "format": "prettier --write \"**/*.{ts,tsx,json,md}\"",
+        "test": "vitest",
+        "test:watch": "vitest --watch",
+        "test:coverage": "vitest --coverage",
+        "test:integration": "vitest run --config vitest.integration.config.ts",
+        "typecheck": "pnpm run type-check",
+        "format:check": "prettier --check \"**/*.{ts,tsx,json,md}\"",
+        "prepare": "pnpm build",
+        "postbuild": "node scripts/consolidate-dist.mjs",
+        "verify": "node scripts/verify-taskset1.mjs",
+        "verify:taskset2": "node scripts/verify-taskset2.mjs",
+        "verify:taskset3": "node scripts/verify-taskset3.mjs",
+        "prepublishOnly": "pnpm run clean && pnpm run build && pnpm run type-check",
+        "prepack": "pnpm run build",
+        "postpack": "echo 'Package ready for publication'",
+        "release:dry-run": "npm publish --dry-run",
+        "release:beta": "npm publish --tag beta",
+        "release:canary": "npm publish --tag canary",
+        "release": "npm publish",
+        "version:patch": "npm version patch",
+        "version:minor": "npm version minor",
+        "version:major": "npm version major",
+        "version:prerelease": "npm version prerelease --preid=rc",
+        "version:manage": "node scripts/version-manager.mjs",
+        "release:notes": "node scripts/release-notes-generator.mjs",
+        "quality-check": "node scripts/quality-check.mjs",
+        "pre-publish": "node scripts/pre-publish-validation.mjs",
+        "validate-package": "pnpm run pre-publish",
+        "docs:api": "typedoc",
+        "docs:build": "pnpm run docs:api",
+        "docs:serve": "cd docs && python3 -m http.server 8080",
+        "audit": "pnpm audit --audit-level moderate",
+        "size-check": "node scripts/bundle-size-check.mjs"
+    },
+    "peerDependencies": {
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+    },
+    "peerDependenciesMeta": {
+        "react": {
+            "optional": false
+        },
+        "react-dom": {
+            "optional": false
+        }
+    },
+    "devDependencies": {
+        "@radix-ui/react-primitive": "^2.1.0",
+        "@rollup/plugin-node-resolve": "^16.0.3",
+        "@types/node": "^22.0.0",
+        "@typescript-eslint/eslint-plugin": "^8.0.0",
+        "@typescript-eslint/parser": "^8.0.0",
+        "@vitest/coverage-v8": "^2.1.9",
+        "eslint": "^9.0.0",
+        "prettier": "^3.3.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "rollup": "^4.54.0",
+        "typedoc": "^0.26.11",
+        "typedoc-plugin-markdown": "^4.4.0",
+        "typescript": "^5.6.0",
+        "vitest": "^2.1.9"
+    }
+}