@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-AXHMQOIZ.js

@@ -0,0 +1,116 @@
+"use client";
+import {
+  ScrollArea
+} from "./chunk-IVEDMK5U.js";
+import {
+  ATTRIBUTIONS
+} from "./chunk-HANBQNW3.js";
+import {
+  Badge
+} from "./chunk-HNLYRHAU.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/attribution-panel/attribution-panel.tsx
+import { forwardRef, useId, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CATEGORY_ORDER = ["data", "source", "font", "dependency"];
+var CATEGORY_LABEL = {
+  data: "Map data & tiles",
+  source: "Adapted source",
+  font: "Fonts",
+  dependency: "Open-source dependencies"
+};
+function groupAttributions(attributions, {
+  categories,
+  packages,
+  requiredOnly
+}) {
+  const order = categories ?? CATEGORY_ORDER;
+  const visible = attributions.filter(
+    (a) => order.includes(a.category) && (!requiredOnly || a.required) && (!packages || a.usedBy.some((p) => packages.includes(p)))
+  );
+  return order.map((category) => ({ category, items: visible.filter((a) => a.category === category) })).filter((group) => group.items.length > 0);
+}
+function AttributionItem({ item, requiredLabel }) {
+  return /* @__PURE__ */ jsxs("li", { "data-slot": "attribution-panel-item", className: "flex flex-col gap-0.5 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+      item.url ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: item.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-body font-medium underline underline-offset-2 focus-ring rounded-xs",
+          children: item.name
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "text-body font-medium", children: item.name }),
+      item.version ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground tabular-nums", children: item.version }) : null,
+      /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: item.license }),
+      item.required ? (
+        // Not colour-only: the badge carries the word itself (WCAG 1.4.1).
+        /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-meta", children: requiredLabel })
+      ) : null
+    ] }),
+    item.copyright ? /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground break-words", children: item.copyright }) : null,
+    item.note ? /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground", children: item.note }) : null
+  ] });
+}
+var AttributionPanel = forwardRef(
+  function AttributionPanel2({
+    attributions = ATTRIBUTIONS,
+    categories,
+    packages,
+    requiredOnly,
+    maxHeight,
+    className,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const baseId = useId();
+    const groups = useMemo(
+      () => groupAttributions(attributions, { categories, packages, requiredOnly }),
+      [attributions, categories, packages, requiredOnly]
+    );
+    const body = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: groups.map(({ category, items }) => /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "attribution-panel-section",
+        "aria-labelledby": `${baseId}-${category}`,
+        children: [
+          /* @__PURE__ */ jsx("h3", { id: `${baseId}-${category}`, className: "text-subtitle text-foreground mb-1", children: CATEGORY_LABEL[category] }),
+          /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: items.map((item) => /* @__PURE__ */ jsx(
+            AttributionItem,
+            {
+              item,
+              requiredLabel: t("ui.attributionPanel.required")
+            },
+            item.id
+          )) })
+        ]
+      },
+      category
+    )) });
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        "data-slot": "attribution-panel",
+        "aria-label": t("ui.attributionPanel.label"),
+        className: cn("bg-card border border-border rounded-lg p-4", className),
+        ...props,
+        children: groups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: t("ui.attributionPanel.empty") }) : maxHeight === void 0 ? body : /* @__PURE__ */ jsx(ScrollArea, { style: { maxHeight }, className: "pe-3", children: body })
+      }
+    );
+  }
+);
+
+export {
+  CATEGORY_LABEL,
+  AttributionPanel
+};
+//# sourceMappingURL=chunk-AXHMQOIZ.js.map

