@texturehq/edges 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components.manifest.json +126 -2
  2. package/dist/index.cjs +5 -2
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +67 -4
  5. package/dist/index.d.ts +67 -4
  6. package/dist/index.js +5 -2
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +240 -81
  9. package/dist/theme.css +83 -83
  10. package/package.json +1 -1
  11. package/scripts/setup-cursor-rules-manual.js +1 -14
  12. package/scripts/setup-cursor-rules.js +24 -44
package/dist/theme.css CHANGED
@@ -250,89 +250,89 @@
250
250
  --color-fuchsia-900: oklch(0.401 0.17 325.612);
251
251
  --color-fuchsia-950: oklch(0.293 0.136 325.661);
252
252
 
253
- --color-pink-50: var(--pink-50);
254
- --color-pink-100: var(--pink-100);
255
- --color-pink-200: var(--pink-200);
256
- --color-pink-300: var(--pink-300);
257
- --color-pink-400: var(--pink-400);
258
- --color-pink-500: var(--pink-500);
259
- --color-pink-600: var(--pink-600);
260
- --color-pink-700: var(--pink-700);
261
- --color-pink-800: var(--pink-800);
262
- --color-pink-900: var(--pink-900);
263
- --color-pink-950: var(--pink-950);
264
-
265
- --color-rose-50: var(--rose-50);
266
- --color-rose-100: var(--rose-100);
267
- --color-rose-200: var(--rose-200);
268
- --color-rose-300: var(--rose-300);
269
- --color-rose-400: var(--rose-400);
270
- --color-rose-500: var(--rose-500);
271
- --color-rose-600: var(--rose-600);
272
- --color-rose-700: var(--rose-700);
273
- --color-rose-800: var(--rose-800);
274
- --color-rose-900: var(--rose-900);
275
- --color-rose-950: var(--rose-950);
276
-
277
- --color-slate-50: var(--slate-50);
278
- --color-slate-100: var(--slate-100);
279
- --color-slate-200: var(--slate-200);
280
- --color-slate-300: var(--slate-300);
281
- --color-slate-400: var(--slate-400);
282
- --color-slate-500: var(--slate-500);
283
- --color-slate-600: var(--slate-600);
284
- --color-slate-700: var(--slate-700);
285
- --color-slate-800: var(--slate-800);
286
- --color-slate-900: var(--slate-900);
287
- --color-slate-950: var(--slate-950);
288
-
289
- --color-gray-50: var(--gray-50);
290
- --color-gray-100: var(--gray-100);
291
- --color-gray-200: var(--gray-200);
292
- --color-gray-300: var(--gray-300);
293
- --color-gray-400: var(--gray-400);
294
- --color-gray-500: var(--gray-500);
295
- --color-gray-600: var(--gray-600);
296
- --color-gray-700: var(--gray-700);
297
- --color-gray-800: var(--gray-800);
298
- --color-gray-900: var(--gray-900);
299
- --color-gray-950: var(--gray-950);
300
-
301
- --color-zinc-50: var(--zinc-50);
302
- --color-zinc-100: var(--zinc-100);
303
- --color-zinc-200: var(--zinc-200);
304
- --color-zinc-300: var(--zinc-300);
305
- --color-zinc-400: var(--zinc-400);
306
- --color-zinc-500: var(--zinc-500);
307
- --color-zinc-600: var(--zinc-600);
308
- --color-zinc-700: var(--zinc-700);
309
- --color-zinc-800: var(--zinc-800);
310
- --color-zinc-900: var(--zinc-900);
311
- --color-zinc-950: var(--zinc-950);
312
-
313
- --color-neutral-50: var(--neutral-50);
314
- --color-neutral-100: var(--neutral-100);
315
- --color-neutral-200: var(--neutral-200);
316
- --color-neutral-300: var(--neutral-300);
317
- --color-neutral-400: var(--neutral-400);
318
- --color-neutral-500: var(--neutral-500);
319
- --color-neutral-600: var(--neutral-600);
320
- --color-neutral-700: var(--neutral-700);
321
- --color-neutral-800: var(--neutral-800);
322
- --color-neutral-900: var(--neutral-900);
323
- --color-neutral-950: var(--neutral-950);
324
-
325
- --color-stone-50: var(--stone-50);
326
- --color-stone-100: var(--stone-100);
327
- --color-stone-200: var(--stone-200);
328
- --color-stone-300: var(--stone-300);
329
- --color-stone-400: var(--stone-400);
330
- --color-stone-500: var(--stone-500);
331
- --color-stone-600: var(--stone-600);
332
- --color-stone-700: var(--stone-700);
333
- --color-stone-800: var(--stone-800);
334
- --color-stone-900: var(--stone-900);
335
- --color-stone-950: var(--stone-950);
253
+ --color-pink-50: oklch(0.971 0.014 343.198);
254
+ --color-pink-100: oklch(0.948 0.028 342.258);
255
+ --color-pink-200: oklch(0.899 0.061 343.231);
256
+ --color-pink-300: oklch(0.823 0.12 346.018);
257
+ --color-pink-400: oklch(0.718 0.202 349.761);
258
+ --color-pink-500: oklch(0.656 0.241 354.308);
259
+ --color-pink-600: oklch(0.592 0.249 0.584);
260
+ --color-pink-700: oklch(0.525 0.223 3.958);
261
+ --color-pink-800: oklch(0.459 0.187 3.815);
262
+ --color-pink-900: oklch(0.408 0.153 2.432);
263
+ --color-pink-950: oklch(0.284 0.109 3.907);
264
+
265
+ --color-rose-50: oklch(0.969 0.015 12.422);
266
+ --color-rose-100: oklch(0.941 0.03 12.58);
267
+ --color-rose-200: oklch(0.892 0.058 10.001);
268
+ --color-rose-300: oklch(0.81 0.117 11.638);
269
+ --color-rose-400: oklch(0.712 0.194 13.428);
270
+ --color-rose-500: oklch(0.645 0.246 16.439);
271
+ --color-rose-600: oklch(0.586 0.253 17.585);
272
+ --color-rose-700: oklch(0.514 0.222 16.935);
273
+ --color-rose-800: oklch(0.455 0.188 13.697);
274
+ --color-rose-900: oklch(0.41 0.159 10.272);
275
+ --color-rose-950: oklch(0.271 0.105 12.094);
276
+
277
+ --color-slate-50: oklch(0.984 0.003 247.858);
278
+ --color-slate-100: oklch(0.968 0.007 247.896);
279
+ --color-slate-200: oklch(0.929 0.013 255.508);
280
+ --color-slate-300: oklch(0.869 0.022 252.894);
281
+ --color-slate-400: oklch(0.704 0.04 256.788);
282
+ --color-slate-500: oklch(0.554 0.046 257.417);
283
+ --color-slate-600: oklch(0.446 0.043 257.281);
284
+ --color-slate-700: oklch(0.372 0.044 257.287);
285
+ --color-slate-800: oklch(0.279 0.041 260.031);
286
+ --color-slate-900: oklch(0.208 0.042 265.755);
287
+ --color-slate-950: oklch(0.129 0.042 264.695);
288
+
289
+ --color-gray-50: oklch(0.985 0.002 247.839);
290
+ --color-gray-100: oklch(0.967 0.003 264.542);
291
+ --color-gray-200: oklch(0.928 0.006 264.531);
292
+ --color-gray-300: oklch(0.872 0.01 258.338);
293
+ --color-gray-400: oklch(0.707 0.022 261.325);
294
+ --color-gray-500: oklch(0.551 0.027 264.364);
295
+ --color-gray-600: oklch(0.446 0.03 256.802);
296
+ --color-gray-700: oklch(0.373 0.034 259.733);
297
+ --color-gray-800: oklch(0.278 0.033 256.848);
298
+ --color-gray-900: oklch(0.21 0.034 264.665);
299
+ --color-gray-950: oklch(0.13 0.028 261.692);
300
+
301
+ --color-zinc-50: oklch(0.985 0 0);
302
+ --color-zinc-100: oklch(0.967 0.001 286.375);
303
+ --color-zinc-200: oklch(0.92 0.004 286.32);
304
+ --color-zinc-300: oklch(0.871 0.006 286.286);
305
+ --color-zinc-400: oklch(0.705 0.015 286.067);
306
+ --color-zinc-500: oklch(0.552 0.016 285.938);
307
+ --color-zinc-600: oklch(0.442 0.017 285.786);
308
+ --color-zinc-700: oklch(0.37 0.013 285.805);
309
+ --color-zinc-800: oklch(0.274 0.006 286.033);
310
+ --color-zinc-900: oklch(0.21 0.006 285.885);
311
+ --color-zinc-950: oklch(0.141 0.005 285.823);
312
+
313
+ --color-neutral-50: oklch(0.985 0 0);
314
+ --color-neutral-100: oklch(0.97 0 0);
315
+ --color-neutral-200: oklch(0.922 0 0);
316
+ --color-neutral-300: oklch(0.87 0 0);
317
+ --color-neutral-400: oklch(0.708 0 0);
318
+ --color-neutral-500: oklch(0.556 0 0);
319
+ --color-neutral-600: oklch(0.439 0 0);
320
+ --color-neutral-700: oklch(0.371 0 0);
321
+ --color-neutral-800: oklch(0.269 0 0);
322
+ --color-neutral-900: oklch(0.205 0 0);
323
+ --color-neutral-950: oklch(0.145 0 0);
324
+
325
+ --color-stone-50: oklch(0.985 0.001 106.423);
326
+ --color-stone-100: oklch(0.97 0.001 106.424);
327
+ --color-stone-200: oklch(0.923 0.003 48.717);
328
+ --color-stone-300: oklch(0.869 0.005 56.366);
329
+ --color-stone-400: oklch(0.709 0.01 56.259);
330
+ --color-stone-500: oklch(0.553 0.013 58.071);
331
+ --color-stone-600: oklch(0.444 0.011 73.639);
332
+ --color-stone-700: oklch(0.374 0.01 67.558);
333
+ --color-stone-800: oklch(0.268 0.007 34.298);
334
+ --color-stone-900: oklch(0.216 0.006 56.043);
335
+ --color-stone-950: oklch(0.145 0.006 45);
336
336
 
