@myghf/ui 0.3.0 → 0.4.0

package/dist/lib/formField.d.ts

@@ -0,0 +1,27 @@
+import { ComputedRef, InjectionKey } from 'vue';
+/**
+ * Shared context provided by `FormField` and consumed by `Label` (and, in
+ * later tasks, `Input`, `Textarea`, and `Select`) to auto-wire `for`/`id`,
+ * `aria-describedby`, `aria-invalid`, and `required` onto a control.
+ *
+ * Every member is a computed ref so the context stays reactive when the
+ * `FormField` props change after mount.
+ */
+export interface FormFieldContext {
+    /** The control id: the `FormField` `id` prop, or a generated fallback. */
+    id: ComputedRef<string>;
+    /** Space-joined description/error ids, or `undefined` when neither exists. */
+    describedBy: ComputedRef<string | undefined>;
+    /** `true` when the field should be marked invalid (defaults to `Boolean(error)`). */
+    invalid: ComputedRef<boolean>;
+    /** `true` when the field is required. */
+    required: ComputedRef<boolean>;
+}
+export declare const formFieldKey: InjectionKey<FormFieldContext>;
+/**
+ * Reads the nearest `FormField` context. Returns `null` when there is no
+ * provider, so consumers can fall back to their explicit props and behave
+ * exactly as they did before the context existed.
+ */
+export declare function useFormField(): FormFieldContext | null;
+//# sourceMappingURL=formField.d.ts.map

package/dist/lib/formField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.d.ts","sourceRoot":"","sources":["../../src/lib/formField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAEjE;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,EAAE,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACvB,8EAA8E;IAC9E,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,qFAAqF;IACrF,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7B,yCAAyC;IACzC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,gBAAgB,CAA8B,CAAA;AAEtF;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,GAAG,IAAI,CAEtD"}

package/dist/nuxt.d.ts

@@ -0,0 +1,14 @@
+export interface ModuleOptions {
+    /** Auto-import the component exports. */
+    autoImports?: boolean;
+    /** Optional prefix for auto-imported components. */
+    prefix?: string;
+}
+/**
+ * Vue component exports that can be auto-imported by the Nuxt module.
+ * Kept in sync with the component `default` exports in `src/index.ts`.
+ */
+export declare const AUTO_IMPORT_COMPONENTS: string[];
+declare const _default: import('@nuxt/schema').NuxtModule<ModuleOptions, ModuleOptions, false>;
+export default _default;
+//# sourceMappingURL=nuxt.d.ts.map

package/dist/nuxt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nuxt.d.ts","sourceRoot":"","sources":["../src/nuxt.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,UAgDlC,CAAA;;AAED,wBAiCE"}

package/dist/nuxt.js

@@ -0,0 +1,32 @@
+import { addComponent as e, defineNuxtModule as t } from "@nuxt/kit";
+//#region src/nuxt.ts
+var n = /* @__PURE__ */ "ThemeToggle.Icon.Button.Input.InputNumber.Textarea.Password.Label.FormField.FormDescription.FormMessage.Checkbox.Tag.Alert.Message.Spinner.Skeleton.Avatar.Tabs.TabsList.TabsTrigger.TabsContent.Select.SelectButton.DatePicker.Dialog.Drawer.DropdownMenu.DropdownMenuTrigger.DropdownMenuContent.DropdownMenuItem.DropdownMenuSeparator.DropdownMenuLabel.DropdownMenuGroup.TransferList.Table.TableHeader.TableBody.TableRow.TableHead.TableCell.TableEmpty.TablePagination.DataTable.TreeTable.TreeSelect.Toaster".split("."), r = t({
+	meta: {
+		name: "@myghf/ui",
+		configKey: "myghfUi"
+	},
+	defaults: {
+		autoImports: !0,
+		prefix: ""
+	},
+	async setup(t, r) {
+		r.options.build.transpile.push("@myghf/ui"), r.options.css.unshift("@myghf/ui/tokens.css");
+		let i = r.options.tailwindcss;
+		if (i) {
+			i.config ??= {};
+			let e = i.config.content ?? [];
+			e.push("./node_modules/@myghf/ui/dist/**/*.js"), i.config.content = e;
+			let t = i.config.presets ?? [], n = (await import("@myghf/ui/tailwind-preset")).default;
+			t.push(n), i.config.presets = t;
+		}
+		if (t.autoImports) for (let r of n) e({
+			name: `${t.prefix}${r}`,
+			export: r,
+			filePath: "@myghf/ui"
+		});
+	}
+});
+//#endregion
+export { n as AUTO_IMPORT_COMPONENTS, r as default };
+
+//# sourceMappingURL=nuxt.js.map

