vunor 0.0.10 → 0.0.11

package/dist/theme.mjs

@@ -1,7 +1,7 @@
 import A, { defu as F } from "defu";
 import { presetWind as C } from "unocss";
-import { palitra as S, color as z } from "@prostojs/palitra";
-const g = (r) => r, L = g({
+import { palitra as w, color as S } from "@prostojs/palitra";
+const f = (e) => e, L = f({
   btn: {
     "": "h-fingertip flex items-center justify-center px-$m gap-$xs select-none fw-bold tracking-wide relative",
     "[&.btn-round]:": "px-fingertip-half rounded-fingertip-half",
@@ -38,9 +38,9 @@ const g = (r) => r, L = g({
   "body",
   "body-s",
   "callout"
-], D = g({
-  card: `data-[rounded=true]:rounded-$card-spacing data-[dense=true]:card-dense! ${N.map((r) => `data-[level=${r}]:card-${r}`).join(" ")}`
-}), T = g({
+], D = f({
+  card: `data-[rounded=true]:rounded-$card-spacing data-[dense=true]:card-dense! ${N.map((e) => `data-[level=${e}]:card-${e}`).join(" ")}`
+}), T = f({
   "checkbox-root": {
     "": "text-body select-none flex gap-$m cursor-default current-bg-scope-color-500 current-border-scope-color-500",
     "data-[error=true]:": "current-border-error-500",
@@ -63,7 +63,7 @@ const g = (r) => r, L = g({
   "checkbox-label": {
     "": "select-none text-body lh-1.5em"
   }
-}), q = g({
+}), q = f({
   "combobox-multi-input": "i8-input relative flex items-center",
   "combobox-multi-items": "text-ellipsis overflow-hidden whitespace-nowrap absolute max-w-full pr-$m lh-1em",
   "combobox-embedded-input": "text-left outline-0 outline-offset-0",
@@ -71,16 +71,16 @@ const g = (r) => r, L = g({
     "": "hover:current-icon-scope-color-500 hover:icon-current cursor-pointer",
     "group-[[aria-expanded=true]]/i8:": "-scale-100"
   }
-}), M = g({
+}), M = f({
   "loading-indicator": "cursor-wait",
   "loading-indicator-ring": {
     "": "animate-spin animate-duration-1500",
     "[&>circle]:": "animate-loading-dashoffset animate-count-infinite animate-duration-2500"
   }
-}), I = g({
+}), I = f({
   "menu-root": "flex flex-col overflow-hidden",
   "menu-item": "justify-start c8-flat gap-$m w-full fw-400"
-}), X = g({
+}), X = f({
   "rb-container": {
     "": "flex flex-col gap-$s text-body"
   },
@@ -110,7 +110,7 @@ const g = (r) => r, L = g({
     "": "select-none px-$s text-body leading-none lh-1.25em",
     "aria-[disabled=true]:": "scope-grey opacity-50 cursor-not-allowed"
   }
-}), Y = g({
+}), Y = f({
   "select-content": {
     "": "min-w-[60px] rounded-base surface-0 bg-current overflow-hidden shadow-xl z-[100] current-border-grey-400 border-current/20 ",
     "data-[design=round]:": "rounded-fingertip-half",
@@ -136,7 +136,7 @@ const g = (r) => r, L = g({
     "[&>span]:data-[state=checked]:": "text-scope-color-500 fw-700!"
   },
   "select-separator": "h-[1px] bg-grey-500/10 mx-$s"
-}), B = g({
+}), B = f({
   slider: {
     "": "relative flex items-center select-none touch-none min-w-2em min-h-2em"
   },
@@ -166,7 +166,7 @@ const g = (r) => r, L = g({
   q,
   B,
   M
-], U = g({
+], U = f({
   // FILLED
   "c8-filled": {
     "": "current-bg-scope-color-500 rounded-base current-text-white current-icon-white icon-current/100 bg-current  text-current",
@@ -238,7 +238,7 @@ const g = (r) => r, L = g({
   "c8-light-active": {
     "not-([disabled]):": "bg-current/20"
   }
-}), _ = g({
+}), G = f({
   i8: {
     "": "h-fingertip min-w-3em flex items-center select-none relative current-icon-grey-500 icon-current content-box current-border-grey-500 border-current/20",
     "data-[type=textarea]": "min-h-fingertip h-auto items-start",
@@ -377,37 +377,37 @@ const g = (r) => r, L = g({
     "[&>.icon-color:hover]:": "current-icon-scope-color-500 icon-current"
   }
 });
-function m(r) {
+function h(e) {
   let t = "";
-  for (const [e, o] of Object.entries(r)) {
+  for (const [r, o] of Object.entries(e)) {
     const c = H(o);
-    t += `${c.map((n) => `${e}${n}`).join(" ")} `;
+    t += `${c.map((n) => `${r}${n}`).join(" ")} `;
   }
   return t.trim();
 }
-function H(r) {
-  if (typeof r == "string")
-    return r.split(" ");
-  if (Array.isArray(r))
-    return r;
+function H(e) {
+  if (typeof e == "string")
+    return e.split(" ");
+  if (Array.isArray(e))
+    return e;
   const t = [];
-  for (const [e, o] of Object.entries(r))
-    t.push(...H(o).map((c) => `${e}${c}`));
+  for (const [r, o] of Object.entries(e))
+    t.push(...H(o).map((c) => `${r}${c}`));
   return t;
 }
-const G = (r, t) => {
-  const e = {}, o = /* @__PURE__ */ new Set([...Object.keys(t), ...Object.keys(r)]);
+const J = (e, t) => {
+  const r = {}, o = /* @__PURE__ */ new Set([...Object.keys(t), ...Object.keys(e)]);
   for (const c of Array.from(o))
     if (!Object.prototype.hasOwnProperty.call(t, c))
-      e[c] = r[c];
-    else if (!Object.prototype.hasOwnProperty.call(r, c))
-      e[c] = t[c];
+      r[c] = e[c];
+    else if (!Object.prototype.hasOwnProperty.call(e, c))
+      r[c] = t[c];
     else {
-      let n = t[c], i = r[c];
-      Array.isArray(n) && (n = n.join(" ")), Array.isArray(i) && (i = i.join(" ")), typeof n == "string" && typeof i == "string" ? e[c] = `${i} ${n}` : typeof n == "object" && typeof i == "string" ? e[c] = `${i} ${m(n)}` : typeof n == "string" && typeof i == "object" ? e[c] = `${m(i)} ${n}` : typeof n == "object" && typeof i == "object" && (e[c] = `${m(i)} ${m(n)}`);
+      let n = t[c], i = e[c];
+      Array.isArray(n) && (n = n.join(" ")), Array.isArray(i) && (i = i.join(" ")), typeof n == "string" && typeof i == "string" ? r[c] = `${i} ${n}` : typeof n == "object" && typeof i == "string" ? r[c] = `${i} ${h(n)}` : typeof n == "string" && typeof i == "object" ? r[c] = `${h(i)} ${n}` : typeof n == "object" && typeof i == "object" && (r[c] = `${h(i)} ${h(n)}`);
     }
-  return e;
-}, R = (r) => r.reduce((t, e) => G(t, e), {}), h = {
+  return r;
+}, R = (e) => e.reduce((t, r) => J(t, r), {}), K = {
   colors: {
     primary: { color: "#004eaf", preserveInputColor: !0, saturate: { dark: -0.2, light: -0.2 } },
     grey: { color: "#858892", saturate: { dark: 0, light: 0 } },
@@ -558,55 +558,55 @@ const G = (r, t) => {
     ]
   }
 };
-function J(r) {
-  var d, f, $, k, w, x;
-  const t = (h == null ? void 0 : h.colors) || {};
-  for (const y of Object.keys(t)) {
-    const j = h == null ? void 0 : h.colors[y];
-    typeof j == "string" && (t[y] = { color: j });
+function Q(e) {
+  var d, g, v, y, k, $, x;
+  const t = (e == null ? void 0 : e.colors) || {};
+  for (const z of Object.keys(t)) {
+    const j = (d = e == null ? void 0 : e.colors) == null ? void 0 : d[z];
+    typeof j == "string" && (t[z] = { color: j });
   }
-  const e = A(r, { ...h, colors: t }), o = {
+  const r = A({ ...e, colors: t }, K), o = {
     count: 5,
     preserveInputColor: !1,
     luminance: {
-      dark: ((d = e.layerPalette.luminance) == null ? void 0 : d.dark) ?? e.darkest,
-      light: ((f = e.layerPalette.luminance) == null ? void 0 : f.light) ?? e.darkest + e.layersDepth,
+      dark: ((g = r.layerPalette.luminance) == null ? void 0 : g.dark) ?? r.darkest,
+      light: ((v = r.layerPalette.luminance) == null ? void 0 : v.light) ?? r.darkest + r.layersDepth,
       useMiddle: !1
     },
-    saturate: e.layerPalette.saturate,
-    vivid: e.layerPalette.vivid,
+    saturate: r.layerPalette.saturate,
+    vivid: r.layerPalette.vivid,
     suffixes: ["dark-0", "dark-1", "dark-2", "dark-3", "dark-4"]
-  }, c = S(
-    P(e.colors, e.layerPalette.desaturate),
+  }, c = w(
+    P(r.colors, r.layerPalette.desaturate),
     o
   ).toStrings();
   o.suffixes = ["light-0", "light-1", "light-2", "light-3", "light-4"].reverse();
   const n = o.luminance.light - o.luminance.dark;
   o.luminance = { dark: 1 - n, light: 1, useMiddle: !1 };
-  const i = S(
-    P(e.colors, e.layerPalette.desaturate),
+  const i = w(
+    P(r.colors, r.layerPalette.desaturate),
     o
-  ).toStrings(), l = S(
+  ).toStrings(), l = w(
     {
-      primary: e.colors.primary,
-      grey: e.colors.grey,
-      secondary: e.colors.secondary,
-      neutral: e.colors.neutral,
-      good: e.colors.good,
-      warn: e.colors.warn,
-      error: e.colors.error
+      primary: r.colors.primary,
+      grey: r.colors.grey,
+      secondary: r.colors.secondary,
+      neutral: r.colors.neutral,
+      good: r.colors.good,
+      warn: r.colors.warn,
+      error: r.colors.error
     },
     {
       count: 10,
-      preserveInputColor: e.mainPalette.preserveInputColor,
+      preserveInputColor: r.mainPalette.preserveInputColor,
       luminance: {
-        dark: (($ = e.mainPalette.luminance) == null ? void 0 : $.dark) ?? e.darkest + e.layersDepth + 0.02,
-        light: ((k = e.mainPalette.luminance) == null ? void 0 : k.light) ?? e.lightest,
-        useMiddle: (w = e.mainPalette.luminance) == null ? void 0 : w.useMiddle,
-        middle: (x = e.mainPalette.luminance) == null ? void 0 : x.middle
+        dark: ((y = r.mainPalette.luminance) == null ? void 0 : y.dark) ?? r.darkest + r.layersDepth + 0.02,
+        light: ((k = r.mainPalette.luminance) == null ? void 0 : k.light) ?? r.lightest,
+        useMiddle: ($ = r.mainPalette.luminance) == null ? void 0 : $.useMiddle,
+        middle: (x = r.mainPalette.luminance) == null ? void 0 : x.middle
       },
-      saturate: e.mainPalette.saturate,
-      vivid: e.mainPalette.vivid
+      saturate: r.mainPalette.saturate,
+      vivid: r.mainPalette.vivid
     }
   ).toStrings();
   return {
@@ -615,39 +615,39 @@ function J(r) {
       ...i,
       ...l
     },
-    surfaces: e.surfaces
+    surfaces: r.surfaces
   };
 }
-function P(r, t = 0.5) {
-  const e = {};
-  for (const [o, c] of Object.entries(r)) {
+function P(e, t = 0.5) {
+  const r = {};
+  for (const [o, c] of Object.entries(e)) {
     const n = typeof c == "string" ? c : c.color;
     if (n) {
-      const [i, l, d] = z(n).hsl();
-      e[o] = z(i, l * t, d, "hsl").hex();
+      const [i, l, d] = S(n).hsl();
+      r[o] = S(i, l * t, d, "hsl").hex();
     }
   }
-  return e;
+  return r;
 }
-function K() {
+function Z() {
   return [
     [
       /^layer-([0-4])$/,
-      ([, r], { theme: t }) => {
-        let e = Number(r), o = Number(r);
-        return t.reverseDarkLayers && (e = 4 - Number(r)), t.reverseLightLayers && (o = 4 - Number(r)), m({
+      ([, e], { theme: t }) => {
+        let r = Number(e), o = Number(e);
+        return t.reverseDarkLayers && (r = 4 - Number(e)), t.reverseLightLayers && (o = 4 - Number(e)), h({
           "": `current-bg-scope-light-${o} current-text-scope-dark-2 current-icon-scope-dark-2 bg-current text-current`,
-          "dark:": `current-bg-scope-dark-${e} current-text-scope-light-2 current-icon-scope-light-2`,
-          "[&.dark]:": `current-bg-scope-dark-${e} current-text-scope-light-2 current-icon-scope-light-2`
+          "dark:": `current-bg-scope-dark-${r} current-text-scope-light-2 current-icon-scope-light-2`,
+          "[&.dark]:": `current-bg-scope-dark-${r} current-text-scope-light-2 current-icon-scope-light-2`
         });
       }
     ],
     [
       /^surface-(.+)$/,
-      ([, r], { theme: t }) => t.surfaces[r] ? m({
-        "": `current-bg-${t.surfaces[r][0]} current-text-${t.surfaces[r][1]} current-icon-${t.surfaces[r][1]} current-border-${t.surfaces[r][2]} bg-current text-current border-current icon-current`,
-        "dark:": `current-bg-${t.surfaces[r][3]} current-text-${t.surfaces[r][4]} current-icon-${t.surfaces[r][4]} current-border-${t.surfaces[r][5]} shadow-black/30`,
-        "[&.dark]:": `current-bg-${t.surfaces[r][3]} current-text-${t.surfaces[r][4]} current-icon-${t.surfaces[r][4]} current-border-${t.surfaces[r][5]} shadow-black/30`
+      ([, e], { theme: t }) => t.surfaces[e] ? h({
+        "": `current-bg-${t.surfaces[e][0]} current-text-${t.surfaces[e][1]} current-icon-${t.surfaces[e][1]} current-border-${t.surfaces[e][2]} bg-current text-current border-current icon-current`,
+        "dark:": `current-bg-${t.surfaces[e][3]} current-text-${t.surfaces[e][4]} current-icon-${t.surfaces[e][4]} current-border-${t.surfaces[e][5]} shadow-black/30`,
+        "[&.dark]:": `current-bg-${t.surfaces[e][3]} current-text-${t.surfaces[e][4]} current-icon-${t.surfaces[e][4]} current-border-${t.surfaces[e][5]} shadow-black/30`
       }) : ""
     ],
     {
@@ -655,25 +655,25 @@ function K() {
     }
   ];
 }
-function p(r, t = 0) {
-  const e = 10 ** t;
-  return Math.round(r * e) / e;
+function p(e, t = 0) {
+  const r = 10 ** t;
+  return Math.round(e * r) / r;
 }
-function v(r, t, e = 3) {
+function m(e, t, r = 3) {
   var n;
-  const o = Number.parseFloat(r), c = ((n = /(px|em|rem|%)$/.exec(r)) == null ? void 0 : n[1]) || "";
-  return `${p(o * t, e)}${c}`;
+  const o = Number.parseFloat(e), c = ((n = /(px|em|rem|%)$/.exec(e)) == null ? void 0 : n[1]) || "";
+  return `${p(o * t, r)}${c}`;
 }
-const Q = {
-  getCSS: ({ theme: r }) => `${b("body", r.fontSize.body) + // renderFontCss('label', theme.fontSize.label) +
-  b("figcaption", r.fontSize.caption) + b("h1", r.fontSize.h1) + b("h2", r.fontSize.h2) + b("h3", r.fontSize.h3) + b("h4", r.fontSize.h4) + b("h5", r.fontSize.h5) + b("h6", r.fontSize.h6)}
+const _ = {
+  getCSS: ({ theme: e }) => `${b("body", e.fontSize.body) + // renderFontCss('label', theme.fontSize.label) +
+  b("figcaption", e.fontSize.caption) + b("h1", e.fontSize.h1) + b("h2", e.fontSize.h2) + b("h3", e.fontSize.h3) + b("h4", e.fontSize.h4) + b("h5", e.fontSize.h5) + b("h6", e.fontSize.h6)}
 :root {
    --un-default-border-color: rgba(0,0,0,10%);
    --scope-black: 0 0 0;
    --scope-white: 255 255 255;
    --scope-hl: var(--scope-color-500);
-   --v-fingertip: ${r.spacing["fingertip-m"] || "3em"};
-   --v-fingertip-half: ${v(r.spacing["fingertip-m"] || "3em", 0.5)};
+   --v-fingertip: ${e.spacing["fingertip-m"] || "3em"};
+   --v-fingertip-half: ${m(e.spacing["fingertip-m"] || "3em", 0.5)};
 }
 
 html.dark, .dark {
@@ -715,15 +715,15 @@ html.dark, .dark {
 }
 `
 };
-function b(r, t) {
-  return `${r} { font-size: ${t[0]}; ${Object.entries(t[1]).map((e) => `${e[0]}: ${e[1]};`).join(" ")} }
+function b(e, t) {
+  return `${e} { font-size: ${t[0]}; ${Object.entries(t[1]).map((r) => `${r[0]}: ${r[1]};`).join(" ")} }
 `;
 }
-function s(r) {
-  const [t, e, o, c] = z(r).rgba();
-  return `${t} ${e} ${o}`;
+function s(e) {
+  const [t, r, o, c] = S(e).rgba();
+  return `${t} ${r} ${o}`;
 }
-function O(r) {
+function O(e) {
   return {
     bg: "--un-bg-opacity",
     text: "--un-text-opacity",
@@ -733,9 +733,9 @@ function O(r) {
     border: "--un-border-opacity",
     outline: "--un-outline-opacity",
     caret: "--un-caret-opacity"
-  }[r];
+  }[e];
 }
-function W(r) {
+function W(e) {
   return {
     bg: "background-color",
     text: "color",
@@ -745,35 +745,35 @@ function W(r) {
     border: "border-color",
     outline: "outline-color",
     caret: "caret-color"
-  }[r];
+  }[e];
 }
-const Z = [
+const ee = [
   [
     /^current-(text|bg|icon|border|outline|caret|hl)-(.+)$/,
-    (r, { theme: t }) => {
-      const e = r[1], o = r[2];
+    (e, { theme: t }) => {
+      const r = e[1], o = e[2];
       if (o.startsWith("scope-"))
         return {
-          [`--current-${e}`]: `var(--${o})`
+          [`--current-${r}`]: `var(--${o})`
         };
       if (o === "hl")
         return {
-          [`--current-${e}`]: "var(--current-hl)"
+          [`--current-${r}`]: "var(--current-hl)"
         };
       const c = t.colors[o] || o;
       if (c)
         return {
           // @ts-expect-error
           // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-          [`--current-${e}`]: s(c.DEFAULT || c)
+          [`--current-${r}`]: s(c.DEFAULT || c)
         };
     }
   ],
   [
     /^(text|bg|icon|border|outline|caret|fill)-current(-text|-bg|-icon|-border|-outline|-caret|-hl)?(\/\d{1,3})?$/,
-    (r, { theme: t }) => {
-      const e = r[1], o = r[2] || `-${e}`, c = O(e), n = W(e), i = r[3], l = i ? Number(i.slice(1)) / 100 : 1, d = l === 1 ? `var(${c})` : l;
-      return e === "icon" ? {
+    (e, { theme: t }) => {
+      const r = e[1], o = e[2] || `-${r}`, c = O(r), n = W(r), i = e[3], l = i ? Number(i.slice(1)) / 100 : 1, d = l === 1 ? `var(${c})` : l;
+      return r === "icon" ? {
         [c]: l,
         "--current-icon": o === "-hl" ? `var(--current${o})` : void 0
       } : {
@@ -784,51 +784,51 @@ const Z = [
   ],
   [
     /^scope-(.*)$/,
-    (r, { theme: t }) => {
-      const e = r[1], o = t.colors[e];
+    (e, { theme: t }) => {
+      const r = e[1], o = t.colors[r];
       if (o)
         return {
           "--scope-color": s(o),
-          "--scope-color-50": s(t.colors[`${e}-50`]) || "",
-          "--scope-color-100": s(t.colors[`${e}-100`]) || "",
-          "--scope-color-200": s(t.colors[`${e}-200`]) || "",
-          "--scope-color-300": s(t.colors[`${e}-300`]) || "",
-          "--scope-color-400": s(t.colors[`${e}-400`]) || "",
-          "--scope-color-500": s(t.colors[`${e}-500`]) || "",
-          "--scope-color-600": s(t.colors[`${e}-600`]) || "",
-          "--scope-color-700": s(t.colors[`${e}-700`]) || "",
-          "--scope-color-800": s(t.colors[`${e}-800`]) || "",
-          "--scope-color-900": s(t.colors[`${e}-900`]) || "",
-          "--scope-light-0": s(t.colors[`${e}-light-0`]) || "",
-          "--scope-light-1": s(t.colors[`${e}-light-1`]) || "",
-          "--scope-light-2": s(t.colors[`${e}-light-2`]) || "",
-          "--scope-light-3": s(t.colors[`${e}-light-3`]) || "",
-          "--scope-light-4": s(t.colors[`${e}-light-4`]) || "",
-          "--scope-dark-0": s(t.colors[`${e}-dark-0`]) || "",
-          "--scope-dark-1": s(t.colors[`${e}-dark-1`]) || "",
-          "--scope-dark-2": s(t.colors[`${e}-dark-2`]) || "",
-          "--scope-dark-3": s(t.colors[`${e}-dark-3`]) || "",
-          "--scope-dark-4": s(t.colors[`${e}-dark-4`]) || "",
-          "--current-hl": s(t.colors[`${e}-500`]) || ""
+          "--scope-color-50": s(t.colors[`${r}-50`]) || "",
+          "--scope-color-100": s(t.colors[`${r}-100`]) || "",
+          "--scope-color-200": s(t.colors[`${r}-200`]) || "",
+          "--scope-color-300": s(t.colors[`${r}-300`]) || "",
+          "--scope-color-400": s(t.colors[`${r}-400`]) || "",
+          "--scope-color-500": s(t.colors[`${r}-500`]) || "",
+          "--scope-color-600": s(t.colors[`${r}-600`]) || "",
+          "--scope-color-700": s(t.colors[`${r}-700`]) || "",
+          "--scope-color-800": s(t.colors[`${r}-800`]) || "",
+          "--scope-color-900": s(t.colors[`${r}-900`]) || "",
+          "--scope-light-0": s(t.colors[`${r}-light-0`]) || "",
+          "--scope-light-1": s(t.colors[`${r}-light-1`]) || "",
+          "--scope-light-2": s(t.colors[`${r}-light-2`]) || "",
+          "--scope-light-3": s(t.colors[`${r}-light-3`]) || "",
+          "--scope-light-4": s(t.colors[`${r}-light-4`]) || "",
+          "--scope-dark-0": s(t.colors[`${r}-dark-0`]) || "",
+          "--scope-dark-1": s(t.colors[`${r}-dark-1`]) || "",
+          "--scope-dark-2": s(t.colors[`${r}-dark-2`]) || "",
+          "--scope-dark-3": s(t.colors[`${r}-dark-3`]) || "",
+          "--scope-dark-4": s(t.colors[`${r}-dark-4`]) || "",
+          "--current-hl": s(t.colors[`${r}-500`]) || ""
         };
     }
   ],
   [
     /^(bg|text|fill|stroke|border|outline|icon|caret)-scope-((?:color|dark|light|text|bg|white|black|icon)(?:-\d+)?)(\/\d{1,3})?$/,
-    (r, { theme: t }) => {
-      const e = W(r[1]), o = O(r[1]), c = r[2], n = r[3], i = n ? Number(n.slice(1)) / 100 : 1, l = c.startsWith("color") ? `grey-${c.slice(6)}` : `grey-${c}`, d = i === 1 ? `var(${o})` : i;
+    (e, { theme: t }) => {
+      const r = W(e[1]), o = O(e[1]), c = e[2], n = e[3], i = n ? Number(n.slice(1)) / 100 : 1, l = c.startsWith("color") ? `grey-${c.slice(6)}` : `grey-${c}`, d = i === 1 ? `var(${o})` : i;
       return {
         [o]: i,
-        [e]: `rgb(var(--scope-${c}, ${t.colors[l] || ""}) / ${d})`
+        [r]: `rgb(var(--scope-${c}, ${t.colors[l] || ""}) / ${d})`
       };
     }
   ],
   [
     /^icon-opacity-(\d{1,3})$/,
-    (r, { theme: t }) => {
-      const e = r[1];
+    (e, { theme: t }) => {
+      const r = e[1];
       return {
-        "--un-icon-opacity": Number(e) / 100
+        "--un-icon-opacity": Number(r) / 100
       };
     }
   ],
@@ -838,13 +838,13 @@ const Z = [
       color: "rgb(var(--current-icon) / var(--un-icon-opacity, 1))"
     })
   ]
-], ee = [
+], re = [
   [
     // special text margin (vertical) that compensates
     // the line height
     /^text-m([bty])?-(.*)$/,
-    (r, { theme: t }) => {
-      const e = r[1], o = r[2], c = e ? { y: ["top", "bottom"], t: ["top"], b: ["bottom"] }[e] : ["top", "bottom", "left", "right"], n = {};
+    (e, { theme: t }) => {
+      const r = e[1], o = e[2], c = r ? { y: ["top", "bottom"], t: ["top"], b: ["bottom"] }[r] : ["top", "bottom", "left", "right"], n = {};
       if (t.spacing[o]) {
         for (const i of c)
           n[`margin-${i}`] = ["left", "right"].includes(i) ? t.spacing[o] : `calc(${t.spacing[o]} + var(--font-${i === "top" ? "tc" : "bc"}))`;
@@ -861,20 +861,20 @@ const Z = [
   ],
   [
     /^card-dense$/,
-    (r, { theme: t }) => ({
+    (e, { theme: t }) => ({
       "--card-spacing": "var(--card-spacing-dense)"
     }),
     { layer: "utilities" }
   ],
   [
     /^card-(.*)$/,
-    (r, { theme: t }) => {
-      const e = r[1];
-      if (t.fontSize[e]) {
-        const o = t.fontSize[e][1];
+    (e, { theme: t }) => {
+      const r = e[1];
+      if (t.fontSize[r]) {
+        const o = t.fontSize[r][1];
         return {
-          "--card-spacing": `${v(o["--font-corrected"], t.cardSpacingFactor.regular)}`,
-          "--card-spacing-dense": `${v(
+          "--card-spacing": `${m(o["--font-corrected"], t.cardSpacingFactor.regular)}`,
+          "--card-spacing-dense": `${m(
             o["--font-corrected"],
             t.cardSpacingFactor.dense
           )}`,
@@ -893,39 +893,39 @@ const Z = [
   ],
   [
     /^fingertip-(.*)/,
-    (r, { theme: t }) => {
-      const e = r[1];
-      if (e.startsWith("[") && e.endsWith("]"))
+    (e, { theme: t }) => {
+      const r = e[1];
+      if (r.startsWith("[") && r.endsWith("]"))
         return {
-          "--v-fingertip": e.slice(1, -1),
-          "--v-fingertip-half": v(e.slice(1, -1), 0.5)
+          "--v-fingertip": r.slice(1, -1),
+          "--v-fingertip-half": m(r.slice(1, -1), 0.5)
         };
-      if (["xs", "s", "m", "l", "xl"].includes(e))
+      if (["xs", "s", "m", "l", "xl"].includes(r))
         return {
-          "--v-fingertip": t.spacing[`fingertip-${e}`],
-          "--v-fingertip-half": v(t.spacing[`fingertip-${e}`], 0.5)
+          "--v-fingertip": t.spacing[`fingertip-${r}`],
+          "--v-fingertip-half": m(t.spacing[`fingertip-${r}`], 0.5)
         };
-      if (t.spacing[e])
+      if (t.spacing[r])
         return {
-          "--v-fingertip": t.spacing[e],
-          "--v-fingertip-half": v(t.spacing[e], 0.5)
+          "--v-fingertip": t.spacing[r],
+          "--v-fingertip-half": m(t.spacing[r], 0.5)
         };
     }
   ]
-], re = [...ee, ...Z];
-function a(r, t = 1) {
-  return t * 1.618 ** r;
+], te = [...re, ...ee];
+function a(e, t = 1) {
+  return t * 1.618 ** e;
 }
-function u(r, t, e, o, c) {
+function u(e, t, r, o, c) {
   return {
-    weight: r,
+    weight: e,
     boldWeight: t,
-    size: e,
+    size: r,
     height: o,
     spacing: c
   };
 }
-const te = {
+const oe = {
   h1: (
     /*          */
     u(
@@ -1081,21 +1081,21 @@ const te = {
     )
   )
 };
-function oe(r, t, e, o, c, n = 1, i = 0.5) {
-  const l = r * n, f = (o * r - l) / r, $ = l / 2, k = l * i - $ + f / 2, w = l * (1 - i) - $ + f / 2, x = p(k, 4), y = p(w, 4);
+function ce(e, t, r, o, c, n = 1, i = 0.5) {
+  const l = e * n, g = (o * e - l) / e, v = l / 2, y = l * i - v + g / 2, k = l * (1 - i) - v + g / 2, $ = p(y, 4), x = p(k, 4);
   return {
-    mt: x,
-    mb: y,
-    size: r,
+    mt: $,
+    mb: x,
+    size: e,
     correctedSize: l,
     theme: [
-      `${r}em`,
+      `${e}em`,
       {
-        "--font-bold": e,
-        "--font-size": `${r}em`,
+        "--font-bold": r,
+        "--font-size": `${e}em`,
         "--font-corrected": `${l}em`,
-        "--font-bc": `${-y}em`,
-        "--font-tc": `${-x}em`,
+        "--font-bc": `${-x}em`,
+        "--font-tc": `${-$}em`,
         "font-weight": t,
         "line-height": `${o}em`,
         "letter-spacing": `${c}em`
@@ -1107,23 +1107,23 @@ function oe(r, t, e, o, c, n = 1, i = 0.5) {
     ]
   };
 }
-const ce = (r) => {
+const ne = (e) => {
   const t = {
     // canonical
-    $xxs: `${p(1 / r.spacingFactor ** 3, 3)}em`,
-    $xs: `${p(1 / r.spacingFactor ** 2, 3)}em`,
-    $s: `${p(1 / r.spacingFactor, 3)}em`,
+    $xxs: `${p(1 / e.spacingFactor ** 3, 3)}em`,
+    $xs: `${p(1 / e.spacingFactor ** 2, 3)}em`,
+    $s: `${p(1 / e.spacingFactor, 3)}em`,
     $m: "1em",
-    $l: `${p(r.spacingFactor, 3)}em`,
-    $xl: `${p(r.spacingFactor ** 2, 3)}em`,
-    $xxl: `${p(r.spacingFactor ** 3, 3)}em`,
+    $l: `${p(e.spacingFactor, 3)}em`,
+    $xl: `${p(e.spacingFactor ** 2, 3)}em`,
+    $xxl: `${p(e.spacingFactor ** 3, 3)}em`,
     fingertip: "var(--v-fingertip)",
     "fingertip-half": "var(--v-fingertip-half)",
-    "fingertip-xs": r.fingertip.xs,
-    "fingertip-s": r.fingertip.s,
-    "fingertip-m": r.fingertip.m,
-    "fingertip-l": r.fingertip.l,
-    "fingertip-xl": r.fingertip.xl,
+    "fingertip-xs": e.fingertip.xs,
+    "fingertip-s": e.fingertip.s,
+    "fingertip-m": e.fingertip.m,
+    "fingertip-l": e.fingertip.l,
+    "fingertip-xl": e.fingertip.xl,
     // font-based
     "$font-tc": "var(--font-bc)",
     "$font-bc": "var(--font-tc)",
@@ -1135,18 +1135,18 @@ const ce = (r) => {
     "$card-heading-size": "var(--card-heading-size)",
     "$card-heading-corrected": "var(--card-heading-corrected)",
     // radius
-    "base-radius": r.baseRadius
-  }, e = {
+    "base-radius": e.baseRadius
+  }, r = {
     fingertip: "var(--v-fingertip)",
     "fingertip-half": "var(--v-fingertip-half)",
-    "fingertip-xs": r.fingertip.xs,
-    "fingertip-s": r.fingertip.s,
-    "fingertip-m": r.fingertip.m,
-    "fingertip-l": r.fingertip.l,
-    "fingertip-xl": r.fingertip.xl
+    "fingertip-xs": e.fingertip.xs,
+    "fingertip-s": e.fingertip.s,
+    "fingertip-m": e.fingertip.m,
+    "fingertip-l": e.fingertip.l,
+    "fingertip-xl": e.fingertip.xl
   }, o = {
     ...t,
-    base: r.baseRadius
+    base: e.baseRadius
   }, c = {
     $bold: "var(--font-bold)"
   }, n = {
@@ -1164,31 +1164,31 @@ const ce = (r) => {
       }
     ]
   };
-  for (const [l, d] of Object.entries(r.typography))
+  for (const [l, d] of Object.entries(e.typography))
     if (d != null && d.size) {
-      const f = oe(
+      const g = ce(
         d.size || 1,
         d.weight || 400,
         d.boldWeight || 700,
         d.height || 1,
         d.spacing || 0,
-        d.actualHeightFactor || r.actualFontHeightFactor,
-        d.actualHeightTopBottomRatio || r.actualFontHeightTopBottomRatio
+        d.actualHeightFactor || e.actualFontHeightFactor,
+        d.actualHeightTopBottomRatio || e.actualFontHeightTopBottomRatio
       );
-      n[l] = f.theme, t[l] = `${f.size}em`;
+      n[l] = g.theme, t[l] = `${g.size}em`;
     }
-  const i = J(r.palette);
+  const i = Q(e.palette);
   return {
     colors: i.colors,
     surfaces: i.surfaces,
     borderColor: "red",
-    reverseLightLayers: r.layers.reverseLight,
-    reverseDarkLayers: r.layers.reverseDark,
-    lineHeight: e,
+    reverseLightLayers: e.layers.reverseLight,
+    reverseDarkLayers: e.layers.reverseDark,
+    lineHeight: r,
     spacing: t,
     fontWeight: c,
-    actualFontHeightFactor: r.actualFontHeightFactor,
-    cardSpacingFactor: r.cardSpacingFactor,
+    actualFontHeightFactor: e.actualFontHeightFactor,
+    cardSpacingFactor: e.cardSpacingFactor,
     fontSize: n,
     width: t,
     height: t,
@@ -1252,10 +1252,10 @@ const ce = (r) => {
     // },
   };
 };
-function V(r, t = 1) {
-  return t * Math.sqrt(1.618) ** r;
+function V(e, t = 1) {
+  return t * Math.sqrt(1.618) ** e;
 }
-const ne = {
+const ie = {
   spacingFactor: 1.618,
   actualFontHeightFactor: 1,
   actualFontHeightTopBottomRatio: 0.52,
@@ -1263,7 +1263,7 @@ const ne = {
     regular: 1,
     dense: 0.6
   },
-  typography: te,
+  typography: oe,
   layers: {
     reverseDark: !1,
     reverseLight: !1
@@ -1276,14 +1276,14 @@ const ne = {
     xl: "4em"
   },
   baseRadius: `${p(1 / 1.618, 3)}em`
-}, pe = (r) => {
-  const t = F(r, ne), e = ie();
-  e.preflights || (e.preflights = []), e.preflights.push(Q), e.rules || (e.rules = []), e.rules.push(...re);
-  const o = K();
+}, fe = (e) => {
+  const t = F(e, ie), r = ae();
+  r.preflights || (r.preflights = []), r.preflights.push(_), r.rules || (r.rules = []), r.rules.push(...te);
+  const o = Z();
   return {
-    ...e,
+    ...r,
     name: "vunor",
-    theme: F(ce(t), e.theme),
+    theme: F(ne(t), r.theme),
     shortcuts: o,
     layers: {
       preflights: 0,
@@ -1293,26 +1293,26 @@ const ne = {
     }
   };
 };
-function ie() {
+function ae() {
   var t;
-  const r = C();
-  return (t = r.rules) == null || t.forEach((e) => {
-    e[0] instanceof RegExp && (e[0].source.startsWith("^m-") || e[0].source.startsWith("^ma?") || e[0].source.startsWith("^p-?") || e[0].source.startsWith("^pa?")) && (e[2] = e[2] || {}, e[2].layer = "utilities");
-  }), r;
+  const e = C();
+  return (t = e.rules) == null || t.forEach((r) => {
+    r[0] instanceof RegExp && (r[0].source.startsWith("^m-") || r[0].source.startsWith("^ma?") || r[0].source.startsWith("^p-?") || r[0].source.startsWith("^pa?")) && (r[2] = r[2] || {}, r[2].layer = "utilities");
+  }), e;
 }
-const ae = [_, U, ...E], le = R(ae);
-function ge(r, t = le) {
-  const e = r ? R([t, r]) : t;
-  for (const [o, c] of Object.entries(e))
-    e[o] = typeof c == "string" ? c : m(c);
-  return e;
+const le = [G, U, ...E], se = R(le);
+function ge(e, t = se) {
+  const r = e ? R([t, e]) : t;
+  for (const [o, c] of Object.entries(r))
+    r[o] = typeof c == "string" ? c : h(c);
+  return r;
 }
 export {
-  g as defineShortcuts,
+  f as defineShortcuts,
   R as mergeVunorShortcuts,
-  le as mergedVunorShortcuts,
-  pe as presetVunor,
-  ae as rawVunorShortcuts,
-  m as toUnoShortcut,
+  se as mergedVunorShortcuts,
+  fe as presetVunor,
+  le as rawVunorShortcuts,
+  h as toUnoShortcut,
   ge as vunorShortcuts
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vunor",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
   "scripts": {
     "dev": "vite",