337
337
  --color-black: var(--color-neutral-black);
338
338
  --color-white: var(--color-neutral-white);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@texturehq/edges",
3
- "version": "0.1.5",
3
+ "version": "0.1.7",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",
package/scripts/setup-cursor-rules-manual.js CHANGED
@@ -100,13 +100,6 @@ const setupCursorRules = () => {
100
100
 
101
101
  const targetPath = path.join(rulesDir, file);
102
102
 
103
- // Backup existing rule before overwriting
104
- if (fs.existsSync(targetPath)) {
105
- const backupsDir = path.join(rulesDir, "_backups");
106
- fs.mkdirSync(backupsDir, { recursive: true });
107
- const ts = new Date().toISOString().replace(/[:.]/g, "-");
108
- fs.copyFileSync(targetPath, path.join(backupsDir, `${file}.${ts}.bak`));
109
- }
110
103
  // Always overwrite to ensure version-specific rules
111
104
  fs.writeFileSync(targetPath, templateContent, "utf8");
112
105
  copiedCount++;
@@ -143,13 +136,7 @@ const setupCursorRules = () => {
143
136
  }
144
137
  }
145
138
  const outPath = path.join(rulesDir, 'edges-components.mdc');
146
- // Backup existing components manifest before overwriting
147
- if (fs.existsSync(outPath)) {
148
- const backupsDir = path.join(rulesDir, "_backups");
149
- fs.mkdirSync(backupsDir, { recursive: true });
150
- const ts = new Date().toISOString().replace(/[:.]/g, "-");
151
- fs.copyFileSync(outPath, path.join(backupsDir, `edges-components.mdc.${ts}.bak`));
152
- }
139
+
153
140
  fs.writeFileSync(outPath, lines.join('\n'), "utf8");
