import { jsx as d } from "react/jsx-runtime";
import { t as _ } from "../../classix-DG18itHa.js";
import { useState as m } from "react";
import { i as u } from "../../icons-06oXnjRF.js";
import '../../assets/index41.css';const v = "_nav_15tsi_1", h = "_horizontal_15tsi_7", b = "_tabs_15tsi_17", w = "_pills_15tsi_38", t = {
  nav: v,
  horizontal: h,
  tabs: b,
  pills: w
}, z = {
  default: t.default,
  pills: t.pills,
  tabs: t.tabs
}, N = ({
  animation: i,
  children: e,
  className: l,
  horizontal: s = !1,
  variant: a = "default",
  ...r
}) => {
  const [c, o] = m(!1), p = {
    "--icon-svg": u("chevron")
  };
  return /* @__PURE__ */ d("nav", { className: _(l, s && t.horizontal, t.nav, z[a]), "data-animation": i, "data-open": c ? "true" : "false", "data-orientation": s ? "horizontal" : "vertical", onBlurCapture: (n) => {
    if (a !== "pills" || window.innerWidth > 960) return;
    const f = n.relatedTarget;
    n.currentTarget.contains(f) || o(!1);
  }, onClick: () => {
    a !== "pills" || window.innerWidth > 960 || o((n) => !n);
  }, style: p, ...r, "data-component": "nav", children: e });
};
export {
  N as Nav
};
//# sourceMappingURL=index.js.map
