@scalepad/ui 0.1.1 → 0.2.1

package/src/tokens/text-styles.ts

@@ -1,6 +1,11 @@
 /**
- * AUTO-GENERATED - DO NOT EDIT
- * Generated from: packages/figma-tokens/source/text-styles.json + typography.json
+ * Text-style variants synced from the LM Design System Figma file
+ * (https://www.figma.com/design/VCLfybgU3OaUUPrQdBaVmP/LM-Design-System).
+ *
+ * Source of truth lives in Figma; edit this file by hand to mirror Figma
+ * changes. The Figma MCP is the canonical way to fetch the latest values —
+ * use `get_design_context` on the relevant text-style node before changing
+ * sizes / weights / line-heights / letter-spacing.
  */
 
 import { rem } from '@mantine/core';
@@ -73,6 +78,27 @@ export const textStyleVariants = {
     lineHeight: rem('21px'),
     letterSpacing: 0,
   },
+  body2: {
+    fontFamily: undefined,
+    fontWeight: 400,
+    fontSize: rem('16px'),
+    lineHeight: rem('23px'),
+    letterSpacing: 0,
+  },
+  'body2.strong': {
+    fontFamily: undefined,
+    fontWeight: 500,
+    fontSize: rem('16px'),
+    lineHeight: rem('23px'),
+    letterSpacing: 0,
+  },
+  'body2.stronger': {
+    fontFamily: undefined,
+    fontWeight: 600,
+    fontSize: rem('16px'),
+    lineHeight: rem('23px'),
+    letterSpacing: 0,
+  },
   caption1: {
     fontFamily: undefined,
     fontWeight: 400,
@@ -166,6 +192,9 @@ export type BodyVariant =
   | 'body1'
   | 'body1.strong'
   | 'body1.stronger'
+  | 'body2'
+  | 'body2.strong'
+  | 'body2.stronger'
   | 'caption1'
   | 'caption1.strong'
   | 'caption1.stronger'

package/src/vite.d.ts

@@ -0,0 +1,37 @@
+// Hand-authored type declarations for the `@scalepad/ui/vite` preset.
+// The runtime implementation lives at `./vite.js` (plain JS, not TS — see the
+// note at the top of that file for why this file isn't authored as `.ts`).
+
+import type { VanillaExtractPluginOptions } from '@vanilla-extract/vite-plugin';
+import type { Plugin } from 'vite';
+
+export interface ScalepadUiViteOptions {
+  /**
+   * Options forwarded to `@vanilla-extract/vite-plugin`. Leave undefined to
+   * use the plugin's defaults, which work for `@scalepad/ui` out of the box.
+   */
+  vanillaExtract?: VanillaExtractPluginOptions;
+  /**
+   * Extra packages to add to `optimizeDeps.include`. Use this when your app
+   * pulls in additional CommonJS deps through `@scalepad/ui` that Vite's
+   * scanner misses because the package is excluded from pre-bundling.
+   */
+  optimizeDepsInclude?: string[];
+  /**
+   * Override the default `optimizeDeps.include` list entirely. Most consumers
+   * should use `optimizeDepsInclude` to *extend* the defaults rather than
+   * replace them.
+   */
+  optimizeDepsIncludeOverride?: string[];
+}
+
+/**
+ * The default `optimizeDeps.include` list shipped with the preset. Exported
+ * so consumers can compose with it if they need full control over Vite's
+ * pre-bundling.
+ */
+export const SCALEPAD_UI_OPTIMIZE_DEPS_INCLUDE: readonly string[];
+
+export function scalepadUi(options?: ScalepadUiViteOptions): Plugin[];
+
+export default scalepadUi;

package/src/vite.js

@@ -0,0 +1,120 @@
+/**
+ * Vite preset for `@scalepad/ui`.
+ *
+ * @scalepad/ui ships as TypeScript + vanilla-extract source. Three things must
+ * be wired into a consumer's Vite config for it to load cleanly:
+ *
+ *   1. The vanilla-extract Vite plugin, so every `.css.ts` file the package
+ *      ships under `node_modules/@scalepad/ui/src/**` is compiled at build
+ *      time.
+ *   2. A pair of `optimizeDeps` overrides:
+ *        - `exclude: ['@scalepad/ui']` so Vite's esbuild pre-bundling step
+ *          doesn't try to ingest `.css.ts` files (esbuild can't handle them
+ *          on its own and the failure mode is opaque).
+ *        - `include: [...]` for the CommonJS transitive deps Vite's scanner
+ *          stops walking through once the package is excluded from
+ *          pre-bundling.
+ *   3. A narrowly-scoped Rollup `onLog` filter that suppresses the
+ *      `MISSING_EXPORT` / `IMPORT_IS_UNDEFINED` warning emitted from
+ *      `@mantine/schedule`'s `rrule` import (Rollup uses the former in
+ *      current versions and the latter in older ones for the same root
+ *      cause). The warning is a static-analysis false positive: the Mantine
+ *      source does
+ *
+ *        const RRule = "default" in rruleAll ? rruleAll.default.RRule : rruleAll.RRule;
+ *
+ *      which is explicitly defensive about both module shapes. Under rrule's
+ *      ESM build the `default` branch is dead code (Rollup tree-shakes it
+ *      away); only `rruleAll.RRule` runs and it resolves correctly. Rollup
+ *      still flags the dead branch at scan time, producing a noisy warning on
+ *      every build. The filter is scoped to (importer is `@mantine/schedule`
+ *      + message mentions `rrule`) so unrelated missing-export / undefined-
+ *      import warnings still surface.
+ *
+ * This preset wraps all three into a single plugin so consumers can do:
+ *
+ *     import { scalepadUi } from '@scalepad/ui/vite';
+ *
+ *     export default defineConfig({
+ *       plugins: [react(), scalepadUi()],
+ *     });
+ *
+ * The `@vanilla-extract/vite-plugin` ships as a runtime dependency of
+ * `@scalepad/ui`, so consumers don't need to install it themselves.
+ *
+ * NOTE: this file is intentionally authored as plain `.js` with a sibling
+ * `.d.ts`, NOT as `.ts`. Vite consumers import it from their `vite.config.ts`,
+ * which Vite transpiles via esbuild and then evaluates through Node's runtime.
+ * Node 22+ refuses to strip TypeScript types from files inside `node_modules`
+ * (`ERR_UNSUPPORTED_NODE_MODULES_TYPE_STRIPPING`), so the runtime artifact
+ * MUST be `.js`. Every other file in this package goes through the consumer's
+ * bundler instead of Node directly and can stay as `.ts`.
+ */
+import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
+
+/**
+ * The default `optimizeDeps.include` list. These are the CommonJS / mixed
+ * deps that `@scalepad/ui` reaches through transitively, which Vite's
+ * scanner can't discover on its own once `@scalepad/ui` is excluded from
+ * pre-bundling.
+ *
+ * Exported so consumers can compose with it if they need full control.
+ */
+export const SCALEPAD_UI_OPTIMIZE_DEPS_INCLUDE = Object.freeze([
+  '@mantine/dates',
+  '@mantine/schedule',
+  '@tiptap/react',
+  'dayjs',
+  'fast-deep-equal',
+  'prop-types',
+]);
+
+/**
+ * True iff `log` is the known-noisy rrule / @mantine/schedule warning
+ * described in the file header. Rollup emits this under more than one code
+ * depending on which static-analysis pass catches it first — `MISSING_EXPORT`
+ * ("default" is not exported by …) and `IMPORT_IS_UNDEFINED` (Import
+ * `default` will always be undefined …) are both seen in the wild for the
+ * exact same import. We match by (importer is @mantine/schedule + message
+ * mentions rrule), which is tight enough that unrelated missing-export
+ * warnings still surface but loose enough to survive Rollup version drift.
+ */
+function isRruleScheduleDeadBranchWarning(log) {
+  if (!log) return false;
+  const importer = log.id ?? log.loc?.file ?? '';
+  const message = log.message ?? '';
+  return importer.includes('@mantine/schedule') && /\brrule\b/.test(message);
+}
+
+export function scalepadUi(options = {}) {
+  const includeFromOptions = options.optimizeDepsIncludeOverride ?? [
+    ...SCALEPAD_UI_OPTIMIZE_DEPS_INCLUDE,
+    ...(options.optimizeDepsInclude ?? []),
+  ];
+
+  const presetPlugin = {
+    name: '@scalepad/ui/vite-preset',
+    config: () => ({
+      optimizeDeps: {
+        exclude: ['@scalepad/ui'],
+        include: includeFromOptions,
+      },
+    }),
+    // Rollup plugin hook (Rollup 4+, used by Vite 5+). Returning `false`
+    // suppresses the log without clobbering the consumer's own `onwarn` or
+    // any other plugin's `onLog` — Rollup chains every plugin's handler.
+    onLog(level, log) {
+      if (level === 'warn' && isRruleScheduleDeadBranchWarning(log)) {
+        return false;
+      }
+      return undefined;
+    },
+  };
+
+  const veResult = vanillaExtractPlugin(options.vanillaExtract);
+  const vePlugins = Array.isArray(veResult) ? veResult : [veResult];
+
+  return [...vePlugins, presetPlugin];
+}
+
+export default scalepadUi;