package/dist/chunk-AXHMQOIZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/attribution-panel/attribution-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useMemo, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { useLocale } from \"../locale-provider\";\nimport { ATTRIBUTIONS } from \"./attributions.generated\";\nimport type { Attribution, AttributionCategory } from \"./attribution-types\";\n\n/**\n * Render order + the heading each group gets. `data` first because those are the\n * notices a licence obliges us to show; `dependency` last because it is the long\n * tail nobody scrolls to but everybody must be able to reach.\n */\nconst CATEGORY_ORDER: readonly AttributionCategory[] = [\"data\", \"source\", \"font\", \"dependency\"];\n\nconst CATEGORY_LABEL: Record<AttributionCategory, string> = {\n  data: \"Map data & tiles\",\n  source: \"Adapted source\",\n  font: \"Fonts\",\n  dependency: \"Open-source dependencies\",\n};\n\nexport interface AttributionPanelProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * The notices to render. Defaults to the GENERATED dataset\n   * (`scripts/gen-attributions.mjs`), which is what keeps this panel accurate\n   * without anyone maintaining a list — override only to scope or to test.\n   */\n  attributions?: readonly Attribution[];\n  /** Restrict to these categories, in the panel's own order. Default: all. */\n  categories?: readonly AttributionCategory[];\n  /**\n   * Restrict to notices reachable through these packages — e.g. an app that only\n   * uses `…-ui` need not credit MapLibre's basemap providers. Matched against\n   * each entry's `usedBy`. Default: all.\n   */\n  packages?: readonly string[];\n  /** Show only the notices a licence obliges us to display. */\n  requiredOnly?: boolean;\n  /**\n   * Cap the body height and scroll inside it. Omit to let the panel grow and\n   * leave scrolling to the container (a Dialog body, a settings pane).\n   */\n  maxHeight?: number | string;\n}\n\n/** Filter + group in one pass so the render is a plain map over sections. */\nfunction groupAttributions(\n  attributions: readonly Attribution[],\n  {\n    categories,\n    packages,\n    requiredOnly,\n  }: Pick<AttributionPanelProps, \"categories\" | \"packages\" | \"requiredOnly\">,\n) {\n  const order = categories ?? CATEGORY_ORDER;\n  const visible = attributions.filter(\n    (a) =>\n      order.includes(a.category) &&\n      (!requiredOnly || a.required) &&\n      (!packages || a.usedBy.some((p) => packages.includes(p))),\n  );\n  return order\n    .map((category) => ({ category, items: visible.filter((a) => a.category === category) }))\n    .filter((group) => group.items.length > 0);\n}\n\nfunction AttributionItem({ item, requiredLabel }: { item: Attribution; requiredLabel: string }) {\n  return (\n    <li data-slot=\"attribution-panel-item\" className=\"flex flex-col gap-0.5 py-2\">\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        {item.url ? (\n          <a\n            href={item.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-body font-medium underline underline-offset-2 focus-ring rounded-xs\"\n          >\n            {item.name}\n          </a>\n        ) : (\n          <span className=\"text-body font-medium\">{item.name}</span>\n        )}\n        {item.version ? (\n          <span className=\"text-meta text-muted-foreground tabular-nums\">{item.version}</span>\n        ) : null}\n        <span className=\"text-meta text-muted-foreground\">{item.license}</span>\n        {item.required ? (\n          // Not colour-only: the badge carries the word itself (WCAG 1.4.1).\n          <Badge variant=\"outline\" className=\"text-meta\">\n            {requiredLabel}\n          </Badge>\n        ) : null}\n      </div>\n      {item.copyright ? (\n        <p className=\"text-meta text-muted-foreground break-words\">{item.copyright}</p>\n      ) : null}\n      {item.note ? <p className=\"text-meta text-muted-foreground\">{item.note}</p> : null}\n    </li>\n  );\n}\n\n/**\n * The single surface where brand-ui's third-party notices are displayed —\n * OSS dependencies, adapted source, self-hosted fonts, and the map data/tile\n * credits that a licence actually obliges the product to show.\n *\n * The content is GENERATED from the repo (`pnpm gen:attributions`, gated by\n * `pnpm attributions:check`), so it cannot drift from what is actually shipped\n * the way a hand-kept credits page does.\n *\n * **Why this exists:** `MapCanvas` disables MapLibre's in-map attribution\n * control by default, and the flow canvases hide the React Flow badge. The\n * React Flow badge is an MIT project's request and carries no condition, but the\n * default Carto basemap's OpenStreetMap data is ODbL-licensed and the credit is\n * REQUIRED — mounting this panel somewhere a user can reach (an About dialog, a\n * settings pane, a footer link) is what keeps that obligation met while the map\n * corner stays clean. Ship it, or turn the in-map control back on.\n */\nexport const AttributionPanel = forwardRef<HTMLElement, AttributionPanelProps>(\n  function AttributionPanel(\n    {\n      attributions = ATTRIBUTIONS,\n      categories,\n      packages,\n      requiredOnly,\n      maxHeight,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n    // Instance-scoped so two panels on one page (Storybook autodocs renders every\n    // story together) can't emit the same heading id — duplicate ids break the\n    // aria-labelledby target and fail axe.\n    const baseId = useId();\n    const groups = useMemo(\n      () => groupAttributions(attributions, { categories, packages, requiredOnly }),\n      [attributions, categories, packages, requiredOnly],\n    );\n\n    const body = (\n      <div className=\"flex flex-col gap-6\">\n        {groups.map(({ category, items }) => (\n          <section\n            key={category}\n            data-slot=\"attribution-panel-section\"\n            aria-labelledby={`${baseId}-${category}`}\n          >\n            <h3 id={`${baseId}-${category}`} className=\"text-subtitle text-foreground mb-1\">\n              {CATEGORY_LABEL[category]}\n            </h3>\n            <ul className=\"divide-y divide-border\">\n              {items.map((item) => (\n                <AttributionItem\n                  key={item.id}\n                  item={item}\n                  requiredLabel={t(\"ui.attributionPanel.required\")}\n                />\n              ))}\n            </ul>\n          </section>\n        ))}\n      </div>\n    );\n\n    return (\n      <section\n        ref={ref}\n        data-slot=\"attribution-panel\"\n        aria-label={t(\"ui.attributionPanel.label\")}\n        className={cn(\"bg-card border border-border rounded-lg p-4\", className)}\n        {...props}\n      >\n        {groups.length === 0 ? (\n          <p className=\"text-body text-muted-foreground\">{t(\"ui.attributionPanel.empty\")}</p>\n        ) : maxHeight === undefined ? (\n          body\n        ) : (\n          <ScrollArea style={{ maxHeight }} className=\"pe-3\">\n            {body}\n          </ScrollArea>\n        )}\n      </section>\n    );\n  },\n);\n\nexport { ATTRIBUTIONS, CATEGORY_LABEL };\nexport type { Attribution, AttributionCategory };\n"],"mappings":"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","names":["AttributionPanel"]}

