@nuxt/ui 0.4.1 → 2.8.1

package/dist/components/NCheckbox.vue

@@ -1,35 +0,0 @@
-<template>
-  <label
-    class="n-checkbox inline-flex items-center select-none hover:n-checkbox-hover n-disabled:n-disabled"
-    :checked="checked || null"
-    :disabled="disabled || null"
-  >
-    <input
-      v-model="checked"
-      type="checkbox"
-      class="absolute op0 peer"
-      :disabled="disabled"
-      @keypress.enter="checked = !checked"
-    >
-    <span class="n-transition n-checkbox-box n-checked:n-checkbox-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
-      <NIcon class="n-transition n-checkbox-icon transform scale-0 op0 n-checked:op100 n-checked:scale-100" />
-    </span>
-    <span><slot /></span>
-  </label>
-</template>
-
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: boolean
-    disabled?: boolean }>(),
-  {
-    modelValue: false,
-    disabled: false
-  }
-)
-const emit = defineEmits<{(...args: any): void}>()
-const checked = useVModel(props, 'modelValue', emit, { passive: true })
-</script>

package/dist/components/NDarkToggle.vue

@@ -1,28 +0,0 @@
-<script setup lang="ts">
-/* eslint-disable vue/no-multiple-template-root */
-import { useColorMode, useToggle } from '@vueuse/core'
-import { computed } from 'vue'
-
-const mode = useColorMode()
-
-const isDark = computed<boolean>({
-  get () {
-    return mode.value === 'dark'
-  },
-  set (v) {
-    mode.value = v ? 'dark' : 'light'
-  }
-})
-
-const toggle = useToggle(isDark)
-
-const context = {
-  mode,
-  isDark,
-  toggle
-}
-</script>
-
-<template>
-  <slot v-bind="context" />
-</template>

package/dist/components/NDialog.vue

@@ -1,59 +0,0 @@
-<template>
-  <div
-    class="n-dialog n-transition fixed inset-0 flex items-center justify-center z-100"
-    :class="[
-      show ? '' : 'op0 pointer-events-none',
-    ]"
-  >
-    <div
-      class="absolute inset-0 -z-1"
-      :class="[
-        dim ? 'bg-black/50' : ''
-      ]"
-      @click="close"
-    />
-    <NCard v-bind="$attrs" ref="card">
-      <slot />
-    </NCard>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watch, onMounted } from 'vue'
-import { useVModel } from '@vueuse/core'
-import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: boolean
-    dim?: boolean
-  }>(),
-  {
-    modelValue: false,
-    dim: true
-  }
-)
-const emit = defineEmits<{(...args: any): void }>()
-
-const show = useVModel(props, 'modelValue', emit, { passive: true })
-const card = ref(null)
-
-const { activate, deactivate } = useFocusTrap(card, { immediate: false })
-
-onMounted(() => {
-  watch(show, (v) => {
-    if (v) { activate() } else { deactivate() }
-  }, { immediate: true })
-})
-
-function close () {
-  show.value = false
-  emit('close')
-}
-</script>
-
-<script lang="ts">
-export default {
-  inheritAttrs: false
-}
-</script>

package/dist/components/NDropdown.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { onClickOutside, useVModel } from '@vueuse/core'
-
-const props = defineProps<{ modelValue?: boolean }>()
-const emit = defineEmits<{(...args: any): void }>()
-
-const enabled = useVModel(props, 'modelValue', emit, { passive: true })
-const el = ref<HTMLDivElement>()
-
-onClickOutside(el, () => {
-  enabled.value = false
-})
-</script>
-
-<template>
-  <div ref="el" class="relative">
-    <slot name="trigger" :enabled="enabled" @click="enabled = !enabled">
-      <NButton @click="enabled = !enabled">
-        Dropdown
-      </NButton>
-    </slot>
-
-    <div
-      class="absolute z-10 n-transition n-bg-base border n-border-base rounded shadow"
-      :class="[enabled ? 'op-100' : 'op0 pointer-events-none -translate-y-1']"
-    >
-      <slot />
-    </div>
-  </div>
-</template>

