@movk/nuxt 1.2.0 → 1.3.0

package/dist/shared/nuxt.DfBEyjld.mjs

@@ -0,0 +1,667 @@
+import 'node:url';
+import { kebabCase } from 'scule';
+import { addTypeTemplate, addTemplate, getLayerDirectories } from '@nuxt/kit';
+
+const popconfirm = () => ({
+  slots: {
+    content: "px-4 py-3 flex flex-col gap-2",
+    arrow: "",
+    header: "flex flex-col gap-1.5",
+    title: "flex gap-2 items-center text-sm text-highlighted font-semibold",
+    description: "text-muted text-xs",
+    body: "",
+    footer: "mt-1 flex items-center justify-end gap-1.5",
+    icon: "size-4 shrink-0"
+  },
+  variants: {
+    type: {
+      primary: { icon: "text-primary" },
+      info: { icon: "text-info" },
+      success: { icon: "text-success" },
+      warning: { icon: "text-warning" },
+      error: { icon: "text-error" },
+      neutral: { icon: "text-muted" }
+    }
+  }
+});
+
+const colorChooser = () => ({
+  slots: {
+    body: "p-2 flex flex-col gap-2 min-w-[14rem]",
+    header: "flex items-center justify-between gap-2",
+    section: "flex flex-col gap-1.5",
+    swatches: "grid grid-cols-8 gap-1",
+    swatch: "rounded ring-1 ring-default cursor-pointer transition hover:scale-110 hover:ring-2 hover:ring-primary aria-selected:ring-2 aria-selected:ring-primary",
+    actions: "mt-1 flex items-center justify-between gap-1.5 border-t border-default pt-2",
+    actionsValue: "text-xs text-muted tabular-nums truncate",
+    actionsButtons: "flex items-center gap-1",
+    triggerChipWrapper: "",
+    triggerChip: "rounded-full ring-1 ring-default shrink-0 transition",
+    triggerLabel: "tabular-nums truncate",
+    triggerIcon: "text-muted shrink-0"
+  },
+  variants: {
+    size: {
+      xs: { triggerChip: "size-2.5", swatch: "size-4", triggerIcon: "size-3" },
+      sm: { triggerChip: "size-3", swatch: "size-4", triggerIcon: "size-3.5" },
+      md: { triggerChip: "size-3.5", swatch: "size-5", triggerIcon: "size-4" },
+      lg: { triggerChip: "size-4", swatch: "size-5", triggerIcon: "size-4" },
+      xl: { triggerChip: "size-5", swatch: "size-6", triggerIcon: "size-5" }
+    },
+    trigger: {
+      button: {},
+      chip: {},
+      input: {}
+    },
+    disabled: {
+      true: { body: "opacity-60 pointer-events-none" }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    trigger: "button"
+  }
+});
+
+const datePicker = () => ({
+  slots: {
+    wrapper: "flex",
+    presets: "flex flex-col gap-1 p-2 border-r border-default min-w-[120px]",
+    presetButton: "justify-start",
+    calendar: "p-2",
+    clearIcon: "cursor-pointer opacity-60 hover:opacity-100 transition-opacity"
+  },
+  variants: {
+    withPresets: {
+      true: {},
+      false: { wrapper: "block" }
+    }
+  },
+  defaultVariants: {
+    withPresets: false
+  }
+});
+
+const dataTablePagination = () => ({
+  slots: {
+    root: "flex flex-col gap-3 px-2 py-3 md:flex-row md:items-center md:justify-between",
+    summary: "flex flex-wrap items-center gap-2 text-sm text-muted",
+    summaryText: "",
+    selectedCount: "text-toned",
+    actions: "flex flex-wrap items-center gap-3",
+    pageSizeSelect: "w-28",
+    pagination: ""
+  }
+});
+
+const asPhoneNumberInput = () => ({
+  slots: {
+    base: "",
+    leading: "",
+    dialCode: ""
+  },
+  variants: {
+    dialCode: {
+      true: {
+        base: "ps-(--dial-code-length)",
+        leading: "pointer-events-none text-muted"
+      }
+    }
+  }
+});
+
+const withClear = () => ({
+  slots: {
+    trailing: "pe-1"
+  }
+});
+
+const withCopy = () => ({
+  slots: {
+    trailing: "pe-1"
+  }
+});
+
+const withFloatingLabel = () => ({
+  slots: {
+    base: "peer",
+    trailing: "pe-1",
+    label: [
+      "pointer-events-none absolute -top-2.5 px-1.5 transition-all",
+      "text-highlighted text-xs font-medium",
+      "peer-focus:-top-2.5 peer-focus:text-highlighted peer-focus:text-xs peer-focus:font-medium",
+      "peer-placeholder-shown:text-dimmed peer-placeholder-shown:font-normal",
+      "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:translate-y-0"
+    ].join(" "),
+    labelText: "inline-flex bg-default px-1"
+  },
+  variants: {
+    size: {
+      xs: { label: "peer-placeholder-shown:text-xs" },
+      sm: { label: "peer-placeholder-shown:text-xs" },
+      md: { label: "peer-placeholder-shown:text-sm" },
+      lg: { label: "peer-placeholder-shown:text-sm" },
+      xl: { label: "peer-placeholder-shown:text-base" }
+    },
+    hasLeading: {
+      true: {},
+      false: { label: "left-0" }
+    }
+  },
+  compoundVariants: [
+    { size: "xs", hasLeading: true, class: { label: "left-5" } },
+    { size: "sm", hasLeading: true, class: { label: "left-6" } },
+    { size: "md", hasLeading: true, class: { label: "left-7" } },
+    { size: "lg", hasLeading: true, class: { label: "left-8" } },
+    { size: "xl", hasLeading: true, class: { label: "left-9" } }
+  ],
+  defaultVariants: {
+    size: "md",
+    hasLeading: false
+  }
+});
+
+const withPasswordToggle = () => ({
+  slots: {
+    trailing: "pe-1"
+  }
+});
+
+const withCharacterLimit = () => ({
+  slots: {
+    trailing: "pointer-events-none",
+    counter: "text-xs text-muted tabular-nums"
+  }
+});
+
+const messageBox = () => ({
+  slots: {
+    title: "flex gap-2 items-center",
+    footer: "justify-end",
+    icon: "size-5 shrink-0"
+  },
+  variants: {
+    type: {
+      primary: { icon: "text-primary" },
+      info: { icon: "text-info" },
+      success: { icon: "text-success" },
+      warning: { icon: "text-warning" },
+      error: { icon: "text-error" },
+      neutral: { icon: "text-muted" }
+    }
+  }
+});
+
+const ROW_SEP = "[[data-slot=tr]+[data-slot=tr]>&]";
+const PINNED = "data-[pinned]";
+const PINNED_L = "data-[pinned=left]";
+const NOT_LAST_NOT_PIN = "not-last:not-data-[pinned=left]:not-data-[pinned=right]";
+const GROUP_HEADER = "[[data-slot=tr]:has([colspan])>&]";
+const BW = "var(--m-dt-border-width,1px)";
+const BC = "var(--m-dt-border-color,var(--ui-border))";
+const BS = "var(--m-dt-border-style,solid)";
+const dataTable = () => ({
+  slots: {
+    wrapper: "flex flex-col min-h-0 relative",
+    base: "border-separate border-spacing-0",
+    tbody: "divide-y-0",
+    th: [
+      `${PINNED}:sticky`,
+      `${PINNED}:[--m-dt-pin-shadow:0_0_0_0_transparent]`,
+      `${PINNED}:shadow-[var(--m-dt-pin-shadow)]`
+    ].join(" "),
+    td: [
+      "empty:p-0",
+      `${ROW_SEP}:border-t`,
+      `${ROW_SEP}:border-default`,
+      `${PINNED}:sticky`,
+      `${PINNED}:[--m-dt-pin-shadow:0_0_0_0_transparent]`,
+      `${PINNED}:shadow-[var(--m-dt-pin-shadow)]`,
+      "[[data-selected=true]>&[data-pinned]]:bg-[color:color-mix(in_oklab,var(--ui-bg-elevated)_50%,transparent)]"
+    ].join(" ")
+  },
+  variants: {
+    fitContent: {
+      true: {
+        base: "w-fit min-w-0"
+      }
+    },
+    bordered: {
+      true: {
+        root: [
+          `border-[length:${BW}]`,
+          `border-[color:${BC}]`,
+          `[border-style:${BS}]`,
+          "rounded-[var(--ui-radius)]"
+        ].join(" "),
+        th: [
+          `${NOT_LAST_NOT_PIN}:border-r-[length:${BW}]`,
+          `${NOT_LAST_NOT_PIN}:border-r-[color:${BC}]`,
+          `${NOT_LAST_NOT_PIN}:[border-right-style:${BS}]`,
+          `${PINNED_L}:shadow-[inset_-1px_0_0_${BC},var(--m-dt-pin-shadow)]`,
+          `${GROUP_HEADER}:border-b-[length:${BW}]`,
+          `${GROUP_HEADER}:border-b-[color:${BC}]`,
+          `${GROUP_HEADER}:[border-bottom-style:${BS}]`
+        ].join(" "),
+        td: [
+          `${ROW_SEP}:border-t-[length:${BW}]`,
+          `${ROW_SEP}:border-t-[color:${BC}]`,
+          `${ROW_SEP}:[border-top-style:${BS}]`,
+          `${NOT_LAST_NOT_PIN}:border-r-[length:${BW}]`,
+          `${NOT_LAST_NOT_PIN}:border-r-[color:${BC}]`,
+          `${NOT_LAST_NOT_PIN}:[border-right-style:${BS}]`,
+          `${PINNED_L}:shadow-[inset_-1px_0_0_${BC},var(--m-dt-pin-shadow)]`
+        ].join(" ")
+      }
+    },
+    striped: {
+      true: {
+        td: "[[data-slot=tr]:nth-child(even)>&[data-pinned]]:bg-[color:color-mix(in_oklab,var(--ui-bg-accented)_10%,transparent)]"
+      }
+    },
+    tree: {
+      true: {
+        tr: "has-[>[data-slot=td]:only-child:empty]:hidden"
+      }
+    },
+    resizing: {
+      true: {
+        base: "cursor-col-resize! select-none! [&_*]:cursor-col-resize! [&_*]:select-none!"
+      }
+    }
+  }
+});
+
+const themePicker = () => ({
+  slots: {
+    content: "w-72 px-6 py-4 flex flex-col gap-4 overflow-y-auto max-h-[calc(100vh-5rem)]"
+  }
+});
+
+const slideVerify = () => ({
+  slots: {
+    root: "w-full relative flex items-center select-none overflow-hidden rounded-md border transition-colors duration-300",
+    track: "absolute inset-0",
+    fill: "absolute inset-y-0 left-0 bg-primary/20 opacity-60",
+    text: "absolute inset-0 flex items-center justify-center font-medium pointer-events-none",
+    slider: "relative z-10 flex shrink-0 touch-none items-center justify-center rounded-md shadow-sm transition-colors",
+    icon: "shrink-0"
+  },
+  variants: {
+    size: {
+      xs: { root: "p-1", text: "text-xs", slider: "px-2 py-1", icon: "size-4" },
+      sm: { root: "p-1.5", text: "text-xs", slider: "px-2.5 py-1.5", icon: "size-4" },
+      md: { root: "p-1.5", text: "text-sm", slider: "px-2.5 py-1.5", icon: "size-5" },
+      lg: { root: "p-2", text: "text-sm", slider: "px-3 py-2", icon: "size-5" },
+      xl: { root: "p-2", text: "text-base", slider: "px-3 py-2", icon: "size-6" }
+    },
+    disabled: {
+      true: { root: "opacity-50 cursor-not-allowed" }
+    },
+    verified: {
+      true: {
+        root: "bg-success border-transparent",
+        slider: "bg-white/90",
+        icon: "text-success"
+      },
+      false: {
+        root: "bg-elevated border-default",
+        slider: "bg-default cursor-grab active:cursor-grabbing ring-1 ring-default",
+        icon: "text-primary"
+      }
+    },
+    fieldGroup: {
+      horizontal: {
+        root: "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]"
+      },
+      vertical: {
+        root: "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+const searchForm = () => ({
+  slots: {
+    root: "group/search",
+    form: "space-y-4",
+    visible: "relative",
+    grid: "grid gap-4 [grid-template-columns:repeat(var(--m-search-cols,1),minmax(0,1fr))] sm:[grid-template-columns:repeat(var(--m-search-cols-sm,var(--m-search-cols)),minmax(0,1fr))] md:[grid-template-columns:repeat(var(--m-search-cols-md,var(--m-search-cols-sm,var(--m-search-cols))),minmax(0,1fr))] lg:[grid-template-columns:repeat(var(--m-search-cols-lg,var(--m-search-cols-md,var(--m-search-cols-sm,var(--m-search-cols)))),minmax(0,1fr))] xl:[grid-template-columns:repeat(var(--m-search-cols-xl,var(--m-search-cols-lg,var(--m-search-cols-md,var(--m-search-cols-sm,var(--m-search-cols))))),minmax(0,1fr))]",
+    header: "",
+    footer: "",
+    actions: "flex items-end gap-2 justify-end",
+    toggleWrapper: "flex justify-center pt-2",
+    toggle: "group opacity-75 hover:opacity-100 active:opacity-90 transition-all duration-200",
+    toggleIcon: "size-3.5 transition-all duration-200 opacity-80 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100",
+    collapsed: "mt-4"
+  }
+});
+
+const autoForm = () => ({
+  slots: {
+    root: "",
+    base: "space-y-4",
+    collapsible: "space-y-4",
+    header: "",
+    footer: "",
+    actions: ""
+  }
+});
+
+const starRating = () => ({
+  slots: {
+    root: "inline-flex items-center gap-1",
+    stars: "flex items-center gap-0.5",
+    star: "transition-all duration-150"
+  },
+  variants: {
+    interactive: {
+      true: { star: "cursor-pointer hover:scale-110" }
+    },
+    disabled: {
+      true: { star: "cursor-not-allowed opacity-50" }
+    },
+    readonly: {
+      true: { star: "cursor-default" }
+    },
+    fieldGroup: {
+      horizontal: {
+        root: "rounded-md bg-default ring ring-inset ring-accented px-1 not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]"
+      },
+      vertical: {
+        root: "rounded-md bg-default ring ring-inset ring-accented px-1 not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
+      }
+    }
+  }
+});
+
+const pillGroup = () => ({
+  slots: {
+    root: "flex items-center gap-2",
+    list: "relative flex group rounded-lg gap-1",
+    item: "inline-flex items-center gap-1.5",
+    leading: "inline-flex items-center shrink-0",
+    leadingIcon: "shrink-0",
+    trailing: "inline-flex items-center shrink-0",
+    trailingIcon: "shrink-0",
+    itemWrapper: "flex flex-col items-start min-w-0 gap-0.5",
+    itemLabel: "truncate",
+    itemDescription: "truncate text-xs"
+  },
+  variants: {
+    orientation: {
+      horizontal: { root: "flex-col", list: "w-full" },
+      vertical: { list: "flex-col" }
+    },
+    fieldGroup: {
+      horizontal: {
+        root: "rounded-md overflow-hidden not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-within:z-[1]",
+        list: "rounded-md"
+      },
+      vertical: {
+        root: "rounded-md overflow-hidden not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-within:z-[1]",
+        list: "rounded-md"
+      }
+    }
+  }
+});
+
+const theme = {
+  __proto__: null,
+  asPhoneNumberInput: asPhoneNumberInput,
+  autoForm: autoForm,
+  colorChooser: colorChooser,
+  dataTable: dataTable,
+  dataTablePagination: dataTablePagination,
+  datePicker: datePicker,
+  messageBox: messageBox,
+  pillGroup: pillGroup,
+  popconfirm: popconfirm,
+  searchForm: searchForm,
+  slideVerify: slideVerify,
+  starRating: starRating,
+  themePicker: themePicker,
+  withCharacterLimit: withCharacterLimit,
+  withClear: withClear,
+  withCopy: withCopy,
+  withFloatingLabel: withFloatingLabel,
+  withPasswordToggle: withPasswordToggle
+};
+
+function prefixClasses(classString, prefix) {
+  if (!prefix || !classString) {
+    return classString;
+  }
+  return classString.split(" ").filter(Boolean).map((cls) => `${prefix}:${cls}`).join(" ");
+}
+function isSizeValue(value) {
+  return /^(?:[23]x[sl]|xs|sm|md|lg|xl)$/.test(value.trim());
+}
+function applyPrefixToObject(obj, prefix, context = []) {
+  if (!obj || !prefix) {
+    return obj;
+  }
+  const currentKey = context[context.length - 1];
+  const compoundVariantsIndex = context.indexOf("compoundVariants");
+  const isInCompoundVariant = compoundVariantsIndex !== -1 && !context.slice(compoundVariantsIndex).includes("class");
+  const isInDefaultVariants = context.includes("defaultVariants");
+  const isComponentSizeValue = typeof obj === "string" && typeof currentKey === "string" && currentKey.endsWith("Size") && isSizeValue(obj);
+  if (typeof obj === "string" && (isInCompoundVariant || isInDefaultVariants || isComponentSizeValue)) {
+    return obj;
+  }
+  if (typeof obj === "string") {
+    return prefixClasses(obj, prefix);
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item, index) => applyPrefixToObject(item, prefix, [...context, String(index)]));
+  }
+  if (typeof obj === "object") {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+      result[key] = applyPrefixToObject(value, prefix, [...context, key]);
+    }
+    return result;
+  }
+  return obj;
+}
+function applyDefaultVariants(result, defaultVariants) {
+  if (!result || !defaultVariants) {
+    return result;
+  }
+  if (defaultVariants.color && result.defaultVariants?.color && result.defaultVariants.color === "primary") {
+    result.defaultVariants.color = defaultVariants.color;
+  }
+  if (defaultVariants.size && result.defaultVariants?.size && result.defaultVariants.size === "md") {
+    result.defaultVariants.size = defaultVariants.size;
+  }
+  return result;
+}
+
+function getTemplates(options, nuxt) {
+  const templates = [];
+  function writeThemeTemplate(theme2, path) {
+    for (const component in theme2) {
+      templates.push({
+        filename: `movk-ui/${""}${kebabCase(component)}.ts`,
+        write: true,
+        getContents: async () => {
+          const template = theme2[component];
+          let result = typeof template === "function" ? template(options) : template;
+          result = applyDefaultVariants(result, options.theme?.defaultVariants);
+          result = applyPrefixToObject(result, options.theme?.prefix);
+          const variants = Object.entries(result.variants || {}).filter(([_, values]) => {
+            const keys = Object.keys(values);
+            return keys.some((key) => key !== "true" && key !== "false");
+          }).map(([key]) => key);
+          let json = JSON.stringify(result, null, 2);
+          for (const variant of variants) {
+            json = json.replace(new RegExp(`("${variant}": "[^"]+")`, "g"), `$1 as typeof ${variant}[number]`);
+            json = json.replace(new RegExp(`("${variant}": \\[\\s*)((?:"[^"]+",?\\s*)+)(\\])`, "g"), (_, before, match, after) => {
+              const replaced = match.replace(/("[^"]+")/g, `$1 as typeof ${variant}[number]`);
+              return `${before}${replaced}${after}`;
+            });
+          }
+          function generateVariantDeclarations(variants2) {
+            return variants2.filter((variant) => json.includes(`as typeof ${variant}`)).map((variant) => {
+              const keys = Object.keys(result.variants[variant]);
+              return `const ${variant} = ${JSON.stringify(keys, null, 2)} as const`;
+            });
+          }
+          return [
+            ...generateVariantDeclarations(variants),
+            `export default ${json}`
+          ].join("\n\n");
+        }
+      });
+    }
+  }
+  writeThemeTemplate(theme);
+  async function generateSources() {
+    if (!nuxt) {
+      return '@source "./movk-ui";';
+    }
+    const sources = [];
+    const layers = getLayerDirectories(nuxt).map((layer) => layer.app);
+    for (const layer of layers) {
+      sources.push(`@source "${layer}**/*";`);
+    }
+    sources.push('@source "./movk-ui";');
+    return sources.join("\n");
+  }
+  templates.push({
+    filename: "movk-ui.css",
+    write: true,
+    getContents: async () => {
+      const sources = await generateSources();
+      const inlineSafelist = '@source inline("{,sm:,md:,lg:,xl:}grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12}");';
+      return `${sources}
+${inlineSafelist}`;
+    }
+  });
+  templates.push({
+    filename: "movk-ui/index.ts",
+    write: true,
+    getContents: () => [
+      ...Object.keys(theme).map((component) => `export { default as ${component} } from './${kebabCase(component)}'`)
+    ].join("\n")
+  });
+  templates.push({
+    filename: "types/movk-ui.d.ts",
+    getContents: () => {
+      return `import * as movkUi from '#build/movk-ui'
+import type { TVConfig, Direction } from '@nuxt/ui'
+import type { defaultConfig } from 'tailwind-variants'
+import type { MovkApiPublicConfig, ApiInstance, ModuleOptions } from '@movk/nuxt'
+import type { HookResult } from '@nuxt/schema'
+import type { FetchContext } from 'ofetch'
+
+type Radius = 0 | 0.125 | 0.25 | 0.375 | 0.5
+type FontFamily = 'Alibaba PuHuiTi' | 'Public Sans' | 'DM Sans' | 'Geist' | 'Inter' | 'Poppins' | 'Outfit' | 'Raleway'
+type Icons = 'lucide' | 'phosphor' | 'tabler'
+
+interface PickerFontEntry {
+  name: string
+  href?: string
+}
+
+type AppConfigUI = {
+  dir?: Direction,
+  radius?: Radius | (number & {})
+  blackAsPrimary?: boolean
+  font?: FontFamily | (string & {})
+  icons?: Icons | (string & {})
+  prefix?: string
+  tv?: typeof defaultConfig
+  picker?: {
+    fonts?: PickerFontEntry[]
+    radiuses?: number[]
+    neutralColors?: string[]
+  }
+} & TVConfig<typeof movkUi>
+
+declare module 'nuxt/app' {
+  interface NuxtApp {
+    $api: ApiInstance
+  }
+
+  interface RuntimeNuxtHooks {
+    'movk:api:request': (context: FetchContext) => HookResult
+    'movk:api:response': (context: FetchContext) => HookResult
+    'movk:api:error': (context: FetchContext) => HookResult
+    'movk:api:unauthorized': (context: FetchContext, result: { handled: boolean }) => HookResult
+  }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtOptions {
+    ['movk']: ModuleOptions
+  }
+
+  interface AppConfig {
+    /**
+     * Movk UI theme configuration
+     * @see https://nuxt.mhaibaraai.cn/docs/getting-started/theme
+     */
+    movk?: AppConfigUI
+  }
+
+  interface PublicRuntimeConfig {
+    movkApi: MovkApiPublicConfig
+  }
+
+  interface RuntimeConfig {
+    movkApi: { endpoints?: Record<string, { headers?: Record<string, string> }> }
+  }
+}
+
+declare module '@nuxt/schema' {
+  interface NuxtOptions {
+    ['movk']: ModuleOptions
+  }
+
+  interface AppConfigInput {
+    /**
+     * Movk UI theme configuration
+     * @see https://nuxt.mhaibaraai.cn/docs/getting-started/theme
+     */
+    movk?: AppConfigUI
+  }
+}
+
+export {}
+`;
+    }
+  });
+  templates.push({
+    filename: "types/movk-api-endpoints.d.ts",
+    getContents: () => {
+      const endpoints = options.api?.endpoints;
+      const keys = endpoints && Object.keys(endpoints).length > 0 ? Object.keys(endpoints) : ["default"];
+      const entries = keys.map((key) => `    ${JSON.stringify(key)}: true`).join("\n");
+      return `declare module '@movk/nuxt' {
+  interface MovkApiEndpoints {
+${entries}
+  }
+}
+
+export {}
+`;
+    }
+  });
+  return templates;
+}
+async function addTemplates(options, nuxt) {
+  const templates = getTemplates(options, nuxt);
+  for (const template of templates) {
+    if (template.filename.endsWith(".d.ts")) {
+      addTypeTemplate(template);
+    } else {
+      addTemplate(template);
+    }
+  }
+}
+
+export { addTemplates as a, getTemplates as g };

package/dist/types.d.mts

@@ -1,9 +1,5 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module.mjs'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
 export { default } from './module.mjs'
 
+export { type ModuleOptions } from './module.mjs'
+
 export * from '../dist/runtime/types/index.js'

package/dist/unplugin.d.mts

@@ -0,0 +1,28 @@
+import * as unplugin from 'unplugin';
+import { NuxtUIOptions } from '@nuxt/ui/unplugin';
+import { ModuleOptions } from './module.mjs';
+import '@nuxt/schema';
+import '../dist/runtime/types/api/module.js';
+import '@nuxt/ui';
+import '../dist/runtime/types/index.js';
+
+interface MovkUIOptions extends Pick<ModuleOptions, 'prefix' | 'theme'> {
+    /** 站点信息，注入 app.config.movkSite；name 作为主题 localStorage key 前缀 */
+    site?: {
+        url?: string;
+        name?: string;
+        description?: string;
+    };
+    /**
+     * Nuxt UI 配置项
+     * @see https://ui.nuxt.com/docs/getting-started/installation/vue#options
+     */
+    ui?: Partial<NuxtUIOptions>;
+}
+declare const runtimeDir: string;
+/** movk 组件层从 `#components` 具名导入的 @nuxt/ui 组件（去 U 前缀映射到 @nuxt/ui/components/<Name>.vue） */
+declare const UI_COMPONENTS: readonly ["UAccordion", "UButton", "UBadge", "UCheckbox", "UCollapsible", "UForm", "UDropdownMenu", "UIcon", "UInput", "UModal", "UPagination", "USelect", "UPopover", "UCalendar", "UColorPicker", "UTable", "UFormField", "UTooltip", "UInputNumber", "USwitch", "UTextarea", "USlider", "UPinInput", "UInputTags", "UFileUpload", "USelectMenu", "UInputMenu", "UCheckboxGroup", "URadioGroup", "UInputDate", "UInputTime", "UListbox"];
+declare const MovkPlugin: unplugin.UnpluginInstance<MovkUIOptions | undefined, boolean>;
+
+export { MovkPlugin, UI_COMPONENTS, runtimeDir };
+export type { MovkUIOptions };