const n = {
  classes: {
    wrapper: "",
    scroller: ({ props: t }) => {
      const r = [""];
      return t.fullWidth || r.push("!w-fit"), t.variant === "block" && r.push(""), t.variant === "block" && !t.ghost && r.push("bg-secondary-200 dark:bg-secondary-800"), r;
    },
    list: ({ props: t }) => {
      const r = ["flex min-w-full w-fit"];
      return t.variant === "line" && r.push("border-b border-secondary-200 dark:border-secondary-700"), t.variant === "line" && !t.grow && r.push(""), t.variant === "block" && r.push("z-[1] py-1.5"), t.align === "center" && r.push("justify-center"), t.align === "right" && r.push("justify-end"), r;
    },
    tracker: ({ props: t }) => {
      const r = ["absolute transition-all duration-150"];
      return t.variant === "line" && r.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), t.variant === "block" && r.push("border-t-2 border-solid border-[color:var(--x-tab-group-text)] dark:border-[color:var(--x-tab-group-dark-text)] h-full top-0 bg-secondary-100 dark:bg-secondary-700"), r;
    }
  },
  styles: ({ props: t, colors: r, css: e }) => {
    const o = r.getPalette("gray"), a = r.getPalette(t.color);
    return e.variables({
      text: a[600],
      bg: t.ghost ? a[50] : "#fff",
      dark: {
        text: a[400],
        bg: t.ghost ? a[900] : o[700]
      }
    });
  }
}, i = n;
export {
  i as default
};