package/dist/components/NIcon.vue

@@ -1,9 +0,0 @@
-<template>
-  <div class="n-icon" :class="icon" />
-</template>
-
-<script setup lang="ts">
-defineProps<{
-  icon?: string
-}>()
-</script>

package/dist/components/NLink.vue

@@ -1,20 +0,0 @@
-
-<script setup lang="ts">
-import { NuxtLink } from '#components'
-
-defineProps<{
-  to?: string
-  href?: string
-  target?: string
-}>()
-</script>
-
-<template>
-  <Component
-    :is="(href || target) ? 'a' : NuxtLink"
-    v-bind="$props"
-    class="n-link n-link-base hover:n-link-hover n-transition"
-  >
-    <slot />
-  </Component>
-</template>

package/dist/components/NRadio.vue

@@ -1,40 +0,0 @@
-<template>
-  <label
-    class="n-radio inline-flex items-center select-none hover:n-radio-hover n-disabled:n-disabled"
-    :checked="model === value || null"
-    :disabled="disabled || null"
-  >
-    <input
-      v-model="model"
-      type="radio"
-      class="absolute op0 peer"
-      :disabled="disabled"
-      :name="name"
-      :value="value"
-      @keypress.enter="model = value"
-    >
-    <span class="n-transition n-radio-box n-checked:n-radio-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
-      <div class="n-transition n-radio-inner n-checked:n-radio-inner-checked" />
-    </span>
-    <span><slot /></span>
-  </label>
-</template>
-
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: string
-    disabled?: boolean
-    name?: string
-    value?: string
-  }>(),
-  {
-    modelValue: '',
-    disabled: false
-  }
-)
-const emit = defineEmits<{(...args: any): void}>()
-const model = useVModel(props, 'modelValue', emit, { passive: true })
-</script>

package/dist/components/NSwitch.vue

@@ -1,37 +0,0 @@
-<template>
-  <label
-    class="n-switch n-switch-base n-disabled:n-disabled"
-    :checked="checked || null"
-    :disabled="disabled || null"
-  >
-    <input
-      v-model="checked"
-      type="checkbox"
-      class="absolute op0 peer"
-      :disabled="disabled"
-      @keypress.enter="checked = !checked"
-    >
-    <div class="n-transition n-switch-slider n-checked:n-switch-slider-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
-      <div
-        class="n-transition n-switch-thumb n-checked:n-switch-thumb-checked"
-      />
-    </div>
-    <span><slot /></span>
-  </label>
-</template>
-
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: boolean
-    disabled?: boolean }>(),
-  {
-    modelValue: false,
-    disabled: false
-  }
-)
-const emit = defineEmits<{(...args: any): void}>()
-const checked = useVModel(props, 'modelValue', emit, { passive: true })
-</script>

package/dist/components/NTextInput.vue

@@ -1,34 +0,0 @@
-<template>
-  <div class="n-text-input n-bg-base focus-within:n-focus-base focus-within:border-context rounded px-2 py-1 border n-border-base flex items-center flex">
-    <slot name="icon">
-      <NIcon v-if="icon" :icon="icon" class="mr-0.4em text-1.1em op50" />
-    </slot>
-    <input
-      v-model="input"
-      class="!outline-none flex-auto n-bg-base w-full"
-      :type="type"
-      :placeholder="placeholder"
-    >
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: string
-    placeholder?: string
-    icon?: string
-    disabled?: boolean
-    type?: string
-  }>(),
-  {
-    modelValue: '',
-    disabled: false,
-    type: 'text'
-  }
-)
-const emit = defineEmits<{(...args: any): void}>()
-const input = useVModel(props, 'modelValue', emit, { passive: true })
-</script>

package/dist/components/NTip.vue

