@reblu/site-blocks 0.2.1

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or Derivative
+          Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 Reblu — Adolfo Unturbe
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,29 @@
+# @reblu/site-blocks
+
+Data-driven presentational **organisms** for Reblu SITEs — the layer above
+[`@reblu/site-ui`](../site-ui) (atoms/primitives).
+
+These blocks are **clean and token-driven**: they carry no brand aesthetic of
+their own. Every color, radius and font comes from CSS design tokens (OKLCH)
+that each tenant injects through its `site-theme.css`. The same package renders
+a different-looking site for every tenant, with zero forks.
+
+## What's inside
+
+| Export | Entry | Purpose |
+| ------ | ----- | ------- |
+| `readingTime`, `formatPrice`, `buildShareUrls`, `markdownToSafeHtml` | `.` | Pure, framework-agnostic helpers (RSC-safe). |
+| `MarkdownRenderer` | `.` | Canonical Blog renderer: `marked` → **DOMPurify** (XSS) → component map, with a YouTube-domain allowlist. RSC-safe. |
+| `Treatment`, `Specialty`, `ProfileCard`, `ProductCard` | `.` | Presentational organisms over the SITE API contracts. RSC-safe. |
+| `useCollection` | `./client` | Headless filterable/sortable/paginated collection hook (facets, category, tag, search). Serves both page and blog indexes. |
+| `Collection` | `./client` | Token-driven presentational grid over `useCollection`. |
+| `ShareButtons` | `./client` | Social share (X / LinkedIn / WhatsApp / copy). |
+
+## Boundary
+
+- **`@reblu/site-ui`** = atoms (Button, Input, Link, Form, `cn`). Stable.
+- **`@reblu/site-blocks`** = organisms + headless data hooks. Higher churn — its
+  own package so a breaking change in an organism does not bump the stable atoms.
+
+Types come from [`@reblu/site-contracts`](../site-contracts) (the SDK view of the
+`/api/site/*` responses). No Zod and no Prisma reach the consumer runtime.

package/dist/client.cjs