package/dist/nuxt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nuxt.js","names":[],"sources":["../src/nuxt.ts"],"sourcesContent":["import { addComponent, defineNuxtModule } from '@nuxt/kit'\n\nexport interface ModuleOptions {\n  /** Auto-import the component exports. */\n  autoImports?: boolean\n  /** Optional prefix for auto-imported components. */\n  prefix?: string\n}\n\n/**\n * Vue component exports that can be auto-imported by the Nuxt module.\n * Kept in sync with the component `default` exports in `src/index.ts`.\n */\nexport const AUTO_IMPORT_COMPONENTS = [\n  'ThemeToggle',\n  'Icon',\n  'Button',\n  'Input',\n  'InputNumber',\n  'Textarea',\n  'Password',\n  'Label',\n  'FormField',\n  'FormDescription',\n  'FormMessage',\n  'Checkbox',\n  'Tag',\n  'Alert',\n  'Message',\n  'Spinner',\n  'Skeleton',\n  'Avatar',\n  'Tabs',\n  'TabsList',\n  'TabsTrigger',\n  'TabsContent',\n  'Select',\n  'SelectButton',\n  'DatePicker',\n  'Dialog',\n  'Drawer',\n  'DropdownMenu',\n  'DropdownMenuTrigger',\n  'DropdownMenuContent',\n  'DropdownMenuItem',\n  'DropdownMenuSeparator',\n  'DropdownMenuLabel',\n  'DropdownMenuGroup',\n  'TransferList',\n  'Table',\n  'TableHeader',\n  'TableBody',\n  'TableRow',\n  'TableHead',\n  'TableCell',\n  'TableEmpty',\n  'TablePagination',\n  'DataTable',\n  'TreeTable',\n  'TreeSelect',\n  'Toaster',\n]\n\nexport default defineNuxtModule<ModuleOptions>({\n  meta: { name: '@myghf/ui', configKey: 'myghfUi' },\n  defaults: { autoImports: true, prefix: '' },\n  async setup(options, nuxt) {\n    nuxt.options.build.transpile.push('@myghf/ui')\n    nuxt.options.css.unshift('@myghf/ui/tokens.css')\n\n    // Tailwind is provided by @nuxtjs/tailwindcss, which is not a dependency\n    // here, so access its config defensively.\n    const tw = (nuxt.options as unknown as Record<string, unknown>).tailwindcss as\n      | { config?: Record<string, unknown> }\n      | undefined\n    if (tw) {\n      tw.config ??= {}\n      const content = (tw.config.content as string[] | undefined) ?? []\n      content.push('./node_modules/@myghf/ui/dist/**/*.js')\n      tw.config.content = content\n      const presets = (tw.config.presets as unknown[] | undefined) ?? []\n      // Tailwind requires preset *objects*; it does not resolve string paths.\n      // The specifier is a variable so it is resolved at runtime by the\n      // consumer rather than bundled into this module.\n      const presetId = '@myghf/ui/tailwind-preset'\n      const preset = (await import(presetId)).default\n      presets.push(preset)\n      tw.config.presets = presets\n    }\n\n    if (options.autoImports) {\n      for (const name of AUTO_IMPORT_COMPONENTS) {\n        addComponent({ name: `${options.prefix}${name}`, export: name, filePath: '@myghf/ui' })\n      }\n    }\n  },\n})\n"],"mappings":";;AAaA,IAAa,IAAyB,ihBAgDtC,GAEA,IAAe,EAAgC;CAC7C,MAAM;EAAE,MAAM;EAAa,WAAW;CAAU;CAChD,UAAU;EAAE,aAAa;EAAM,QAAQ;CAAG;CAC1C,MAAM,MAAM,GAAS,GAAM;EAEzB,AADA,EAAK,QAAQ,MAAM,UAAU,KAAK,WAAW,GAC7C,EAAK,QAAQ,IAAI,QAAQ,sBAAsB;EAI/C,IAAM,IAAM,EAAK,QAA+C;EAGhE,IAAI,GAAI;GACN,EAAG,WAAW,CAAC;GACf,IAAM,IAAW,EAAG,OAAO,WAAoC,CAAC;GAEhE,AADA,EAAQ,KAAK,uCAAuC,GACpD,EAAG,OAAO,UAAU;GACpB,IAAM,IAAW,EAAG,OAAO,WAAqC,CAAC,GAK3D,KAAU,MAAM,OAAO,6BAAA,CAAW;GAExC,AADA,EAAQ,KAAK,CAAM,GACnB,EAAG,OAAO,UAAU;EACtB;EAEA,IAAI,EAAQ,aACV,KAAK,IAAM,KAAQ,GACjB,EAAa;GAAE,MAAM,GAAG,EAAQ,SAAS;GAAQ,QAAQ;GAAM,UAAU;EAAY,CAAC;CAG5F;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myghf/ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -23,6 +23,10 @@
     "./tailwind-preset": {
       "import": "./dist/tailwindPreset.js"
     },
+    "./nuxt": {
+      "types": "./dist/nuxt.d.ts",
+      "import": "./dist/nuxt.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -51,11 +55,23 @@
     "tailwind-variants": "^1.0.0"
   },
   "peerDependencies": {
+    "@nuxt/kit": ">=3.0.0",
+    "@nuxt/schema": ">=3.0.0",
     "tailwindcss": "^3.4.0",
     "vue": "^3.5.0"
   },
+  "peerDependenciesMeta": {
+    "@nuxt/kit": {
+      "optional": true
+    },
+    "@nuxt/schema": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@changesets/cli": "^3.0.3",
+    "@nuxt/kit": "^4.5.2",
+    "@nuxt/schema": "^4.5.2",
     "@types/node": "^24.0.0",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/test-utils": "^2.5.1",