create-nymbal-app 0.0.0 → 0.2.0

package/scaffold/templates/nextjs/styles/pages/search.module.css

@@ -0,0 +1,192 @@
+/* ── Search Results Page ───────────────────────────────────────────── */
+
+.page {
+  padding-block: var(--nymbal-spacing-xl);
+}
+
+.header {
+  margin-bottom: var(--nymbal-spacing-lg);
+}
+
+.pageTitle {
+  font-size: 2rem;
+  font-weight: var(--nymbal-font-weight-bold);
+  margin-bottom: var(--nymbal-spacing-sm);
+}
+
+.queryText {
+  font-size: var(--nymbal-font-size-sm);
+  color: var(--nymbal-color-text-muted);
+}
+
+.queryTerm {
+  font-weight: var(--nymbal-font-weight-medium);
+  color: var(--nymbal-color-text);
+}
+
+.resultCount {
+  font-size: var(--nymbal-font-size-sm);
+  color: var(--nymbal-color-text-muted);
+  margin-bottom: var(--nymbal-spacing-md);
+}
+
+/* ── Search Input ─────────────────────────────────────────────────── */
+
+.searchInputWrapper {
+  max-width: 32rem;
+  margin-bottom: var(--nymbal-spacing-xl);
+}
+
+/* ── Results Grid ─────────────────────────────────────────────────── */
+
+.grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: var(--nymbal-spacing-md);
+}
+
+@media (min-width: 640px) {
+  .grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (min-width: 1024px) {
+  .grid {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+
+.productCard {
+  display: flex;
+  flex-direction: column;
+  background: var(--nymbal-color-surface);
+  border: 1px solid var(--nymbal-color-border);
+  border-radius: var(--nymbal-radius-lg);
+  overflow: hidden;
+  text-decoration: none;
+  color: var(--nymbal-color-text);
+  transition: box-shadow var(--nymbal-transition-fast),
+    transform var(--nymbal-transition-fast);
+}
+
+.productCard:hover {
+  box-shadow: var(--nymbal-shadow-md);
+  transform: translateY(-2px);
+  text-decoration: none;
+  color: var(--nymbal-color-text);
+}
+
+.productImage {
+  aspect-ratio: 1;
+  background-color: #f4f4f5;
+  overflow: hidden;
+}
+
+.productImage img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.productInfo {
+  padding: var(--nymbal-spacing-md);
+  display: flex;
+  flex-direction: column;
+  gap: var(--nymbal-spacing-xs);
+}
+
+.productName {
+  font-size: var(--nymbal-font-size-sm);
+  font-weight: var(--nymbal-font-weight-medium);
+}
+
+.productPrice {
+  font-size: var(--nymbal-font-size-sm);
+  font-weight: var(--nymbal-font-weight-bold);
+}
+
+/* ── Empty State ──────────────────────────────────────────────────── */
+
+.empty {
+  text-align: center;
+  padding: 4rem var(--nymbal-spacing-lg);
+}
+
+.emptyIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 4rem;
+  height: 4rem;
+  border-radius: 50%;
+  background-color: #f4f4f5;
+  color: var(--nymbal-color-text-muted);
+  margin-bottom: var(--nymbal-spacing-md);
+}
+
+.emptyIcon svg {
+  width: 2rem;
+  height: 2rem;
+}
+
+.emptyTitle {
+  font-size: var(--nymbal-font-size-lg);
+  font-weight: var(--nymbal-font-weight-medium);
+  margin-bottom: var(--nymbal-spacing-sm);
+}
+
+.emptyText {
+  font-size: var(--nymbal-font-size-sm);
+  color: var(--nymbal-color-text-muted);
+  max-width: 24rem;
+  margin-inline: auto;
+}
+
+/* ── Loading ──────────────────────────────────────────────────────── */
+
+.loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 16rem;
+}
+
+/* ── Suggestions ──────────────────────────────────────────────────── */
+
+.suggestions {
+  margin-top: var(--nymbal-spacing-xl);
+  padding-top: var(--nymbal-spacing-xl);
+  border-top: 1px solid var(--nymbal-color-border);
+}
+
+.suggestionsTitle {
+  font-size: var(--nymbal-font-size-lg);
+  font-weight: var(--nymbal-font-weight-bold);
+  margin-bottom: var(--nymbal-spacing-md);
+}
+
+.suggestionTags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--nymbal-spacing-sm);
+}
+
+.suggestionTag {
+  padding: var(--nymbal-spacing-xs) var(--nymbal-spacing-md);
+  font-size: var(--nymbal-font-size-sm);
+  color: var(--nymbal-color-text);
+  background: #f4f4f5;
+  border: 1px solid var(--nymbal-color-border);
+  border-radius: var(--nymbal-radius-full);
+  text-decoration: none;
+  transition: border-color var(--nymbal-transition-fast),
+    background-color var(--nymbal-transition-fast);
+}
+
+.suggestionTag:hover {
+  border-color: var(--nymbal-color-accent);
+  background-color: rgba(37, 99, 235, 0.04);
+  text-decoration: none;
+  color: var(--nymbal-color-accent);
+}

package/scaffold/templates/nextjs/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/README.md

@@ -1,4 +0,0 @@
-# create-nymbal-app
-
-Reserved by the Nymbal project (https://github.com/nymbalhq/nymbal) for the `npx create-nymbal-app` scaffolder.
-The first working release follows the project's Phase 0. Nothing in this version is runnable.