vunor 0.0.5 → 0.0.6

package/dist/nuxt.d.ts

@@ -0,0 +1,6 @@
+import { NuxtModule } from '@nuxt/schema';
+
+declare const index: NuxtModule<any>;
+export default index;
+
+export { }

package/dist/theme.d.ts

@@ -1,14 +1,170 @@
-import { presetVunor } from './theme/preset-vunor';
-import { scFromObject } from './theme/utils/shortcut-obj';
-import { shortcuts } from './components/shortcuts';
-import { TVunorTheme } from './theme/theme';
+import { PresetFactory } from 'unocss';
+import { Theme } from '@unocss/preset-mini';
 
-export { presetVunor }
+export declare const presetVunor: PresetFactory<TVunorTheme, TVunorUnoPresetOpts & {
+    palette?: TPaletteOptions;
+}>;
 
-export { scFromObject }
+export declare function scFromObject(obj: TShortcutObject): string;
 
-export { shortcuts }
+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 { TVunorTheme }
+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>;
+
+declare interface TTypography {
+    size?: number;
+    weight?: number;
+    boldWeight?: number;
+    spacing?: number;
+    height?: number;
+    font?: string;
+    actualHeightFactor?: number;
+    actualHeightTopBottomRatio?: number;
+    css?: Record<string, string>;
+}
+
+declare type TTypographyNames = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subheading' | 'body-l' | 'body' | 'body-s' | 'callout' | 'label' | 'caption' | 'overline';
+
+export declare type TVunorTheme = ReturnType<typeof themeFactory> & Theme;
+
+declare interface TVunorUnoPresetOpts {
+    spacingFactor?: number;
+    actualFontHeightFactor?: number;
+    actualFontHeightTopBottomRatio?: number;
+    cardSpacingFactor?: {
+        regular: number;
+        dense: number;
+    };
+    typography?: {
+        [name in TTypographyNames]: TTypography | undefined;
+    };
+    layers?: {
+        reverseDark?: boolean;
+        reverseLight?: boolean;
+    };
+    fingertip?: {
+        xs?: string;
+        s?: string;
+        m?: string;
+        l?: string;
+        xl?: string;
+    };
+    baseRadius?: string;
+}
 
 export { }

package/dist/theme.mjs

@@ -1,4 +1,3 @@
-import "vue";
 import R, { defu as w } from "defu";
 import { presetWind as N } from "unocss";
 import { palitra as m, color as v } from "@prostojs/palitra";
@@ -175,7 +174,7 @@ const L = {
       "focus:": "outline-[0.5em]"
     })
   })
-}, ar = [
+}, nr = [
   q,
   M,
   L,
@@ -755,6 +754,9 @@ const G = [
     "[&>.icon-color:hover]:": "current-icon-scope-color-500 icon-current"
   })
 };
+function n(r, e = 1) {
+  return e * 1.618 ** r;
+}
 function p(r, e, t, c, i) {
   return {
     weight: r,
@@ -764,9 +766,6 @@ function p(r, e, t, c, i) {
     spacing: i
   };
 }
-function n(r, e = 1) {
-  return e * 1.618 ** r;
-}
 const Z = {
   h1: (
     /*          */
@@ -1118,7 +1117,7 @@ const er = {
     xl: "4em"
   },
   baseRadius: `${g(1 / 1.618, 3)}em`
-}, lr = (r) => {
+}, ar = (r) => {
   const e = w(r, er), t = tr();
   t.preflights || (t.preflights = []), t.preflights.push(E), t.rules || (t.rules = []), t.rules.push(...K);
   const c = P();
@@ -1143,7 +1142,7 @@ function tr() {
   }), r;
 }
 export {
-  lr as presetVunor,
+  ar as presetVunor,
   o as scFromObject,
-  ar as shortcuts
+  nr as shortcuts
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vunor",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -63,8 +63,9 @@
     "./utils": "./src/components/utils/index.ts"
   },
   "devDependencies": {
-    "@nuxt/kit": "^3.12.4",
     "@iconify/utils": "^2.1.23",
+    "@nuxt/kit": "^3.12.4",
+    "@nuxt/schema": "^3.12.4",
     "@prostojs/palitra": "^0.0.3",
     "@tsconfig/node20": "^20.1.4",
     "@types/node": "^20.12.5",
@@ -80,8 +81,8 @@
     "unocss-preset-scrollbar": "^0.3.1",
     "unplugin-auto-import": "^0.17.6",
     "unplugin-vue-components": "^0.27.0",
+    "vite-plugin-dts": "3.8.3",
     "vite": "^5.3.5",
-    "vite-plugin-dts": "^4.0.0-beta.2",
     "vitest": "^1.6.0",
     "vue-tsc": "^2.0.11"
   }

package/src/components/Card/shortcuts.ts

@@ -14,6 +14,6 @@ const headers = [
 
 export const cardShortcuts = {
   card: `data-[rounded=true]:rounded-$card-spacing data-[dense=true]:card-dense! ${headers
-    .map(h => `data-[level=${h}]:card-${h}`)
+    .map(header => `data-[level=${header}]:card-${header}`)
     .join(' ')}`,
 }