@tempots/beatui 0.22.0 → 0.24.0

package/dist/index-OrV7N-wE.js

@@ -0,0 +1,680 @@
+import { f as s, l as I, m as A, s as B, a as D } from "./colors-WfmhQ5e1.js";
+const h = {
+  sm: "40rem",
+  // 640px
+  md: "48rem",
+  // 768px
+  lg: "64rem",
+  // 1024px
+  xl: "80rem",
+  // 1280px
+  "2xl": "96rem"
+  // 1536px
+};
+function S(a) {
+  return `--breakpoint-${a}`;
+}
+function Oa(a) {
+  return `var(${S(a)})`;
+}
+function Ta(a) {
+  return `@media (width >= ${h[a]})`;
+}
+function L() {
+  const a = {};
+  return s(h).forEach(([e, t]) => {
+    a[S(e)] = t;
+  }), a;
+}
+const V = {
+  none: "0",
+  xs: "calc(var(--spacing-base) / 2)",
+  sm: "var(--spacing-base)",
+  md: "calc(var(--spacing-base) * 1.5)",
+  lg: "calc(var(--spacing-base) * 2)",
+  xl: "calc(var(--spacing-base) * 3)",
+  full: "9999px"
+};
+function v(a) {
+  return `--radius-${a}`;
+}
+function i(a) {
+  return `var(${v(a)})`;
+}
+function Ma(a) {
+  return `@media (width >= ${V[a]})`;
+}
+function P() {
+  const a = {};
+  return s(V).forEach(([e, t]) => {
+    a[v(e)] = t;
+  }), a;
+}
+const Ha = [
+  "control",
+  "control-sm",
+  "control-xs",
+  "button",
+  "surface",
+  "overlay",
+  "popover",
+  "pill",
+  "focus"
+], W = {
+  control: i("md"),
+  "control-sm": i("sm"),
+  "control-xs": i("xs"),
+  button: i("md"),
+  surface: i("lg"),
+  overlay: i("lg"),
+  popover: i("md"),
+  pill: i("full"),
+  focus: i("sm")
+};
+function U(a) {
+  return `--radius-${a}`;
+}
+function Z(a) {
+  const e = {}, t = { ...W, ...a };
+  return s(t).forEach(([n, r]) => {
+    e[U(n)] = r;
+  }), e;
+}
+const Q = "0.25rem", _ = {
+  none: "0",
+  px: "1px",
+  base: Q,
+  xs: "calc(var(--spacing-base) / 2)",
+  sm: "var(--spacing-base)",
+  md: "calc(var(--spacing-base) * 1.5)",
+  lg: "calc(var(--spacing-base) * 2)",
+  xl: "calc(var(--spacing-base) * 3)",
+  "2xl": "calc(var(--spacing-base) * 4)",
+  "3xl": "calc(var(--spacing-base) * 6)",
+  "4xl": "calc(var(--spacing-base) * 8)",
+  full: "2000px"
+};
+function w(a) {
+  return `--spacing-${a}`;
+}
+function ja(a) {
+  return `var(${w(a)})`;
+}
+function G() {
+  const a = {};
+  return s(_).forEach(([e, t]) => {
+    a[w(e)] = t;
+  }), a;
+}
+const za = [
+  "stack-2xs",
+  "stack-xs",
+  "stack-sm",
+  "stack-md",
+  "stack-lg",
+  "stack-xl"
+], q = {
+  "stack-2xs": "calc(var(--spacing-base) / 2)",
+  "stack-xs": "calc(var(--spacing-base) * 1)",
+  "stack-sm": "calc(var(--spacing-base) * 2)",
+  "stack-md": "calc(var(--spacing-base) * 3)",
+  "stack-lg": "calc(var(--spacing-base) * 4)",
+  "stack-xl": "calc(var(--spacing-base) * 6)"
+};
+function J(a) {
+  return `--spacing-${a}`;
+}
+function K(a) {
+  const e = {}, t = { ...q, ...a };
+  return s(t).forEach(([n, r]) => {
+    e[J(n)] = r;
+  }), e;
+}
+const X = {
+  none: "none",
+  "2xs": "0 1px rgb(0 0 0 / 0.05)",
+  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  "top-2xs": "0 -1px rgb(0 0 0 / 0.05)",
+  "top-xs": "0 -1px 2px 0 rgb(0 0 0 / 0.05)",
+  "top-sm": "0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  "top-md": "0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  "top-lg": "0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  "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 y(a) {
+  return `--shadow-${a}`;
+}
+function l(a) {
+  return `var(${y(a)})`;
+}
+function Y() {
+  const a = {};
+  return s(X).forEach(([e, t]) => {
+    a[y(e)] = t;
+  }), a;
+}
+const Ca = [
+  "surface",
+  "surface-elevated",
+  "popover",
+  "overlay",
+  "button"
+], aa = {
+  surface: l("sm"),
+  "surface-elevated": l("md"),
+  popover: l("lg"),
+  overlay: l("xl"),
+  button: l("xs")
+};
+function ea(a) {
+  return `--shadow-${a}`;
+}
+function ta(a) {
+  const e = {}, t = { ...aa, ...a };
+  return s(t).forEach(([n, r]) => {
+    e[ea(n)] = r;
+  }), e;
+}
+const $ = {
+  "3xs": ["0.5rem", { lineHeight: "0.75rem" }],
+  // 8px
+  "2xs": ["0.625rem", { lineHeight: "0.75rem" }],
+  // 10px
+  xs: ["0.75rem", { lineHeight: "1rem" }],
+  // 12px
+  sm: ["0.875rem", { lineHeight: "1.25rem" }],
+  // 14px
+  md: ["1rem", { lineHeight: "1.5rem" }],
+  // 16px
+  lg: ["1.125rem", { lineHeight: "1.75rem" }],
+  // 18px
+  xl: ["1.25rem", { lineHeight: "1.75rem" }],
+  // 20px
+  "2xl": ["1.5rem", { lineHeight: "2rem" }],
+  // 24px
+  "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+  // 30px
+  "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+  // 36px
+  "5xl": ["3rem", { lineHeight: "1" }],
+  // 48px
+  "6xl": ["3.75rem", { lineHeight: "1" }],
+  // 60px
+  "7xl": ["4.5rem", { lineHeight: "1" }],
+  // 72px
+  "8xl": ["6rem", { lineHeight: "1" }],
+  // 96px
+  "9xl": ["8rem", { lineHeight: "1" }]
+  // 128px
+};
+function Ra(a, e) {
+  const t = Object.keys($), n = t.indexOf(a);
+  if (n === -1)
+    throw new Error(`Invalid font size: ${a}`);
+  const r = Math.min(Math.max(n + e, 0), t.length - 1);
+  return t[r];
+}
+const na = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+}, ra = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+}, sa = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+}, ia = {
+  sans: [
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    '"Segoe UI"',
+    "Roboto",
+    '"Helvetica Neue"',
+    "Arial",
+    '"Noto Sans"',
+    "sans-serif",
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    '"Noto Color Emoji"'
+  ],
+  serif: [
+    "ui-serif",
+    "Georgia",
+    "Cambria",
+    '"Times New Roman"',
+    "Times",
+    "serif"
+  ],
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    '"SF Mono"',
+    "Consolas",
+    '"Liberation Mono"',
+    "Menlo",
+    "monospace"
+  ]
+};
+function k(a) {
+  return Array.isArray(a) ? a.join(", ") : a;
+}
+const Ia = [
+  "body",
+  "heading",
+  "display",
+  "mono",
+  "ui",
+  "prose"
+], oa = {
+  body: o("sans"),
+  heading: o("sans"),
+  display: o("sans"),
+  mono: o("mono"),
+  ui: o("sans"),
+  prose: o("serif")
+};
+function E(a) {
+  return `--font-size-${a}`;
+}
+function Aa(a) {
+  return `var(${E(a)})`;
+}
+function N(a) {
+  return `--font-weight-${a}`;
+}
+function Ba(a) {
+  return `var(${N(a)})`;
+}
+function F(a) {
+  return `--line-height-${a}`;
+}
+function Da(a) {
+  return `var(${F(a)})`;
+}
+function O(a) {
+  return `--letter-spacing-${a}`;
+}
+function La(a) {
+  return `var(${O(a)})`;
+}
+function p(a) {
+  return `--font-family-${a}`;
+}
+function o(a) {
+  return `var(${p(a)})`;
+}
+function T(a) {
+  return `--font-${a}`;
+}
+function c(a) {
+  return `var(${T(a)})`;
+}
+function ca() {
+  const a = {};
+  return Object.entries($).forEach(([e, t]) => {
+    const [n] = Array.isArray(t) ? t : [t];
+    a[E(e)] = n;
+  }), Object.entries(na).forEach(([e, t]) => {
+    a[N(e)] = t;
+  }), Object.entries(ra).forEach(([e, t]) => {
+    a[F(e)] = t;
+  }), Object.entries(sa).forEach(([e, t]) => {
+    a[O(e)] = t;
+  }), Object.entries(ia).forEach(([e, t]) => {
+    const n = k(t);
+    a[p(e)] = n, a[`--font-${e}`] = n;
+  }), a;
+}
+function la(a) {
+  if (!a)
+    return {};
+  const e = {};
+  return Object.entries(a).forEach(([t, n]) => {
+    if (n == null)
+      return;
+    const r = k(n);
+    e[p(t)] = r, e[`--font-${t}`] = r;
+  }), e;
+}
+function ma(a) {
+  const e = {}, t = { ...oa, ...a };
+  return Object.entries(t).forEach(([n, r]) => {
+    e[T(n)] = r;
+  }), e["--default-font-family"] = c("body"), e["--default-heading-font-family"] = c("heading"), e["--default-display-font-family"] = c("display"), e["--default-ui-font-family"] = c("ui"), e["--default-prose-font-family"] = c("prose"), e["--default-mono-font-family"] = c("mono"), e;
+}
+const ua = {
+  // Base layers
+  base: 0,
+  raised: 10,
+  // Navigation and layout
+  navigation: 20,
+  sidebar: 20,
+  // Overlays and modals
+  overlay: 50,
+  modal: 60,
+  // Tooltips and popovers
+  tooltip: 70,
+  popover: 80,
+  // Notifications and alerts
+  notification: 90,
+  // Maximum priority
+  maximum: 100
+};
+function M(a) {
+  return `--z-index-${a}`;
+}
+function Pa(a) {
+  return `var(${M(a)})`;
+}
+function ga() {
+  const a = {};
+  return s(ua).forEach(([e, t]) => {
+    a[M(e)] = t.toString();
+  }), a;
+}
+const pa = {
+  instant: "0s",
+  fast: "120ms",
+  base: "200ms",
+  slow: "320ms",
+  relaxed: "480ms"
+}, xa = {
+  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)",
+  exit: "cubic-bezier(0.8, 0, 0.6, 1)"
+};
+function H(a) {
+  return `--motion-duration-${a}`;
+}
+function m(a) {
+  return `var(${H(a)})`;
+}
+function j(a) {
+  return `--motion-easing-${a}`;
+}
+function u(a) {
+  return `var(${j(a)})`;
+}
+function fa() {
+  const a = {};
+  return s(pa).forEach(([e, t]) => {
+    a[H(e)] = t;
+  }), s(xa).forEach(([e, t]) => {
+    a[j(e)] = t;
+  }), a;
+}
+const Wa = [
+  "transition-fast",
+  "transition-medium",
+  "transition-slow",
+  "transition-overlay",
+  "transition-emphasis",
+  "easing-standard",
+  "easing-emphasis",
+  "easing-entrance",
+  "easing-exit"
+], ba = {
+  "transition-fast": m("fast"),
+  "transition-medium": m("base"),
+  "transition-slow": m("slow"),
+  "transition-overlay": m("relaxed"),
+  "transition-emphasis": m("fast"),
+  "easing-standard": u("standard"),
+  "easing-emphasis": u("emphasized"),
+  "easing-entrance": u("entrance"),
+  "easing-exit": u("exit")
+};
+function da(a) {
+  return `--motion-${a}`;
+}
+function ha(a) {
+  const e = {}, t = { ...ba, ...a };
+  return s(t).forEach(([n, r]) => {
+    e[da(n)] = r;
+  }), e;
+}
+const Sa = {
+  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)"
+}, Ua = [
+  "button-filled",
+  "button-light",
+  "button-default"
+], Va = {
+  "button-filled": g("sm"),
+  "button-light": g("xs"),
+  "button-default": g("2xs")
+};
+function z(a) {
+  return `--text-shadow-${a}`;
+}
+function g(a) {
+  return `var(${z(a)})`;
+}
+function va() {
+  const a = {};
+  return s(Sa).forEach(([e, t]) => {
+    a[z(e)] = t;
+  }), a;
+}
+function wa(a) {
+  return `--text-shadow-${a}`;
+}
+function ya(a) {
+  const e = {}, t = { ...Va, ...a };
+  return s(t).forEach(([n, r]) => {
+    e[wa(n)] = r;
+  }), e;
+}
+function C() {
+  return {
+    ...I(),
+    ...G(),
+    ...ca(),
+    ...L(),
+    ...P(),
+    ...Y(),
+    ...fa(),
+    ...va(),
+    ...ga()
+  };
+}
+function $a(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 R(a) {
+  let e, t, n, r, x, f, b;
+  return $a(a) ? (e = a.colors, t = a.fonts, n = a.radii, r = a.shadows, x = a.motion, f = a.spacing, b = a.textShadows) : e = a, {
+    ...A(e),
+    ...ma(t),
+    ...Z(n),
+    ...ta(r),
+    ...ha(x),
+    ...K(f),
+    ...ya(b)
+  };
+}
+function Za() {
+  return {
+    ...C(),
+    ...R()
+  };
+}
+function Qa(a, e) {
+  return e == null && typeof window > "u" ? "" : getComputedStyle(e ?? document.documentElement).getPropertyValue(a).trim();
+}
+function ka() {
+  return Object.fromEntries(
+    B.map((a) => [
+      a,
+      Object.fromEntries(
+        D.map((e) => [
+          e,
+          `var(--color-${a}-${e})`
+        ])
+      )
+    ])
+  );
+}
+function Ea(a) {
+  const { includeCoreTokens: e = !0, includeSemanticTokens: t = !0 } = a, n = {};
+  return e && (n[":root"] = {
+    ...C()
+  }), t && (n[":root"] = {
+    ...n[":root"] ?? {},
+    ...R({
+      colors: a.semanticColors,
+      fonts: a.semanticFonts,
+      radii: a.semanticRadii,
+      shadows: a.semanticShadows,
+      motion: a.semanticMotion,
+      spacing: a.semanticSpacing,
+      textShadows: a.semanticTextShadows
+    })
+  }), a.fontFamilies && (n[":root"] = {
+    ...n[":root"] ?? {},
+    ...la(a.fontFamilies)
+  }), n;
+}
+const d = Object.assign(
+  (a, e) => ({
+    handler: a,
+    config: e
+  }),
+  {
+    withOptions(a, e = () => ({})) {
+      const t = (n) => ({
+        handler: a(n),
+        config: e(n)
+      });
+      return t.__isOptionsFunction = !0, t;
+    }
+  }
+);
+function Na(a = {}) {
+  const e = Ea(a);
+  return {
+    darkMode: "class",
+    theme: {
+      extend: a.extendTheme ?? !0 ? {
+        colors: ka()
+      } : {}
+    },
+    plugins: [
+      d(({ addBase: r }) => {
+        Object.keys(e).length > 0 && r(e);
+      }),
+      d(({ addVariant: r }) => {
+        r("beatui-dark", ".b-dark &"), r("beatui-light", ".b-light &"), r("beatui-rtl", ".b-rtl &"), r("beatui-ltr", ".b-ltr &");
+      })
+    ]
+  };
+}
+const _a = Na();
+export {
+  ca as $,
+  K as A,
+  X as B,
+  y as C,
+  l as D,
+  Y as E,
+  Ca as F,
+  ea as G,
+  ta as H,
+  $ as I,
+  Ra as J,
+  na as K,
+  ra as L,
+  sa as M,
+  ia as N,
+  Ia as O,
+  E as P,
+  Aa as Q,
+  N as R,
+  Ba as S,
+  F as T,
+  Da as U,
+  O as V,
+  La as W,
+  p as X,
+  o as Y,
+  T as Z,
+  c as _,
+  la as a,
+  ma as a0,
+  ua as a1,
+  M as a2,
+  Pa as a3,
+  ga as a4,
+  pa as a5,
+  xa as a6,
+  H as a7,
+  m as a8,
+  j as a9,
+  u as aa,
+  fa as ab,
+  Wa as ac,
+  da as ad,
+  ha as ae,
+  Sa as af,
+  Ua as ag,
+  z as ah,
+  g as ai,
+  va as aj,
+  wa as ak,
+  ya as al,
+  _a as am,
+  C as b,
+  Na as c,
+  Za as d,
+  Qa as e,
+  h as f,
+  R as g,
+  S as h,
+  Oa as i,
+  Ta as j,
+  L as k,
+  v as l,
+  i as m,
+  Ma as n,
+  P as o,
+  U as p,
+  Z as q,
+  V as r,
+  Ha as s,
+  Q as t,
+  _ as u,
+  w as v,
+  ja as w,
+  G as x,
+  za as y,
+  J as z
+};

package/dist/{index-Du_-zpYu.js → index-SPJ46EtH.js}

@@ -1,7 +1,7 @@
-import { a as p, L as u, p as n, s as l, t as e } from "./milkdown-input-Dp-upGqQ.js";
-import { html as m } from "./index-D3y-KMW-.js";
-import { javascriptLanguage as b } from "./index-2J0cohRF.js";
-import { L as S, a as r } from "./index-CsPpB1Kw.js";
+import { a as p, L as u, p as n, s as l, t as e } from "./milkdown-input-BI5TwGax.js";
+import { html as m } from "./index-Dr0vUVGJ.js";
+import { javascriptLanguage as b } from "./index-CJIznGSs.js";
+import { L as S, a as r } from "./index-BICIDfB6.js";
 const c = /* @__PURE__ */ S.deserialize({
   version: 14,
   states: "%pOVOWOOObQPOOOpOSO'#C_OOOO'#Cp'#CpQVOWOOQxQPOOO!TQQOOQ!YQPOOOOOO,58y,58yO!_OSO,58yOOOO-E6n-E6nO!dQQO'#CqQ{QPOOO!iQPOOQ{QPOOO!qQPOOOOOO1G.e1G.eOOQO,59],59]OOQO-E6o-E6oO!yOpO'#CiO#RO`O'#CiQOQPOOO#ZO#tO'#CmO#fO!bO'#CmOOQO,59T,59TO#qOpO,59TO#vO`O,59TOOOO'#Cr'#CrO#{O#tO,59XOOQO,59X,59XOOOO'#Cs'#CsO$WO!bO,59XOOQO1G.o1G.oOOOO-E6p-E6pOOQO1G.s1G.sOOOO-E6q-E6q",