laif-ds 1.0.0 → 1.0.2

package/dist/components/ui/nav-badge.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { cn as i } from "../../lib/utils.js";
+const o = /* @__PURE__ */ new Set(), a = (e) => {
+  o.has(e) || (o.add(e), console.warn(e));
+}, s = 99, l = 8, u = (e, n, d) => {
+  if (e === void 0) return null;
+  if (e === !0) return { kind: "dot" };
+  if (typeof e == "number")
+    return !Number.isInteger(e) || e < 0 ? (a(
+      `NavBadge: \`badge\` on "${d}" must be a non-negative integer — got ${e}, ignored.`
+    ), null) : e === 0 ? null : n === "dot" ? { kind: "dot" } : {
+      kind: "text",
+      text: e > s ? `${s}+` : String(e)
+    };
+  const r = e.trim();
+  return r ? (r.length > l && a(
+    `NavBadge: \`badge\` on "${d}" is ${r.length} characters ("${r}") — keep it to ${l} or fewer, it will be clipped.`
+  ), n !== "full" ? { kind: "dot" } : { kind: "text", text: r }) : (a(
+    `NavBadge: \`badge\` on "${d}" is an empty string — ignored. Pass \`true\` for a dot.`
+  ), null);
+}, x = (e) => (e ?? []).some((n) => u(n.badge, "dot", n.title)), g = "bg-d-primary text-d-primary-foreground inline-flex h-5 min-w-5 shrink-0 max-w-16 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums", c = "bg-d-primary border-d-primary-foreground inline-block size-2.5 rounded-full border", m = "bg-d-primary text-d-primary-foreground ring-d-card absolute inline-flex h-3.5 min-w-3.5 items-center justify-center rounded-full text-[10px] leading-none font-semibold tabular-nums ring-2", f = ({
+  text: e,
+  className: n
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    "aria-hidden": "true",
+    "data-slot": "nav-badge",
+    className: i(g, n),
+    children: /* @__PURE__ */ t("span", { className: "truncate", children: e })
+  }
+), h = ({
+  text: e,
+  className: n
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    "aria-hidden": "true",
+    "data-slot": "nav-badge",
+    className: i(m, e.length > 1 && "px-1", n),
+    children: e
+  }
+), b = ({ className: e }) => /* @__PURE__ */ t(
+  "span",
+  {
+    "aria-hidden": "true",
+    "data-slot": "nav-badge",
+    className: i(c, e)
+  }
+), y = (e, n) => e ? e.kind === "text" ? /* @__PURE__ */ t(f, { text: e.text, className: n }) : /* @__PURE__ */ t(b, { className: i("shrink-0", n) }) : null, B = ({
+  row: e,
+  badge: n
+}) => n ? e.badgeLabel ? /* @__PURE__ */ t("span", { className: "sr-only", children: e.badgeLabel }) : (e.badge === !0 && a(
+  `NavBadge: \`badge: true\` on "${e.title}" without \`badgeLabel\` — the dot is invisible to screen readers.`
+), null) : null;
+export {
+  b as NavBadgeDot,
+  h as NavBadgeOverlay,
+  f as NavBadgePill,
+  B as NavBadgeSrLabel,
+  u as normalizeNavBadge,
+  y as renderInlineNavBadge,
+  x as someRowBadged,
+  a as warnOnce
+};