@tempots/beatui 1.7.1 → 1.7.2

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

@@ -10,7 +10,7 @@ const Q = {
 function h(a) {
   return `--border-width-${a}`;
 }
-function Ja(a) {
+function Ka(a) {
   return `var(${h(a)})`;
 }
 function Z() {
@@ -27,7 +27,7 @@ const q = {
 function v(a) {
   return `--outline-width-${a}`;
 }
-function Ka(a) {
+function Xa(a) {
   return `var(${v(a)})`;
 }
 function J() {
@@ -51,10 +51,10 @@ const V = {
 function S(a) {
   return `--breakpoint-${a}`;
 }
-function Xa(a) {
+function Ya(a) {
   return `var(${S(a)})`;
 }
-function Ya(a) {
+function _a(a) {
   return `@media (width >= ${V[a]})`;
 }
 function K() {
@@ -73,7 +73,7 @@ const X = {
 function $(a) {
   return `--control-height-${a}`;
 }
-function _a(a) {
+function an(a) {
   return `var(${$(a)})`;
 }
 function Y() {
@@ -92,7 +92,7 @@ const _ = {
 function w(a) {
   return `--control-padding-block-${a}`;
 }
-function an(a) {
+function nn(a) {
   return `var(${w(a)})`;
 }
 const aa = {
@@ -105,7 +105,7 @@ const aa = {
 function z(a) {
   return `--control-padding-inline-${a}`;
 }
-function nn(a) {
+function en(a) {
   return `var(${z(a)})`;
 }
 function na() {
@@ -126,7 +126,7 @@ const ea = {
 function y(a) {
   return `--control-gap-${a}`;
 }
-function en(a) {
+function tn(a) {
   return `var(${y(a)})`;
 }
 function ta() {
@@ -140,27 +140,26 @@ const ra = {
   sm: "min(25rem, 90vw)",
   md: "min(37.5rem, 90vw)",
   lg: "min(50rem, 90vw)",
-  xl: "min(62.5rem, 90vw)",
-  "min-width": "12rem"
-};
+  xl: "min(62.5rem, 90vw)"
+}, sa = "12rem";
 function N(a) {
   return `--overlay-width-${a}`;
 }
-function tn(a) {
+function rn(a) {
   return `var(${N(a)})`;
 }
-function sa() {
+function ia() {
   const a = {};
   return s(ra).forEach(([n, e]) => {
     a[N(n)] = e;
-  }), a;
+  }), a["--overlay-min-width"] = sa, a;
 }
-function ia() {
+function oa() {
   return {
     ...Y(),
     ...na(),
     ...ta(),
-    ...sa()
+    ...ia()
   };
 }
 const E = {
@@ -178,16 +177,16 @@ function k(a) {
 function i(a) {
   return `var(${k(a)})`;
 }
-function rn(a) {
+function sn(a) {
   return `@media (width >= ${E[a]})`;
 }
-function oa() {
+function ca() {
   const a = {};
   return s(E).forEach(([n, e]) => {
     a[k(n)] = e;
   }), a;
 }
-const sn = [
+const on = [
   "control",
   "control-sm",
   "control-xs",
@@ -197,7 +196,7 @@ const sn = [
   "popover",
   "pill",
   "focus"
-], ca = {
+], la = {
   control: i("md"),
   "control-sm": i("sm"),
   "control-xs": i("xs"),
@@ -208,19 +207,20 @@ const sn = [
   pill: i("full"),
   focus: i("sm")
 };
-function la(a) {
+function ga(a) {
   return `--radius-${a}`;
 }
-function ga(a) {
-  const n = {}, e = { ...ca, ...a };
+function ua(a) {
+  const n = {}, e = { ...la, ...a };
   return s(e).forEach(([t, r]) => {
-    n[la(t)] = r;
+    n[ga(t)] = r;
   }), n;
 }
-const F = "0.25rem", ua = {
+const F = "0.25rem", pa = {
   none: "0",
   px: "1px",
   base: F,
+  "2xs": "calc(var(--spacing-base) / 4)",
   xs: "calc(var(--spacing-base) / 2)",
   sm: "var(--spacing-base)",
   smh: "calc(var(--spacing-base) * 1.5)",
@@ -238,26 +238,26 @@ const F = "0.25rem", ua = {
 function f(a) {
   return `--spacing-${a}`;
 }
-function on(a) {
+function cn(a) {
   return `var(${f(a)})`;
 }
-function pa() {
+function ma() {
   const a = {
     "--spacing-base-raw": F,
     "--spacing-scale": "1"
   };
-  return s(ua).forEach(([n, e]) => {
+  return s(pa).forEach(([n, e]) => {
     n === "base" ? a[f(n)] = "calc(var(--spacing-base-raw) * var(--spacing-scale))" : a[f(n)] = e;
   }), a;
 }
-const cn = [
+const ln = [
   "stack-2xs",
   "stack-xs",
   "stack-sm",
   "stack-md",
   "stack-lg",
   "stack-xl"
-], ma = {
+], fa = {
   "stack-2xs": "var(--spacing-xs)",
   "stack-xs": "var(--spacing-sm)",
   "stack-sm": "var(--spacing-md)",
@@ -265,16 +265,16 @@ const cn = [
   "stack-lg": "var(--spacing-lg)",
   "stack-xl": "var(--spacing-xl)"
 };
-function fa(a) {
+function xa(a) {
   return `--spacing-${a}`;
 }
-function xa(a) {
-  const n = {}, e = { ...ma, ...a };
+function da(a) {
+  const n = {}, e = { ...fa, ...a };
   return s(e).forEach(([t, r]) => {
-    n[fa(t)] = r;
+    n[xa(t)] = r;
   }), n;
 }
-const da = {
+const ba = {
   none: "none",
   "2xs": "0 1px rgb(0 0 0 / 0.05)",
   xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -297,35 +297,35 @@ function H(a) {
 function g(a) {
   return `var(${H(a)})`;
 }
-function ba() {
+function ha() {
   const a = {};
-  return s(da).forEach(([n, e]) => {
+  return s(ba).forEach(([n, e]) => {
     a[H(n)] = e;
   }), a;
 }
-const ln = [
+const gn = [
   "surface",
   "surface-elevated",
   "popover",
   "overlay",
   "button"
-], ha = {
+], va = {
   surface: g("sm"),
   "surface-elevated": g("md"),
   popover: g("lg"),
   overlay: g("xl"),
   button: g("xs")
 };
-function va(a) {
+function Va(a) {
   return `--shadow-${a}`;
 }
-function Va(a) {
-  const n = {}, e = { ...ha, ...a };
+function Sa(a) {
+  const n = {}, e = { ...va, ...a };
   return s(e).forEach(([t, r]) => {
-    n[va(t)] = r;
+    n[Va(t)] = r;
   }), n;
 }
-const Sa = "1rem", O = {
+const $a = "1rem", O = {
   "3xs": [
     "calc(var(--font-size-base) * 0.5)",
     { lineHeight: "calc(var(--font-size-base) * 0.75)" }
@@ -387,14 +387,14 @@ const Sa = "1rem", O = {
   "9xl": ["calc(var(--font-size-base) * 8)", { lineHeight: "1" }]
   // 128px
 };
-function gn(a, n) {
+function un(a, n) {
   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);
   return e[r];
 }
-const $a = {
+const wa = {
   thin: "100",
   extralight: "200",
   light: "300",
@@ -404,21 +404,21 @@ const $a = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, wa = {
+}, za = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
   normal: "1.5",
   relaxed: "1.625",
   loose: "2"
-}, za = {
+}, ya = {
   tighter: "-0.05em",
   tight: "-0.025em",
   normal: "0em",
   wide: "0.025em",
   wider: "0.05em",
   widest: "0.1em"
-}, ya = {
+}, Na = {
   sans: [
     "system-ui",
     "-apple-system",
@@ -452,17 +452,17 @@ const $a = {
     "monospace"
   ]
 };
-function C(a) {
+function M(a) {
   return Array.isArray(a) ? a.join(", ") : a;
 }
-const un = [
+const pn = [
   "body",
   "heading",
   "display",
   "mono",
   "ui",
   "prose"
-], Na = {
+], Ea = {
   body: o("sans"),
   heading: o("sans"),
   display: o("sans"),
@@ -470,40 +470,40 @@ const un = [
   ui: o("sans"),
   prose: o("serif")
 };
-function M(a) {
+function C(a) {
   return `--font-size-${a}`;
 }
-function pn(a) {
-  return `var(${M(a)})`;
+function mn(a) {
+  return `var(${C(a)})`;
 }
 function T() {
   return "--font-size-base";
 }
-function mn() {
+function fn() {
   return `var(${T()})`;
 }
 function j(a) {
   return `--font-size-${a}-lh`;
 }
-function fn(a) {
+function xn(a) {
   return `var(${j(a)})`;
 }
 function B(a) {
   return `--font-weight-${a}`;
 }
-function xn(a) {
+function dn(a) {
   return `var(${B(a)})`;
 }
 function W(a) {
   return `--line-height-${a}`;
 }
-function dn(a) {
+function bn(a) {
   return `var(${W(a)})`;
 }
 function I(a) {
   return `--letter-spacing-${a}`;
 }
-function bn(a) {
+function hn(a) {
   return `var(${I(a)})`;
 }
 function x(a) {
@@ -518,40 +518,40 @@ function R(a) {
 function c(a) {
   return `var(${R(a)})`;
 }
-function Ea() {
+function ka() {
   const a = {};
-  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]) => {
+  return a["--font-size-base-raw"] = $a, 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[M(n)] = t, r && typeof r == "object" && "lineHeight" in r && (a[j(n)] = r.lineHeight);
-  }), Object.entries($a).forEach(([n, e]) => {
-    a[B(n)] = e;
+    a[C(n)] = t, r && typeof r == "object" && "lineHeight" in r && (a[j(n)] = r.lineHeight);
   }), Object.entries(wa).forEach(([n, e]) => {
-    a[W(n)] = e;
+    a[B(n)] = e;
   }), Object.entries(za).forEach(([n, e]) => {
-    a[I(n)] = e;
+    a[W(n)] = e;
   }), Object.entries(ya).forEach(([n, e]) => {
-    const t = C(e);
+    a[I(n)] = e;
+  }), Object.entries(Na).forEach(([n, e]) => {
+    const t = M(e);
     a[x(n)] = t, a[`--font-${n}`] = t;
   }), a;
 }
-function hn(a) {
+function vn(a) {
   if (!a)
     return {};
   const n = {};
   return Object.entries(a).forEach(([e, t]) => {
     if (t == null)
       return;
-    const r = C(t);
+    const r = M(t);
     n[x(e)] = r, n[`--font-${e}`] = r;
   }), n;
 }
-function ka(a) {
-  const n = {}, e = { ...Na, ...a };
+function Fa(a) {
+  const n = {}, e = { ...Ea, ...a };
   return Object.entries(e).forEach(([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 = {
+const Ha = {
   // Base layers
   base: 0,
   raised: 100,
@@ -572,22 +572,22 @@ const Fa = {
 function P(a) {
   return `--z-index-${a}`;
 }
-function vn(a) {
+function Vn(a) {
   return `var(${P(a)})`;
 }
-function Ha() {
+function Oa() {
   const a = {};
-  return s(Fa).forEach(([n, e]) => {
+  return s(Ha).forEach(([n, e]) => {
     a[P(n)] = e.toString();
   }), a;
 }
-const Oa = "200ms", Ca = {
+const Ma = "200ms", Ca = {
   instant: "0s",
   fast: "calc(var(--motion-duration-base) * 0.6)",
-  base: Oa,
+  base: Ma,
   slow: "calc(var(--motion-duration-base) * 1.6)",
   relaxed: "calc(var(--motion-duration-base) * 2.4)"
-}, Ma = {
+}, Ta = {
   standard: "cubic-bezier(0.2, 0, 0, 1)",
   emphasized: "cubic-bezier(0.33, 1, 0.68, 1)",
   entrance: "cubic-bezier(0, 0, 0.2, 1)",
@@ -599,11 +599,11 @@ function A(a) {
 function u(a) {
   return `var(${A(a)})`;
 }
-function Ta() {
+function ja() {
   return "--motion-duration-base";
 }
-function Vn() {
-  return `var(${Ta()})`;
+function Sn() {
+  return `var(${ja()})`;
 }
 function L(a) {
   return `--motion-easing-${a}`;
@@ -611,15 +611,15 @@ function L(a) {
 function p(a) {
   return `var(${L(a)})`;
 }
-function ja() {
+function Ba() {
   const a = {};
   return s(Ca).forEach(([n, e]) => {
     a[A(n)] = e;
-  }), s(Ma).forEach(([n, e]) => {
+  }), s(Ta).forEach(([n, e]) => {
     a[L(n)] = e;
   }), a;
 }
-const Sn = [
+const $n = [
   "transition-fast",
   "transition-medium",
   "transition-slow",
@@ -629,7 +629,7 @@ const Sn = [
   "easing-emphasis",
   "easing-entrance",
   "easing-exit"
-], Ba = {
+], Wa = {
   "transition-fast": u("fast"),
   "transition-medium": u("base"),
   "transition-slow": u("slow"),
@@ -640,28 +640,28 @@ const Sn = [
   "easing-entrance": p("entrance"),
   "easing-exit": p("exit")
 };
-function Wa(a) {
+function Ia(a) {
   return `--motion-${a}`;
 }
-function Ia(a) {
-  const n = {}, e = { ...Ba, ...a };
+function Ra(a) {
+  const n = {}, e = { ...Wa, ...a };
   return s(e).forEach(([t, r]) => {
-    const l = Wa(t);
+    const l = Ia(t);
     r !== `var(${l})` && (n[l] = r);
   }), n;
 }
-const Ra = {
+const Pa = {
   none: "none",
   "2xs": "0px 1px 0px rgb(0 0 0 / 0.15)",
   xs: "0px 1px 1px rgb(0 0 0 / 0.2)",
   sm: "0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075)",
   md: "0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1)",
   lg: "0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1)"
-}, $n = [
+}, wn = [
   "button-filled",
   "button-light",
   "button-default"
-], Pa = {
+], Aa = {
   "button-filled": m("sm"),
   "button-light": m("xs"),
   "button-default": m("2xs")
@@ -672,168 +672,169 @@ function D(a) {
 function m(a) {
   return `var(${D(a)})`;
 }
-function Aa() {
+function La() {
   const a = {};
-  return s(Ra).forEach(([n, e]) => {
+  return s(Pa).forEach(([n, e]) => {
     a[D(n)] = e;
   }), a;
 }
-function La(a) {
+function Da(a) {
   return `--text-shadow-${a}`;
 }
-function Da(a) {
-  const n = {}, e = { ...Pa, ...a };
+function Ga(a) {
+  const n = {}, e = { ...Aa, ...a };
   return s(e).forEach(([t, r]) => {
-    n[La(t)] = r;
+    n[Da(t)] = r;
   }), n;
 }
-function Ga() {
+function Ua() {
   return {
     ...G(),
-    ...pa(),
-    ...Ea(),
+    ...ma(),
+    ...ka(),
     ...K(),
-    ...oa(),
-    ...ba(),
-    ...ja(),
-    ...Aa(),
-    ...Ha(),
+    ...ca(),
+    ...ha(),
+    ...Ba(),
+    ...La(),
+    ...Oa(),
     ...Z(),
     ...J(),
-    ...ia()
+    ...oa()
   };
 }
-function Ua(a) {
+function Qa(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) {
+function Za(a) {
   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, {
+  return Qa(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),
-    ...ga(t),
-    ...Va(r),
-    ...Ia(l),
-    ...xa(d),
-    ...Da(b)
+    ...Fa(e),
+    ...ua(t),
+    ...Sa(r),
+    ...Ra(l),
+    ...da(d),
+    ...Ga(b)
   };
 }
-function wn() {
+function zn() {
   return {
-    ...Ga(),
-    ...Qa()
+    ...Ua(),
+    ...Za()
   };
 }
-function zn(a, n) {
+function yn(a, n) {
   return n == null && typeof window > "u" ? "" : getComputedStyle(n ?? document.documentElement).getPropertyValue(a).trim();
 }
 export {
   $,
-  ia as A,
-  ja as B,
+  oa as A,
+  Ba as B,
   J as C,
-  sa as D,
-  oa as E,
-  ka as F,
-  Ia as G,
-  ga as H,
-  Va as I,
-  xa as J,
-  Da as K,
-  ba as L,
-  pa as M,
-  Aa as N,
-  Ea as O,
-  Ha as P,
-  mn as Q,
-  Vn as R,
-  Ta as S,
-  Ja as T,
+  ia as D,
+  ca as E,
+  Fa as F,
+  Ra as G,
+  ua as H,
+  Sa as I,
+  da as J,
+  Ga as K,
+  ha as L,
+  ma as M,
+  La as N,
+  ka as O,
+  Oa as P,
+  fn as Q,
+  Sn as R,
+  ja as S,
+  Ka as T,
   h as U,
-  Ya as V,
-  Xa as W,
+  _a as V,
+  Ya as W,
   S as X,
-  en as Y,
+  tn as Y,
   y as Z,
-  _a as _,
-  Qa as a,
-  an as a0,
+  an as _,
+  Za as a,
+  nn as a0,
   w as a1,
-  nn as a2,
+  en as a2,
   z as a3,
   o as a4,
   x as a5,
-  fn as a6,
+  xn as a6,
   j as a7,
-  pn as a8,
-  M as a9,
+  mn as a8,
+  C as a9,
   D as aA,
-  zn as aB,
-  vn as aC,
+  yn as aB,
+  Vn as aC,
   P as aD,
-  za as aE,
-  wa as aF,
+  ya as aE,
+  za as aF,
   Ca as aG,
-  Ma as aH,
+  Ta as aH,
   q as aI,
-  ra as aJ,
-  E as aK,
-  un as aL,
-  Sn as aM,
-  sn as aN,
-  ln as aO,
-  cn as aP,
-  $n as aQ,
-  da as aR,
-  ua as aS,
-  Ra as aT,
-  Fa as aU,
-  xn as aa,
+  sa as aJ,
+  ra as aK,
+  E as aL,
+  pn as aM,
+  $n as aN,
+  on as aO,
+  gn as aP,
+  ln as aQ,
+  wn as aR,
+  ba as aS,
+  pa as aT,
+  Pa as aU,
+  Ha as aV,
+  dn as aa,
   B as ab,
-  bn as ac,
+  hn as ac,
   I as ad,
-  dn as ae,
+  bn as ae,
   W as af,
   u as ag,
   p as ah,
   L as ai,
-  Ka as aj,
+  Xa as aj,
   v as ak,
-  tn as al,
+  rn as al,
   N as am,
-  rn as an,
+  sn as an,
   k as ao,
   c as ap,
   R as aq,
-  Wa as ar,
-  la as as,
-  va as at,
-  fa as au,
-  La as av,
+  Ia as ar,
+  ga as as,
+  Va as at,
+  xa as au,
+  Da as av,
   g as aw,
   H as ax,
-  on as ay,
+  cn as ay,
   m as az,
-  hn as b,
+  vn as b,
   f as c,
   T as d,
   A as e,
   i as f,
-  Ga as g,
-  Sa as h,
-  Oa as i,
+  Ua as g,
+  $a as h,
+  Ma as i,
   F as j,
   Q as k,
   V as l,
-  gn as m,
+  un as m,
   ea as n,
   X as o,
   _ as p,
   aa as q,
-  ya as r,
+  Na as r,
   O as s,
-  $a as t,
-  wn as u,
+  wa as t,
+  zn as u,
   Z as v,
   K as w,
   ta as x,