@alfadocs/ui-kit 0.69.0 → 0.71.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

package/dist/_chunks/task-card-BwY9jaV1.js

@@ -1,124 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { c as g } from "./index-D2ZczOXr.js";
-import { useTranslation as x } from "react-i18next";
-import { C as y } from "./chevron-right-BrpYejk0.js";
-import { S as N } from "./square-check-big-Jr-0202D.js";
-import { C as k } from "./circle-alert-ChA9opNA.js";
-import { S as C } from "./square-CZoGU14v.js";
-const L = g(
-  [
-    "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:transition-colors",
-    "ds:motion-reduce:transition-none",
-    "ds:text-start ds:group",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:p-[var(--spacing-sm)]",
-        md: "ds:p-[var(--spacing-md)]"
-      },
-      interactive: {
-        true: "ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "sm",
-      interactive: !1
-    }
-  }
-), u = [
-  "ds:focus-visible:outline-none",
-  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
-  "ds:after:pointer-events-auto",
-  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "ds:focus-visible:after:outline-solid",
-  "ds:focus-visible:after:outline-[color:var(--ring)]",
-  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" ");
-function w(s) {
-  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(s);
-}
-function z({
-  status: s,
-  priority: a
-}) {
-  const e = a === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
-  return s === "done" ? /* @__PURE__ */ r(N, { "aria-hidden": "true", className: `ds:size-4 ${e}` }) : a === "high" ? /* @__PURE__ */ r(k, { "aria-hidden": "true", className: `ds:size-4 ${e}` }) : /* @__PURE__ */ r(C, { "aria-hidden": "true", className: `ds:size-4 ${e}` });
-}
-const S = b(
-  ({ item: s, size: a = "sm", onActivate: e, actions: l, className: f, ...p }, m) => {
-    const { t: h } = x(), t = !!e, v = !!s.url && w(s.url), i = h("taskCard.itemLabel", {
-      title: s.title,
-      due: s.dueLabel ?? "",
-      defaultValue: '{{title}}{{due, prepend, " · "}}'
-    }), n = /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.title });
-    let d;
-    return t && v ? d = /* @__PURE__ */ r(
-      "a",
-      {
-        href: s.url,
-        "aria-label": i,
-        className: u + " ds:contents",
-        onClick: (o) => {
-          o.defaultPrevented || o.metaKey || o.ctrlKey || o.shiftKey || e == null || e(s);
-        },
-        children: n
-      }
-    ) : t ? d = /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        "aria-label": i,
-        className: u + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => e == null ? void 0 : e(s),
-        children: n
-      }
-    ) : d = n, /* @__PURE__ */ c(
-      "div",
-      {
-        ref: m,
-        role: "listitem",
-        "data-component": "task-card",
-        "data-component-id": s.id,
-        "data-status": s.status ?? "open",
-        "data-priority": s.priority ?? "normal",
-        className: L({ size: a, interactive: t, className: f }),
-        ...p,
-        children: [
-          /* @__PURE__ */ r("span", { className: "ds:mt-[var(--spacing-2xs)] ds:shrink-0", children: /* @__PURE__ */ r(z, { status: s.status, priority: s.priority }) }),
-          /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-            d,
-            s.description ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.description }) : null,
-            s.note ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2", children: s.note }) : null,
-            s.linkedLabel ? /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.linkedLabel }) : null,
-            s.dueLabel ? /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s.dueLabel }) : null
-          ] }),
-          l ? (
-            // Above the stretched-link overlay so the buttons stay clickable.
-            /* @__PURE__ */ r("span", { className: "ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0", children: l })
-          ) : null,
-          t ? /* @__PURE__ */ r(
-            y,
-            {
-              "aria-hidden": "true",
-              className: "ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-S.displayName = "TaskCard";
-export {
-  S as T,
-  w as i
-};
-//# sourceMappingURL=task-card-BwY9jaV1.js.map