154
141
  console.log(`✅ Wrote .cursor/rules/edges-components.mdc from manifest (${manifest.components?.length || 0} components)`);
155
142
  } catch (err) {
package/scripts/setup-cursor-rules.js CHANGED
@@ -36,13 +36,6 @@ const setupCursorRules = () => {
36
36
  const templatePath = path.join(cursorTemplatesDir, file);
37
37
  const targetPath = path.join(rulesDir, file);
38
38
 
39
- // Backup existing rule before overwriting
40
- if (fs.existsSync(targetPath)) {
41
- const backupsDir = path.join(rulesDir, "_backups");
42
- fs.mkdirSync(backupsDir, { recursive: true });
43
- const ts = new Date().toISOString().replace(/[:.]/g, "-");
44
- fs.copyFileSync(targetPath, path.join(backupsDir, `${file}.${ts}.bak`));
45
- }
46
39
  // Always copy to ensure latest version
47
40
  fs.copyFileSync(templatePath, targetPath);
48
41
  copiedCount++;
@@ -57,30 +50,29 @@ const setupCursorRules = () => {
57
50
 
58
51
  // Setup Claude rules
59
52
  if (fs.existsSync(claudeTemplatesDir)) {
60
- const claudeTemplateFiles = fs.readdirSync(claudeTemplatesDir).filter(file => file.endsWith('.md') || file === '.claude');
53
+ const claudeTemplateFiles = fs.readdirSync(claudeTemplatesDir).filter(file => file.endsWith('.md'));
61
54
 
62
55
  if (claudeTemplateFiles.length > 0) {
63
56
  let claudeCopiedCount = 0;
64
57
 
58
+ // Create .claude directory for namespaced files
59
+ const claudeDir = path.join(cwd, '.claude');
60
+ fs.mkdirSync(claudeDir, { recursive: true });
61
+
65
62
  claudeTemplateFiles.forEach(file => {
66
63
  const templatePath = path.join(claudeTemplatesDir, file);
67
- const targetPath = path.join(cwd, file);
68
-
69
- // Backup existing file before overwriting
70
- if (fs.existsSync(targetPath)) {
71
- const backupPath = `${targetPath}.${new Date().toISOString().replace(/[:.]/g, "-")}.bak`;
72
- fs.copyFileSync(targetPath, backupPath);
73
- console.log(`📋 Backed up existing ${file} to ${backupPath}`);
74
- }
64
+ // Namespace the file as edges-specific
65
+ const namespacedFileName = 'edges.md';
66
+ const targetPath = path.join(claudeDir, namespacedFileName);
75
67
 
76
68
  // Always copy to ensure latest version
77
69
  fs.copyFileSync(templatePath, targetPath);
78
70
  claudeCopiedCount++;
79
- console.log(`✅ Updated ${file} for Claude`);
71
+ console.log(`✅ Updated .claude/${namespacedFileName} for Claude`);
80
72
  });
81
73
 
82
74
  if (claudeCopiedCount > 0) {
83
- console.log(`🤖 Added ${claudeCopiedCount} Claude rule(s) for @texturehq/edges design system`);
75
+ console.log(`🤖 Added ${claudeCopiedCount} namespaced Claude rule(s) for @texturehq/edges design system`);
84
76
  }
85
77
  }
86
78
  }
@@ -137,13 +129,7 @@ const setupCursorRules = () => {
137
129
  cursorLines.push('');
138
130
  }
139
131
  const cursorOutPath = path.join(rulesDir, 'edges-components.mdc');
140
- // Backup existing components manifest before overwriting
141
- if (fs.existsSync(cursorOutPath)) {
142
- const backupsDir = path.join(rulesDir, "_backups");
143
- fs.mkdirSync(backupsDir, { recursive: true });
144
- const ts = new Date().toISOString().replace(/[:.]/g, "-");
145
- fs.copyFileSync(cursorOutPath, path.join(backupsDir, `edges-components.mdc.${ts}.bak`));
146
- }
132
+
147
133
  fs.writeFileSync(cursorOutPath, cursorLines.join('\n'), "utf8");
148
134
  console.log(`✅ Wrote .cursor/rules/edges-components.mdc from manifest (${manifest.components?.length || 0} components)`);
149
135
 
@@ -183,25 +169,19 @@ const setupCursorRules = () => {
183
169
  claudeLines.push('');
184
170
  }
185
171
 
186
- // Update Claude templates with components list
187
- const claudeTemplates = ['claude.md', '.claude'];
188
-
189
- claudeTemplates.forEach(templateName => {
190
- const claudeTemplatePath = path.join(claudeTemplatesDir, templateName);
191
- if (fs.existsSync(claudeTemplatePath)) {
192
- let claudeContent = fs.readFileSync(claudeTemplatePath, 'utf8');
193
- claudeContent = claudeContent.split("{{COMPONENTS_LIST}}").join(claudeLines.join("\n"));
194
- const claudeOutPath = path.join(cwd, templateName);
195
- // Backup existing file before overwriting
196
- if (fs.existsSync(claudeOutPath)) {
197
- const backupPath = `${claudeOutPath}.${new Date().toISOString().replace(/[:.]/g, "-")}.bak`;
198
- fs.copyFileSync(claudeOutPath, backupPath);
199
- console.log(`📋 Backed up existing ${templateName} to ${backupPath}`);
200
- }
201
- fs.writeFileSync(claudeOutPath, claudeContent, "utf8");
202
- console.log(`✅ Wrote ${templateName} with components list (${manifest.components?.length || 0} components)`);
203
- }
204
- });
172
+ // Update Claude template with components list
173
+ const claudeTemplatePath = path.join(claudeTemplatesDir, 'claude.md');
174
+ if (fs.existsSync(claudeTemplatePath)) {
175
+ const claudeDir = path.join(cwd, '.claude');
176
+ fs.mkdirSync(claudeDir, { recursive: true });
177
+
178
+ let claudeContent = fs.readFileSync(claudeTemplatePath, 'utf8');
179
+ claudeContent = claudeContent.split("{{COMPONENTS_LIST}}").join(claudeLines.join("\n"));
180
+
181
+ const claudeOutPath = path.join(claudeDir, 'edges.md');
182
+ fs.writeFileSync(claudeOutPath, claudeContent, "utf8");
183
+ console.log(`✅ Wrote .claude/edges.md with components list (${manifest.components?.length || 0} components)`);
184
+ }
205
185
  } catch (err) {
206
186
  console.log('⚠️ Failed to read components.manifest.json:', err.message);
207
187
  }