@zvoove/unity-ui 2.28.0 → 2.29.1

package/dist/bin/cli.mjs

@@ -3649,9 +3649,9 @@ async function runCreate(componentName) {
 
 // bin/commands/init.mjs
 init_config();
-import fs3 from "fs";
-import path3 from "path";
-import readline from "readline";
+import fs3 from "node:fs";
+import path3 from "node:path";
+import readline from "node:readline";
 function createRL() {
   return readline.createInterface({
     input: process.stdin,
@@ -3668,6 +3668,16 @@ function ask(rl, question, defaultValue) {
     );
   });
 }
+function serializeOutput(value) {
+  if (Array.isArray(value)) {
+    return "[" + value.map((v) => "'" + v + "'").join(", ") + "]";
+  }
+  return "'" + value + "'";
+}
+function parseOutputAnswer(answer) {
+  const parts = answer.split(",").map((s) => s.trim()).filter(Boolean);
+  return parts.length > 1 ? parts : parts[0];
+}
 function generateConfigContent(config) {
   return `// unity-ui.config.mjs \u2014 generated by \`npx unity-ui init\`
 import { defineConfig } from '@zvoove/unity-ui/config';
@@ -3679,7 +3689,7 @@ export default defineConfig({
   },
   ai: {
     skills: {
-      output: '${config.ai.skills.output}',
+      output: ${serializeOutput(config.ai.skills.output)},
     },
     rules: {
       output: '${config.ai.rules.output}',
@@ -3710,11 +3720,12 @@ async function runInit() {
     "Where is your main index/barrel file?",
     DEFAULTS.components.indexFile
   );
-  const skillsOutput = await ask(
+  const skillsOutputRaw = await ask(
     rl,
-    "Where should Agent Skills be generated?",
+    "Where should Agent Skills be generated? (comma-separate for multiple)",
     DEFAULTS.ai.skills.output
   );
+  const skillsOutput = parseOutputAnswer(skillsOutputRaw);
   const rulesOutput = await ask(
     rl,
     "Where should rules files be generated?",
@@ -3738,7 +3749,8 @@ async function runInit() {
 `);
   console.log(`  Components:  ${config.components.directory}/`);
   console.log(`  Index file:  ${config.components.indexFile}`);
-  console.log(`  Skills dir:  ${config.ai.skills.output}/skills/`);
+  const skillsDirs = Array.isArray(config.ai.skills.output) ? config.ai.skills.output.map((o) => o + "/skills/").join(", ") : config.ai.skills.output + "/skills/";
+  console.log(`  Skills dir:  ${skillsDirs}`);
   console.log(`  Rules:       ${config.ai.rules.output}/UNITYUI.md`);
   console.log("");
 }