package/dist/chunk-AZEABCK4.js

@@ -0,0 +1,30 @@
+"use client";
+
+// src/lib/trigger-query.ts
+function isBoundary(text, index, boundary) {
+  if (index === 0) return true;
+  const previous = text[index - 1] ?? "";
+  if (boundary === "line-start") return previous === "\n";
+  return /\s/.test(previous) || previous === "(" || previous === "[";
+}
+function findTriggerQuery(text, caret, trigger, options) {
+  const boundary = options?.boundary ?? "word";
+  if (caret < trigger.length) return null;
+  const start = text.lastIndexOf(trigger, caret - trigger.length);
+  if (start < 0) return null;
+  const query = text.slice(start + trigger.length, caret);
+  if (/\s/.test(query)) return null;
+  if (!isBoundary(text, start, boundary)) return null;
+  if (options?.isTriggerConsumed?.(start)) return null;
+  return { start, query };
+}
+function replaceTriggerRun(text, queryStart, caret, insertText) {
+  const nextText = text.slice(0, queryStart) + insertText + text.slice(caret);
+  return { text: nextText, caret: queryStart + insertText.length };
+}
+
+export {
+  findTriggerQuery,
+  replaceTriggerRun
+};
+//# sourceMappingURL=chunk-AZEABCK4.js.map

