import { s as t } from "./index-975d3293.mjs";
const a = t({
  slots: {
    tabItem: ["antialiased font-sans cursor-pointer flex flex-row items-center justify-start  transition-all duration-300 ease-in-out text-color-default w-max"],
    tabHeader: ["flex flex-col items-end justify-start"],
    tabGroup: ""
  },
  variants: {
    size: {
      sm: {
        tabItem: ["text-sm gap-1.5 py-1.5 px-2"]
      },
      md: {
        tabItem: ["text-base gap-2 py-2 px-2 "]
      },
      lg: {
        tabItem: ["text-lg gap-2.5 py-2.5 px-2"]
      }
    },
    kind: {
      vertical: {
        tabHeader: ["flex flex-col items-end justify-start"],
        tabItem: [" border-r border-r-color-default"],
        tabGroup: ["flex flex-row items-start justify-start gap-2"]
      },
      horizontal: {
        tabHeader: ["flex flex-row items-end justify-start"],
        tabItem: [" border-b border-b-color-default"],
        tabGroup: ["flex flex-col items-start justify-start gap-2"]
      }
    },
    active: {
      true: {
        tabItem: ["text-color-primary border-color-primary"]
      }
    },
    disabled: {
      true: {
        tabItem: ["text-color-disabled cursor-not-allowed"]
      }
    }
  },
  defaultVariants: {
    disabled: !1,
    readonly: !1,
    size: "md",
    active: !1,
    kind: "horizontal"
  }
}), r = `:host{display:block}
`;
export {
  r as s,
  a as t
};
