@alfadocs/ui-kit 0.69.0 → 0.70.0

package/dist/_chunks/tab-bar-B1ovILzh.js

@@ -1,105 +0,0 @@
-import { jsx as a, jsxs as u, Fragment as b } from "react/jsx-runtime";
-import { forwardRef as h, Fragment as x } from "react";
-import { c as o } from "./index-D2ZczOXr.js";
-import { B as C } from "./badge-CqGsX32l.js";
-function w(r) {
-  return r > 99 ? "99+" : String(r);
-}
-const N = o("ds:shrink-0", {
-  variants: {
-    position: {
-      top: "ds:pt-[var(--spacing-md)]",
-      bottom: "ds:pb-[var(--spacing-md)]"
-    },
-    fill: {
-      false: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-      true: ""
-    }
-  },
-  defaultVariants: { position: "top", fill: !1 }
-}), k = "ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)] ds:py-[var(--spacing-xs)]", y = o(
-  "ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-  {
-    variants: {
-      fill: { false: "ds:shrink-0", true: "ds:w-full" }
-    },
-    defaultVariants: { fill: !1 }
-  }
-), f = o(
-  "ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
-  {
-    variants: {
-      fill: {
-        // Responsive: label under the icon below `sm`, beside it at `sm`+.
-        false: "ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]",
-        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never
-        // shrinks below its label (labels never overlap); if the full set can't
-        // fit, the pill scrolls instead.
-        true: "ds:flex-1 ds:basis-0 ds:flex-col"
-      }
-    },
-    defaultVariants: { fill: !1 }
-  }
-), V = "ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4", B = "ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]", j = h(
-  ({
-    items: r,
-    ariaLabel: g,
-    onSelect: e,
-    renderLink: t,
-    fill: n = !1,
-    position: v = "top",
-    className: c
-  }, m) => /* @__PURE__ */ a(
-    "div",
-    {
-      ref: m,
-      "data-component": "tab-bar",
-      className: `${N({ position: v, fill: n })}${c ? ` ${c}` : ""}`,
-      children: /* @__PURE__ */ a("div", { className: k, children: /* @__PURE__ */ a("nav", { "aria-label": g, className: y({ fill: n }), children: r.map((s) => {
-        const l = typeof s.badgeCount == "number" && s.badgeCount > 0 ? s.badgeCount : void 0, d = s.isActive ? "page" : void 0, i = /* @__PURE__ */ u(b, { children: [
-          s.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: V, children: s.icon }) : null,
-          /* @__PURE__ */ u("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ a("span", { className: B, children: s.label }),
-            l !== void 0 ? /* @__PURE__ */ a(C, { variant: "neutral", children: w(l) }) : null
-          ] })
-        ] });
-        if (s.href !== void 0) {
-          const p = f({ fill: n });
-          return t ? /* @__PURE__ */ a(x, { children: t({
-            href: s.href,
-            className: p,
-            children: i,
-            "aria-current": d,
-            onClick: s.onClick
-          }) }, s.id) : /* @__PURE__ */ a(
-            "a",
-            {
-              href: s.href,
-              "aria-current": d,
-              className: p,
-              ...s.onClick ? { onClick: s.onClick } : {},
-              children: i
-            },
-            s.id
-          );
-        }
-        return /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            "aria-current": d,
-            className: f({ fill: n }),
-            onClick: () => e == null ? void 0 : e(s.id),
-            children: i
-          },
-          s.id
-        );
-      }) }) })
-    }
-  )
-);
-j.displayName = "TabBar";
-export {
-  j as T
-};
-//# sourceMappingURL=tab-bar-B1ovILzh.js.map