@reblu/site-blocks 0.2.1

package/dist/client.d.cts

@@ -0,0 +1,134 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * `useCollection` — the headless heart of `@reblu/site-blocks`.
+ *
+ * A framework-agnostic, presentation-free hook that turns an in-memory array into
+ * a filtered / searched / sorted / paginated view. It backs BOTH the page index
+ * and the blog index: the facets differ (category, tag, …), the machinery does
+ * not. Callers own how items look (`Collection` or their own markup); this hook
+ * only owns *which* items and in *what* order.
+ *
+ * All derivation is memoised and pure — comparators run over `toSorted`, never
+ * mutating the caller's array.
+ */
+/** A named facet: `key` identifies it, `predicate` decides membership for a value. */
+interface CollectionFilter<T> {
+    key: string;
+    predicate: (item: T, value: string) => boolean;
+}
+interface UseCollectionOptions<T> {
+    items: T[];
+    /** Page size. `0`/omitted → no pagination (one page with everything). */
+    pageSize?: number;
+    initialPage?: number;
+    filters?: CollectionFilter<T>[];
+    initialFilters?: Record<string, string | undefined>;
+    /** Free-text matcher; only applied when a non-empty term is set. */
+    search?: (item: T, term: string) => boolean;
+    initialSearch?: string;
+    /** Named comparators, selected by `sort`. */
+    sorts?: Record<string, (a: T, b: T) => number>;
+    initialSort?: string;
+}
+interface UseCollectionResult<T> {
+    /** Items on the current page (or all items when pagination is off). */
+    items: T[];
+    /** Full filtered + sorted set, before pagination. */
+    filtered: T[];
+    /** Size of `filtered`. */
+    total: number;
+    page: number;
+    pageCount: number;
+    pageSize: number;
+    isEmpty: boolean;
+    activeFilters: Record<string, string | undefined>;
+    setFilter: (key: string, value: string | undefined) => void;
+    clearFilters: () => void;
+    search: string;
+    setSearch: (term: string) => void;
+    sort: string | undefined;
+    setSort: (key: string | undefined) => void;
+    setPage: (page: number) => void;
+    nextPage: () => void;
+    prevPage: () => void;
+}
+declare function useCollection<T>(options: UseCollectionOptions<T>): UseCollectionResult<T>;
+
+/**
+ * `Collection` — token-driven presentational grid over {@link useCollection}.
+ *
+ * The headless hook owns filtering/sorting/pagination; this component owns the
+ * chrome: a facet chip bar, the item grid (via a `renderItem` prop), and simple
+ * pagination. It carries no brand aesthetic — colors come from tokens; a facet
+ * option may carry a `color` (tenant hex) which is applied through a CSS custom
+ * property, never baked into a class name.
+ *
+ * Serves both the page index and the blog index; only the facets differ.
+ */
+interface CollectionFacetOption {
+    value: string;
+    label: string;
+    /** Optional tenant color (hex). Applied via a CSS var, not a hardcoded class. */
+    color?: string;
+}
+interface CollectionFacet {
+    key: string;
+    label: string;
+    options: CollectionFacetOption[];
+    /** Label for the "clear this facet" chip. Defaults to "All". */
+    allLabel?: string;
+}
+interface CollectionLabels {
+    previous: string;
+    next: string;
+    page: (page: number, pageCount: number) => string;
+}
+interface CollectionProps<T> {
+    items: T[];
+    renderItem: (item: T) => React.ReactNode;
+    getKey: (item: T) => string;
+    filters?: CollectionFilter<T>[];
+    facets?: CollectionFacet[];
+    pageSize?: number;
+    sorts?: Record<string, (a: T, b: T) => number>;
+    initialFilters?: Record<string, string | undefined>;
+    initialSort?: string;
+    emptyLabel?: string;
+    className?: string;
+    /** Tailwind classes for the grid container. */
+    gridClassName?: string;
+    labels?: Partial<CollectionLabels>;
+}
+declare function Collection<T>({ items, renderItem, getKey, filters, facets, pageSize, sorts, initialFilters, initialSort, emptyLabel, className, gridClassName, labels, }: CollectionProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * `ShareButtons` — social share row for a blog post (LinkedIn / X / Facebook /
+ * WhatsApp) plus a copy-to-clipboard action. Token-driven and icon-only for the
+ * providers; the copy action shows a text confirmation.
+ *
+ * Copy defaults to English (distributable default). A Spanish-or-other SITE can
+ * override every visible string via `labels` without forking the component.
+ */
+interface ShareButtonsLabels {
+    share: string;
+    copy: string;
+    copied: string;
+    linkedin: string;
+    x: string;
+    facebook: string;
+    whatsapp: string;
+    copyStatus: string;
+}
+interface ShareButtonsProps {
+    /** Canonical, absolute URL of the post being shared. */
+    url: string;
+    /** Post title, used where the provider supports pre-filled copy. */
+    title: string;
+    className?: string;
+    labels?: Partial<ShareButtonsLabels>;
+}
+declare function ShareButtons({ url, title, className, labels }: ShareButtonsProps): react_jsx_runtime.JSX.Element;
+
+export { Collection, type CollectionFacet, type CollectionFacetOption, type CollectionFilter, type CollectionLabels, type CollectionProps, ShareButtons, type ShareButtonsLabels, type ShareButtonsProps, type UseCollectionOptions, type UseCollectionResult, useCollection };

package/dist/client.d.ts

@@ -0,0 +1,134 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * `useCollection` — the headless heart of `@reblu/site-blocks`.
+ *
+ * A framework-agnostic, presentation-free hook that turns an in-memory array into
+ * a filtered / searched / sorted / paginated view. It backs BOTH the page index
+ * and the blog index: the facets differ (category, tag, …), the machinery does
+ * not. Callers own how items look (`Collection` or their own markup); this hook
+ * only owns *which* items and in *what* order.
+ *
+ * All derivation is memoised and pure — comparators run over `toSorted`, never
+ * mutating the caller's array.
+ */
+/** A named facet: `key` identifies it, `predicate` decides membership for a value. */
+interface CollectionFilter<T> {
+    key: string;
+    predicate: (item: T, value: string) => boolean;
+}
+interface UseCollectionOptions<T> {
+    items: T[];
+    /** Page size. `0`/omitted → no pagination (one page with everything). */
+    pageSize?: number;
+    initialPage?: number;
+    filters?: CollectionFilter<T>[];
+    initialFilters?: Record<string, string | undefined>;
+    /** Free-text matcher; only applied when a non-empty term is set. */
+    search?: (item: T, term: string) => boolean;
+    initialSearch?: string;
+    /** Named comparators, selected by `sort`. */
+    sorts?: Record<string, (a: T, b: T) => number>;
+    initialSort?: string;
+}
+interface UseCollectionResult<T> {
+    /** Items on the current page (or all items when pagination is off). */
+    items: T[];
+    /** Full filtered + sorted set, before pagination. */
+    filtered: T[];
+    /** Size of `filtered`. */
+    total: number;
+    page: number;
+    pageCount: number;
+    pageSize: number;
+    isEmpty: boolean;
+    activeFilters: Record<string, string | undefined>;
+    setFilter: (key: string, value: string | undefined) => void;
+    clearFilters: () => void;
+    search: string;
+    setSearch: (term: string) => void;
+    sort: string | undefined;
+    setSort: (key: string | undefined) => void;
+    setPage: (page: number) => void;
+    nextPage: () => void;
+    prevPage: () => void;
+}
+declare function useCollection<T>(options: UseCollectionOptions<T>): UseCollectionResult<T>;
+
+/**
+ * `Collection` — token-driven presentational grid over {@link useCollection}.
+ *
+ * The headless hook owns filtering/sorting/pagination; this component owns the
+ * chrome: a facet chip bar, the item grid (via a `renderItem` prop), and simple
+ * pagination. It carries no brand aesthetic — colors come from tokens; a facet
+ * option may carry a `color` (tenant hex) which is applied through a CSS custom
+ * property, never baked into a class name.
+ *
+ * Serves both the page index and the blog index; only the facets differ.
+ */
+interface CollectionFacetOption {
+    value: string;
+    label: string;
+    /** Optional tenant color (hex). Applied via a CSS var, not a hardcoded class. */
+    color?: string;
+}
+interface CollectionFacet {
+    key: string;
+    label: string;
+    options: CollectionFacetOption[];
+    /** Label for the "clear this facet" chip. Defaults to "All". */
+    allLabel?: string;
+}
+interface CollectionLabels {
+    previous: string;
+    next: string;
+    page: (page: number, pageCount: number) => string;
+}
+interface CollectionProps<T> {
+    items: T[];
+    renderItem: (item: T) => React.ReactNode;
+    getKey: (item: T) => string;
+    filters?: CollectionFilter<T>[];
+    facets?: CollectionFacet[];
+    pageSize?: number;
+    sorts?: Record<string, (a: T, b: T) => number>;
+    initialFilters?: Record<string, string | undefined>;
+    initialSort?: string;
+    emptyLabel?: string;
+    className?: string;
+    /** Tailwind classes for the grid container. */
+    gridClassName?: string;
+    labels?: Partial<CollectionLabels>;
+}
+declare function Collection<T>({ items, renderItem, getKey, filters, facets, pageSize, sorts, initialFilters, initialSort, emptyLabel, className, gridClassName, labels, }: CollectionProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * `ShareButtons` — social share row for a blog post (LinkedIn / X / Facebook /
+ * WhatsApp) plus a copy-to-clipboard action. Token-driven and icon-only for the
+ * providers; the copy action shows a text confirmation.
+ *
+ * Copy defaults to English (distributable default). A Spanish-or-other SITE can
+ * override every visible string via `labels` without forking the component.
+ */
+interface ShareButtonsLabels {
+    share: string;
+    copy: string;
+    copied: string;
+    linkedin: string;
+    x: string;
+    facebook: string;
+    whatsapp: string;
+    copyStatus: string;
+}
+interface ShareButtonsProps {
+    /** Canonical, absolute URL of the post being shared. */
+    url: string;
+    /** Post title, used where the provider supports pre-filled copy. */
+    title: string;
+    className?: string;
+    labels?: Partial<ShareButtonsLabels>;
+}
+declare function ShareButtons({ url, title, className, labels }: ShareButtonsProps): react_jsx_runtime.JSX.Element;
+
+export { Collection, type CollectionFacet, type CollectionFacetOption, type CollectionFilter, type CollectionLabels, type CollectionProps, ShareButtons, type ShareButtonsLabels, type ShareButtonsProps, type UseCollectionOptions, type UseCollectionResult, useCollection };

package/dist/client.js

@@ -0,0 +1,297 @@
+"use client";
+
+// src/hooks/use-collection.ts
+import { useCallback, useMemo, useState } from "react";
+function useCollection(options) {
+  const { items, pageSize = 0, filters = [], search: searchFn, sorts = {} } = options;
+  const [activeFilters, setActiveFilters] = useState(
+    () => options.initialFilters ?? {}
+  );
+  const [search, setSearchState] = useState(() => options.initialSearch ?? "");
+  const [sort, setSortState] = useState(() => options.initialSort);
+  const [page, setPageState] = useState(() => options.initialPage ?? 1);
+  const filtered = useMemo(() => {
+    let next = items;
+    for (const { key, predicate } of filters) {
+      const value = activeFilters[key];
+      if (value != null && value !== "") {
+        next = next.filter((item) => predicate(item, value));
+      }
+    }
+    const term = search.trim();
+    if (searchFn && term) {
+      next = next.filter((item) => searchFn(item, term));
+    }
+    const comparator = sort ? sorts[sort] : void 0;
+    if (comparator) {
+      next = next.slice().sort(comparator);
+    }
+    return next;
+  }, [items, filters, activeFilters, search, searchFn, sort, sorts]);
+  const total = filtered.length;
+  const pageCount = pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1;
+  const currentPage = Math.min(Math.max(1, page), pageCount);
+  const pageItems = useMemo(() => {
+    if (pageSize <= 0) return filtered;
+    const start = (currentPage - 1) * pageSize;
+    return filtered.slice(start, start + pageSize);
+  }, [filtered, pageSize, currentPage]);
+  const resetToFirstPage = useCallback(() => setPageState(1), []);
+  const setFilter = useCallback(
+    (key, value) => {
+      setActiveFilters((prev) => ({ ...prev, [key]: value }));
+      resetToFirstPage();
+    },
+    [resetToFirstPage]
+  );
+  const clearFilters = useCallback(() => {
+    setActiveFilters({});
+    resetToFirstPage();
+  }, [resetToFirstPage]);
+  const setSearch = useCallback(
+    (term) => {
+      setSearchState(term);
+      resetToFirstPage();
+    },
+    [resetToFirstPage]
+  );
+  const setSort = useCallback(
+    (key) => {
+      setSortState(key);
+      resetToFirstPage();
+    },
+    [resetToFirstPage]
+  );
+  const setPage = useCallback(
+    (next) => setPageState(Math.min(Math.max(1, next), pageCount)),
+    [pageCount]
+  );
+  const nextPage = useCallback(
+    () => setPageState(Math.min(currentPage + 1, pageCount)),
+    [currentPage, pageCount]
+  );
+  const prevPage = useCallback(() => setPageState(Math.max(1, currentPage - 1)), [currentPage]);
+  return {
+    items: pageItems,
+    filtered,
+    total,
+    page: currentPage,
+    pageCount,
+    pageSize,
+    isEmpty: total === 0,
+    activeFilters,
+    setFilter,
+    clearFilters,
+    search,
+    setSearch,
+    sort,
+    setSort,
+    setPage,
+    nextPage,
+    prevPage
+  };
+}
+
+// src/components/collection.tsx
+import { cn } from "@reblu/site-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_LABELS = {
+  previous: "Previous",
+  next: "Next",
+  page: (page, pageCount) => `Page ${page} of ${pageCount}`
+};
+function Collection({
+  items,
+  renderItem,
+  getKey,
+  filters,
+  facets = [],
+  pageSize = 0,
+  sorts,
+  initialFilters,
+  initialSort,
+  emptyLabel = "No results",
+  className,
+  gridClassName = "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
+  labels
+}) {
+  const t = { ...DEFAULT_LABELS, ...labels };
+  const collection = useCollection({
+    items,
+    filters,
+    pageSize,
+    sorts,
+    initialFilters,
+    initialSort
+  });
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-8", className), children: [
+    facets.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: facets.map((facet) => {
+      const active = collection.activeFilters[facet.key];
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "group",
+          "aria-label": facet.label,
+          className: "flex flex-wrap gap-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              FacetChip,
+              {
+                label: facet.allLabel ?? "All",
+                pressed: active == null || active === "",
+                onClick: () => collection.setFilter(facet.key, void 0)
+              }
+            ),
+            facet.options.map((opt) => /* @__PURE__ */ jsx(
+              FacetChip,
+              {
+                label: opt.label,
+                color: opt.color,
+                pressed: active === opt.value,
+                onClick: () => collection.setFilter(facet.key, opt.value)
+              },
+              opt.value
+            ))
+          ]
+        },
+        facet.key
+      );
+    }) }),
+    collection.isEmpty ? /* @__PURE__ */ jsx("p", { className: "py-16 text-center text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx("ul", { className: cn("list-none p-0", gridClassName), children: collection.items.map((item) => /* @__PURE__ */ jsx("li", { children: renderItem(item) }, getKey(item))) }),
+    collection.pageCount > 1 && /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: "flex items-center justify-center gap-4", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: collection.prevPage,
+          disabled: collection.page <= 1,
+          className: PAGE_BTN_CLASS,
+          children: t.previous
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { "aria-current": "page", className: "text-sm text-muted-foreground", children: t.page(collection.page, collection.pageCount) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: collection.nextPage,
+          disabled: collection.page >= collection.pageCount,
+          className: PAGE_BTN_CLASS,
+          children: t.next
+        }
+      )
+    ] })
+  ] });
+}
+var PAGE_BTN_CLASS = "inline-flex h-9 items-center rounded-md border border-border px-4 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function FacetChip({ label, pressed, color, onClick }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": pressed,
+      onClick,
+      style: color ? { "--facet-color": color } : void 0,
+      className: cn(
+        "inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        pressed ? color ? "border-transparent bg-[var(--facet-color)] text-white" : "border-transparent bg-primary text-primary-foreground" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"
+      ),
+      children: label
+    }
+  );
+}
+
+// src/components/share-buttons.tsx
+import * as React from "react";
+import { cn as cn2 } from "@reblu/site-ui";
+
+// src/lib/share-urls.ts
+function buildShareUrls(url, title) {
+  const encodedUrl = encodeURIComponent(url);
+  const encodedTitle = encodeURIComponent(title);
+  return {
+    // LinkedIn derives title/description from the target page's Open Graph tags,
+    // so it only takes the URL.
+    linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`,
+    // The intent endpoint keeps the /intent/tweet path under the x.com domain.
+    x: `https://x.com/intent/tweet?url=${encodedUrl}&text=${encodedTitle}`,
+    facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`,
+    whatsapp: `https://wa.me/?text=${encodeURIComponent(`${title} ${url}`)}`
+  };
+}
+
+// src/components/share-buttons.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULT_LABELS2 = {
+  share: "Share",
+  copy: "Copy link",
+  copied: "Link copied",
+  linkedin: "Share on LinkedIn",
+  x: "Share on X",
+  facebook: "Share on Facebook",
+  whatsapp: "Share on WhatsApp",
+  copyStatus: "Link copied to clipboard"
+};
+var LINK_CLASS = "inline-flex h-9 w-9 items-center justify-center rounded-full border border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+var ICON = "h-4 w-4";
+function LinkedInIcon() {
+  return /* @__PURE__ */ jsx2("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx2("path", { d: "M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM8.34 18.34V10.9H5.9v7.44zM7.12 9.82a1.42 1.42 0 1 0 0-2.84 1.42 1.42 0 0 0 0 2.84m11.22 8.52v-4.08c0-2.18-1.16-3.19-2.72-3.19a2.35 2.35 0 0 0-2.13 1.17v-1h-2.43v7.1h2.43v-3.93c0-1 .2-2 1.46-2s1.28 1.16 1.28 2.06v3.87z" }) });
+}
+function XIcon() {
+  return /* @__PURE__ */ jsx2("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx2("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.66l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) });
+}
+function FacebookIcon() {
+  return /* @__PURE__ */ jsx2("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx2("path", { d: "M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12" }) });
+}
+function WhatsAppIcon() {
+  return /* @__PURE__ */ jsx2("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx2("path", { d: "M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2m0 1.67c2.2 0 4.27.86 5.82 2.42a8.19 8.19 0 0 1 2.42 5.82c0 4.54-3.7 8.24-8.25 8.24a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.2 8.2 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24m4.52 10.36c-.06-.1-.22-.16-.46-.28s-1.46-.72-1.68-.8-.39-.12-.55.12-.63.8-.77.96-.28.18-.52.06a6.7 6.7 0 0 1-1.98-1.22 7.4 7.4 0 0 1-1.37-1.7c-.14-.24-.01-.37.11-.49.11-.11.24-.28.37-.42.12-.14.16-.24.24-.4s.04-.3-.02-.42-.55-1.32-.75-1.81c-.2-.48-.4-.41-.55-.42h-.47a.9.9 0 0 0-.65.3c-.22.24-.85.83-.85 2.02s.87 2.35 1 2.51c.12.16 1.71 2.61 4.14 3.66.58.25 1.03.4 1.38.51.58.19 1.11.16 1.53.1.47-.07 1.46-.6 1.66-1.17.21-.58.21-1.07.15-1.17" }) });
+}
+function CopyIcon() {
+  return /* @__PURE__ */ jsxs2("svg", { className: ICON, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx2("svg", { className: ICON, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx2("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function ShareButtons({ url, title, className, labels }) {
+  const t = { ...DEFAULT_LABELS2, ...labels };
+  const [copied, setCopied] = React.useState(false);
+  const share = buildShareUrls(url, title);
+  async function handleCopy() {
+    try {
+      await navigator.clipboard.writeText(url);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: cn2("flex items-center gap-2", className), role: "group", "aria-label": t.share, children: [
+    /* @__PURE__ */ jsx2("span", { className: "mr-1 text-sm font-medium text-muted-foreground", children: t.share }),
+    /* @__PURE__ */ jsx2("a", { href: share.linkedin, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.linkedin, children: /* @__PURE__ */ jsx2(LinkedInIcon, {}) }),
+    /* @__PURE__ */ jsx2("a", { href: share.x, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.x, children: /* @__PURE__ */ jsx2(XIcon, {}) }),
+    /* @__PURE__ */ jsx2("a", { href: share.facebook, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.facebook, children: /* @__PURE__ */ jsx2(FacebookIcon, {}) }),
+    /* @__PURE__ */ jsx2("a", { href: share.whatsapp, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.whatsapp, children: /* @__PURE__ */ jsx2(WhatsAppIcon, {}) }),
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopy,
+        className: cn2(LINK_CLASS, "w-auto gap-2 px-3", copied && "border-primary text-primary"),
+        "aria-label": t.copy,
+        children: [
+          copied ? /* @__PURE__ */ jsx2(CheckIcon, {}) : /* @__PURE__ */ jsx2(CopyIcon, {}),
+          /* @__PURE__ */ jsx2("span", { className: "text-sm", children: copied ? t.copied : t.copy })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx2("span", { role: "status", "aria-live": "polite", className: "sr-only", children: copied ? t.copyStatus : "" })
+  ] });
+}
+export {
+  Collection,
+  ShareButtons,
+  useCollection
+};
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-collection.ts","../src/components/collection.tsx","../src/components/share-buttons.tsx","../src/lib/share-urls.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useState } from 'react'\n\n/**\n * `useCollection` — the headless heart of `@reblu/site-blocks`.\n *\n * A framework-agnostic, presentation-free hook that turns an in-memory array into\n * a filtered / searched / sorted / paginated view. It backs BOTH the page index\n * and the blog index: the facets differ (category, tag, …), the machinery does\n * not. Callers own how items look (`Collection` or their own markup); this hook\n * only owns *which* items and in *what* order.\n *\n * All derivation is memoised and pure — comparators run over `toSorted`, never\n * mutating the caller's array.\n */\n\n/** A named facet: `key` identifies it, `predicate` decides membership for a value. */\nexport interface CollectionFilter<T> {\n  key: string\n  predicate: (item: T, value: string) => boolean\n}\n\nexport interface UseCollectionOptions<T> {\n  items: T[]\n  /** Page size. `0`/omitted → no pagination (one page with everything). */\n  pageSize?: number\n  initialPage?: number\n  filters?: CollectionFilter<T>[]\n  initialFilters?: Record<string, string | undefined>\n  /** Free-text matcher; only applied when a non-empty term is set. */\n  search?: (item: T, term: string) => boolean\n  initialSearch?: string\n  /** Named comparators, selected by `sort`. */\n  sorts?: Record<string, (a: T, b: T) => number>\n  initialSort?: string\n}\n\nexport interface UseCollectionResult<T> {\n  /** Items on the current page (or all items when pagination is off). */\n  items: T[]\n  /** Full filtered + sorted set, before pagination. */\n  filtered: T[]\n  /** Size of `filtered`. */\n  total: number\n  page: number\n  pageCount: number\n  pageSize: number\n  isEmpty: boolean\n  activeFilters: Record<string, string | undefined>\n  setFilter: (key: string, value: string | undefined) => void\n  clearFilters: () => void\n  search: string\n  setSearch: (term: string) => void\n  sort: string | undefined\n  setSort: (key: string | undefined) => void\n  setPage: (page: number) => void\n  nextPage: () => void\n  prevPage: () => void\n}\n\nexport function useCollection<T>(options: UseCollectionOptions<T>): UseCollectionResult<T> {\n  const { items, pageSize = 0, filters = [], search: searchFn, sorts = {} } = options\n\n  const [activeFilters, setActiveFilters] = useState<Record<string, string | undefined>>(\n    () => options.initialFilters ?? {},\n  )\n  const [search, setSearchState] = useState(() => options.initialSearch ?? '')\n  const [sort, setSortState] = useState<string | undefined>(() => options.initialSort)\n  const [page, setPageState] = useState(() => options.initialPage ?? 1)\n\n  const filtered = useMemo(() => {\n    let next = items\n\n    for (const { key, predicate } of filters) {\n      const value = activeFilters[key]\n      if (value != null && value !== '') {\n        next = next.filter((item) => predicate(item, value))\n      }\n    }\n\n    const term = search.trim()\n    if (searchFn && term) {\n      next = next.filter((item) => searchFn(item, term))\n    }\n\n    const comparator = sort ? sorts[sort] : undefined\n    if (comparator) {\n      next = next.slice().sort(comparator)\n    }\n\n    return next\n  }, [items, filters, activeFilters, search, searchFn, sort, sorts])\n\n  const total = filtered.length\n  const pageCount = pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1\n  // Derive the effective page so a shrinking result set never strands us past the\n  // last page — state stays as-is, but what we render is always clamped.\n  const currentPage = Math.min(Math.max(1, page), pageCount)\n\n  const pageItems = useMemo(() => {\n    if (pageSize <= 0) return filtered\n    const start = (currentPage - 1) * pageSize\n    return filtered.slice(start, start + pageSize)\n  }, [filtered, pageSize, currentPage])\n\n  // Any change to what we're viewing snaps back to the first page.\n  const resetToFirstPage = useCallback(() => setPageState(1), [])\n\n  const setFilter = useCallback(\n    (key: string, value: string | undefined) => {\n      setActiveFilters((prev) => ({ ...prev, [key]: value }))\n      resetToFirstPage()\n    },\n    [resetToFirstPage],\n  )\n\n  const clearFilters = useCallback(() => {\n    setActiveFilters({})\n    resetToFirstPage()\n  }, [resetToFirstPage])\n\n  const setSearch = useCallback(\n    (term: string) => {\n      setSearchState(term)\n      resetToFirstPage()\n    },\n    [resetToFirstPage],\n  )\n\n  const setSort = useCallback(\n    (key: string | undefined) => {\n      setSortState(key)\n      resetToFirstPage()\n    },\n    [resetToFirstPage],\n  )\n\n  // Navigation clamps against the live page bounds so a shrinking result set or\n  // an over-shooting jump can never strand the state past the last page.\n  const setPage = useCallback(\n    (next: number) => setPageState(Math.min(Math.max(1, next), pageCount)),\n    [pageCount],\n  )\n  const nextPage = useCallback(\n    () => setPageState(Math.min(currentPage + 1, pageCount)),\n    [currentPage, pageCount],\n  )\n  const prevPage = useCallback(() => setPageState(Math.max(1, currentPage - 1)), [currentPage])\n\n  return {\n    items: pageItems,\n    filtered,\n    total,\n    page: currentPage,\n    pageCount,\n    pageSize,\n    isEmpty: total === 0,\n    activeFilters,\n    setFilter,\n    clearFilters,\n    search,\n    setSearch,\n    sort,\n    setSort,\n    setPage,\n    nextPage,\n    prevPage,\n  }\n}\n","'use client'\n\nimport * as React from 'react'\nimport { cn } from '@reblu/site-ui'\n\nimport { useCollection, type CollectionFilter } from '../hooks/use-collection'\n\n/**\n * `Collection` — token-driven presentational grid over {@link useCollection}.\n *\n * The headless hook owns filtering/sorting/pagination; this component owns the\n * chrome: a facet chip bar, the item grid (via a `renderItem` prop), and simple\n * pagination. It carries no brand aesthetic — colors come from tokens; a facet\n * option may carry a `color` (tenant hex) which is applied through a CSS custom\n * property, never baked into a class name.\n *\n * Serves both the page index and the blog index; only the facets differ.\n */\nexport interface CollectionFacetOption {\n  value: string\n  label: string\n  /** Optional tenant color (hex). Applied via a CSS var, not a hardcoded class. */\n  color?: string\n}\n\nexport interface CollectionFacet {\n  key: string\n  label: string\n  options: CollectionFacetOption[]\n  /** Label for the \"clear this facet\" chip. Defaults to \"All\". */\n  allLabel?: string\n}\n\nexport interface CollectionLabels {\n  previous: string\n  next: string\n  page: (page: number, pageCount: number) => string\n}\n\nconst DEFAULT_LABELS: CollectionLabels = {\n  previous: 'Previous',\n  next: 'Next',\n  page: (page, pageCount) => `Page ${page} of ${pageCount}`,\n}\n\nexport interface CollectionProps<T> {\n  items: T[]\n  renderItem: (item: T) => React.ReactNode\n  getKey: (item: T) => string\n  filters?: CollectionFilter<T>[]\n  facets?: CollectionFacet[]\n  pageSize?: number\n  sorts?: Record<string, (a: T, b: T) => number>\n  initialFilters?: Record<string, string | undefined>\n  initialSort?: string\n  emptyLabel?: string\n  className?: string\n  /** Tailwind classes for the grid container. */\n  gridClassName?: string\n  labels?: Partial<CollectionLabels>\n}\n\nexport function Collection<T>({\n  items,\n  renderItem,\n  getKey,\n  filters,\n  facets = [],\n  pageSize = 0,\n  sorts,\n  initialFilters,\n  initialSort,\n  emptyLabel = 'No results',\n  className,\n  gridClassName = 'grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3',\n  labels,\n}: CollectionProps<T>) {\n  const t = { ...DEFAULT_LABELS, ...labels }\n  const collection = useCollection<T>({\n    items,\n    filters,\n    pageSize,\n    sorts,\n    initialFilters,\n    initialSort,\n  })\n\n  return (\n    <div className={cn('space-y-8', className)}>\n      {facets.length > 0 && (\n        <div className='space-y-4'>\n          {facets.map((facet) => {\n            const active = collection.activeFilters[facet.key]\n            return (\n              <div\n                key={facet.key}\n                role='group'\n                aria-label={facet.label}\n                className='flex flex-wrap gap-2'\n              >\n                <FacetChip\n                  label={facet.allLabel ?? 'All'}\n                  pressed={active == null || active === ''}\n                  onClick={() => collection.setFilter(facet.key, undefined)}\n                />\n                {facet.options.map((opt) => (\n                  <FacetChip\n                    key={opt.value}\n                    label={opt.label}\n                    color={opt.color}\n                    pressed={active === opt.value}\n                    onClick={() => collection.setFilter(facet.key, opt.value)}\n                  />\n                ))}\n              </div>\n            )\n          })}\n        </div>\n      )}\n\n      {collection.isEmpty ? (\n        <p className='py-16 text-center text-muted-foreground'>{emptyLabel}</p>\n      ) : (\n        <ul className={cn('list-none p-0', gridClassName)}>\n          {collection.items.map((item) => (\n            <li key={getKey(item)}>{renderItem(item)}</li>\n          ))}\n        </ul>\n      )}\n\n      {collection.pageCount > 1 && (\n        <nav aria-label='Pagination' className='flex items-center justify-center gap-4'>\n          <button\n            type='button'\n            onClick={collection.prevPage}\n            disabled={collection.page <= 1}\n            className={PAGE_BTN_CLASS}\n          >\n            {t.previous}\n          </button>\n          <span aria-current='page' className='text-sm text-muted-foreground'>\n            {t.page(collection.page, collection.pageCount)}\n          </span>\n          <button\n            type='button'\n            onClick={collection.nextPage}\n            disabled={collection.page >= collection.pageCount}\n            className={PAGE_BTN_CLASS}\n          >\n            {t.next}\n          </button>\n        </nav>\n      )}\n    </div>\n  )\n}\n\nconst PAGE_BTN_CLASS =\n  'inline-flex h-9 items-center rounded-md border border-border px-4 text-sm font-medium transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n\ninterface FacetChipProps {\n  label: string\n  pressed: boolean\n  color?: string\n  onClick: () => void\n}\n\nfunction FacetChip({ label, pressed, color, onClick }: FacetChipProps) {\n  return (\n    <button\n      type='button'\n      aria-pressed={pressed}\n      onClick={onClick}\n      // The tenant color rides in a CSS var; the class picks it up when pressed,\n      // so no hex string is ever baked into a Tailwind class.\n      style={color ? ({ '--facet-color': color } as React.CSSProperties) : undefined}\n      className={cn(\n        'inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        pressed\n          ? color\n            ? 'border-transparent bg-[var(--facet-color)] text-white'\n            : 'border-transparent bg-primary text-primary-foreground'\n          : 'border-border text-muted-foreground hover:bg-muted hover:text-foreground',\n      )}\n    >\n      {label}\n    </button>\n  )\n}\n","'use client'\n\nimport * as React from 'react'\nimport { cn } from '@reblu/site-ui'\n\nimport { buildShareUrls } from '../lib/share-urls'\n\n/**\n * `ShareButtons` — social share row for a blog post (LinkedIn / X / Facebook /\n * WhatsApp) plus a copy-to-clipboard action. Token-driven and icon-only for the\n * providers; the copy action shows a text confirmation.\n *\n * Copy defaults to English (distributable default). A Spanish-or-other SITE can\n * override every visible string via `labels` without forking the component.\n */\nexport interface ShareButtonsLabels {\n  share: string\n  copy: string\n  copied: string\n  linkedin: string\n  x: string\n  facebook: string\n  whatsapp: string\n  copyStatus: string\n}\n\nconst DEFAULT_LABELS: ShareButtonsLabels = {\n  share: 'Share',\n  copy: 'Copy link',\n  copied: 'Link copied',\n  linkedin: 'Share on LinkedIn',\n  x: 'Share on X',\n  facebook: 'Share on Facebook',\n  whatsapp: 'Share on WhatsApp',\n  copyStatus: 'Link copied to clipboard',\n}\n\nexport interface ShareButtonsProps {\n  /** Canonical, absolute URL of the post being shared. */\n  url: string\n  /** Post title, used where the provider supports pre-filled copy. */\n  title: string\n  className?: string\n  labels?: Partial<ShareButtonsLabels>\n}\n\nconst LINK_CLASS =\n  'inline-flex h-9 w-9 items-center justify-center rounded-full border border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n\nconst ICON = 'h-4 w-4'\n\nfunction LinkedInIcon() {\n  return (\n    <svg className={ICON} viewBox='0 0 24 24' fill='currentColor' aria-hidden='true' focusable='false'>\n      <path d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM8.34 18.34V10.9H5.9v7.44zM7.12 9.82a1.42 1.42 0 1 0 0-2.84 1.42 1.42 0 0 0 0 2.84m11.22 8.52v-4.08c0-2.18-1.16-3.19-2.72-3.19a2.35 2.35 0 0 0-2.13 1.17v-1h-2.43v7.1h2.43v-3.93c0-1 .2-2 1.46-2s1.28 1.16 1.28 2.06v3.87z' />\n    </svg>\n  )\n}\n\nfunction XIcon() {\n  return (\n    <svg className={ICON} viewBox='0 0 24 24' fill='currentColor' aria-hidden='true' focusable='false'>\n      <path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.66l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z' />\n    </svg>\n  )\n}\n\nfunction FacebookIcon() {\n  return (\n    <svg className={ICON} viewBox='0 0 24 24' fill='currentColor' aria-hidden='true' focusable='false'>\n      <path d='M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12' />\n    </svg>\n  )\n}\n\nfunction WhatsAppIcon() {\n  return (\n    <svg className={ICON} viewBox='0 0 24 24' fill='currentColor' aria-hidden='true' focusable='false'>\n      <path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2m0 1.67c2.2 0 4.27.86 5.82 2.42a8.19 8.19 0 0 1 2.42 5.82c0 4.54-3.7 8.24-8.25 8.24a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.2 8.2 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24m4.52 10.36c-.06-.1-.22-.16-.46-.28s-1.46-.72-1.68-.8-.39-.12-.55.12-.63.8-.77.96-.28.18-.52.06a6.7 6.7 0 0 1-1.98-1.22 7.4 7.4 0 0 1-1.37-1.7c-.14-.24-.01-.37.11-.49.11-.11.24-.28.37-.42.12-.14.16-.24.24-.4s.04-.3-.02-.42-.55-1.32-.75-1.81c-.2-.48-.4-.41-.55-.42h-.47a.9.9 0 0 0-.65.3c-.22.24-.85.83-.85 2.02s.87 2.35 1 2.51c.12.16 1.71 2.61 4.14 3.66.58.25 1.03.4 1.38.51.58.19 1.11.16 1.53.1.47-.07 1.46-.6 1.66-1.17.21-.58.21-1.07.15-1.17' />\n    </svg>\n  )\n}\n\nfunction CopyIcon() {\n  return (\n    <svg className={ICON} viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' aria-hidden='true' focusable='false'>\n      <rect x='9' y='9' width='13' height='13' rx='2' ry='2' />\n      <path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' />\n    </svg>\n  )\n}\n\nfunction CheckIcon() {\n  return (\n    <svg className={ICON} viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' aria-hidden='true' focusable='false'>\n      <polyline points='20 6 9 17 4 12' />\n    </svg>\n  )\n}\n\nexport function ShareButtons({ url, title, className, labels }: ShareButtonsProps) {\n  const t = { ...DEFAULT_LABELS, ...labels }\n  const [copied, setCopied] = React.useState(false)\n  const share = buildShareUrls(url, title)\n\n  async function handleCopy() {\n    try {\n      await navigator.clipboard.writeText(url)\n      setCopied(true)\n      window.setTimeout(() => setCopied(false), 2000)\n    } catch {\n      // Clipboard can be unavailable (permissions, insecure context); fail quietly.\n    }\n  }\n\n  return (\n    <div className={cn('flex items-center gap-2', className)} role='group' aria-label={t.share}>\n      <span className='mr-1 text-sm font-medium text-muted-foreground'>{t.share}</span>\n\n      <a href={share.linkedin} target='_blank' rel='noopener noreferrer' className={LINK_CLASS} aria-label={t.linkedin}>\n        <LinkedInIcon />\n      </a>\n      <a href={share.x} target='_blank' rel='noopener noreferrer' className={LINK_CLASS} aria-label={t.x}>\n        <XIcon />\n      </a>\n      <a href={share.facebook} target='_blank' rel='noopener noreferrer' className={LINK_CLASS} aria-label={t.facebook}>\n        <FacebookIcon />\n      </a>\n      <a href={share.whatsapp} target='_blank' rel='noopener noreferrer' className={LINK_CLASS} aria-label={t.whatsapp}>\n        <WhatsAppIcon />\n      </a>\n\n      <button\n        type='button'\n        onClick={handleCopy}\n        className={cn(LINK_CLASS, 'w-auto gap-2 px-3', copied && 'border-primary text-primary')}\n        aria-label={t.copy}\n      >\n        {copied ? <CheckIcon /> : <CopyIcon />}\n        <span className='text-sm'>{copied ? t.copied : t.copy}</span>\n      </button>\n\n      {/* Polite live region so screen readers announce the copy confirmation. */}\n      <span role='status' aria-live='polite' className='sr-only'>\n        {copied ? t.copyStatus : ''}\n      </span>\n    </div>\n  )\n}\n","/**\n * Pure builders for the social-share targets used by `ShareButtons`.\n *\n * Framework-free so the URL construction is unit-testable without rendering.\n * Every provider gets the canonical post URL; providers that support custom copy\n * (X, WhatsApp) also receive the post title.\n */\nexport interface ShareUrls {\n  linkedin: string\n  x: string\n  facebook: string\n  whatsapp: string\n}\n\nexport function buildShareUrls(url: string, title: string): ShareUrls {\n  const encodedUrl = encodeURIComponent(url)\n  const encodedTitle = encodeURIComponent(title)\n\n  return {\n    // LinkedIn derives title/description from the target page's Open Graph tags,\n    // so it only takes the URL.\n    linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`,\n    // The intent endpoint keeps the /intent/tweet path under the x.com domain.\n    x: `https://x.com/intent/tweet?url=${encodedUrl}&text=${encodedTitle}`,\n    facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`,\n    whatsapp: `https://wa.me/?text=${encodeURIComponent(`${title} ${url}`)}`,\n  }\n}\n"],"mappings":"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","names":["cn","jsx","jsxs","DEFAULT_LABELS","cn"]}