xertica-ui 2.2.1 → 2.4.0

package/scripts/cleanup-case-dupes.ts

@@ -1,62 +1,62 @@
-import fs from 'fs';
-import path from 'path';
-
-const baseDir = path.join(process.cwd(), 'components');
-const subDirs = ['ui', 'blocks', 'assistant', 'layout', 'brand'];
-
-subDirs.forEach(sub => {
-  const dir = path.join(baseDir, sub);
-  if (!fs.existsSync(dir)) return;
-
-  const items = fs.readdirSync(dir);
-  const kebabMap = new Map<string, string[]>();
-
-  items.forEach(item => {
-    const kebab = item
-      .toLowerCase()
-      .replace(/([a-z])([A-Z])/g, '$1-$2')
-      .toLowerCase();
-    // Simple tolower usually covers most cases here since I used kebab-case for folders
-    const simpleKebab = item.toLowerCase();
-
-    if (!kebabMap.has(simpleKebab)) kebabMap.set(simpleKebab, []);
-    kebabMap.get(simpleKebab)!.push(item);
-  });
-
-  kebabMap.forEach((originals, kebab) => {
-    if (originals.length > 1) {
-      console.log(`Potential duplication in ${sub}: ${originals.join(', ')}`);
-      // Usually there's one kebab-case and one PascalCase
-      const kebabCase = originals.find(o => o === kebab) || originals[0];
-      const others = originals.filter(o => o !== kebabCase);
-
-      others.forEach(other => {
-        const otherPath = path.join(dir, other);
-        const kebabPath = path.join(dir, kebabCase);
-
-        if (fs.statSync(otherPath).isDirectory()) {
-          console.log(`Merging ${otherPath} into ${kebabPath}...`);
-          const files = fs.readdirSync(otherPath);
-          files.forEach(file => {
-            const oldFile = path.join(otherPath, file);
-            const newFile = path.join(kebabPath, file);
-            if (!fs.existsSync(newFile)) {
-              fs.renameSync(oldFile, newFile);
-            } else {
-              // If index.ts exists in both, maybe merge or skip?
-              // Usually index.ts in the PascalCase folder was older.
-              console.log(`File ${file} already exists in ${kebabCase}, skipping.`);
-            }
-          });
-          // Try to remove the empty folder
-          try {
-            fs.rmdirSync(otherPath);
-          } catch (e) {
-            console.log(`Could not remove ${otherPath}, might not be empty.`);
-          }
-        }
-      });
-    }
-  });
-});
-console.log('Cleanup complete.');
+import fs from 'fs';
+import path from 'path';
+
+const baseDir = path.join(process.cwd(), 'components');
+const subDirs = ['ui', 'blocks', 'assistant', 'layout', 'brand'];
+
+subDirs.forEach(sub => {
+  const dir = path.join(baseDir, sub);
+  if (!fs.existsSync(dir)) return;
+
+  const items = fs.readdirSync(dir);
+  const kebabMap = new Map<string, string[]>();
+
+  items.forEach(item => {
+    const kebab = item
+      .toLowerCase()
+      .replace(/([a-z])([A-Z])/g, '$1-$2')
+      .toLowerCase();
+    // Simple tolower usually covers most cases here since I used kebab-case for folders
+    const simpleKebab = item.toLowerCase();
+
+    if (!kebabMap.has(simpleKebab)) kebabMap.set(simpleKebab, []);
+    kebabMap.get(simpleKebab)!.push(item);
+  });
+
+  kebabMap.forEach((originals, kebab) => {
+    if (originals.length > 1) {
+      console.log(`Potential duplication in ${sub}: ${originals.join(', ')}`);
+      // Usually there's one kebab-case and one PascalCase
+      const kebabCase = originals.find(o => o === kebab) || originals[0];
+      const others = originals.filter(o => o !== kebabCase);
+
+      others.forEach(other => {
+        const otherPath = path.join(dir, other);
+        const kebabPath = path.join(dir, kebabCase);
+
+        if (fs.statSync(otherPath).isDirectory()) {
+          console.log(`Merging ${otherPath} into ${kebabPath}...`);
+          const files = fs.readdirSync(otherPath);
+          files.forEach(file => {
+            const oldFile = path.join(otherPath, file);
+            const newFile = path.join(kebabPath, file);
+            if (!fs.existsSync(newFile)) {
+              fs.renameSync(oldFile, newFile);
+            } else {
+              // If index.ts exists in both, maybe merge or skip?
+              // Usually index.ts in the PascalCase folder was older.
+              console.log(`File ${file} already exists in ${kebabCase}, skipping.`);
+            }
+          });
+          // Try to remove the empty folder
+          try {
+            fs.rmdirSync(otherPath);
+          } catch (e) {
+            console.log(`Could not remove ${otherPath}, might not be empty.`);
+          }
+        }
+      });
+    }
+  });
+});
+console.log('Cleanup complete.');

