import { f as s, l as I, m as A, s as B, a as D } from "./colors-BW19rWA1.js";
const h = {
  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 S(a) {
  return `--radius-${a}`;
}
function i(a) {
  return `var(${S(a)})`;
}
function Oa(a) {
  return `@media (width >= ${h[a]})`;
}
function L() {
  const a = {};
  return s(h).forEach(([e, t]) => {
    a[S(e)] = t;
  }), a;
}
const Ta = [
  "control",
  "control-sm",
  "control-xs",
  "button",
  "surface",
  "overlay",
  "popover",
  "pill",
  "focus"
], P = {
  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 W(a) {
  return `--radius-${a}`;
}
function U(a) {
  const e = {}, t = { ...P, ...a };
  return s(t).forEach(([n, r]) => {
    e[W(n)] = r;
  }), e;
}
const V = {
  sm: "40rem",
  // 640px
  md: "48rem",
  // 768px
  lg: "64rem",
  // 1024px
  xl: "80rem",
  // 1280px
  "2xl": "96rem"
  // 1536px
};
function v(a) {
  return `--breakpoint-${a}`;
}
function Ma(a) {
  return `var(${v(a)})`;
}
function Ha(a) {
  return `@media (width >= ${V[a]})`;
}
function Z() {
  const a = {};
  return s(V).forEach(([e, t]) => {
    a[v(e)] = t;
  }), a;
}
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) * 2)",
  lg: "calc(var(--spacing-base) * 4)",
  xl: "calc(var(--spacing-base) * 6)",
  "2xl": "calc(var(--spacing-base) * 8)",
  "3xl": "calc(var(--spacing-base) * 12)",
  "4xl": "calc(var(--spacing-base) * 16)",
  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(),
    ...Z(),
    ...L(),
    ...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),
    ...U(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,
  i as b,
  Na as c,
  C as d,
  Za as e,
  Qa as f,
  R as g,
  V as h,
  v as i,
  Ma as j,
  Ha as k,
  Z as l,
  S as m,
  Oa as n,
  L as o,
  W as p,
  U as q,
  h as r,
  Ta as s,
  Q as t,
  _ as u,
  w as v,
  ja as w,
  G as x,
  za as y,
  J as z
};