package/dist/chunk-AZEABCK4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/trigger-query.ts"],"sourcesContent":["/**\n * The generic, component-agnostic half of a trigger-driven inline palette —\n * \"is the caret sitting inside a `trigger + query` run, and how do I splice a\n * chosen result back in\". Zero React, zero DOM, zero knowledge of mentions.\n *\n * Lifted out of `MentionInput`'s private `findQuery`/`isWordBoundary`\n * (docs/decisions/2026-09-01-brainless-adoption-architecture.md § 5) so a second\n * trigger-driven surface (a slash-command palette) reuses the algorithm instead\n * of re-implementing it. `MentionInput` consumes this module unchanged — see\n * `mention-input.tsx`.\n */\n\n/**\n * Where a trigger character is allowed to START a query.\n *\n * `\"word\"`       — index 0, or preceded by whitespace / \"(\" / \"[\".  (`MentionInput`'s\n *                  behaviour, unchanged — an \"@\" inside an email address must not open a popup.)\n * `\"line-start\"` — index 0, or preceded by \"\\n\".  (A slash palette: \"/help\" opens, \"cd /usr\" does not.)\n */\nexport type TriggerBoundary = \"word\" | \"line-start\";\n\n/** An in-progress `trigger + query` run under the caret. */\nexport interface TriggerQuery {\n  /** Offset of the trigger character in `text`. */\n  start: number;\n  /** The query WITHOUT the trigger character. */\n  query: string;\n}\n\nexport interface FindTriggerQueryOptions {\n  /** @default \"word\" */\n  boundary?: TriggerBoundary;\n  /**\n   * Veto a candidate whose trigger character has already been consumed by a\n   * committed token — `MentionInput` passes `mentionAt(...)` here so an\n   * inserted \"@Ada Lovelace\" cannot re-open the popup. Omit when there are no\n   * committed tokens (a slash palette has none).\n   */\n  isTriggerConsumed?: (start: number) => boolean;\n}\n\nfunction isBoundary(text: string, index: number, boundary: TriggerBoundary): boolean {\n  if (index === 0) return true;\n  const previous = text[index - 1] ?? \"\";\n  if (boundary === \"line-start\") return previous === \"\\n\";\n  return /\\s/.test(previous) || previous === \"(\" || previous === \"[\";\n}\n\n/**\n * Is the caret sitting inside a `trigger + query` run?\n *\n * DERIVED from committed text + caret, never intercepted at keydown — a\n * keydown-driven trigger must `preventDefault()` every printable character and\n * re-insert it by hand, which destroys IME composition, native undo, spellcheck\n * and paste. Deriving means the popup opens identically whether the trigger\n * arrived by typing, pasting, an IME commit, or a click that moved the caret\n * back into a half-typed query.\n */\nexport function findTriggerQuery(\n  text: string,\n  caret: number,\n  trigger: string,\n  options?: FindTriggerQueryOptions,\n): TriggerQuery | null {\n  const boundary = options?.boundary ?? \"word\";\n\n  if (caret < trigger.length) return null;\n  const start = text.lastIndexOf(trigger, caret - trigger.length);\n  if (start < 0) return null;\n\n  const query = text.slice(start + trigger.length, caret);\n  if (/\\s/.test(query)) return null;\n  if (!isBoundary(text, start, boundary)) return null;\n  if (options?.isTriggerConsumed?.(start)) return null;\n\n  return { start, query };\n}\n\n/** The plain-text half of an insert: splice `insertText` over the run, and say where the caret lands. */\nexport function replaceTriggerRun(\n  text: string,\n  queryStart: number,\n  caret: number,\n  insertText: string,\n): { text: string; caret: number } {\n  const nextText = text.slice(0, queryStart) + insertText + text.slice(caret);\n  return { text: nextText, caret: queryStart + insertText.length };\n}\n"],"mappings":";;;AAyCA,SAAS,WAAW,MAAc,OAAe,UAAoC;AACnF,MAAI,UAAU,EAAG,QAAO;AACxB,QAAM,WAAW,KAAK,QAAQ,CAAC,KAAK;AACpC,MAAI,aAAa,aAAc,QAAO,aAAa;AACnD,SAAO,KAAK,KAAK,QAAQ,KAAK,aAAa,OAAO,aAAa;AACjE;AAYO,SAAS,iBACd,MACA,OACA,SACA,SACqB;AACrB,QAAM,WAAW,SAAS,YAAY;AAEtC,MAAI,QAAQ,QAAQ,OAAQ,QAAO;AACnC,QAAM,QAAQ,KAAK,YAAY,SAAS,QAAQ,QAAQ,MAAM;AAC9D,MAAI,QAAQ,EAAG,QAAO;AAEtB,QAAM,QAAQ,KAAK,MAAM,QAAQ,QAAQ,QAAQ,KAAK;AACtD,MAAI,KAAK,KAAK,KAAK,EAAG,QAAO;AAC7B,MAAI,CAAC,WAAW,MAAM,OAAO,QAAQ,EAAG,QAAO;AAC/C,MAAI,SAAS,oBAAoB,KAAK,EAAG,QAAO;AAEhD,SAAO,EAAE,OAAO,MAAM;AACxB;AAGO,SAAS,kBACd,MACA,YACA,OACA,YACiC;AACjC,QAAM,WAAW,KAAK,MAAM,GAAG,UAAU,IAAI,aAAa,KAAK,MAAM,KAAK;AAC1E,SAAO,EAAE,MAAM,UAAU,OAAO,aAAa,WAAW,OAAO;AACjE;","names":[]}

