@wangs-ui/skills 1.1.1 → 1.1.2

package/dist/bin.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { i as listSkills, n as updateSkills, r as addSkills, t as removeSkills } from "./src-B3ouEs2Q.js";
+import { i as listSkills, n as updateSkills, r as addSkills, t as removeSkills } from "./src-Cx6qp7y4.js";
 import path from "node:path";
 import { parseArgs } from "node:util";
 //#region bin.ts

package/dist/index.js

@@ -1,2 +1,2 @@
-import { a as getAgentSkillDirs, c as isSkillInstalled, d as loadAllSkills, i as listSkills, l as removeSkill, n as updateSkills, o as getInstalledSkills, r as addSkills, s as installSkill, t as removeSkills, u as getSkill } from "./src-B3ouEs2Q.js";
+import { a as getAgentSkillDirs, c as isSkillInstalled, d as loadAllSkills, i as listSkills, l as removeSkill, n as updateSkills, o as getInstalledSkills, r as addSkills, s as installSkill, t as removeSkills, u as getSkill } from "./src-Cx6qp7y4.js";
 export { addSkills, getAgentSkillDirs, getInstalledSkills, getSkill, installSkill, isSkillInstalled, listSkills, loadAllSkills, removeSkill, removeSkills, updateSkills };

package/dist/{src-B3ouEs2Q.js → src-Cx6qp7y4.js}

@@ -1,6 +1,7 @@
 import path from "node:path";
 import fs from "node:fs";
 import { fileURLToPath } from "node:url";
