import { l as i, g as B, a as C } from "./colors-BmLYKmoH.js";
const d = {
  sm: "40rem",
  // 640px
  md: "48rem",
  // 768px
  lg: "64rem",
  // 1024px
  xl: "80rem",
  // 1280px
  "2xl": "96rem"
  // 1536px
};
function h(a) {
  return `--breakpoint-${a}`;
}
function Ea(a) {
  return `var(${h(a)})`;
}
function Fa(a) {
  return `@media (width >= ${d[a]})`;
}
function I() {
  const a = {};
  return i(d).forEach(([e, n]) => {
    a[h(e)] = n;
  }), 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 S(a) {
  return `--radius-${a}`;
}
function r(a) {
  return `var(${S(a)})`;
}
function ka(a) {
  return `@media (width >= ${v[a]})`;
}
function A() {
  const a = {};
  return i(v).forEach(([e, n]) => {
    a[S(e)] = n;
  }), a;
}
const Ha = [
  "control",
  "control-sm",
  "control-xs",
  "button",
  "surface",
  "overlay",
  "popover",
  "pill",
  "focus"
], L = {
  control: r("md"),
  "control-sm": r("sm"),
  "control-xs": r("xs"),
  button: r("md"),
  surface: r("lg"),
  overlay: r("lg"),
  popover: r("md"),
  pill: r("full"),
  focus: r("sm")
};
function D(a) {
  return `--radius-${a}`;
}
function U(a) {
  const e = {}, n = { ...L, ...a };
  return i(n).forEach(([t, s]) => {
    e[D(t)] = s;
  }), e;
}
const W = "0.25rem", Z = {
  none: "0",
  px: "1px",
  base: W,
  xs: "calc(var(--spacing-base) / 2)",
  sm: "var(--spacing-base)",
  smh: "calc(var(--spacing-base) * 1.5)",
  md: "calc(var(--spacing-base) * 2)",
  mdh: "calc(var(--spacing-base) * 3)",
  lg: "calc(var(--spacing-base) * 4)",
  lgh: "calc(var(--spacing-base) * 5)",
  xl: "calc(var(--spacing-base) * 6)",
  "2xl": "calc(var(--spacing-base) * 8)",
  "2xlh": "calc(var(--spacing-base) * 10)",
  "3xl": "calc(var(--spacing-base) * 12)",
  "4xl": "calc(var(--spacing-base) * 16)",
  full: "2000px"
};
function V(a) {
  return `--spacing-${a}`;
}
function Ma(a) {
  return `var(${V(a)})`;
}
function Q() {
  const a = {};
  return i(Z).forEach(([e, n]) => {
    a[V(e)] = n;
  }), a;
}
const Oa = [
  "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 G(a) {
  return `--spacing-${a}`;
}
function P(a) {
  const e = {}, n = { ...q, ...a };
  return i(n).forEach(([t, s]) => {
    e[G(t)] = s;
  }), e;
}
const J = {
  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 z(a) {
  return `--shadow-${a}`;
}
function g(a) {
  return `var(${z(a)})`;
}
function K() {
  const a = {};
  return i(J).forEach(([e, n]) => {
    a[z(e)] = n;
  }), a;
}
const ja = [
  "surface",
  "surface-elevated",
  "popover",
  "overlay",
  "button"
], X = {
  surface: g("sm"),
  "surface-elevated": g("md"),
  popover: g("lg"),
  overlay: g("xl"),
  button: g("xs")
};
function Y(a) {
  return `--shadow-${a}`;
}
function _(a) {
  const e = {}, n = { ...X, ...a };
  return i(n).forEach(([t, s]) => {
    e[Y(t)] = s;
  }), e;
}
const aa = "1rem", y = {
  "3xs": [
    "calc(var(--base-font-size) * 0.5)",
    { lineHeight: "calc(var(--base-font-size) * 0.75)" }
  ],
  // 8px
  "2xs": [
    "calc(var(--base-font-size) * 0.625)",
    { lineHeight: "calc(var(--base-font-size) * 0.75)" }
  ],
  // 10px
  xs: [
    "calc(var(--base-font-size) * 0.75)",
    { lineHeight: "var(--base-font-size)" }
  ],
  // 12px
  sm: [
    "calc(var(--base-font-size) * 0.875)",
    { lineHeight: "calc(var(--base-font-size) * 1.25)" }
  ],
  // 14px
  md: [
    "var(--base-font-size)",
    { lineHeight: "calc(var(--base-font-size) * 1.5)" }
  ],
  // 16px
  lg: [
    "calc(var(--base-font-size) * 1.125)",
    { lineHeight: "calc(var(--base-font-size) * 1.75)" }
  ],
  // 18px
  xl: [
    "calc(var(--base-font-size) * 1.25)",
    { lineHeight: "calc(var(--base-font-size) * 1.75)" }
  ],
  // 20px
  "2xl": [
    "calc(var(--base-font-size) * 1.5)",
    { lineHeight: "calc(var(--base-font-size) * 2)" }
  ],
  // 24px
  "3xl": [
    "calc(var(--base-font-size) * 1.875)",
    { lineHeight: "calc(var(--base-font-size) * 2.25)" }
  ],
  // 30px
  "4xl": [
    "calc(var(--base-font-size) * 2.25)",
    { lineHeight: "calc(var(--base-font-size) * 2.5)" }
  ],
  // 36px
  "5xl": ["calc(var(--base-font-size) * 3)", { lineHeight: "1" }],
  // 48px
  "6xl": ["calc(var(--base-font-size) * 3.75)", { lineHeight: "1" }],
  // 60px
  "7xl": ["calc(var(--base-font-size) * 4.5)", { lineHeight: "1" }],
  // 72px
  "8xl": ["calc(var(--base-font-size) * 6)", { lineHeight: "1" }],
  // 96px
  "9xl": ["calc(var(--base-font-size) * 8)", { lineHeight: "1" }]
  // 128px
};
function Ta(a, e) {
  const n = Object.keys(y), t = n.indexOf(a);
  if (t === -1)
    throw new Error(`Invalid font size: ${a}`);
  const s = Math.min(Math.max(t + e, 0), n.length - 1);
  return n[s];
}
const ea = {
  thin: "100",
  extralight: "200",
  light: "300",
  normal: "400",
  medium: "500",
  semibold: "600",
  bold: "700",
  extrabold: "800",
  black: "900"
}, na = {
  none: "1",
  tight: "1.25",
  snug: "1.375",
  normal: "1.5",
  relaxed: "1.625",
  loose: "2"
}, ta = {
  tighter: "-0.05em",
  tight: "-0.025em",
  normal: "0em",
  wide: "0.025em",
  wider: "0.05em",
  widest: "0.1em"
}, sa = {
  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 $(a) {
  return Array.isArray(a) ? a.join(", ") : a;
}
const Ra = [
  "body",
  "heading",
  "display",
  "mono",
  "ui",
  "prose"
], ia = {
  body: o("sans"),
  heading: o("sans"),
  display: o("sans"),
  mono: o("mono"),
  ui: o("sans"),
  prose: o("serif")
};
function w(a) {
  return `--font-size-${a}`;
}
function Ba(a) {
  return `var(${w(a)})`;
}
function N() {
  return "--base-font-size";
}
function Ca() {
  return `var(${N()})`;
}
function E(a) {
  return `--font-size-${a}-lh`;
}
function Ia(a) {
  return `var(${E(a)})`;
}
function F(a) {
  return `--font-weight-${a}`;
}
function Aa(a) {
  return `var(${F(a)})`;
}
function k(a) {
  return `--line-height-${a}`;
}
function La(a) {
  return `var(${k(a)})`;
}
function H(a) {
  return `--letter-spacing-${a}`;
}
function Da(a) {
  return `var(${H(a)})`;
}
function m(a) {
  return `--font-family-${a}`;
}
function o(a) {
  return `var(${m(a)})`;
}
function M(a) {
  return `--font-${a}`;
}
function c(a) {
  return `var(${M(a)})`;
}
function ra() {
  const a = {};
  return a[N()] = aa, Object.entries(y).forEach(([e, n]) => {
    const [t, s] = Array.isArray(n) ? n : [n, void 0];
    a[w(e)] = t, s && typeof s == "object" && "lineHeight" in s && (a[E(e)] = s.lineHeight);
  }), Object.entries(ea).forEach(([e, n]) => {
    a[F(e)] = n;
  }), Object.entries(na).forEach(([e, n]) => {
    a[k(e)] = n;
  }), Object.entries(ta).forEach(([e, n]) => {
    a[H(e)] = n;
  }), Object.entries(sa).forEach(([e, n]) => {
    const t = $(n);
    a[m(e)] = t, a[`--font-${e}`] = t;
  }), a;
}
function Ua(a) {
  if (!a)
    return {};
  const e = {};
  return Object.entries(a).forEach(([n, t]) => {
    if (t == null)
      return;
    const s = $(t);
    e[m(n)] = s, e[`--font-${n}`] = s;
  }), e;
}
function oa(a) {
  const e = {}, n = { ...ia, ...a };
  return Object.entries(n).forEach(([t, s]) => {
    e[M(t)] = s;
  }), 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 ca = {
  // 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 O(a) {
  return `--z-index-${a}`;
}
function Wa(a) {
  return `var(${O(a)})`;
}
function la() {
  const a = {};
  return i(ca).forEach(([e, n]) => {
    a[O(e)] = n.toString();
  }), a;
}
const ga = "200ms", ua = {
  instant: "0s",
  fast: "calc(var(--motion-duration-base) * 0.6)",
  base: ga,
  slow: "calc(var(--motion-duration-base) * 1.6)",
  relaxed: "calc(var(--motion-duration-base) * 2.4)"
}, pa = {
  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 j(a) {
  return `--motion-duration-${a}`;
}
function u(a) {
  return `var(${j(a)})`;
}
function fa() {
  return "--motion-duration-base";
}
function Za() {
  return `var(${fa()})`;
}
function T(a) {
  return `--motion-easing-${a}`;
}
function p(a) {
  return `var(${T(a)})`;
}
function ma() {
  const a = {};
  return i(ua).forEach(([e, n]) => {
    a[j(e)] = n;
  }), i(pa).forEach(([e, n]) => {
    a[T(e)] = n;
  }), a;
}
const Qa = [
  "transition-fast",
  "transition-medium",
  "transition-slow",
  "transition-overlay",
  "transition-emphasis",
  "easing-standard",
  "easing-emphasis",
  "easing-entrance",
  "easing-exit"
], xa = {
  "transition-fast": u("fast"),
  "transition-medium": u("base"),
  "transition-slow": u("slow"),
  "transition-overlay": u("relaxed"),
  "transition-emphasis": u("fast"),
  "easing-standard": p("standard"),
  "easing-emphasis": p("emphasized"),
  "easing-entrance": p("entrance"),
  "easing-exit": p("exit")
};
function ba(a) {
  return `--motion-${a}`;
}
function da(a) {
  const e = {}, n = { ...xa, ...a };
  return i(n).forEach(([t, s]) => {
    const l = ba(t);
    s !== `var(${l})` && (e[l] = s);
  }), e;
}
const ha = {
  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)"
}, qa = [
  "button-filled",
  "button-light",
  "button-default"
], va = {
  "button-filled": f("sm"),
  "button-light": f("xs"),
  "button-default": f("2xs")
};
function R(a) {
  return `--text-shadow-${a}`;
}
function f(a) {
  return `var(${R(a)})`;
}
function Sa() {
  const a = {};
  return i(ha).forEach(([e, n]) => {
    a[R(e)] = n;
  }), a;
}
function Va(a) {
  return `--text-shadow-${a}`;
}
function za(a) {
  const e = {}, n = { ...va, ...a };
  return i(n).forEach(([t, s]) => {
    e[Va(t)] = s;
  }), e;
}
function ya() {
  return {
    ...B(),
    ...Q(),
    ...ra(),
    ...I(),
    ...A(),
    ...K(),
    ...ma(),
    ...Sa(),
    ...la()
  };
}
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 wa(a) {
  let e, n, t, s, l, x, b;
  return $a(a) ? (e = a.colors, n = a.fonts, t = a.radii, s = a.shadows, l = a.motion, x = a.spacing, b = a.textShadows) : e = a, {
    ...C(e),
    ...oa(n),
    ...U(t),
    ..._(s),
    ...da(l),
    ...P(x),
    ...za(b)
  };
}
function Ga() {
  return {
    ...ya(),
    ...wa()
  };
}
function Pa(a, e) {
  return e == null && typeof window > "u" ? "" : getComputedStyle(e ?? document.documentElement).getPropertyValue(a).trim();
}
export {
  Da as $,
  G as A,
  P as B,
  J as C,
  z as D,
  g as E,
  K as F,
  ja as G,
  Y as H,
  _ as I,
  aa as J,
  y as K,
  Ta as L,
  ea as M,
  na as N,
  ta as O,
  sa as P,
  Ra as Q,
  w as R,
  Ba as S,
  Ca as T,
  E as U,
  Ia as V,
  F as W,
  Aa as X,
  k as Y,
  La as Z,
  H as _,
  Ua as a,
  m as a0,
  o as a1,
  M as a2,
  c as a3,
  ra as a4,
  oa as a5,
  ca as a6,
  O as a7,
  Wa as a8,
  la as a9,
  ga as aa,
  ua as ab,
  pa as ac,
  u as ad,
  fa as ae,
  Za as af,
  T as ag,
  p as ah,
  ma as ai,
  Qa as aj,
  ba as ak,
  da as al,
  ha as am,
  qa as an,
  R as ao,
  f as ap,
  Sa as aq,
  Va as ar,
  za as as,
  V as b,
  N as c,
  j as d,
  r as e,
  ya as f,
  wa as g,
  Ga as h,
  Pa as i,
  d as j,
  h as k,
  Ea as l,
  Fa as m,
  I as n,
  S as o,
  ka as p,
  A as q,
  v as r,
  Ha as s,
  D as t,
  U as u,
  W as v,
  Z as w,
  Ma as x,
  Q as y,
  Oa as z
};