package/dist/chunk-B23VW24W.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-B23VW24W.js.map

package/dist/chunk-B23VW24W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-B2RSOLLO.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-B2RSOLLO.js.map

package/dist/chunk-B2RSOLLO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-B3DANITU.js

@@ -0,0 +1,85 @@
+"use client";
+import {
+  buttonVariants
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/calendar/calendar.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsx } from "react/jsx-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      "data-slot": "calendar",
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        // `months` is the positioning context for the nav overlay below: in
+        // react-day-picker v9 the <nav> is a SIBLING of the month(s), not a child
+        // of the caption, so the caption cannot anchor it.
+        months: "relative flex flex-col gap-2 sm:flex-row",
+        month: "flex flex-col gap-4",
+        // `min-h-7` matches the nav button row so the two align; it can still grow
+        // for a taller caption (e.g. `captionLayout="dropdown"`), and `px-8` keeps
+        // the label clear of the buttons overlaying either edge.
+        month_caption: "flex min-h-7 items-center justify-center px-8",
+        caption_label: "text-body font-medium",
+        // Overlays the caption row and pushes the buttons to either edge; the
+        // buttons themselves stay in normal flow inside it.
+        nav: "absolute inset-x-0 top-0 flex h-7 items-center justify-between",
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",
+        week: "mt-2 flex w-full",
+        day: "relative size-8 p-0 text-center text-body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-e-md first:[&:has([aria-selected])]:rounded-s-md last:[&:has([aria-selected])]:rounded-e-md",
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        range_start: "day-range-start rounded-s-md",
+        range_end: "day-range-end rounded-e-md",
+        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        // `focus:bg-primary focus:text-primary-foreground` was dead CSS: this
+        // class targets react-day-picker v9's `<td role="gridcell">` slot,
+        // which is never focusable — the actual focusable `DayButton`
+        // already inherits `focus-visible:ring-2 focus-visible:ring-ring`
+        // from `buttonVariants({ variant: "ghost" })` (#308).
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+        today: "bg-accent text-accent-foreground",
+        outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        disabled: "text-muted-foreground opacity-50",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => {
+          const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon, { className: "size-4", "data-rtl-flip": true });
+        }
+      },
+      ...props
+    }
+  );
+}
+
+export {
+  Calendar
+};
+//# sourceMappingURL=chunk-B3DANITU.js.map

