vunor 0.0.3 → 0.0.5

package/dist/nuxt.mjs

@@ -0,0 +1,52 @@
+import { defineNuxtModule as a, addComponent as r } from "@nuxt/kit";
+var u = [
+  "AppLayout",
+  "Button",
+  "ButtonBase",
+  "Card",
+  "CardHeader",
+  "CardInner",
+  "Checkbox",
+  "Combobox",
+  "Icon",
+  "Input",
+  "InputShell",
+  "Label",
+  "LoadingIndicator",
+  "Menu",
+  "MenuItem",
+  "OverflowContainer",
+  "Pagination",
+  "Popover",
+  "RadioGroup",
+  "Select",
+  "SelectBase",
+  "Slider"
+];
+const o = u, d = a({
+  meta: {
+    name: "vunor/nuxt",
+    configKey: "vunor",
+    compatibility: {
+      nuxt: ">=3.0.0"
+    }
+  },
+  defaults: {
+    // prefix: '',
+    components: !0
+  },
+  setup(n) {
+    if (n.components) {
+      const t = Array.isArray(n.components) ? o.filter((e) => n.components.includes(e)) : o;
+      for (const e of t)
+        r({
+          name: `Vu${e}`,
+          export: "default",
+          filePath: `vunor/${e}.vue`
+        });
+    }
+  }
+});
+export {
+  d as default
+};

package/dist/theme.d.ts

@@ -1,133 +1,14 @@
-import { PresetFactory } from 'unocss';
-import { Theme } from '@unocss/preset-mini';
-import { TTypographyNames } from './types';
-import { TVunorUnoPresetOpts } from './types';
+import { presetVunor } from './theme/preset-vunor';
+import { scFromObject } from './theme/utils/shortcut-obj';
+import { shortcuts } from './components/shortcuts';
+import { TVunorTheme } from './theme/theme';
 
-export declare const presetVunor: PresetFactory<TVunorTheme, TVunorUnoPresetOpts & {
-    palette?: TPaletteOptions;
-}>;
+export { presetVunor }
 
-export declare function scFromObject(obj: TShortcutObject): string;
+export { scFromObject }
 
-export declare const shortcuts: ({
-    btn: string;
-    'btn-square': string;
-    'btn-label': string;
-    'btn-icon': string;
-} | {
-    card: string;
-} | {
-    'checkbox-root': string;
-    checkbox: string;
-    'checkbox-indicator': string;
-    'checkbox-icon': string;
-    'checkbox-label': string;
-} | {
-    'combobox-multi-input': string;
-    'combobox-multi-items': string;
-    'combobox-embedded-input': string;
-    'combobox-c8-icon': string;
-} | {
-    'loading-indicator': string;
-    'loading-indicator-ring': string;
-} | {
-    'menu-root': string;
-    'menu-item': string;
-} | {
-    'rb-container': string;
-    'rb-label': string;
-    'rb-root': string;
-    'rb-item-wrapper': string;
-    'rb-item': string;
-    'rb-item-indicator': string;
-    'rb-item-label': string;
-} | {
-    'select-content': string;
-    'select-scroll-btn': string;
-    'select-grp-label': string;
-    'select-item': string;
-    'select-separator': string;
-} | {
-    slider: string;
-    'slider-track': string;
-    'slider-range': string;
-    'slider-thumb': string;
-})[];
+export { shortcuts }
 
