
export const K = {
  btn: "k-btn",
  btnPrimary: "k-btn k-btn--primary",
  btnSecondary: "k-btn k-btn--secondary",
  btnIcon: "k-btn k-btn--icon",
  btnGhost: "k-btn k-btn--ghost",
  btnDanger: "k-btn k-btn--danger",
  btnSuccess: "k-btn k-btn--success",
  btnCard: "k-btn k-btn--card",
  link: "k-link",
  linkCta: "k-link k-link--cta",
  linkNav: "k-link k-link--nav",
  input: "k-input",
  textarea: "k-textarea",
  select: "k-select",
  label: "k-label",
  form: "k-form",
  card: "k-card",
  section: "k-section",
  page: "k-page",
  modal: "k-modal",
  modalBackdrop: "k-modal k-modal--backdrop",
  nav: "k-nav",
  navItem: "k-nav__item",
  navItemActive: "k-nav__item k-nav__item--active",
  tab: "k-tab",
  tabActive: "k-tab k-tab--active",
  chip: "k-chip",
  badge: "k-badge",
  toggle: "k-toggle",
  avatar: "k-avatar",
  iconBtn: "k-btn k-btn--icon",
};

export function withK(hook, ...classes) {
  const parts = [hook, ...classes].filter(Boolean).join(" ").trim();
  return parts.replace(/\s+/g, " ");
}