package/dist/chunk-B3DANITU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar/calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { DayPicker } from \"react-day-picker\";\nimport { cn } from \"../../lib/cn\";\nimport { buttonVariants } from \"../button\";\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\n/** Date picker calendar (react-day-picker v9), themed with brand tokens. */\nexport function Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      data-slot=\"calendar\"\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        // `months` is the positioning context for the nav overlay below: in\n        // react-day-picker v9 the <nav> is a SIBLING of the month(s), not a child\n        // of the caption, so the caption cannot anchor it.\n        months: \"relative flex flex-col gap-2 sm:flex-row\",\n        month: \"flex flex-col gap-4\",\n        // `min-h-7` matches the nav button row so the two align; it can still grow\n        // for a taller caption (e.g. `captionLayout=\"dropdown\"`), and `px-8` keeps\n        // the label clear of the buttons overlaying either edge.\n        month_caption: \"flex min-h-7 items-center justify-center px-8\",\n        caption_label: \"text-body font-medium\",\n        // Overlays the caption row and pushes the buttons to either edge; the\n        // buttons themselves stay in normal flow inside it.\n        nav: \"absolute inset-x-0 top-0 flex h-7 items-center justify-between\",\n        button_previous: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        ),\n        button_next: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        ),\n        month_grid: \"w-full border-collapse space-y-1\",\n        weekdays: \"flex\",\n        weekday: \"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground\",\n        week: \"mt-2 flex w-full\",\n        day: \"relative size-8 p-0 text-center text-body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-e-md first:[&:has([aria-selected])]:rounded-s-md last:[&:has([aria-selected])]:rounded-e-md\",\n        day_button: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"size-8 p-0 font-normal aria-selected:opacity-100\",\n        ),\n        range_start: \"day-range-start rounded-s-md\",\n        range_end: \"day-range-end rounded-e-md\",\n        range_middle: \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        // `focus:bg-primary focus:text-primary-foreground` was dead CSS: this\n        // class targets react-day-picker v9's `<td role=\"gridcell\">` slot,\n        // which is never focusable — the actual focusable `DayButton`\n        // already inherits `focus-visible:ring-2 focus-visible:ring-ring`\n        // from `buttonVariants({ variant: \"ghost\" })` (#308).\n        selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground\",\n        today: \"bg-accent text-accent-foreground\",\n        outside: \"day-outside text-muted-foreground aria-selected:text-muted-foreground\",\n        disabled: \"text-muted-foreground opacity-50\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation }) => {\n          const Icon = orientation === \"left\" ? ChevronLeft : ChevronRight;\n          return <Icon className=\"size-4\" data-rtl-flip />;\n        },\n      }}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,iBAAiB;AAoET;AA7DV,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,OAAO,SAAS;AAAA,MAC9B,YAAY;AAAA;AAAA;AAAA;AAAA,QAIV,QAAQ;AAAA,QACR,OAAO;AAAA;AAAA;AAAA;AAAA,QAIP,eAAe;AAAA,QACf,eAAe;AAAA;AAAA;AAAA,QAGf,KAAK;AAAA,QACL,iBAAiB;AAAA,UACf,eAAe,EAAE,SAAS,UAAU,CAAC;AAAA,UACrC;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX,eAAe,EAAE,SAAS,UAAU,CAAC;AAAA,UACrC;AAAA,QACF;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YAAY;AAAA,UACV,eAAe,EAAE,SAAS,QAAQ,CAAC;AAAA,UACnC;AAAA,QACF;AAAA,QACA,aAAa;AAAA,QACb,WAAW;AAAA,QACX,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMd,UACE;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,YAAY,MAAM;AAC5B,gBAAM,OAAO,gBAAgB,SAAS,cAAc;AACpD,iBAAO,oBAAC,QAAK,WAAU,UAAS,iBAAa,MAAC;AAAA,QAChD;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-B7FAQKHH.js