package/scripts/generate-ai-manifests.ts

@@ -1,107 +1,107 @@
-import fs from 'fs';
-import path from 'path';
-
-/**
- * Script to consolidate all component documentation into AI-friendly manifests.
- * Updated to support modular domain-driven architecture.
- */
-
-const DOCS_DIR = path.join(process.cwd(), 'docs', 'components');
-const OUTPUT_FULL_TXT = path.join(process.cwd(), 'llms-full.txt');
-const OUTPUT_JSON = path.join(process.cwd(), 'components.json');
-
-const DOMAINS = ['ui', 'blocks', 'assistant', 'layout', 'brand'];
-
-function findSourcePath(componentName: string): string {
-  // Try each domain
-  for (const domain of DOMAINS) {
-    // 1. Try folder-based structure (kebab-case folder)
-    const folderPath = path.join(process.cwd(), 'components', domain, componentName);
-    if (fs.existsSync(folderPath)) {
-      // Check for index.ts or kebab-case.tsx
-      const indexTs = path.join(folderPath, 'index.ts');
-      if (fs.existsSync(indexTs)) return `components/${domain}/${componentName}/index.ts`;
-
-      const componentTsx = path.join(folderPath, `${componentName}.tsx`);
-      if (fs.existsSync(componentTsx))
-        return `components/${domain}/${componentName}/${componentName}.tsx`;
-
-      // Try PascalCase filename if kebab-case folder but PascalCase file
-      const pascalName = componentName
-        .split('-')
-        .map(part => part.charAt(0).toUpperCase() + part.slice(1))
-        .join('');
-      const pascalTsx = path.join(folderPath, `${pascalName}.tsx`);
-      if (fs.existsSync(pascalTsx))
-        return `components/${domain}/${componentName}/${pascalName}.tsx`;
-    }
-
-    // 2. Try direct file (kebab-case)
-    const directFile = path.join(process.cwd(), 'components', domain, `${componentName}.tsx`);
-    if (fs.existsSync(directFile)) return `components/${domain}/${componentName}.tsx`;
-  }
-
-  return `components/ui/${componentName}.tsx`; // Fallback to old behavior
-}
-
-function generate() {
-  console.log('--- Generating AI Manifests ---');
-
-  if (!fs.existsSync(DOCS_DIR)) {
-    console.error('Docs directory not found:', DOCS_DIR);
-    return;
-  }
-
-  const files = fs
-    .readdirSync(DOCS_DIR)
-    .filter(f => f.endsWith('.md'))
-    .sort();
-  console.log(`Found ${files.length} component documentation files.`);
-
-  let fullContent = '# Xertica UI - Technical Documentation (Consolidated)\n\n';
-  fullContent += `> This file contains the full technical specification for all ${files.length} components of Xertica UI.\n`;
-  fullContent +=
-    '> It is designed to be read by AI agents to provide a single source of truth context.\n\n';
-
-  const componentsIndex = [];
-
-  for (const file of files) {
-    const filePath = path.join(DOCS_DIR, file);
-    const content = fs.readFileSync(filePath, 'utf-8');
-    const componentName = file.replace('.md', '');
-
-    // Add to full text
-    fullContent += `\n--- START COMPONENT: ${componentName.toUpperCase()} ---\n`;
-    fullContent += content;
-    fullContent += `\n--- END COMPONENT: ${componentName.toUpperCase()} ---\n\n`;
-
-    // Extract description
-    const lines = content.split('\n');
-    let description = '';
-
-    // Look for first non-empty line after title
-    const firstParaIdx = lines.findIndex(
-      (l, i) => i > 0 && l.trim() !== '' && !l.startsWith('#') && !l.startsWith('---')
-    );
-    if (firstParaIdx !== -1) {
-      description = lines[firstParaIdx].trim();
-    }
-
-    // Add to JSON index
-    componentsIndex.push({
-      name: componentName,
-      docPath: `docs/components/${file}`,
-      sourcePath: findSourcePath(componentName),
-      description: description,
-    });
-  }
-
-  // Write files
-  fs.writeFileSync(OUTPUT_FULL_TXT, fullContent);
-  fs.writeFileSync(OUTPUT_JSON, JSON.stringify(componentsIndex, null, 2));
-
-  console.log('✅ Generated llms-full.txt');
-  console.log('✅ Generated components.json');
-}
-
-generate();
+import fs from 'fs';
+import path from 'path';
+
+/**
+ * Script to consolidate all component documentation into AI-friendly manifests.
+ * Updated to support modular domain-driven architecture.
+ */
+
+const DOCS_DIR = path.join(process.cwd(), 'docs', 'components');
+const OUTPUT_FULL_TXT = path.join(process.cwd(), 'llms-full.txt');
+const OUTPUT_JSON = path.join(process.cwd(), 'components.json');
+
+const DOMAINS = ['ui', 'blocks', 'assistant', 'layout', 'brand'];
+
+function findSourcePath(componentName: string): string {
+  // Try each domain
+  for (const domain of DOMAINS) {
+    // 1. Try folder-based structure (kebab-case folder)
+    const folderPath = path.join(process.cwd(), 'components', domain, componentName);
+    if (fs.existsSync(folderPath)) {
+      // Check for index.ts or kebab-case.tsx
+      const indexTs = path.join(folderPath, 'index.ts');
+      if (fs.existsSync(indexTs)) return `components/${domain}/${componentName}/index.ts`;
+
+      const componentTsx = path.join(folderPath, `${componentName}.tsx`);
+      if (fs.existsSync(componentTsx))
+        return `components/${domain}/${componentName}/${componentName}.tsx`;
+
+      // Try PascalCase filename if kebab-case folder but PascalCase file
+      const pascalName = componentName
+        .split('-')
+        .map(part => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+      const pascalTsx = path.join(folderPath, `${pascalName}.tsx`);
+      if (fs.existsSync(pascalTsx))
+        return `components/${domain}/${componentName}/${pascalName}.tsx`;
+    }
+
+    // 2. Try direct file (kebab-case)
+    const directFile = path.join(process.cwd(), 'components', domain, `${componentName}.tsx`);
+    if (fs.existsSync(directFile)) return `components/${domain}/${componentName}.tsx`;
+  }
+
+  return `components/ui/${componentName}.tsx`; // Fallback to old behavior
+}
+
+function generate() {
+  console.log('--- Generating AI Manifests ---');
+
+  if (!fs.existsSync(DOCS_DIR)) {
+    console.error('Docs directory not found:', DOCS_DIR);
+    return;
+  }
+
+  const files = fs
+    .readdirSync(DOCS_DIR)
+    .filter(f => f.endsWith('.md'))
+    .sort();
+  console.log(`Found ${files.length} component documentation files.`);
+
+  let fullContent = '# Xertica UI - Technical Documentation (Consolidated)\n\n';
+  fullContent += `> This file contains the full technical specification for all ${files.length} components of Xertica UI.\n`;
+  fullContent +=
+    '> It is designed to be read by AI agents to provide a single source of truth context.\n\n';
+
+  const componentsIndex = [];
+
+  for (const file of files) {
+    const filePath = path.join(DOCS_DIR, file);
+    const content = fs.readFileSync(filePath, 'utf-8');
+    const componentName = file.replace('.md', '');
+
+    // Add to full text
+    fullContent += `\n--- START COMPONENT: ${componentName.toUpperCase()} ---\n`;
+    fullContent += content;
+    fullContent += `\n--- END COMPONENT: ${componentName.toUpperCase()} ---\n\n`;
+
+    // Extract description
+    const lines = content.split('\n');
+    let description = '';
+
+    // Look for first non-empty line after title
+    const firstParaIdx = lines.findIndex(
+      (l, i) => i > 0 && l.trim() !== '' && !l.startsWith('#') && !l.startsWith('---')
+    );
+    if (firstParaIdx !== -1) {
+      description = lines[firstParaIdx].trim();
+    }
+
+    // Add to JSON index
+    componentsIndex.push({
+      name: componentName,
+      docPath: `docs/components/${file}`,
+      sourcePath: findSourcePath(componentName),
+      description: description,
+    });
+  }
+
+  // Write files
+  fs.writeFileSync(OUTPUT_FULL_TXT, fullContent);
+  fs.writeFileSync(OUTPUT_JSON, JSON.stringify(componentsIndex, null, 2));
+
+  console.log('✅ Generated llms-full.txt');
+  console.log('✅ Generated components.json');
+}
+
+generate();

package/styles/globals.css

@@ -1,13 +1,13 @@
-/* Core Design System */
-@import './xertica/base.css';
-@import './xertica/tokens.css';
-@import './xertica/theme-map.css';
-
-/* Integrations */
-@import './xertica/integrations/sonner.css';
-/* @import "./xertica/integrations/calendar.css"; */
-@import './xertica/integrations/google-maps.css';
-
-/* App Specific Overrides */
-/* @import "./xertica/app-overrides/chat.css"; */
-/* @import "./xertica/app-overrides/scrollbar.css"; */
+/* Core Design System */
+@import './xertica/base.css';
+@import './xertica/tokens.css';
+@import './xertica/theme-map.css';
+
+/* Integrations */
+@import './xertica/integrations/sonner.css';
+/* @import "./xertica/integrations/calendar.css"; */
+@import './xertica/integrations/google-maps.css';
+
+/* App Specific Overrides */
+/* @import "./xertica/app-overrides/chat.css"; */
+/* @import "./xertica/app-overrides/scrollbar.css"; */

package/styles/xertica/app-overrides/chat.css

@@ -1,61 +1,61 @@
-/* ============================================
-   🔧 APP OVERRIDE: CHAT
-   ============================================ */
-
-/* All rules scoped to [data-chat-message-container] */
-
-[data-chat-message-container] .break-words img,
-[data-chat-message-container] .overflow-wrap-anywhere img {
-  max-width: 100%;
-  height: auto;
-}
-
-[data-chat-message-container] .break-words pre,
-[data-chat-message-container] .overflow-wrap-anywhere pre {
-  max-width: 100%;
-  overflow-x: auto;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}
-
-[data-chat-message-container] .break-words table,
-[data-chat-message-container] .overflow-wrap-anywhere table {
-  max-width: 100%;
-  overflow-x: auto;
-  display: block;
-}
-
-[data-chat-message-container] .break-words > *,
-[data-chat-message-container] .overflow-hidden > * {
-  max-width: 100%;
-  box-sizing: border-box;
-}
-
-[data-chat-message-container] audio,
-[data-chat-message-container] video,
-[data-chat-message-container] iframe {
-  max-width: 100%;
-  width: 100%;
-}
-
-/* Prevent horizontal overflow in chat */
-[data-chat-message-container] [data-slot='scroll-area-viewport'] {
-  overflow-x: hidden !important;
-}
-
-/* Chat message container - prevent overflow */
-[data-chat-message-container] {
-  width: auto;
-  max-width: 100%;
-  overflow-x: hidden;
-  box-sizing: border-box;
-}
-
-[data-chat-message-container] * {
-  box-sizing: border-box;
-}
-
-[data-chat-message-container] > div {
-  max-width: 100%;
-  overflow-x: hidden;
-}
+/* ============================================
+   🔧 APP OVERRIDE: CHAT
+   ============================================ */
+
+/* All rules scoped to [data-chat-message-container] */
+
+[data-chat-message-container] .break-words img,
+[data-chat-message-container] .overflow-wrap-anywhere img {
+  max-width: 100%;
+  height: auto;
+}
+
+[data-chat-message-container] .break-words pre,
+[data-chat-message-container] .overflow-wrap-anywhere pre {
+  max-width: 100%;
+  overflow-x: auto;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+[data-chat-message-container] .break-words table,
+[data-chat-message-container] .overflow-wrap-anywhere table {
+  max-width: 100%;
+  overflow-x: auto;
+  display: block;
+}
+
+[data-chat-message-container] .break-words > *,
+[data-chat-message-container] .overflow-hidden > * {
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+[data-chat-message-container] audio,
+[data-chat-message-container] video,
+[data-chat-message-container] iframe {
+  max-width: 100%;
+  width: 100%;
+}
+
+/* Prevent horizontal overflow in chat */
+[data-chat-message-container] [data-slot='scroll-area-viewport'] {
+  overflow-x: hidden !important;
+}
+
+/* Chat message container - prevent overflow */
+[data-chat-message-container] {
+  width: auto;
+  max-width: 100%;
+  overflow-x: hidden;
+  box-sizing: border-box;
+}
+
+[data-chat-message-container] * {
+  box-sizing: border-box;
+}
+
+[data-chat-message-container] > div {
+  max-width: 100%;
+  overflow-x: hidden;
+}

package/styles/xertica/app-overrides/scrollbar.css

@@ -1,33 +1,33 @@
-/* ============================================
-   🔧 APP OVERRIDE: SCROLLBAR
-   ============================================ */
-
-/* Custom scrollbar */
-[data-custom-scrollbar]::-webkit-scrollbar {
-  width: 8px;
-}
-
-[data-custom-scrollbar]::-webkit-scrollbar-track {
-  background: var(--muted);
-  border-radius: var(--radius);
-}
-
-[data-custom-scrollbar]::-webkit-scrollbar-thumb {
-  background: linear-gradient(180deg, var(--primary) 0%, var(--xertica-dark) 100%);
-  border-radius: var(--radius);
-  transition: background 0.3s ease;
-}
-
-[data-custom-scrollbar]::-webkit-scrollbar-thumb:hover {
-  background: var(--primary);
-}
-
-[data-custom-scrollbar]::-webkit-scrollbar-thumb:active {
-  background: var(--xertica-dark);
-}
-
-/* Firefox */
-[data-custom-scrollbar] {
-  scrollbar-width: thin;
-  scrollbar-color: var(--primary) var(--muted);
-}
+/* ============================================
+   🔧 APP OVERRIDE: SCROLLBAR
+   ============================================ */
+
+/* Custom scrollbar */
+[data-custom-scrollbar]::-webkit-scrollbar {
+  width: 8px;
+}
+
+[data-custom-scrollbar]::-webkit-scrollbar-track {
+  background: var(--muted);
+  border-radius: var(--radius);
+}
+
+[data-custom-scrollbar]::-webkit-scrollbar-thumb {
+  background: linear-gradient(180deg, var(--primary) 0%, var(--xertica-dark) 100%);
+  border-radius: var(--radius);
+  transition: background 0.3s ease;
+}
+
+[data-custom-scrollbar]::-webkit-scrollbar-thumb:hover {
+  background: var(--primary);
+}
+
+[data-custom-scrollbar]::-webkit-scrollbar-thumb:active {
+  background: var(--xertica-dark);
+}
+
+/* Firefox */
+[data-custom-scrollbar] {
+  scrollbar-width: thin;
+  scrollbar-color: var(--primary) var(--muted);
+}