@tempots/beatui 1.4.0 → 1.6.0

package/dist/{index-BGKz2Nol.js → index-DI8bf9oC.js}

@@ -1,42 +1,42 @@
 import { objectEntries as s } from "@tempots/std";
-import { a as D, d as G } from "./colors-C2sgnzFH.js";
-const U = {
+import { a as G, d as U } from "./colors-C2sgnzFH.js";
+const Q = {
   none: "0",
   thin: "1px",
   default: "1.5px",
   medium: "2px",
   thick: "3px"
 };
-function b(a) {
+function h(a) {
   return `--border-width-${a}`;
 }
 function Ja(a) {
-  return `var(${b(a)})`;
+  return `var(${h(a)})`;
 }
-function Q() {
+function Z() {
   const a = {};
-  return s(U).forEach(([n, e]) => {
-    a[b(n)] = e;
+  return s(Q).forEach(([n, e]) => {
+    a[h(n)] = e;
   }), a;
 }
-const Z = {
+const q = {
   none: "0",
   default: "1px",
   focus: "2px"
 };
-function h(a) {
+function v(a) {
   return `--outline-width-${a}`;
 }
 function Ka(a) {
-  return `var(${h(a)})`;
+  return `var(${v(a)})`;
 }
-function q() {
+function J() {
   const a = {};
-  return s(Z).forEach(([n, e]) => {
-    a[h(n)] = e;
+  return s(q).forEach(([n, e]) => {
+    a[v(n)] = e;
   }), a;
 }
-const v = {
+const V = {
   sm: "40rem",
   // 640px
   md: "48rem",
@@ -48,94 +48,94 @@ const v = {
   "2xl": "96rem"
   // 1536px
 };
-function V(a) {
+function S(a) {
   return `--breakpoint-${a}`;
 }
 function Xa(a) {
-  return `var(${V(a)})`;
+  return `var(${S(a)})`;
 }
 function Ya(a) {
-  return `@media (width >= ${v[a]})`;
+  return `@media (width >= ${V[a]})`;
 }
-function J() {
+function K() {
   const a = {};
-  return s(v).forEach(([n, e]) => {
-    a[V(n)] = e;
+  return s(V).forEach(([n, e]) => {
+    a[S(n)] = e;
   }), a;
 }
-const K = {
+const X = {
   xs: "calc(var(--spacing-base) * 7)",
   sm: "calc(var(--spacing-base) * 8)",
   md: "calc(var(--spacing-base) * 10)",
   lg: "calc(var(--spacing-base) * 12)",
   xl: "calc(var(--spacing-base) * 14)"
 };
-function S(a) {
+function $(a) {
   return `--control-height-${a}`;
 }
 function _a(a) {
-  return `var(${S(a)})`;
+  return `var(${$(a)})`;
 }
-function X() {
+function Y() {
   const a = {};
-  return s(K).forEach(([n, e]) => {
-    a[S(n)] = e;
+  return s(X).forEach(([n, e]) => {
+    a[$(n)] = e;
   }), a;
 }
-const Y = {
+const _ = {
   xs: "var(--spacing-xs)",
   sm: "var(--spacing-sm)",
   md: "var(--spacing-md)",
   lg: "var(--spacing-mdh)",
   xl: "var(--spacing-lg)"
 };
-function $(a) {
+function w(a) {
   return `--control-padding-block-${a}`;
 }
 function an(a) {
-  return `var(${$(a)})`;
+  return `var(${w(a)})`;
 }
-const _ = {
+const aa = {
   xs: "var(--spacing-md)",
   sm: "var(--spacing-mdh)",
   md: "var(--spacing-lg)",
   lg: "var(--spacing-lgh)",
   xl: "var(--spacing-xl)"
 };
-function w(a) {
+function z(a) {
   return `--control-padding-inline-${a}`;
 }
 function nn(a) {
-  return `var(${w(a)})`;
+  return `var(${z(a)})`;
 }
-function aa() {
+function na() {
   const a = {};
-  return s(Y).forEach(([n, e]) => {
-    a[$(n)] = e;
-  }), s(_).forEach(([n, e]) => {
+  return s(_).forEach(([n, e]) => {
     a[w(n)] = e;
+  }), s(aa).forEach(([n, e]) => {
+    a[z(n)] = e;
   }), a;
 }
-const na = {
+const ea = {
   xs: "var(--spacing-xs)",
   sm: "var(--spacing-sm)",
   md: "var(--spacing-smh)",
   lg: "var(--spacing-md)",
   xl: "var(--spacing-mdh)"
 };
-function z(a) {
+function y(a) {
   return `--control-gap-${a}`;
 }
 function en(a) {
-  return `var(${z(a)})`;
+  return `var(${y(a)})`;
 }
-function ea() {
+function ta() {
   const a = {};
-  return s(na).forEach(([n, e]) => {
-    a[z(n)] = e;
+  return s(ea).forEach(([n, e]) => {
+    a[y(n)] = e;
   }), a;
 }
-const ta = {
+const ra = {
   xs: "min(20rem, 90vw)",
   sm: "min(25rem, 90vw)",
   md: "min(37.5rem, 90vw)",
@@ -143,27 +143,27 @@ const ta = {
   xl: "min(62.5rem, 90vw)",
   "min-width": "12rem"
 };
-function y(a) {
+function N(a) {
   return `--overlay-width-${a}`;
 }
 function tn(a) {
-  return `var(${y(a)})`;
+  return `var(${N(a)})`;
 }
-function ra() {
+function sa() {
   const a = {};
-  return s(ta).forEach(([n, e]) => {
-    a[y(n)] = e;
+  return s(ra).forEach(([n, e]) => {
+    a[N(n)] = e;
   }), a;
 }
-function sa() {
+function ia() {
   return {
-    ...X(),
-    ...aa(),
-    ...ea(),
-    ...ra()
+    ...Y(),
+    ...na(),
+    ...ta(),
+    ...sa()
   };
 }
-const N = {
+const E = {
   none: "0",
   xs: "var(--spacing-xs)",
   sm: "var(--spacing-sm)",
@@ -172,19 +172,19 @@ const N = {
   xl: "var(--spacing-mdh)",
   full: "9999px"
 };
-function E(a) {
+function k(a) {
   return `--radius-${a}`;
 }
 function i(a) {
-  return `var(${E(a)})`;
+  return `var(${k(a)})`;
 }
 function rn(a) {
-  return `@media (width >= ${N[a]})`;
+  return `@media (width >= ${E[a]})`;
 }
-function ia() {
+function oa() {
   const a = {};
-  return s(N).forEach(([n, e]) => {
-    a[E(n)] = e;
+  return s(E).forEach(([n, e]) => {
+    a[k(n)] = e;
   }), a;
 }
 const sn = [
@@ -197,7 +197,7 @@ const sn = [
   "popover",
   "pill",
   "focus"
-], oa = {
+], ca = {
   control: i("md"),
   "control-sm": i("sm"),
   "control-xs": i("xs"),
@@ -208,19 +208,19 @@ const sn = [
   pill: i("full"),
   focus: i("sm")
 };
-function ca(a) {
+function la(a) {
   return `--radius-${a}`;
 }
-function la(a) {
-  const n = {}, e = { ...oa, ...a };
+function ga(a) {
+  const n = {}, e = { ...ca, ...a };
   return s(e).forEach(([t, r]) => {
-    n[ca(t)] = r;
+    n[la(t)] = r;
   }), n;
 }
-const ga = "0.25rem", ua = {
+const F = "0.25rem", ua = {
   none: "0",
   px: "1px",
-  base: ga,
+  base: F,
   xs: "calc(var(--spacing-base) / 2)",
   sm: "var(--spacing-base)",
   smh: "calc(var(--spacing-base) * 1.5)",
@@ -235,16 +235,19 @@ const ga = "0.25rem", ua = {
   "4xl": "calc(var(--spacing-base) * 16)",
   full: "2000px"
 };
-function k(a) {
+function f(a) {
   return `--spacing-${a}`;
 }
 function on(a) {
-  return `var(${k(a)})`;
+  return `var(${f(a)})`;
 }
 function pa() {
-  const a = {};
+  const a = {
+    "--spacing-base-raw": F,
+    "--spacing-scale": "1"
+  };
   return s(ua).forEach(([n, e]) => {
-    a[k(n)] = e;
+    n === "base" ? a[f(n)] = "calc(var(--spacing-base-raw) * var(--spacing-scale))" : a[f(n)] = e;
   }), a;
 }
 const cn = [
@@ -288,16 +291,16 @@ const da = {
   "top-xl": "0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
   "top-2xl": "0 -25px 50px -12px rgb(0 0 0 / 0.25)"
 };
-function F(a) {
+function H(a) {
   return `--shadow-${a}`;
 }
 function g(a) {
-  return `var(${F(a)})`;
+  return `var(${H(a)})`;
 }
 function ba() {
   const a = {};
   return s(da).forEach(([n, e]) => {
-    a[F(n)] = e;
+    a[H(n)] = e;
   }), a;
 }
 const ln = [
@@ -322,7 +325,7 @@ function Va(a) {
     n[va(t)] = r;
   }), n;
 }
-const Sa = "1rem", H = {
+const Sa = "1rem", O = {
   "3xs": [
     "calc(var(--font-size-base) * 0.5)",
     { lineHeight: "calc(var(--font-size-base) * 0.75)" }
@@ -385,7 +388,7 @@ const Sa = "1rem", H = {
   // 128px
 };
 function gn(a, n) {
-  const e = Object.keys(H), t = e.indexOf(a);
+  const e = Object.keys(O), t = e.indexOf(a);
   if (t === -1)
     throw new Error(`Invalid font size: ${a}`);
   const r = Math.min(Math.max(t + n, 0), e.length - 1);
@@ -449,7 +452,7 @@ const $a = {
     "monospace"
   ]
 };
-function O(a) {
+function C(a) {
   return Array.isArray(a) ? a.join(", ") : a;
 }
 const un = [
@@ -467,68 +470,68 @@ const un = [
   ui: o("sans"),
   prose: o("serif")
 };
-function C(a) {
+function M(a) {
   return `--font-size-${a}`;
 }
 function pn(a) {
-  return `var(${C(a)})`;
+  return `var(${M(a)})`;
 }
-function M() {
+function T() {
   return "--font-size-base";
 }
 function mn() {
-  return `var(${M()})`;
+  return `var(${T()})`;
 }
-function T(a) {
+function j(a) {
   return `--font-size-${a}-lh`;
 }
 function fn(a) {
-  return `var(${T(a)})`;
+  return `var(${j(a)})`;
 }
-function j(a) {
+function B(a) {
   return `--font-weight-${a}`;
 }
 function xn(a) {
-  return `var(${j(a)})`;
+  return `var(${B(a)})`;
 }
-function B(a) {
+function W(a) {
   return `--line-height-${a}`;
 }
 function dn(a) {
-  return `var(${B(a)})`;
+  return `var(${W(a)})`;
 }
-function W(a) {
+function I(a) {
   return `--letter-spacing-${a}`;
 }
 function bn(a) {
-  return `var(${W(a)})`;
+  return `var(${I(a)})`;
 }
-function f(a) {
+function x(a) {
   return `--font-family-${a}`;
 }
 function o(a) {
-  return `var(${f(a)})`;
+  return `var(${x(a)})`;
 }
-function I(a) {
+function R(a) {
   return `--font-${a}`;
 }
 function c(a) {
-  return `var(${I(a)})`;
+  return `var(${R(a)})`;
 }
 function Ea() {
   const a = {};
-  return a[M()] = Sa, Object.entries(H).forEach(([n, e]) => {
+  return a["--font-size-base-raw"] = Sa, a["--font-size-scale"] = "1", a[T()] = "calc(var(--font-size-base-raw) * var(--font-size-scale))", Object.entries(O).forEach(([n, e]) => {
     const [t, r] = Array.isArray(e) ? e : [e, void 0];
-    a[C(n)] = t, r && typeof r == "object" && "lineHeight" in r && (a[T(n)] = r.lineHeight);
+    a[M(n)] = t, r && typeof r == "object" && "lineHeight" in r && (a[j(n)] = r.lineHeight);
   }), Object.entries($a).forEach(([n, e]) => {
-    a[j(n)] = e;
-  }), Object.entries(wa).forEach(([n, e]) => {
     a[B(n)] = e;
-  }), Object.entries(za).forEach(([n, e]) => {
+  }), Object.entries(wa).forEach(([n, e]) => {
     a[W(n)] = e;
+  }), Object.entries(za).forEach(([n, e]) => {
+    a[I(n)] = e;
   }), Object.entries(ya).forEach(([n, e]) => {
-    const t = O(e);
-    a[f(n)] = t, a[`--font-${n}`] = t;
+    const t = C(e);
+    a[x(n)] = t, a[`--font-${n}`] = t;
   }), a;
 }
 function hn(a) {
@@ -538,14 +541,14 @@ function hn(a) {
   return Object.entries(a).forEach(([e, t]) => {
     if (t == null)
       return;
-    const r = O(t);
-    n[f(e)] = r, n[`--font-${e}`] = r;
+    const r = C(t);
+    n[x(e)] = r, n[`--font-${e}`] = r;
   }), n;
 }
 function ka(a) {
   const n = {}, e = { ...Na, ...a };
   return Object.entries(e).forEach(([t, r]) => {
-    n[I(t)] = r;
+    n[R(t)] = r;
   }), n["--font-family-default"] = c("body"), n["--font-family-default-heading"] = c("heading"), n["--font-family-default-display"] = c("display"), n["--font-family-default-ui"] = c("ui"), n["--font-family-default-prose"] = c("prose"), n["--font-family-default-mono"] = c("mono"), n;
 }
 const Fa = {
@@ -566,16 +569,16 @@ const Fa = {
   // Maximum priority
   maximum: 1e3
 };
-function R(a) {
+function P(a) {
   return `--z-index-${a}`;
 }
 function vn(a) {
-  return `var(${R(a)})`;
+  return `var(${P(a)})`;
 }
 function Ha() {
   const a = {};
   return s(Fa).forEach(([n, e]) => {
-    a[R(n)] = e.toString();
+    a[P(n)] = e.toString();
   }), a;
 }
 const Oa = "200ms", Ca = {
@@ -590,11 +593,11 @@ const Oa = "200ms", Ca = {
   entrance: "cubic-bezier(0, 0, 0.2, 1)",
   exit: "cubic-bezier(0.8, 0, 0.6, 1)"
 };
-function P(a) {
+function A(a) {
   return `--motion-duration-${a}`;
 }
 function u(a) {
-  return `var(${P(a)})`;
+  return `var(${A(a)})`;
 }
 function Ta() {
   return "--motion-duration-base";
@@ -602,18 +605,18 @@ function Ta() {
 function Vn() {
   return `var(${Ta()})`;
 }
-function A(a) {
+function L(a) {
   return `--motion-easing-${a}`;
 }
 function p(a) {
-  return `var(${A(a)})`;
+  return `var(${L(a)})`;
 }
 function ja() {
   const a = {};
   return s(Ca).forEach(([n, e]) => {
-    a[P(n)] = e;
-  }), s(Ma).forEach(([n, e]) => {
     a[A(n)] = e;
+  }), s(Ma).forEach(([n, e]) => {
+    a[L(n)] = e;
   }), a;
 }
 const Sn = [
@@ -663,16 +666,16 @@ const Ra = {
   "button-light": m("xs"),
   "button-default": m("2xs")
 };
-function L(a) {
+function D(a) {
   return `--text-shadow-${a}`;
 }
 function m(a) {
-  return `var(${L(a)})`;
+  return `var(${D(a)})`;
 }
 function Aa() {
   const a = {};
   return s(Ra).forEach(([n, e]) => {
-    a[L(n)] = e;
+    a[D(n)] = e;
   }), a;
 }
 function La(a) {
@@ -686,33 +689,33 @@ function Da(a) {
 }
 function Ga() {
   return {
-    ...D(),
+    ...G(),
     ...pa(),
     ...Ea(),
-    ...J(),
-    ...ia(),
+    ...K(),
+    ...oa(),
     ...ba(),
     ...ja(),
     ...Aa(),
     ...Ha(),
-    ...Q(),
-    ...q(),
-    ...sa()
+    ...Z(),
+    ...J(),
+    ...ia()
   };
 }
 function Ua(a) {
   return typeof a == "object" && a !== null && ("colors" in a || "fonts" in a || "radii" in a || "shadows" in a || "motion" in a || "spacing" in a || "textShadows" in a);
 }
 function Qa(a) {
-  let n, e, t, r, l, x, d;
-  return Ua(a) ? (n = a.colors, e = a.fonts, t = a.radii, r = a.shadows, l = a.motion, x = a.spacing, d = a.textShadows) : n = a, {
-    ...G(n),
+  let n, e, t, r, l, d, b;
+  return Ua(a) ? (n = a.colors, e = a.fonts, t = a.radii, r = a.shadows, l = a.motion, d = a.spacing, b = a.textShadows) : n = a, {
+    ...U(n),
     ...ka(e),
-    ...la(t),
+    ...ga(t),
     ...Va(r),
     ...Ia(l),
-    ...xa(x),
-    ...Da(d)
+    ...xa(d),
+    ...Da(b)
   };
 }
 function wn() {
@@ -725,15 +728,15 @@ function zn(a, n) {
   return n == null && typeof window > "u" ? "" : getComputedStyle(n ?? document.documentElement).getPropertyValue(a).trim();
 }
 export {
-  S as $,
-  sa as A,
+  $,
+  ia as A,
   ja as B,
-  q as C,
-  ra as D,
-  ia as E,
+  J as C,
+  sa as D,
+  oa as E,
   ka as F,
   Ia as G,
-  la as H,
+  ga as H,
   Va as I,
   xa as J,
   Da as K,
@@ -746,35 +749,35 @@ export {
   Vn as R,
   Ta as S,
   Ja as T,
-  b as U,
+  h as U,
   Ya as V,
   Xa as W,
-  V as X,
+  S as X,
   en as Y,
-  z as Z,
+  y as Z,
   _a as _,
   Qa as a,
   an as a0,
-  $ as a1,
+  w as a1,
   nn as a2,
-  w as a3,
+  z as a3,
   o as a4,
-  f as a5,
+  x as a5,
   fn as a6,
-  T as a7,
+  j as a7,
   pn as a8,
-  C as a9,
-  L as aA,
+  M as a9,
+  D as aA,
   zn as aB,
   vn as aC,
-  R as aD,
+  P as aD,
   za as aE,
   wa as aF,
   Ca as aG,
   Ma as aH,
-  Z as aI,
-  ta as aJ,
-  N as aK,
+  q as aI,
+  ra as aJ,
+  E as aK,
   un as aL,
   Sn as aM,
   sn as aN,
@@ -786,54 +789,54 @@ export {
   Ra as aT,
   Fa as aU,
   xn as aa,
-  j as ab,
+  B as ab,
   bn as ac,
-  W as ad,
+  I as ad,
   dn as ae,
-  B as af,
+  W as af,
   u as ag,
   p as ah,
-  A as ai,
+  L as ai,
   Ka as aj,
-  h as ak,
+  v as ak,
   tn as al,
-  y as am,
+  N as am,
   rn as an,
-  E as ao,
+  k as ao,
   c as ap,
-  I as aq,
+  R as aq,
   Wa as ar,
-  ca as as,
+  la as as,
   va as at,
   fa as au,
   La as av,
   g as aw,
-  F as ax,
+  H as ax,
   on as ay,
   m as az,
   hn as b,
-  k as c,
-  M as d,
-  P as e,
+  f as c,
+  T as d,
+  A as e,
   i as f,
   Ga as g,
   Sa as h,
   Oa as i,
-  ga as j,
-  U as k,
-  v as l,
+  F as j,
+  Q as k,
+  V as l,
   gn as m,
-  na as n,
-  K as o,
-  Y as p,
-  _ as q,
+  ea as n,
+  X as o,
+  _ as p,
+  aa as q,
   ya as r,
-  H as s,
+  O as s,
   $a as t,
   wn as u,
-  Q as v,
-  J as w,
-  ea as x,
-  X as y,
-  aa as z
+  Z as v,
+  K as w,
+  ta as x,
+  Y as y,
+  na as z
 };