@@ -3816,6 +3828,7 @@ Load the matching skill for full props, examples, and rules:
 | Grid | \`unity-ui-grid\` |
 | Icon | \`unity-ui-icon\` |
 | InfoBox | \`unity-ui-info-box\` |
+| List | \`unity-ui-list\` |
 | ListMenu | \`unity-ui-list-menu\` |
 | MidSectionMenus | \`unity-ui-mid-section-menus\` |
 | Pagination | \`unity-ui-pagination\` |
@@ -3956,6 +3969,7 @@ var SHADCN_MAP = {
     name: "Alert",
     url: "https://ui.shadcn.com/docs/components/alert"
   },
+  List: null,
   MessageActions: null,
   Pagination: {
     name: "Pagination",
@@ -4062,6 +4076,7 @@ var MUI_MAP = {
   Grid: { name: "Grid", url: `${MUI_BASE}grid/` },
   Icon: { name: "SvgIcon", url: `${MUI_BASE}icons/` },
   InfoBox: { name: "Alert", url: `${MUI_BASE}alert/` },
+  List: null,
   MessageActions: null,
   Pagination: { name: "Pagination", url: `${MUI_BASE}pagination/` },
   PopUpMenu: { name: "Menu", url: `${MUI_BASE}menu/` },
@@ -4142,6 +4157,7 @@ var STORYBOOK_MAP = {
   Grid: "Layout/Grid",
   Icon: "Components/Icon",
   InfoBox: "Components/InfoBox",
+  List: "Components/List",
   MessageActions: "Chat/MessageActions",
   Pagination: "Components/Pagination",
   PopUpMenu: "Components/PopUpMenu",
@@ -4198,6 +4214,7 @@ var CATEGORIES = {
   Avatar: "data-display",
   Badge: "data-display",
   Icon: "data-display",
+  List: "data-display",
   Skeleton: "data-display",
   ProgressIndicator: "data-display",
   CodeBlock: "data-display",
@@ -5496,21 +5513,7 @@ function writeSkill(outputDir, slug, content) {
   fs5.mkdirSync(skillDir, { recursive: true });
   fs5.writeFileSync(path5.join(skillDir, "SKILL.md"), content, "utf8");
 }
-async function runSkills({ output: outputBase } = {}) {
-  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
-  const config = await loadConfig2();
-  const resolvedOutput = outputBase || config.ai.skills.output;
-  const llmsPath = findLlmsTxt();
-  if (!llmsPath) {
-    console.error(
-      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
-    );
-    process.exit(1);
-  }
-  const projectRoot = process.cwd();
-  const outputDir = path5.resolve(projectRoot, resolvedOutput, "skills");
-  const content = fs5.readFileSync(llmsPath, "utf8");
-  const parsed = parseLlmsTxt(content);
+function writeAllSkills(outputDir, parsed, componentNames) {
   if (fs5.existsSync(outputDir)) {
     for (const entry of fs5.readdirSync(outputDir)) {
       if (entry.startsWith("unity-ui-")) {
@@ -5518,15 +5521,12 @@ async function runSkills({ output: outputBase } = {}) {
       }
     }
   }
-  const componentNames = Object.keys(parsed.components).sort();
-  let count = 0;
   for (const [name, componentContent] of Object.entries(parsed.components)) {
     writeSkill(
       outputDir,
       `unity-ui-${kebabCase(name)}`,
       generateComponentSkill(name, componentContent)
     );
-    count++;
   }
   writeSkill(outputDir, "unity-ui", generateUmbrellaSkill(componentNames));
   writeSkill(outputDir, "unity-ui-setup", generateSetupSkill(parsed));
@@ -5556,12 +5556,37 @@ async function runSkills({ output: outputBase } = {}) {
     "unity-ui-figma-code-connect",
     generateFigmaCodeConnectSkill()
   );
-  count += 12;
-  const relOutput = path5.relative(projectRoot, outputDir);
+}
+async function runSkills({ output: outputBase } = {}) {
+  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+  const config = await loadConfig2();
+  const rawOutput = outputBase || config.ai.skills.output;
+  const outputBases = Array.isArray(rawOutput) ? rawOutput : [rawOutput];
+  const llmsPath = findLlmsTxt();
+  if (!llmsPath) {
+    console.error(
+      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
+    );
+    process.exit(1);
+  }
+  const projectRoot = process.cwd();
+  const content = fs5.readFileSync(llmsPath, "utf8");
+  const parsed = parseLlmsTxt(content);
+  const componentNames = Object.keys(parsed.components).sort(
+    (a, b) => a.localeCompare(b)
+  );
+  for (const base of outputBases) {
+    const outputDir = path5.resolve(projectRoot, base, "skills");
+    writeAllSkills(outputDir, parsed, componentNames);
+  }
+  const count = componentNames.length + 12;
+  const relOutputs = outputBases.map(
+    (b) => path5.relative(projectRoot, path5.resolve(projectRoot, b, "skills"))
+  );
   console.log(`
   Unity UI \u2014 Agent Skills Generator
 `);
-  console.log(`  \u2705 Generated ${count} skills in ${relOutput}/
+  console.log(`  \u2705 Generated ${count} skills \u2192 ${relOutputs.join(", ")}/
 `);
   console.log(`     ${componentNames.length} component skills`);
   console.log(`     1 umbrella routing skill (entry point + migration rules)`);

package/dist/bin/generate-skills.mjs

@@ -153,6 +153,7 @@ var SHADCN_MAP = {
     name: "Alert",
     url: "https://ui.shadcn.com/docs/components/alert"
   },
