squared-package

A NO BUILD STEP architecture exports TypeScript source directly, shifting transpilation to consuming applications. Configure your Next.js app with `transpilePackages: ['@lsst-sqre/squared']` in next.config.js to consume the squared package, which points main/module/types to src/index.ts and uses CSS Modules for styling.

CSS Modules work with TypeScript React libraries when the package enforces CSS Modules-only styling and consuming apps handle transpilation. The squared package integrates Rubin Observatory design tokens via CSS Modules, requiring no additional build configuration beyond Next.js transpilation setup.

Add `transpilePackages: ['@lsst-sqre/squared']` to next.config.js to enable Next.js to transpile the squared package's TypeScript sources directly. This allows consuming applications to handle transpilation instead of the component library, eliminating the need for a build step.

Use vitest and @testing-library/react to test components that export from TypeScript sources. The squared package provides testing infrastructure configured for CSS Modules and design tokens, enabling tests to run against the source directly without pre-compilation.

Yes. The squared package combines NO BUILD STEP architecture with CSS Modules and design tokens, designed specifically for Next.js apps. Consuming applications must configure transpilation via next.config.js and handle CSS Module resolution to integrate the component library.

Direct TypeScript exports require consuming applications to handle transpilation and CSS Module resolution. The squared package enforces sideEffects: false, CSS Modules-only styling, and documented transpilation guidelines to ensure compatibility across different consuming environments.