@@ -1,16 +0,0 @@
-<template>
-  <div class="n-tip n-tip-base">
-    <slot name="icon">
-      <NIcon v-if="icon" :icon="icon" class="n-tip-icon" />
-    </slot>
-    <div>
-      <slot />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineProps<{
-  icon?: string
-}>()
-</script>

package/dist/components/NuxtContentLogo.vue

@@ -1,7 +0,0 @@
-<template>
-  <svg viewBox="0 0 236 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M29.3445 12.5176c-1.8181-3.10288-6.3636-3.10288-8.1819 0L1.34708 46.334c-1.8182 3.1029.45453 6.9814 4.09096 6.9814H20.9071c-1.5538-1.3478-2.1292-3.6793-.9532-5.68l15.0073-25.5327-5.6167-9.5851Z" fill="#80EEC0" />
-    <path d="M41.9001 19.9353c1.5048-2.5387 5.2665-2.5387 6.7712 0l16.3991 27.6679c1.5048 2.5387-.3762 5.7122-3.3855 5.7122H28.8867c-3.0093 0-4.8904-3.1735-3.3857-5.7122l16.3991-27.6679Z" fill="#00DC82" />
-    <path d="M93.247 53.206c7.271 0 12.682-4.1739 13.273-10.2874h-5.579c-.508 3.2042-3.6358 5.4388-7.694 5.4388-5.1572 0-9.0462-3.5415-9.0462-10.2451 0-6.7037 3.889-10.2875 9.0462-10.2875 3.9735 0 7.102 2.2345 7.524 5.4811h5.834c-.803-6.1135-6.214-10.2875-13.358-10.2875-7.7358 0-14.6684 5.0593-14.6684 15.0939 0 10.0344 6.8059 15.0937 14.6684 15.0937Zm26.866 0c6.468 0 11.118-4.6378 11.118-10.962 0-6.3242-4.65-10.962-11.118-10.962-6.51 0-11.159 4.6378-11.159 10.962 0 6.3242 4.649 10.962 11.159 10.962Zm0-4.4692c-3.55 0-5.918-2.6562-5.918-6.4928 0-3.8368 2.368-6.4927 5.918-6.4927 3.509 0 5.877 2.6559 5.877 6.4927 0 3.8366-2.368 6.4928-5.877 6.4928Zm19.826 4.1319V41.2743c0-3.12 2.029-5.3967 4.946-5.3967 2.663 0 4.439 2.0239 4.439 4.933v12.0581h5.199V39.7143c0-4.975-3.128-8.4323-7.947-8.4323-3.044 0-5.453 1.3071-6.637 3.6259v-3.2886h-5.199v21.2494h5.199Zm21.158-21.2494h-4.185v4.3427h4.185v9.4864c0 4.722 3.044 7.4203 7.694 7.4203h3.424v-4.3849h-2.833c-1.943 0-3.085-1.0961-3.085-3.2464V35.962h5.918v-4.3427h-5.918v-6.4085h-5.2v6.4085Zm28.684 14.1662c-.55 2.0237-2.283 3.12-4.946 3.12-3.297 0-5.495-2.1924-5.876-5.6074h15.725c.043-.4217.085-1.0541.085-1.7709 0-5.0593-3.211-10.2452-10.357-10.2452-6.974 0-10.441 5.2703-10.441 10.8776 0 5.5654 3.89 11.0464 10.864 11.0464 5.243 0 9.215-2.9092 10.018-7.4205h-5.072Zm-5.369-10.6245c3.086 0 4.947 2.0237 5.158 4.722h-10.483c.549-3.2044 2.408-4.722 5.325-4.722Zm19.141 17.7077V41.2743c0-3.12 2.029-5.3967 4.947-5.3967 2.663 0 4.439 2.0239 4.439 4.933v12.0581h5.199V39.7143c0-4.975-3.128-8.4323-7.947-8.4323-3.044 0-5.453 1.3071-6.638 3.6259v-3.2886h-5.199v21.2494h5.199Zm21.159-21.2494h-4.185v4.3427h4.185v9.4864c0 4.722 3.043 7.4203 7.693 7.4203h3.425v-4.3849h-2.833c-1.945 0-3.086-1.0961-3.086-3.2464V35.962h5.919v-4.3427h-5.919v-6.4085h-5.199v6.4085Z" fill="currentColor" />
-  </svg>
-</template>

