@myghf/ui 0.2.0 → 0.4.0

package/dist/lib/date.d.ts

@@ -7,4 +7,11 @@ export declare function clampTime(d: Date, time: string): Date;
 export declare function sortRange(a: Date, b: Date): [Date, Date];
 export declare function sortRange(a: Date | null, b: Date | null): [Date | null, Date | null];
 export declare function toISODate(d: Date): string;
+export declare function buildHourOptions(hourFormat: '12' | '24'): number[];
+export declare function buildMinuteOptions(minuteStep: number): number[];
+export declare function to12Hour(hour24: number): {
+    hour: number;
+    meridiem: 'am' | 'pm';
+};
+export declare function from12Hour(hour: number, meridiem: 'am' | 'pm'): number;
 //# sourceMappingURL=date.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/lib/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsC,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAE1G,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,YAAY,CAEjD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAG9C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI9C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAIrD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AACzD,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAA;AAMrF,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAIzC"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/lib/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsC,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAE1G,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,YAAY,CAEjD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAG9C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI9C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAIrD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AACzD,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAA;AAMrF,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAIzC;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,EAAE,CAGlE;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAK/D;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAKhF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAGtE"}

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/lib/locale.d.ts

@@ -0,0 +1,6 @@
+export declare function getFirstDayOfWeek(locale: string): number;
+export declare function getWeekdayLabels(locale: string, weekStartsOn: number): string[];
+export declare function getMonthLabel(date: Date, locale: string): string;
+export declare function formatLocalizedDate(date: Date, locale: string): string;
+export declare function formatLocalizedTime(date: Date, locale: string, hourFormat: '12' | '24'): string;
+//# sourceMappingURL=locale.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../src/lib/locale.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAYxD;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,CAO/E;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAM/F"}

package/dist/lib/number.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Normalise a numeric field value: empty and non-finite inputs collapse to
+ * `null`, while `0` and every other finite number pass through unchanged.
+ */
+export declare function toNumberOrNull(value: number | null | undefined): number | null;
+/**
+ * Compose the `Intl.NumberFormatOptions` for a number field. Later sources win,
+ * so explicit `formatOptions` override the `currency` shorthand and `integer`
+ * forces zero fraction digits regardless of what came before.
+ */
+export declare function mergeFormatOptions(input: {
+    currency?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+    integer?: boolean;
+}): Intl.NumberFormatOptions;
+//# sourceMappingURL=number.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/lib/number.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAG9E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,IAAI,CAAC,mBAAmB,CAM3B"}

package/dist/lib/theme.d.ts

@@ -0,0 +1,36 @@
+import { ComputedRef, Ref } from 'vue';
+export type ThemeMode = 'light' | 'dark' | 'system';
+export type ThemeAttribute = 'both' | 'class' | 'data-theme';
+export interface UseThemeOptions {
+    /** localStorage key used to persist an explicit mode. Defaults to `'myghf-theme'`. */
+    storageKey?: string;
+    /** Which attribute(s) to write on `<html>`. Defaults to `'both'`. */
+    attribute?: ThemeAttribute;
+    /** Mode used when nothing is stored. Defaults to `'system'`. */
+    defaultMode?: ThemeMode;
+}
+export interface UseThemeReturn {
+    /** The user's chosen mode (`'system'` follows the OS). */
+    mode: Ref<ThemeMode>;
+    /** The effective mode after resolving `'system'` against the OS preference. */
+    resolved: ComputedRef<'light' | 'dark'>;
+    /** Convenience flag: `resolved === 'dark'`. */
+    isDark: ComputedRef<boolean>;
+    setMode(mode: ThemeMode): void;
+    toggle(): void;
+    enable(): void;
+    disable(): void;
+    reset(): void;
+}
+/**
+ * Builds an independent theme controller. Writes `.dark` and/or
+ * `data-theme="dark"` on `<html>` so the CSS dark token block activates.
+ * Safe to call during SSR: without a DOM it resolves to light and is a no-op.
+ */
+export declare function createTheme(options?: UseThemeOptions): UseThemeReturn;
+/**
+ * Returns a single shared theme controller, lazily created on first call.
+ * Later calls reuse it; in dev a mismatched options object logs a warning.
+ */
+export declare function useTheme(options?: UseThemeOptions): UseThemeReturn;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACnD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAA;AAE5D,MAAM,WAAW,eAAe;IAC9B,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,0DAA0D;IAC1D,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAA;IACpB,+EAA+E;IAC/E,QAAQ,EAAE,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,CAAA;IACvC,+CAA+C;IAC/C,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IAC9B,MAAM,IAAI,IAAI,CAAA;IACd,MAAM,IAAI,IAAI,CAAA;IACd,OAAO,IAAI,IAAI,CAAA;IACf,KAAK,IAAI,IAAI,CAAA;CACd;AA4CD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,eAAoB,GAAG,cAAc,CA4EzE;AAKD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,cAAc,CAmBlE"}

package/dist/lib/tones.d.ts

@@ -0,0 +1,9 @@
+export type Tone = 'info' | 'success' | 'warning' | 'danger' | 'secondary';
+export interface ToneClasses {
+    soft: string;
+    outline: string;
+    icon: string;
+    role: 'alert' | 'status';
+}
+export declare const toneClasses: Record<Tone, ToneClasses>;
+//# sourceMappingURL=tones.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tones.d.ts","sourceRoot":"","sources":["../../src/lib/tones.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;AAE1E,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,WAAW,CA+BjD,CAAA"}

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/dist/tailwindPreset.js

@@ -1,5 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
+  darkMode: ['class', '.dark'],
   theme: {
     extend: {
       fontFamily: {

package/dist/tokens.css

@@ -79,3 +79,16 @@
   --myghf-info-800: 0 73 99;
   --myghf-info-900: 0 49 66;
 }
+
+[data-theme='dark'],
+.dark {
+  color-scheme: dark;
+
+  /* surfaces */
+  --myghf-background: 15 18 23;
+  --myghf-foreground: 243 244 246;
+  --myghf-surface: 26 30 37;
+  --myghf-surface-muted: 39 44 53;
+  --myghf-border: 55 61 71;
+  --myghf-muted: 156 163 175;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myghf/ui",
-  "version": "0.2.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": [
@@ -36,6 +40,9 @@
     "typecheck": "vue-tsc --noEmit",
     "test": "vitest run",
     "changeset": "changeset",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
@@ -48,20 +55,35 @@
     "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",
     "@vue/tsconfig": "^0.9.1",
+    "autoprefixer": "^10.6.1",
     "jsdom": "^30.1.1",
+    "postcss": "^8.5.28",
     "tailwindcss": "^3.4.19",
     "typescript": "~6.0.2",
     "vite": "^8.3.1",
     "vite-plugin-dts": "^4.5.4",
+    "vitepress": "^1.6.4",
     "vitest": "^4.1.10",
     "vue": "^3.5.39",
     "vue-tsc": "^3.3.5"