+  List: null,
   MessageActions: null,
   Pagination: {
     name: "Pagination",
@@ -259,6 +260,7 @@ var MUI_MAP = {
   Grid: { name: "Grid", url: `${MUI_BASE}grid/` },
   Icon: { name: "SvgIcon", url: `${MUI_BASE}icons/` },
   InfoBox: { name: "Alert", url: `${MUI_BASE}alert/` },
+  List: null,
   MessageActions: null,
   Pagination: { name: "Pagination", url: `${MUI_BASE}pagination/` },
   PopUpMenu: { name: "Menu", url: `${MUI_BASE}menu/` },
@@ -339,6 +341,7 @@ var STORYBOOK_MAP = {
   Grid: "Layout/Grid",
   Icon: "Components/Icon",
   InfoBox: "Components/InfoBox",
+  List: "Components/List",
   MessageActions: "Chat/MessageActions",
   Pagination: "Components/Pagination",
   PopUpMenu: "Components/PopUpMenu",
@@ -395,6 +398,7 @@ var CATEGORIES = {
   Avatar: "data-display",
   Badge: "data-display",
   Icon: "data-display",
+  List: "data-display",
   Skeleton: "data-display",
   ProgressIndicator: "data-display",
   CodeBlock: "data-display",
@@ -1693,21 +1697,7 @@ function writeSkill(outputDir, slug, content) {
   fs2.mkdirSync(skillDir, { recursive: true });
   fs2.writeFileSync(path2.join(skillDir, "SKILL.md"), content, "utf8");
 }
-async function runSkills({ output: outputBase } = {}) {
-  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
-  const config = await loadConfig2();
-  const resolvedOutput = outputBase || config.ai.skills.output;
-  const llmsPath = findLlmsTxt();
-  if (!llmsPath) {
-    console.error(
-      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
-    );
-    process.exit(1);
-  }
-  const projectRoot = process.cwd();
-  const outputDir = path2.resolve(projectRoot, resolvedOutput, "skills");
-  const content = fs2.readFileSync(llmsPath, "utf8");
-  const parsed = parseLlmsTxt(content);
+function writeAllSkills(outputDir, parsed, componentNames) {
   if (fs2.existsSync(outputDir)) {
     for (const entry of fs2.readdirSync(outputDir)) {
       if (entry.startsWith("unity-ui-")) {
@@ -1715,15 +1705,12 @@ async function runSkills({ output: outputBase } = {}) {
       }
     }
   }
-  const componentNames = Object.keys(parsed.components).sort();
-  let count = 0;
   for (const [name, componentContent] of Object.entries(parsed.components)) {
     writeSkill(
       outputDir,
       `unity-ui-${kebabCase(name)}`,
       generateComponentSkill(name, componentContent)
     );
-    count++;
   }
   writeSkill(outputDir, "unity-ui", generateUmbrellaSkill(componentNames));
   writeSkill(outputDir, "unity-ui-setup", generateSetupSkill(parsed));
@@ -1753,12 +1740,37 @@ async function runSkills({ output: outputBase } = {}) {
     "unity-ui-figma-code-connect",
     generateFigmaCodeConnectSkill()
   );
-  count += 12;
-  const relOutput = path2.relative(projectRoot, outputDir);
+}
+async function runSkills({ output: outputBase } = {}) {
+  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+  const config = await loadConfig2();
+  const rawOutput = outputBase || config.ai.skills.output;
+  const outputBases = Array.isArray(rawOutput) ? rawOutput : [rawOutput];
+  const llmsPath = findLlmsTxt();
+  if (!llmsPath) {
+    console.error(
+      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
+    );
+    process.exit(1);
+  }
+  const projectRoot = process.cwd();
+  const content = fs2.readFileSync(llmsPath, "utf8");
+  const parsed = parseLlmsTxt(content);
+  const componentNames = Object.keys(parsed.components).sort(
+    (a, b) => a.localeCompare(b)
+  );
+  for (const base of outputBases) {
+    const outputDir = path2.resolve(projectRoot, base, "skills");
+    writeAllSkills(outputDir, parsed, componentNames);
+  }
+  const count = componentNames.length + 12;
+  const relOutputs = outputBases.map(
+    (b) => path2.relative(projectRoot, path2.resolve(projectRoot, b, "skills"))
+  );
   console.log(`
   Unity UI \u2014 Agent Skills Generator
 `);
-  console.log(`  \u2705 Generated ${count} skills in ${relOutput}/
+  console.log(`  \u2705 Generated ${count} skills \u2192 ${relOutputs.join(", ")}/
 `);
   console.log(`     ${componentNames.length} component skills`);
   console.log(`     1 umbrella routing skill (entry point + migration rules)`);

package/dist/llms.txt

@@ -759,6 +759,68 @@ import { CodeBlock } from '@zvoove/unity-ui';
 />
 ```
 
+### List
+Simple list that renders an array of items with optional dividers and hover highlights. Each item accepts arbitrary `ReactNode` content and extra props are forwarded to the rendered element.
+```tsx
+import { List } from '@zvoove/unity-ui';
+
+<List
+  items={[                      // ListItem<T>[] (required) — each item: { id: string, content: ReactNode, ...elementProps }
+    { id: 'item-1', content: 'Item 1' },
+    { id: 'item-2', content: 'Item 2' },
+  ]}
+  showDividers={true}           // boolean (default: true) — show dividers between items
+  linkComponent="div"           // T | 'div' (default: 'div') — set to 'a' for native links or pass a custom router Link
+/>
+```
+
+Common patterns:
+```tsx
+// Rich content items
+<List
+  items={[
+    {
+      id: 'inbox',
+      content: (
+        <Stack direction="row" gap="sm" align="center">
+          <Icon name="remark" size="xs" />
+          <Typography variant="body" size="medium">Inbox</Typography>
+          <div className="ml-auto"><Tag label="3" color="error" size="small" /></div>
+        </Stack>
+      ),
+    },
+  ]}
+/>
+
+// Native anchor links — extra item props forwarded to <a>
+<List
+  linkComponent="a"
+  items={[
+    { id: 'google', content: 'Google', href: 'https://google.com', target: '_blank', rel: 'noopener noreferrer' },
+  ]}
+/>
+
+// Custom router link (e.g. React Router)
+import { Link } from 'react-router-dom';
+<List
+  linkComponent={Link}
+  items={[
+    { id: 'home', content: 'Home', to: '/' },
+    { id: 'settings', content: 'Settings', to: '/settings' },
+  ]}
+/>
+
+// Inside a Card with header
+<Card padding="none" width={320} variant="outlined">
+  <Stack padding="md" direction="row" gap="sm" align="center">
+    <Icon name="users" size="md" weight="light" />
+    <Typography variant="label" size="large">Team members</Typography>
+  </Stack>
+  <Divider />
+  <List items={[{ id: 'anna', content: 'Anna Mueller' }]} />
+</Card>
+```
+
 ---
 
 ## NAVIGATION COMPONENTS