package/dist/components/NuxtExampleLayout.vue

@@ -1,82 +0,0 @@
-<script setup lang="ts">
-import NIcon from './NIcon.vue'
-import NuxtLogo from './NuxtLogo.vue'
-import NuxtContentLogo from './NuxtContentLogo.vue'
-
-interface Props {
-  example?: string
-  showTips?: boolean
-  class?: string // eslint-disable-line vue/no-reserved-props
-  openPath?: string,
-  repo?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  repo: 'nuxt/framework'
-})
-
-const openInEditor = () => {
-  fetch(`/__open-in-editor?file=${encodeURIComponent(props.openPath || 'app.vue')}`)
-}
-</script>
-
-<template>
-  <div class="relative font-sans" n="green6">
-    <div class="container max-w-200 mx-auto py-10 px-4">
-      <div class="flex flex-wrap items-end gap-3 mb-4 relative">
-        <slot name="logo">
-          <NuxtContentLogo v-if="repo === 'nuxt/content'" class="h-10" />
-          <NuxtLogo v-else class="h-10" />
-        </slot>
-        <div class="text-xl flex">
-          <div class="op-50">
-            examples/
-          </div>
-          <slot name="name">
-            <NLink :href="`https://github.com/${repo}/tree/main/examples/${example}`" target="_blank">
-              {{ example }}
-            </NLink>
-          </slot>
-        </div>
-        <div flex-auto />
-        <div class="op20 hover:op-100 n-transition -mb-2 -mr-1">
-          <NButton
-            n="borderless lg"
-            class="p-2 op50"
-            :to="`https://github.com/${repo}/tree/main/examples/${example}`"
-            target="_blank"
-          >
-            <NIcon icon="carbon-code" />
-          </NButton>
-          <NDarkToggle>
-            <template #default="{ toggle }">
-              <NButton n="borderless lg" p-2 op50 @click="toggle">
-                <NIcon icon="dark:carbon-moon carbon-sun" />
-              </NButton>
-            </template>
-          </NDarkToggle>
-        </div>
-      </div>
-
-      <slot name="subtitle" />
-      <slot name="nav" />
-
-      <NCard class="p-6 flex flex-col gap-2 text-center" :class="$props.class">
-        <slot />
-      </NCard>
-
-      <div
-        v-if="$slots.tips"
-        :class="showTips ? 'opacity-100' : 'opacity-0'"
-        class="transition py-5 flex items-center gap-2 text-gray-400"
-      >
-        <NIcon icon="carbon-idea" class="text-xl flex-none" />
-        <slot name="tips" />
-        <NButton icon="carbon-edit" class="flex-none" @click="openInEditor">
-          Open in Editor
-        </NButton>
-      </div>
-
-      <slot name="footer" />
-    </div>
-  </div>
-</template>

package/dist/components/NuxtLogo.vue

