ui-lab-registry 0.3.48 → 0.3.49
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.
- package/dist/generated-data.d.ts.map +1 -1
- package/dist/generated-data.js +27 -28
- package/dist/generated-data.js.map +1 -1
- package/dist/generated-styles.d.ts.map +1 -1
- package/dist/generated-styles.js +263 -251
- package/dist/generated-styles.js.map +1 -1
- package/dist/generated-styles.json +263 -251
- package/dist/guides/setup-ui-lab-in-project.d.ts.map +1 -1
- package/dist/guides/setup-ui-lab-in-project.js +22 -10
- package/dist/guides/setup-ui-lab-in-project.js.map +1 -1
- package/package.json +2 -2
- package/src/generated-data.ts +27 -28
- package/src/generated-styles.ts +263 -251
- package/src/guides/setup-ui-lab-in-project.ts +22 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-ui-lab-in-project.d.ts","sourceRoot":"","sources":["../../src/guides/setup-ui-lab-in-project.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,wBAAwB,EAAE,
|
|
1
|
+
{"version":3,"file":"setup-ui-lab-in-project.d.ts","sourceRoot":"","sources":["../../src/guides/setup-ui-lab-in-project.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,wBAAwB,EAAE,aAkJ/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -35,6 +35,7 @@ const setupUiLabInProjectGuide = {
|
|
|
35
35
|
'The app uses Tailwind v4 or another setup that can import UI Lab CSS.',
|
|
36
36
|
'The agent can edit the app stylesheet entrypoint such as app/globals.css, src/index.css, or src/main.css.',
|
|
37
37
|
'The package manager for the repo is known before writing install commands.',
|
|
38
|
+
'theme.css must be created (via get_theme_setup) before the stylesheet entrypoint is edited — the import will be broken otherwise.',
|
|
38
39
|
],
|
|
39
40
|
steps: [
|
|
40
41
|
{
|
|
@@ -47,25 +48,35 @@ const setupUiLabInProjectGuide = {
|
|
|
47
48
|
],
|
|
48
49
|
},
|
|
49
50
|
{
|
|
50
|
-
title: 'Install the base package
|
|
51
|
-
goal: 'Add the minimum
|
|
51
|
+
title: 'Install the base package',
|
|
52
|
+
goal: 'Add the minimum package required for styled components.',
|
|
52
53
|
instructions: [
|
|
53
|
-
'Install ui-lab-components
|
|
54
|
+
'Install ui-lab-components. Do not install ui-lab-theme-onyx — the app uses an app-owned theme.css as the token layer instead.',
|
|
54
55
|
'Match the repo package manager instead of introducing a different one.',
|
|
55
56
|
],
|
|
56
|
-
code: `pnpm add ui-lab-components
|
|
57
|
+
code: `pnpm add ui-lab-components`,
|
|
57
58
|
language: 'bash',
|
|
58
59
|
},
|
|
60
|
+
{
|
|
61
|
+
title: 'Create the app-owned theme.css token file',
|
|
62
|
+
goal: 'Provide the design token layer that UI Lab components depend on for color.',
|
|
63
|
+
instructions: [
|
|
64
|
+
'Call get_theme_setup to get the canonical theme.css content and creation instructions.',
|
|
65
|
+
'Create the file at app/theme.css (Next.js) or src/theme.css (Vite) using the code returned by get_theme_setup.',
|
|
66
|
+
'Do not skip this step — if theme.css is missing, components will render without tokens and the site will look broken.',
|
|
67
|
+
],
|
|
68
|
+
relatedTools: ['get_theme_setup'],
|
|
69
|
+
},
|
|
59
70
|
{
|
|
60
71
|
title: 'Import styles in the correct order',
|
|
61
72
|
goal: 'Ensure tokens are defined before UI Lab component styles consume them.',
|
|
62
73
|
instructions: [
|
|
63
74
|
'Edit the app stylesheet entrypoint rather than scattering imports across components.',
|
|
64
|
-
'Keep the order exactly: tailwind,
|
|
65
|
-
'
|
|
75
|
+
'Keep the order exactly: tailwind, theme.css, then ui-lab-components styles.',
|
|
76
|
+
'Do not import ui-lab-theme-onyx/styles.css — theme.css replaces it as the token layer.',
|
|
66
77
|
],
|
|
67
78
|
code: `@import "tailwindcss";
|
|
68
|
-
@import "
|
|
79
|
+
@import "./theme.css";
|
|
69
80
|
@import "ui-lab-components/styles.css";`,
|
|
70
81
|
language: 'css',
|
|
71
82
|
path: 'app/globals.css',
|
|
@@ -107,12 +118,13 @@ export default function Home() {
|
|
|
107
118
|
},
|
|
108
119
|
],
|
|
109
120
|
validation: [
|
|
121
|
+
'theme.css exists in the project and was created using the content from get_theme_setup.',
|
|
110
122
|
'A page renders at least one UI Lab component with non-default visual styling.',
|
|
111
|
-
'The stylesheet import order is
|
|
112
|
-
'
|
|
123
|
+
'The stylesheet import order is: tailwindcss → theme.css → ui-lab-components/styles.css.',
|
|
124
|
+
'ui-lab-theme-onyx is not installed or imported — theme.css replaces it.',
|
|
113
125
|
'The chosen install command matches the repo package manager.',
|
|
114
126
|
],
|
|
115
|
-
relatedTools: ['search_components', 'get_component', 'get_theme_setup'],
|
|
127
|
+
relatedTools: ['search_components', 'get_component', 'get_theme_setup', 'search_guides', 'get_guide'],
|
|
116
128
|
relatedResources: ['component://button', 'component://card', 'component://input'],
|
|
117
129
|
relatedGuides: ['theme-switching-nextjs', 'translate-existing-ui-to-ui-lab'],
|
|
118
130
|
examplePrompts: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-ui-lab-in-project.js","sourceRoot":"","sources":["../../src/guides/setup-ui-lab-in-project.ts"],"names":[],"mappings":"AAEA,MAAM,wBAAwB,GAAkB;IAC9C,EAAE,EAAE,yBAAyB;IAC7B,IAAI,EAAE,4BAA4B;IAClC,WAAW,EACT,wJAAwJ;IAC1J,QAAQ,EAAE,OAAO;IACjB,OAAO,EACL,2HAA2H;IAC7H,IAAI,EAAE;QACJ,OAAO;QACP,cAAc;QACd,UAAU;QACV,OAAO;QACP,QAAQ;QACR,MAAM;QACN,QAAQ;KACT;IACD,SAAS,EAAE;QACT,yDAAyD;QACzD,yEAAyE;QACzE,0EAA0E;KAC3E;IACD,MAAM,EAAE;QACN,4LAA4L;QAC5L,wGAAwG;KACzG;IACD,YAAY,EAAE;QACZ,gBAAgB;QAChB,eAAe;QACf,uBAAuB;QACvB,yBAAyB;QACzB,yBAAyB;QACzB,yBAAyB;QACzB,gCAAgC;KACjC;IACD,aAAa,EAAE;QACb,uEAAuE;QACvE,2GAA2G;QAC3G,4EAA4E;
|
|
1
|
+
{"version":3,"file":"setup-ui-lab-in-project.js","sourceRoot":"","sources":["../../src/guides/setup-ui-lab-in-project.ts"],"names":[],"mappings":"AAEA,MAAM,wBAAwB,GAAkB;IAC9C,EAAE,EAAE,yBAAyB;IAC7B,IAAI,EAAE,4BAA4B;IAClC,WAAW,EACT,wJAAwJ;IAC1J,QAAQ,EAAE,OAAO;IACjB,OAAO,EACL,2HAA2H;IAC7H,IAAI,EAAE;QACJ,OAAO;QACP,cAAc;QACd,UAAU;QACV,OAAO;QACP,QAAQ;QACR,MAAM;QACN,QAAQ;KACT;IACD,SAAS,EAAE;QACT,yDAAyD;QACzD,yEAAyE;QACzE,0EAA0E;KAC3E;IACD,MAAM,EAAE;QACN,4LAA4L;QAC5L,wGAAwG;KACzG;IACD,YAAY,EAAE;QACZ,gBAAgB;QAChB,eAAe;QACf,uBAAuB;QACvB,yBAAyB;QACzB,yBAAyB;QACzB,yBAAyB;QACzB,gCAAgC;KACjC;IACD,aAAa,EAAE;QACb,uEAAuE;QACvE,2GAA2G;QAC3G,4EAA4E;QAC5E,mIAAmI;KACpI;IACD,KAAK,EAAE;QACL;YACE,KAAK,EAAE,0DAA0D;YACjE,IAAI,EACF,+IAA+I;YACjJ,YAAY,EAAE;gBACZ,8EAA8E;gBAC9E,0EAA0E;gBAC1E,6GAA6G;aAC9G;SACF;QACD;YACE,KAAK,EAAE,0BAA0B;YACjC,IAAI,EAAE,yDAAyD;YAC/D,YAAY,EAAE;gBACZ,+HAA+H;gBAC/H,wEAAwE;aACzE;YACD,IAAI,EAAE,4BAA4B;YAClC,QAAQ,EAAE,MAAM;SACjB;QACD;YACE,KAAK,EAAE,2CAA2C;YAClD,IAAI,EAAE,4EAA4E;YAClF,YAAY,EAAE;gBACZ,wFAAwF;gBACxF,gHAAgH;gBAChH,uHAAuH;aACxH;YACD,YAAY,EAAE,CAAC,iBAAiB,CAAC;SAClC;QACD;YACE,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,wEAAwE;YAC9E,YAAY,EAAE;gBACZ,sFAAsF;gBACtF,6EAA6E;gBAC7E,wFAAwF;aACzF;YACD,IAAI,EAAE;;wCAE4B;YAClC,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,iBAAiB;SACxB;QACD;YACE,KAAK,EAAE,wDAAwD;YAC/D,IAAI,EACF,8FAA8F;YAChG,YAAY,EAAE;gBACZ,+EAA+E;gBAC/E,mGAAmG;aACpG;YACD,IAAI,EAAE;;;;;;;;;;;;;;;;EAgBV;YACI,QAAQ,EAAE,KAAK;SAChB;QACD;YACE,KAAK,EAAE,0DAA0D;YACjE,IAAI,EACF,yGAAyG;YAC3G,YAAY,EAAE;gBACZ,oHAAoH;gBACpH,wGAAwG;aACzG;YACD,YAAY,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,iBAAiB,CAAC;SAChE;KACF;IACD,UAAU,EAAE;QACV,yFAAyF;QACzF,+EAA+E;QAC/E,yFAAyF;QACzF,yEAAyE;QACzE,8DAA8D;KAC/D;IACD,YAAY,EAAE,CAAC,mBAAmB,EAAE,eAAe,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,CAAC;IACrG,gBAAgB,EAAE,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC;IACjF,aAAa,EAAE,CAAC,wBAAwB,EAAE,iCAAiC,CAAC;IAC5E,cAAc,EAAE;QACd;YACE,KAAK,EAAE,sBAAsB;YAC7B,MAAM,EACJ,sKAAsK;SACzK;QACD;YACE,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EACJ,wKAAwK;SAC3K;KACF;CACF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ui-lab-registry",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.49",
|
|
4
4
|
"description": "Component registry and metadata management for ui-lab-components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
"dependencies": {
|
|
105
105
|
"lucide-react": "^0.562.0",
|
|
106
106
|
"react-icons": "^5.5.0",
|
|
107
|
-
"ui-lab-components": "0.3.
|
|
107
|
+
"ui-lab-components": "0.3.49"
|
|
108
108
|
},
|
|
109
109
|
"devDependencies": {
|
|
110
110
|
"@tailwindcss/postcss": "^4.1.11",
|