@@ -0,0 +1,335 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client.ts
+var client_exports = {};
+__export(client_exports, {
+  Collection: () => Collection,
+  ShareButtons: () => ShareButtons,
+  useCollection: () => useCollection
+});
+module.exports = __toCommonJS(client_exports);
+
+// src/hooks/use-collection.ts
+var import_react = require("react");
+function useCollection(options) {
+  const { items, pageSize = 0, filters = [], search: searchFn, sorts = {} } = options;
+  const [activeFilters, setActiveFilters] = (0, import_react.useState)(
+    () => options.initialFilters ?? {}
+  );
+  const [search, setSearchState] = (0, import_react.useState)(() => options.initialSearch ?? "");
+  const [sort, setSortState] = (0, import_react.useState)(() => options.initialSort);
+  const [page, setPageState] = (0, import_react.useState)(() => options.initialPage ?? 1);
+  const filtered = (0, import_react.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 = (0, import_react.useMemo)(() => {
+    if (pageSize <= 0) return filtered;
+    const start = (currentPage - 1) * pageSize;
+    return filtered.slice(start, start + pageSize);
+  }, [filtered, pageSize, currentPage]);
+  const resetToFirstPage = (0, import_react.useCallback)(() => setPageState(1), []);
+  const setFilter = (0, import_react.useCallback)(
+    (key, value) => {
+      setActiveFilters((prev) => ({ ...prev, [key]: value }));
+      resetToFirstPage();
+    },
+    [resetToFirstPage]
+  );
+  const clearFilters = (0, import_react.useCallback)(() => {
+    setActiveFilters({});
+    resetToFirstPage();
+  }, [resetToFirstPage]);
+  const setSearch = (0, import_react.useCallback)(
+    (term) => {
+      setSearchState(term);
+      resetToFirstPage();
+    },
+    [resetToFirstPage]
+  );
+  const setSort = (0, import_react.useCallback)(
+    (key) => {
+      setSortState(key);
+      resetToFirstPage();
+    },
+    [resetToFirstPage]
+  );
+  const setPage = (0, import_react.useCallback)(
+    (next) => setPageState(Math.min(Math.max(1, next), pageCount)),
+    [pageCount]
+  );
+  const nextPage = (0, import_react.useCallback)(
+    () => setPageState(Math.min(currentPage + 1, pageCount)),
+    [currentPage, pageCount]
+  );
+  const prevPage = (0, import_react.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
+var import_site_ui = require("@reblu/site-ui");
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_site_ui.cn)("space-y-8", className), children: [
+    facets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-4", children: facets.map((facet) => {
+      const active = collection.activeFilters[facet.key];
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          role: "group",
+          "aria-label": facet.label,
+          className: "flex flex-wrap gap-2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              FacetChip,
+              {
+                label: facet.allLabel ?? "All",
+                pressed: active == null || active === "",
+                onClick: () => collection.setFilter(facet.key, void 0)
+              }
+            ),
+            facet.options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("p", { className: "py-16 text-center text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: (0, import_site_ui.cn)("list-none p-0", gridClassName), children: collection.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: renderItem(item) }, getKey(item))) }),
+    collection.pageCount > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", { "aria-label": "Pagination", className: "flex items-center justify-center gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: collection.prevPage,
+          disabled: collection.page <= 1,
+          className: PAGE_BTN_CLASS,
+          children: t.previous
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-current": "page", className: "text-sm text-muted-foreground", children: t.page(collection.page, collection.pageCount) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": pressed,
+      onClick,
+      style: color ? { "--facet-color": color } : void 0,
+      className: (0, import_site_ui.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
+var React = __toESM(require("react"), 1);
+var import_site_ui2 = require("@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
+var import_jsx_runtime2 = require("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__ */ (0, import_jsx_runtime2.jsx)("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("svg", { className: ICON, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsxs)("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__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_site_ui2.cn)("flex items-center gap-2", className), role: "group", "aria-label": t.share, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mr-1 text-sm font-medium text-muted-foreground", children: t.share }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: share.linkedin, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.linkedin, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LinkedInIcon, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: share.x, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.x, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(XIcon, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: share.facebook, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.facebook, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FacebookIcon, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: share.whatsapp, target: "_blank", rel: "noopener noreferrer", className: LINK_CLASS, "aria-label": t.whatsapp, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WhatsAppIcon, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopy,
+        className: (0, import_site_ui2.cn)(LINK_CLASS, "w-auto gap-2 px-3", copied && "border-primary text-primary"),
+        "aria-label": t.copy,
+        children: [
+          copied ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CopyIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm", children: copied ? t.copied : t.copy })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { role: "status", "aria-live": "polite", className: "sr-only", children: copied ? t.copyStatus : "" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Collection,
+  ShareButtons,
+  useCollection
+});
+//# sourceMappingURL=client.cjs.map

package/dist/client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts","../src/hooks/use-collection.ts","../src/components/collection.tsx","../src/components/share-buttons.tsx","../src/lib/share-urls.ts"],"sourcesContent":["'use client'\n\n// `@reblu/site-blocks/client` — the client-only surface. Every export here needs\n// browser state or hooks, so the entry carries the `'use client'` directive and\n// each SITE consumes it from a Client Component boundary.\n\nexport {\n  useCollection,\n  type CollectionFilter,\n  type UseCollectionOptions,\n  type UseCollectionResult,\n} from './hooks/use-collection'\n\nexport { Collection } from './components/collection'\nexport type {\n  CollectionProps,\n  CollectionFacet,\n  CollectionFacetOption,\n  CollectionLabels,\n} from './components/collection'\n\nexport { ShareButtons } from './components/share-buttons'\nexport type { ShareButtonsProps, ShareButtonsLabels } from './components/share-buttons'\n","'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":["import_site_ui","import_jsx_runtime","DEFAULT_LABELS"]}