@@ -1,20 +0,0 @@
-<template>
-  <svg viewBox="0 0 221 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#a)">
-      <path
-        fill="currentColor"
-        d="M82.562 18.57h7.302l15.474 24.742V18.571h6.741v35.057h-7.252l-15.525-24.69v24.69h-6.74V18.57Zm59.645 35.058h-6.282v-3.916c-1.429 2.756-4.339 4.308-8.015 4.308-5.822 0-9.603-4.107-9.603-10.018V28.385h6.282V42.71c0 3.456 2.146 5.859 5.362 5.859 3.524 0 5.974-2.704 5.974-6.41V28.385h6.282v25.243Zm21.857-.4-6.026-8.413-6.027 8.414h-6.69l9.296-13.172-8.58-12.071h6.843l5.158 7.264 5.106-7.264h6.895l-8.632 12.07 9.295 13.173h-6.638Zm19.405-32.455v7.611h7.149v5.16h-7.149v12.53c0 .421.17.825.473 1.123.303.298.715.465 1.144.466h5.532v5.955h-4.137c-5.617 0-9.293-3.206-9.293-8.811V33.548h-5.056v-5.164h3.172c1.479 0 2.34-.864 2.34-2.293v-5.318h5.825Z"
-      />
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M30.119 11.546c-1.886-3.242-6.6-3.242-8.484 0L1.087 46.875c-1.885 3.241.472 7.293 4.242 7.293h16.04c-1.61-1.408-2.207-3.844-.988-5.934L35.942 21.56l-5.824-10.013Z"
-        fill="#80EEC0"
-      />
-      <path
-        d="M43.137 19.295c1.56-2.652 5.461-2.652 7.022 0l17.004 28.906c1.56 2.652-.39 5.968-3.51 5.968h-34.01c-3.12 0-5.07-3.316-3.51-5.968l17.004-28.906ZM209.174 53.8h-10.691c0-1.85.067-3.452 0-6.02h10.641c1.868 0 3.353.1 4.354-.935 1-1.034 1.501-2.335 1.501-3.903 0-1.834-.667-3.219-2.002-4.153-1.301-.967-2.985-1.451-5.054-1.451h-2.601v-5.254h2.652c1.701 0 3.119-.4 4.253-1.2 1.134-.801 1.701-1.986 1.701-3.553 0-1.301-.434-2.336-1.301-3.103-.834-.8-2.001-1.2-3.503-1.2-1.634 0-2.918.483-3.853 1.45-.9.968-1.401 2.152-1.501 3.553h-6.254c.133-3.236 1.251-5.788 3.352-7.656 2.135-1.868 4.887-2.802 8.256-2.802 2.402 0 4.42.434 6.055 1.301 1.668.834 2.919 1.952 3.753 3.353.867 1.4 1.301 2.952 1.301 4.653 0 1.968-.551 3.636-1.651 5.004-1.068 1.334-2.402 2.235-4.004 2.702 1.969.4 3.57 1.368 4.804 2.902 1.234 1.501 1.852 3.403 1.852 5.705 0 1.934-.468 3.702-1.402 5.304-.934 1.6-2.301 2.885-4.103 3.852-1.768.968-3.953 1.452-6.555 1.452Z"
-        fill="#00DC82"
-      />
-    </g>
-  </svg>
-</template>

package/dist/components/nuxt/NDarkToggle.vue

@@ -1,28 +0,0 @@
-<script setup lang="ts">
-/* eslint-disable vue/no-multiple-template-root */
-import { computed } from 'vue'
-import { useToggle } from '@vueuse/core'
-import { useColorMode } from '#imports'
-
-const mode = useColorMode() // Auto imported from @nuxtjs/color-mode
-const isDark = computed<boolean>({
-  get () {
-    return mode.value === 'dark'
-  },
-  set () {
-    mode.preference = isDark.value ? 'light' : 'dark'
-  }
-})
-const toggle = useToggle(isDark)
-const context = {
-  mode,
-  isDark,
-  toggle
-}
-</script>
-
-<template>
-  <ColorScheme tag="span">
-    <slot v-bind="context" />
-  </ColorScheme>
-</template>

package/dist/nuxt.d.ts

@@ -1,16 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-declare const _default: _nuxt_schema.NuxtModule<{
-    preset: string;
-    dev: boolean;
-}>;
-
-declare module '@nuxt/schema' {
-    interface NuxtConfig {
-        nui?: {
-            dev?: boolean;
-        };
-    }
-}
-
-export { _default as default };

package/dist/nuxt.mjs

