@enya-learning/nova 0.4.0 → 0.4.2

package/src/styles/typography.css

@@ -1,215 +0,0 @@
-/* Geist-style typography utilities.
-   Each class pre-sets font-size, line-height, letter-spacing, and font-weight.
-   All classes work with Tailwind variants: md:text-heading-32, hover:text-label-14, etc. */
-
-/* ─── Headings ─────────────────────────────────────────────────────────────── */
-
-@utility text-heading-72 {
-  font-size: 4.5rem;
-  line-height: 4.5rem;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-64 {
-  font-size: 4rem;
-  line-height: 4rem;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-56 {
-  font-size: 3.5rem;
-  line-height: 3.5rem;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-48 {
-  font-size: 3rem;
-  line-height: 3.5rem;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-40 {
-  font-size: 2.5rem;
-  line-height: 3rem;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-32 {
-  font-size: 2rem;
-  line-height: 2.5rem;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-24 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-20 {
-  font-size: 1.25rem;
-  line-height: 1.625;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-16 {
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-
-@utility text-heading-14 {
-  font-size: 0.875rem;
-  line-height: 1.25;
-  font-weight: 600;
-}
-
-/* ─── Buttons ──────────────────────────────────────────────────────────────── */
-
-@utility text-button-16 {
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: -0.01em;
-  font-weight: 500;
-}
-
-@utility text-button-14 {
-  font-size: 0.875rem;
-  line-height: 1.4286;
-  letter-spacing: -0.01em;
-  font-weight: 500;
-}
-
-@utility text-button-12 {
-  font-size: 0.75rem;
-  line-height: 1.3333;
-  letter-spacing: 0;
-  font-weight: 500;
-}
-
-/* ─── Labels ───────────────────────────────────────────────────────────────── */
-
-@utility text-label-20 {
-  font-size: 1.25rem;
-  line-height: 1.4;
-  letter-spacing: -0.01em;
-  font-weight: 500;
-}
-
-@utility text-label-18 {
-  font-size: 1.125rem;
-  line-height: 1.3333;
-  letter-spacing: -0.01em;
-  font-weight: 500;
-}
-
-@utility text-label-16 {
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: -0.01em;
-  font-weight: 500;
-}
-
-@utility text-label-14 {
-  font-size: 0.875rem;
-  line-height: 1.4286;
-  letter-spacing: -0.01em;
-  font-weight: 500;
-}
-
-@utility text-label-14-mono {
-  font-size: 0.875rem;
-  line-height: 1.4286;
-  letter-spacing: 0;
-  font-weight: 500;
-  font-family: var(--font-mono);
-}
-
-@utility text-label-13 {
-  font-size: 0.8125rem;
-  line-height: 1.2308;
-  letter-spacing: 0;
-  font-weight: 500;
-}
-
-@utility text-label-13-mono {
-  font-size: 0.8125rem;
-  line-height: 1.2308;
-  letter-spacing: 0;
-  font-weight: 500;
-  font-family: var(--font-mono);
-}
-
-@utility text-label-12 {
-  font-size: 0.75rem;
-  line-height: 1.3333;
-  letter-spacing: 0;
-  font-weight: 500;
-}
-
-@utility text-label-12-mono {
-  font-size: 0.75rem;
-  line-height: 1.3333;
-  letter-spacing: 0;
-  font-weight: 500;
-  font-family: var(--font-mono);
-}
-
-/* ─── Copy ─────────────────────────────────────────────────────────────────── */
-
-@utility text-copy-24 {
-  font-size: 1.5rem;
-  line-height: 1.6667;
-  font-weight: 400;
-}
-
-@utility text-copy-20 {
-  font-size: 1.25rem;
-  line-height: 1.6;
-  font-weight: 400;
-}
-
-@utility text-copy-18 {
-  font-size: 1.125rem;
-  line-height: 1.5556;
-  font-weight: 400;
-}
-
-@utility text-copy-16 {
-  font-size: 1rem;
-  line-height: 1.625;
-  font-weight: 400;
-}
-
-@utility text-copy-14 {
-  font-size: 0.875rem;
-  line-height: 1.7143;
-  font-weight: 400;
-}
-
-@utility text-copy-13 {
-  font-size: 0.8125rem;
-  line-height: 1.5385;
-  font-weight: 400;
-}
-
-@utility text-copy-13-mono {
-  font-size: 0.8125rem;
-  line-height: 1.5385;
-  font-weight: 400;
-  font-family: var(--font-mono);
-}
-@utility text-copy-12 {
-  font-size: 0.75rem;
-  line-height: 150%;
-  font-weight: 400;
-}

package/src/utils/index.ts

@@ -1 +0,0 @@
-export * from "../lib/utils"

package/templates/component/component.tsx.hbs

@@ -1,16 +0,0 @@
-import { cn } from "../../lib/utils"
-
-function {{pascalCase name}}({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="{{kebabCase name}}"
-      className={cn("", className)}
-      {...props}
-    />
-  )
-}
-
-export { {{pascalCase name}} }

package/templates/component/index.ts.hbs

@@ -1 +0,0 @@
-export * from "./{{kebabCase name}}"

package/templates/component/stories.tsx.hbs

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { {{pascalCase name}} } from "./{{kebabCase name}}"
-
-const meta: Meta<typeof {{pascalCase name}}> = {
-  title: "Components/{{pascalCase name}}",
-  component: {{pascalCase name}},
-  tags: ["autodocs"],
-}
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {}

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "allowArbitraryExtensions": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["."],
-  "exclude": ["node_modules", "dist"]
-}

package/tsconfig.lint.json

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "skipLibCheck": true,
-    "strict": true,
-    "outDir": "dist"
-  },
-  "include": ["src", "turbo"],
-  "exclude": ["node_modules", "dist"]
-}

package/vite.config.ts

@@ -1,101 +0,0 @@
-import { defineConfig } from "vitest/config"
-import { resolve, dirname } from "path"
-import { fileURLToPath } from "url"
-import react from "@vitejs/plugin-react"
-import dts from "vite-plugin-dts"
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
-
-export default defineConfig(({ mode }) => {
-  const isDev = mode === "development"
-
-  return {
-    plugins: [
-      react(),
-      dts({
-        include: ["src/**/*"],
-        exclude: [
-          "**/*.test.ts",
-          "**/*.test.tsx",
-          "**/*.stories.ts",
-          "**/*.stories.tsx",
-        ],
-        compilerOptions: {
-          incremental: isDev,
-          tsBuildInfoFile: isDev ? "./.tsbuildinfo" : undefined,
-        },
-      }),
-    ],
-    build: {
-      lib: {
-        entry: {
-          index: resolve(__dirname, "src/index.ts"),
-          "components/button": resolve(
-            __dirname,
-            "src/components/button/index.ts"
-          ),
-          "components/enya-logo": resolve(
-            __dirname,
-            "src/components/enya-logo/index.ts"
-          ),
-          // ADD_COMPONENT_ENTRY_HERE
-          utils: resolve(__dirname, "src/utils/index.ts"),
-        },
-        formats: ["es"],
-        fileName: (_, entryName) => `${entryName}.js`,
-      },
-      rollupOptions: {
-        external: (id) => {
-          switch (true) {
-            case id === "react":
-            case id.startsWith("react/"):
-            case id === "react-dom":
-            case id.startsWith("react-dom/"):
-            case id === "lucide-react":
-            case id.startsWith("lucide-react/"):
-              return true
-            default:
-              return false
-          }
-        },
-        output: {
-          preserveModules: false,
-          chunkFileNames: (chunkInfo) => {
-            const name = chunkInfo.name.replace(/[-_]+$/, "") || "chunk"
-            return `chunks/${name}-[hash:16].js`
-          },
-          hashCharacters: "base36",
-          hoistTransitiveImports: false,
-          banner: (chunk) => {
-            if (
-              chunk.name?.includes("server") ||
-              chunk.fileName?.includes("server")
-            ) {
-              return ""
-            }
-            return '"use client";\n'
-          },
-          manualChunks: (id) => {
-            if (id.includes("node_modules")) {
-              if (id.includes("clsx") || id.includes("tailwind-merge"))
-                return "vendor-styling"
-              if (id.includes("@floating-ui")) return "vendor-floating-ui"
-              if (id.includes("@base-ui")) return "vendor-base-ui"
-            }
-          },
-        },
-        cache: isDev,
-      },
-      sourcemap: isDev ? "inline" : true,
-      minify: isDev ? false : "esbuild",
-      emptyOutDir: !isDev,
-    },
-    resolve: {
-      alias: { "@": resolve(__dirname, "src") },
-    },
-    test: {
-      include: ["src/**/*.test.{ts,tsx}"],
-    },
-  }
-})