+import os from "node:os";
 import { cancel, intro, isCancel, multiselect, outro } from "@clack/prompts";
 //#region skills/create-form/SKILL.md?raw
 var SKILL_default$7 = "---\nname: create-form\ndescription: Form architecture, validation workflows, strongly-typed forms (useForm, useDialogForm, useWatchField), initialValues/reset lifecycle, and MCP discovery protocol for building forms and input controls with @wangs-ui/react-core.\n---\n\n# Skill: Form Architecture & Validation Workflows\n\nUse this skill when building forms, data entry panels, modal forms, settings pages, or multipart forms in Wangs UI applications.\n\n---\n\n## 1. MCP Protocol & Component Rules (Mandatory Single Source of Truth)\n\nDo **NOT** hardcode or guess prop names, component options, preset variations, or Storybook patterns in this document. Always retrieve component definitions, active props, and live Storybook implementations directly via MCP:\n\n### Component & Form Documentation Protocol:\n\n```json\nget-documentation({ \"id\": \"form\" })\nget-documentation({ \"id\": \"field\" })\nget-documentation({ \"id\": \"dialogform\" })\nget-documentation({ \"id\": \"input\" })\nget-documentation({ \"id\": \"numberinput\" })\nget-documentation({ \"id\": \"select\" })\nget-documentation({ \"id\": \"multiselect\" })\nget-documentation({ \"id\": \"datepicker\" })\nget-documentation({ \"id\": \"fileupload\" })\n```\n\n### Live Storybook & Interactive Behavior Protocol:\n\n```json\nget-documentation-for-story({ \"id\": \"form\", \"storyName\": \"Default\" })\nget-documentation-for-story({ \"id\": \"form\", \"storyName\": \"AsyncInitialValues\" })\nget-documentation-for-story({ \"id\": \"form\", \"storyName\": \"ConditionalFields\" })\nget-documentation-for-story({ \"id\": \"form\", \"storyName\": \"CascadingOptions\" })\nget-documentation-for-story({ \"id\": \"dialogform\", \"storyName\": \"Default\" })\n```\n\n### Knowledge Graph & Symbol Usages:\n\n```json\nquery_graph({ \"query\": \"useForm\" })\nquery_graph({ \"query\": \"useDialogForm\" })\nquery_graph({ \"query\": \"useWatchField\" })\n```\n\n---\n\n## 2. Core Form Concepts & Lifecycle Mechanics\n\n### A. Strongly Typed Form Instance (`useForm<TForm>()`)\n\n`useForm<TForm>()` instantiates a `FormControl` natively bound to model type `TForm`.\n\n- `Field`: `name` is strictly typed to `Path<TForm>` dot-paths.\n- `useWatchField`: `name` is strictly typed to `Path<TForm>`.\n- `control`: Provides `setInitialValues`, `setValues`, `setFieldError`, `setErrors`, and `reset`.\n\n### B. Dynamic Initial Values & Baseline Reset (`setInitialValues` vs `setValues`)\n\n1. **Async Initial Values (`control.setInitialValues(values)`)**:\n   - Accepts a `Partial<TForm>` JSON object (e.g. fetched from an API).\n   - Establishes an **immutable baseline** for registered fields. Once set for a field path, subsequent calls to `setInitialValues` for that path are ignored.\n2. **Batch Value Updates (`control.setValues(values)`)**:\n   - Accepts a `Partial<TForm>` JSON object to update current input values without altering the initial baseline.\n3. **Reset Behavior (`control.reset()`)**:\n   - Restores all fields back to their registered initial baseline values (set via `setInitialValues` or field `initialValue`) and clears all field-level validation errors.\n\n### C. Primitive Component Integration Architecture\n\n`Field` serves as the form integration wrapper for primitive UI input components (`Input`, `Select`, `MultiSelect`, `DatePicker`, `NumberInput`, `FileUpload`, `Calendar`, etc.):\n\n- **Children Render Callback**: `Field` yields `{ fieldProps, fieldState }`.\n- **`fieldProps`**: Pass directly to primitive inputs (`<Input {...fieldProps} />`). Contains `name`, `value`, `ref`, `onChange`.\n- **`fieldState`**: Provides `invalid`, `error`, `isDirty`, `isPending`. Pass `invalid={fieldState.invalid}` to primitive components for accessibility and validation styling.\n\n---\n\n## 3. High-Level Form Architecture & Usage Patterns\n\n### Pattern 1: Page Forms (`useForm<T>()`)\n\n```tsx\nimport Button from '@wangs-ui/react-core/primitive/button';\nimport { useForm } from '@wangs-ui/react-core/primitive/form';\nimport Input from '@wangs-ui/react-core/primitive/input';\nimport { useI18n } from '@wangs-ui/react-i18n';\nimport { useEffect } from 'react';\n\ninterface UserProfile {\n  name: string;\n  email: string;\n}\n\nexport function UserProfilePage({ userId }: { userId: string }) {\n  const { t } = useI18n();\n  const { Form, Field, control } = useForm<UserProfile>();\n\n  useEffect(() => {\n    async function loadData() {\n      const data = await fetchUserData(userId);\n      // Establish immutable initial baseline from async response\n      control.setInitialValues(data);\n    }\n    loadData();\n  }, [userId, control]);\n\n  return (\n    <Form control={control} onSubmit={(values) => saveUserData(values)}>\n      <Field required label={t('Full Name')} name=\"name\">\n        {({ fieldProps, fieldState }) => (\n          <Input {...fieldProps} invalid={fieldState.invalid} placeholder={t('Enter full name')} />\n        )}\n      </Field>\n\n      <div className=\"flex gap-2\">\n        <Button\n          label={t('Reset')}\n          type=\"button\"\n          variant=\"outlined\"\n          onClick={() => control.reset()}\n        />\n        <Button label={t('Save')} type=\"submit\" />\n      </div>\n    </Form>\n  );\n}\n```\n\n### Pattern 2: Modal Forms (`useDialogForm<T>()`)\n\n```tsx\nimport Button from '@wangs-ui/react-core/primitive/button';\nimport { useDialogForm } from '@wangs-ui/react-core/primitive/dialogform';\nimport Input from '@wangs-ui/react-core/primitive/input';\nimport { useI18n } from '@wangs-ui/react-i18n';\nimport { useState } from 'react';\n\ninterface EditUserForm {\n  name: string;\n}\n\nexport function EditUserModal() {\n  const { t } = useI18n();\n  const [open, setOpen] = useState(false);\n  const { DialogForm, Field, control } = useDialogForm<EditUserForm>();\n\n  return (\n    <>\n      <Button label={t('Edit')} onClick={() => setOpen(true)} />\n      <DialogForm\n        closeOnSubmit\n        control={control}\n        header={t('Edit User')}\n        open={open}\n        onOpenChange={setOpen}\n        onSubmit={(values) => handleSave(values)}\n      >\n        <Field required label={t('Full Name')} name=\"name\">\n          {({ fieldProps, fieldState }) => <Input {...fieldProps} invalid={fieldState.invalid} />}\n        </Field>\n      </DialogForm>\n    </>\n  );\n}\n```\n\n---\n\n## 4. Mandatory Implementation Guidelines\n\n1. **Query MCP First**: Never guess component props or story examples — inspect via MCP tools.\n2. **Granular Primitive Subpaths**: Import primitives via exact subpath modules (`@wangs-ui/react-core/primitive/form`, `@wangs-ui/react-core/primitive/dialogform`, `@wangs-ui/react-core/primitive/input`).\n3. **i18n Localization**: Wrap all user-visible labels, placeholders, and error strings in `t('...')` from `@wangs-ui/react-i18n`.\n4. **Server Error Mapping**: Map HTTP validation errors (e.g. 422 response) into the form using `control.setErrors(apiErrors)`.\n";
@@ -88,7 +89,8 @@ function getAgentSkillDirs(baseDir = process.cwd()) {
 		path.join(baseDir, ".agents", "skills"),
 		path.join(baseDir, ".claude", "skills"),
 		path.join(baseDir, ".opencode", "skills"),
-		path.join(baseDir, ".kilo", "skills")
+		path.join(baseDir, ".kilo", "skills"),
+		path.join(os.homedir(), ".gemini", "config", "skills")
 	];
 	for (const c of candidates) if (fs.existsSync(c) || fs.existsSync(path.dirname(c))) dirs.push(c);
 	if (dirs.length === 0) dirs.push(path.join(baseDir, ".agents", "skills"));
@@ -144,7 +146,7 @@ function removeSkill(skillId, baseDir = process.cwd()) {
 //#endregion
 //#region src/commands/list.ts
 function listSkills(baseDir = process.cwd()) {
-	intro(`\x1b[1m\x1b[36m📦 Wangs UI Consumer Skills Registry\x1b[0m (v1.1.0)`);
+	intro(`\x1b[1m\x1b[36m📦 Wangs UI Consumer Skills Registry\x1b[0m (v1.1.1)`);
 	const allSkills = loadAllSkills();
 	const targetDirs = getAgentSkillDirs(baseDir);
 	if (allSkills.length === 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wangs-ui/skills",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "CLI to install, update, and manage modular AI agent skills for Wangs UI React applications",
   "keywords": [
     "agents",