@web-my-money/blocks 1.0.0

package/dist/app.mjs

@@ -0,0 +1,53 @@
+import {
+  ActivityFeed,
+  AppBrand,
+  AppShell,
+  AppearanceSettings,
+  BrandFrame,
+  DashboardHeader,
+  DataSummaryCards,
+  DataTable,
+  EmptyState,
+  GlassPanel,
+  KPIRow,
+  LayoutToggle,
+  NotificationBanner,
+  PageHeader,
+  PageHeaderBanner,
+  SidebarNavigation,
+  StatCard,
+  SubTabs,
+  useActionRunner,
+  useLayoutPreference,
+  useOptimisticAction
+} from "./chunk-UM2RDUPI.mjs";
+import {
+  LightboxGallery,
+  Thumbnail
+} from "./chunk-L6OIX4DG.mjs";
+import "./chunk-PJO7WJ4G.mjs";
+export {
+  ActivityFeed,
+  AppBrand,
+  AppShell,
+  AppearanceSettings,
+  BrandFrame,
+  DashboardHeader,
+  DataSummaryCards,
+  DataTable,
+  EmptyState,
+  GlassPanel,
+  KPIRow,
+  LayoutToggle,
+  LightboxGallery,
+  NotificationBanner,
+  PageHeader,
+  PageHeaderBanner,
+  SidebarNavigation,
+  StatCard,
+  SubTabs,
+  Thumbnail,
+  useActionRunner,
+  useLayoutPreference,
+  useOptimisticAction
+};

package/dist/chunk-L6OIX4DG.mjs

@@ -0,0 +1,70 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/lightbox/index.tsx
+import * as React from "react";
+import {
+  Lightbox,
+  LightboxContent,
+  LightboxImage,
+  LightboxNavButton,
+  LightboxCaption
+} from "@web-my-money/primitives/lightbox";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Thumbnail({ image, onClick, className }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "thumbnail",
+      onClick,
+      className: cn(
+        "group relative aspect-square overflow-hidden rounded-lg border border-border outline-none focus-visible:ring-3 focus-visible:ring-ring/50",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: image.thumbnailSrc ?? image.src,
+          alt: image.alt ?? "",
+          className: "size-full object-cover transition-transform duration-200 group-hover:scale-105",
+          loading: "lazy"
+        }
+      )
+    }
+  );
+}
+function LightboxGallery({ images, className, gridClassName }) {
+  const [openIndex, setOpenIndex] = React.useState(null);
+  const hasImages = images.length > 0;
+  const active = openIndex !== null ? images[openIndex] : null;
+  const goTo = (dir) => {
+    setOpenIndex((i) => {
+      if (i === null) return i;
+      return (i + dir + images.length) % images.length;
+    });
+  };
+  if (!hasImages) return null;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "lightbox-gallery", className, children: [
+    /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4", gridClassName), children: images.map((image, i) => /* @__PURE__ */ jsx(Thumbnail, { image, onClick: () => setOpenIndex(i) }, image.src)) }),
+    /* @__PURE__ */ jsx(Lightbox, { open: openIndex !== null, onOpenChange: (open) => !open && setOpenIndex(null), children: /* @__PURE__ */ jsx(LightboxContent, { children: active && /* @__PURE__ */ jsxs(Fragment, { children: [
+      images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(LightboxNavButton, { direction: "prev", onClick: () => goTo(-1) }),
+        /* @__PURE__ */ jsx(LightboxNavButton, { direction: "next", onClick: () => goTo(1) })
+      ] }),
+      /* @__PURE__ */ jsx(LightboxImage, { src: active.src, alt: active.alt ?? "" }),
+      active.caption && /* @__PURE__ */ jsx(LightboxCaption, { children: active.caption }),
+      images.length > 1 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-white/60", "aria-live": "polite", children: [
+        (openIndex ?? 0) + 1,
+        " / ",
+        images.length
+      ] })
+    ] }) }) })
+  ] });
+}
+
+export {
+  Thumbnail,
+  LightboxGallery
+};

package/dist/chunk-PJO7WJ4G.mjs

@@ -0,0 +1,10 @@
+// src/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};