@@ -1,36 +0,0 @@
-import { fileURLToPath } from 'url';
-import { defineNuxtModule, addComponentsDir, createResolver, installModule } from '@nuxt/kit';
-import defu from 'defu';
-import { extendUnocssOptions } from './unocss.mjs';
-import '@unocss/preset-mini/utils';
-import '@unocss/preset-mini';
-import '@unocss/preset-mini/rules';
-import 'unocss';
-
-const rPath = (p) => fileURLToPath(new URL(p, import.meta.url).toString());
-const nuxt = defineNuxtModule({
-  meta: {
-    name: "nui",
-    configKey: "nui"
-  },
-  defaults: {
-    preset: rPath("./preset"),
-    dev: false
-  },
-  async setup(options, nuxt) {
-    addComponentsDir({ path: rPath("./components/nuxt") });
-    addComponentsDir({ path: rPath("./components") });
-    nuxt.options.css.unshift(rPath("assets/styles.css"));
-    if (!options.dev) {
-      nuxt.options.unocss = extendUnocssOptions(nuxt.options.unocss);
-    }
-    nuxt.options.vueuse = nuxt.options.vueuse || {};
-    nuxt.options.colorMode = defu(nuxt.options.colorMode, { classSuffix: "" });
-    const resolver = createResolver(import.meta.url);
-    await installModule(await resolver.resolvePath("@unocss/nuxt"));
-    await installModule(await resolver.resolvePath("@vueuse/nuxt"));
-    await installModule(await resolver.resolvePath("@nuxtjs/color-mode"));
-  }
-});
-
-export { nuxt as default };

package/dist/unocss.d.ts

@@ -1,7 +0,0 @@
-import { Preset } from '@unocss/core';
-import { UnocssNuxtOptions } from '@unocss/nuxt';
-
-declare const NuxtUIPreset: () => Preset;
-declare function extendUnocssOptions(user?: UnocssNuxtOptions): UnocssNuxtOptions;
-
-export { NuxtUIPreset, extendUnocssOptions };

package/dist/unocss.mjs