-declare const themeFactory: (opts: Required<TVunorUnoPresetOpts> & {
-    palette?: TPaletteOptions;
-}) => {
-    colors: {
-        [x: string]: string;
-    };
-    surfaces: Record<string, [string, string, string, string, string, string]>;
-    borderColor: string;
-    reverseLightLayers: boolean;
-    reverseDarkLayers: boolean;
-    lineHeight: {
-        fingertip: string;
-        'fingertip-half': string;
-        'fingertip-xs': string;
-        'fingertip-s': string;
-        'fingertip-m': string;
-        'fingertip-l': string;
-        'fingertip-xl': string;
-    };
-    spacing: Record<string, string>;
-    fontWeight: Record<string, string>;
-    actualFontHeightFactor: number;
-    cardSpacingFactor: {
-        regular: number;
-        dense: number;
-    };
-    fontSize: Record<string, [TTypographyNames, Record<string, string>]>;
-    width: Record<string, string>;
-    height: Record<string, string>;
-    maxWidth: Record<string, string>;
-    maxHeight: Record<string, string>;
-    minWidth: Record<string, string>;
-    minHeight: Record<string, string>;
-    borderRadius: {
-        base: string;
-    };
-    animation: {
-        durations: {
-            'slide-down-and-fade': string;
-            'slide-left-and-fade': string;
-            'slide-up-and-fade': string;
-            'slide-right-and-fade': string;
-            'zoom-fade-in': string;
-        };
-        keyframes: {
-            'slide-down-and-fade': string;
-            'slide-left-and-fade': string;
-            'slide-up-and-fade': string;
-            'slide-right-and-fade': string;
-            'zoom-fade-in': string;
-            'loading-dashoffset': string;
-            'cb-appear': string;
-        };
-    };
-};
-
-declare interface TPaletteOptions {
-    colors?: {
-        primary?: string;
-        secondary?: string;
-        grey?: string;
-        neutral?: string;
-        good?: string;
-        warn?: string;
-        error?: string;
-    };
-    lightest?: number;
-    darkest?: number;
-}
-
-declare type TScString = string | string[];
-
-declare type TShortcutObject = Record<string, Record<string, Record<string, TScString | undefined> | TScString | undefined> | TScString | undefined>;
-
-export declare type TVunorTheme = ReturnType<typeof themeFactory> & Theme;
+export { TVunorTheme }
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vunor",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -33,6 +33,10 @@
       "import": "./dist/vite.mjs",
       "types": "./dist/vite.d.ts"
     },
+    "./nuxt": {
+      "import": "./dist/nuxt.mjs",
+      "types": "./dist/nuxt.d.ts"
+    },
     "./Input.vue": "./src/components/Input/Input.vue",
     "./InputBase.vue": "./src/components/Input/InputBase.vue",
     "./Button.vue": "./src/components/Button/Button.vue",
@@ -59,6 +63,7 @@
     "./utils": "./src/components/utils/index.ts"
   },
   "devDependencies": {
+    "@nuxt/kit": "^3.12.4",
     "@iconify/utils": "^2.1.23",
     "@prostojs/palitra": "^0.0.3",
     "@tsconfig/node20": "^20.1.4",
@@ -75,8 +80,8 @@
     "unocss-preset-scrollbar": "^0.3.1",
     "unplugin-auto-import": "^0.17.6",
     "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.9.1",
+    "vite": "^5.3.5",
+    "vite-plugin-dts": "^4.0.0-beta.2",
     "vitest": "^1.6.0",
     "vue-tsc": "^2.0.11"
   }

package/src/components/Button/Button.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { RouterLink, type RouteLocationRaw } from 'vue-router'
+import VuButtonBase from './ButtonBase.vue'
 
 const props = defineProps<{
   label?: string

package/src/components/Input/InputShell.vue

@@ -47,6 +47,8 @@ function focusInput(event: MouseEvent) {
     input.focus()
   }
 }
+
+const hasValue = computed(() => (modelValue.value ? '' : undefined))
 </script>
 
 <template>
@@ -60,7 +62,7 @@ function focusInput(event: MouseEvent) {
       'segmented': groupItem,
     }"
     v-bind="attrs"
-    :data-has-value="!!modelValue"
+    :data-has-value="hasValue"
     :data-active="focused || active"
   >
     <span class="i8-underline" />
@@ -75,7 +77,7 @@ function focusInput(event: MouseEvent) {
         'i8-icon-clickable': !!onPrependClick,
       }"
     >
-      <slot name="prepend" v-bind="attrs" :data-has-value="!!modelValue">
+      <slot name="prepend" v-bind="attrs" :data-has-value="hasValue">
         <VuIcon :name="iconPrepend!" @click="emit('prependClick', $event)" />
       </slot>
     </div>
@@ -124,7 +126,7 @@ function focusInput(event: MouseEvent) {
       <slot
         name="append"
         v-bind="attrs"
-        :data-has-value="!!modelValue"
+        :data-has-value="hasValue"
         :emitClick="(event: MouseEvent) => emit('appendClick', event)"
         :iconAppend
       >