@@ -0,0 +1,87 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/match-highlight/match-highlight.tsx
+import { forwardRef, Fragment } from "react";
+import { jsx } from "react/jsx-runtime";
+var escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function queryToRanges(text, query, caseSensitive = false) {
+  const needles = (Array.isArray(query) ? query : [query]).filter((q) => q.length > 0);
+  if (needles.length === 0 || text.length === 0) return [];
+  const flags = caseSensitive ? "gu" : "giu";
+  const out = [];
+  for (const needle of needles) {
+    let re;
+    try {
+      re = new RegExp(escapeRegExp(needle), flags);
+    } catch {
+      continue;
+    }
+    for (const m of text.matchAll(re)) {
+      if (m.index === void 0) continue;
+      const end = m.index + m[0].length;
+      if (end > m.index) out.push([m.index, end]);
+    }
+  }
+  return out;
+}
+function normalizeRanges(ranges, len) {
+  const clamped = ranges.map(([a, b]) => [Math.max(0, Math.min(a, b)), Math.min(len, Math.max(a, b))]).filter(([a, b]) => a < b);
+  clamped.sort((x, y) => x[0] - y[0] || x[1] - y[1]);
+  const merged = [];
+  for (const [a, b] of clamped) {
+    const last = merged[merged.length - 1];
+    if (last && a <= last[1]) {
+      last[1] = Math.max(last[1], b);
+    } else {
+      merged.push([a, b]);
+    }
+  }
+  return merged;
+}
+var MatchHighlight = forwardRef(
+  function MatchHighlight2({ text, query, ranges, caseSensitive = false, activeIndex = -1, className, ...props }, ref) {
+    const resolved = normalizeRanges(
+      ranges ?? (query != null ? queryToRanges(text, query, caseSensitive) : []),
+      text.length
+    );
+    const segments = [];
+    let cursor = 0;
+    resolved.forEach(([start, end], index) => {
+      if (start > cursor) {
+        segments.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(cursor, start) }, `t${cursor}`));
+      }
+      const active = index === activeIndex;
+      segments.push(
+        /* @__PURE__ */ jsx(
+          "mark",
+          {
+            "data-slot": "match-highlight-mark",
+            "data-active": active ? "" : void 0,
+            "aria-current": active ? "true" : void 0,
+            className: cn(
+              "rounded-sm px-0.5 font-medium",
+              active ? "outline-foreground bg-highlight-active text-highlight-active-foreground outline-2 outline-offset-1" : "bg-highlight text-highlight-foreground"
+            ),
+            children: text.slice(start, end)
+          },
+          `m${start}`
+        )
+      );
+      cursor = end;
+    });
+    if (cursor < text.length) {
+      segments.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(cursor) }, `t${cursor}`));
+    }
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "match-highlight", className: cn(className), ...props, children: segments });
+  }
+);
+
+export {
+  queryToRanges,
+  normalizeRanges,
+  MatchHighlight
+};
+//# sourceMappingURL=chunk-B7FAQKHH.js.map