@@ -1,127 +0,0 @@
-import { parseColor } from '@unocss/preset-mini/utils';
-import { theme } from '@unocss/preset-mini';
-import { fonts } from '@unocss/preset-mini/rules';
-import { mergeDeep, presetUno, presetAttributify, presetTypography, presetIcons, transformerDirectives, transformerVariantGroup } from 'unocss';
-
-const NuxtUIPreset = () => ({
-  name: "nuxt-ui",
-  theme: mergeDeep(theme, {
-    colors: {
-      context: "rgba(var(--nui-c-context),%alpha)"
-    },
-    fontFamily: {
-      sans: "Avenir, Helvetica, Arial, sans-serif"
-    }
-  }),
-  rules: [
-    [/^n-(.*)$/, ([, body], { theme }) => {
-      const color = parseColor(body, theme);
-      if (color?.cssColor?.type === "rgb" && color.cssColor.components) {
-        return {
-          "--nui-c-context": `${color.cssColor.components.join(",")}`
-        };
-      }
-    }],
-    [/^n-(.*)$/, fonts[1][1]],
-    ["n-dashed", { "border-style": "dashed" }],
-    ["n-solid", {
-      "background-color": "rgba(var(--nui-c-context), 1) !important",
-      "border-color": "rgba(var(--nui-c-context), 1)",
-      color: "white !important"
-    }],
-    ["n-disabled", {
-      opacity: 0.4,
-      "pointer-events": "none",
-      filter: "saturate(0)"
-    }]
-  ],
-  variants: [
-    (input) => {
-      const prefix = "n-disabled:";
-      if (input.startsWith(prefix)) {
-        return {
-          matcher: input.slice(prefix.length),
-          selector: (input2) => `[disabled] ${input2}, ${input2}[disabled]`
-        };
-      }
-    },
-    (input) => {
-      const prefix = "n-checked:";
-      if (input.startsWith(prefix)) {
-        return {
-          matcher: input.slice(prefix.length),
-          selector: (input2) => `[checked] ${input2}, ${input2}[checked]`
-        };
-      }
-    }
-  ],
-  shortcuts: {
-    // general
-    "n-bg-base": "bg-white dark:bg-[#222]",
-    "n-border-base": "border-gray-400/50",
-    "n-border-300": "border-gray-400/40",
-    "n-border-200": "border-gray-400/25",
-    "n-transition": "transition-all duration-200",
-    "n-focus-base": "ring-2 ring-context/50",
-    "n-active-base": "ring-3 ring-context/10",
-    "n-borderless": "!border-none !shadow-none",
-    // link
-    "n-link-base": "underline underline-offset-2 underline-black/20 dark:underline-white/40",
-    "n-link-hover": "decoration-dotted text-context underline-context",
-    // card
-    "n-card-base": "border n-border-200 rounded n-bg-base shadow-sm",
-    // header
-    "n-header-upper": "text-sm uppercase mb-2 leading-1.2em tracking-wide op50",
-    // button
-    "n-button-base": "border n-border-base rounded shadow-sm px-1em py-0.25em inline-flex items-center gap-1 op80 !outline-none touch-manipulation",
-    "n-button-hover": "op100 !border-context text-context",
-    "n-button-active": "n-active-base bg-context/5",
-    "n-button-icon": "-ml-0.2em mr-0.2em text-1.1em",
-    // checkbox
-    "n-checkbox-box": "border n-border-base w-1.1em h-1.1em mr-1 text-white flex flex-none items-center rounded-sm overflow-visible",
-    "n-checkbox-box-checked": "bg-context border-context",
-    "n-checkbox-icon": "carbon-checkmark",
-    // radio
-    "n-radio-box": "border n-border-base w-1.2em h-1.2em mr-1 text-white flex flex-none rounded-full overflow-visible",
-    "n-radio-box-checked": "border-context",
-    "n-radio-inner": "bg-context rounded-1/2 w-0 h-0 m-auto",
-    "n-radio-inner-checked": "w-0.8em h-0.8em",
-    // switch
-    "n-switch-base": "inline-flex items-center select-none",
-    "n-switch-slider": "mr-1 rounded-full border n-border-base relative p-2px",
-    "n-switch-slider-checked": "border-context/20 bg-context/10",
-    "n-switch-thumb": "h-1em w-1em rounded-1/2 border n-border-base ml-0 mr-0.8em",
-    "n-switch-thumb-checked": "bg-context border-context ml-0.8em mr-0",
-    // tip
-    "n-tip-base": "bg-context/8 text-context px-1em py-0.4em rounded flex items-center dark:bg-context/12",
-    "n-tip-icon": "-ml-0.2em mr-0.4em text-1.1em"
-  }
-});
-function extendUnocssOptions(user = {}) {
-  return {
-    ...user,
-    preflight: true,
-    presets: [
-      presetUno(),
-      presetAttributify(),
-      presetTypography(),
-      presetIcons({
-        prefix: ["i-", ""],
-        scale: 1.2,
-        extraProperties: {
-          display: "inline-block",
-          "vertical-align": "middle"
-        }
-        // ...(user?.icons || {})
-      }),
-      NuxtUIPreset(),
-      ...user.presets || []
-    ],
-    transformers: [
-      transformerDirectives(),
-      transformerVariantGroup()
-    ]
-  };
-}
-
-export { NuxtUIPreset, extendUnocssOptions };

package/nuxt.cjs

@@ -1,7 +0,0 @@
-// CommonJS proxy to bypass jiti transforms from nuxt 2 and using native ESM
-module.exports = function (...args) {
-  return import('./dist/nuxt.mjs').then(m => m.default.call(this, ...args))
-}
-
-// eslint-disable-next-line
-module.exports.meta = require('./package.json')