package/dist/chunk-B7FAQKHH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/match-highlight/match-highlight.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef, Fragment } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\n/** A half-open `[start, end)` character range within the text. */\nexport type MatchRange = readonly [number, number];\n\nexport interface MatchHighlightProps extends HTMLAttributes<HTMLSpanElement> {\n  /** The full string to render. */\n  text: string;\n  /**\n   * One or more needles to highlight. Case-insensitive by default. Ignored when\n   * `ranges` is supplied.\n   */\n  query?: string | string[];\n  /**\n   * Precomputed match ranges (e.g. from a fuzzy matcher / MiniSearch). Wins over\n   * `query` when supplied. Overlapping and adjacent ranges are merged.\n   */\n  ranges?: readonly MatchRange[];\n  /** Match `query` case-sensitively. @default false */\n  caseSensitive?: boolean;\n  /**\n   * Which mark is the CURRENT one, 0-based among the resolved (merged, sorted)\n   * ranges. `-1` or omitted means none is.\n   *\n   * \"One of twelve\" and \"the one you are on\" are different meanings, so the\n   * current mark gets its own token pair rather than an opacity tweak — and,\n   * because colour is never the only channel (WCAG 1.4.1), an outline and\n   * `aria-current=\"true\"` as well. It also carries `data-active`, which is how\n   * a caller finds it to scroll it into view:\n   * `root.querySelector('[data-slot=\"match-highlight-mark\"][data-active]')`.\n   */\n  activeIndex?: number;\n}\n\nconst escapeRegExp = (s: string): string => s.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n\n/**\n * Find every occurrence of each needle in `text` and return their `[start, end)`\n * ranges. Uses a per-needle global regex so indices land on the ORIGINAL string\n * (unicode-safe — no `toLowerCase()` length drift), handling multiple needles and\n * case folding. Empty needles are ignored.\n */\nexport function queryToRanges(\n  text: string,\n  query: string | string[],\n  caseSensitive = false,\n): MatchRange[] {\n  const needles = (Array.isArray(query) ? query : [query]).filter((q) => q.length > 0);\n  if (needles.length === 0 || text.length === 0) return [];\n  const flags = caseSensitive ? \"gu\" : \"giu\";\n  const out: MatchRange[] = [];\n  for (const needle of needles) {\n    let re: RegExp;\n    try {\n      re = new RegExp(escapeRegExp(needle), flags);\n    } catch {\n      continue; // pathological needle — skip rather than throw\n    }\n    for (const m of text.matchAll(re)) {\n      if (m.index === undefined) continue;\n      const end = m.index + m[0].length;\n      if (end > m.index) out.push([m.index, end]);\n    }\n  }\n  return out;\n}\n\n/**\n * Clamp ranges to `[0, len)`, drop empty/invalid ones, sort, and merge\n * overlapping AND adjacent ranges (so `[0,2]` + `[2,4]` → a single `[0,4]`).\n */\nexport function normalizeRanges(ranges: readonly MatchRange[], len: number): MatchRange[] {\n  const clamped = ranges\n    .map(([a, b]): MatchRange => [Math.max(0, Math.min(a, b)), Math.min(len, Math.max(a, b))])\n    .filter(([a, b]) => a < b);\n  clamped.sort((x, y) => x[0] - y[0] || x[1] - y[1]);\n  const merged: [number, number][] = [];\n  for (const [a, b] of clamped) {\n    const last = merged[merged.length - 1];\n    if (last && a <= last[1]) {\n      last[1] = Math.max(last[1], b);\n    } else {\n      merged.push([a, b]);\n    }\n  }\n  return merged;\n}\n\n/**\n * Render `text` with the query matches wrapped in real `<mark>` elements. Purely\n * presentational: pass `query` to let it compute ranges (case-insensitive by\n * default), or `ranges` from your own fuzzy engine. Marks use the semantic\n * `--highlight` token pair (AA-legible ink in every theme). Screen readers read\n * the full string naturally.\n */\nexport const MatchHighlight = forwardRef<HTMLSpanElement, MatchHighlightProps>(\n  function MatchHighlight(\n    { text, query, ranges, caseSensitive = false, activeIndex = -1, className, ...props },\n    ref,\n  ) {\n    const resolved = normalizeRanges(\n      ranges ?? (query != null ? queryToRanges(text, query, caseSensitive) : []),\n      text.length,\n    );\n\n    const segments: ReactNode[] = [];\n    let cursor = 0;\n    resolved.forEach(([start, end], index) => {\n      if (start > cursor) {\n        segments.push(<Fragment key={`t${cursor}`}>{text.slice(cursor, start)}</Fragment>);\n      }\n      const active = index === activeIndex;\n      segments.push(\n        <mark\n          key={`m${start}`}\n          data-slot=\"match-highlight-mark\"\n          // Present-or-absent, so the current mark is still identifiable in\n          // greyscale and to a screen reader — the colour swap below is the\n          // enhancement, not the signal (WCAG 1.4.1).\n          data-active={active ? \"\" : undefined}\n          aria-current={active ? \"true\" : undefined}\n          className={cn(\n            \"rounded-sm px-0.5 font-medium\",\n            active\n              ? \"outline-foreground bg-highlight-active text-highlight-active-foreground outline-2 outline-offset-1\"\n              : \"bg-highlight text-highlight-foreground\",\n          )}\n        >\n          {text.slice(start, end)}\n        </mark>,\n      );\n      cursor = end;\n    });\n    if (cursor < text.length) {\n      segments.push(<Fragment key={`t${cursor}`}>{text.slice(cursor)}</Fragment>);\n    }\n\n    return (\n      <span ref={ref} data-slot=\"match-highlight\" className={cn(className)} {...props}>\n        {segments}\n      </span>\n    );\n  },\n);\n"],"mappings":"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","names":["MatchHighlight"]}