@chiselandco/nexus 2.2.7 → 2.5.0

package/dist/FilterSidebar.d.ts

@@ -0,0 +1,20 @@
+import type { CustomFieldSchema } from "./types";
+export interface FilterSidebarProps {
+    /**
+     * Schema fields to render as filter groups.
+     * Only select / multi-select fields with options will be used.
+     * If omitted, all eligible fields from the schema are shown.
+     */
+    schema: CustomFieldSchema[];
+    /**
+     * Which field keys to expose, and in what order.
+     * e.g. filterKeys={["application", "systems"]}
+     */
+    filterKeys?: string[];
+    /** Font family string matching the rest of the suite */
+    font?: string;
+    /** Label for the trigger link. Defaults to "Advanced Filters" */
+    triggerLabel?: string;
+}
+export declare function FilterSidebar({ schema, filterKeys, font, triggerLabel, }: FilterSidebarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FilterSidebar.d.ts.map

package/dist/FilterSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSidebar.d.ts","sourceRoot":"","sources":["../src/FilterSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,IAAI,EACJ,YAAiC,GAClC,EAAE,kBAAkB,kDAuXpB"}

package/dist/FilterSidebar.js

@@ -0,0 +1,266 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter, useSearchParams, usePathname } from "next/navigation";
+import { useState, useEffect, useCallback } from "react";
+export function FilterSidebar({ schema, filterKeys, font, triggerLabel = "Advanced Filters", }) {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const [open, setOpen] = useState(false);
+    // Derive filter groups from schema
+    const filterGroups = (() => {
+        const eligible = schema.filter((f) => (f.type === "select" || f.type === "multi-select") &&
+            Array.isArray(f.options) &&
+            f.options.length > 0);
+        if (filterKeys && filterKeys.length > 0) {
+            return filterKeys
+                .map((key) => eligible.find((f) => f.key === key))
+                .filter((f) => !!f);
+        }
+        return eligible;
+    })();
+    // Read selected slugs for a field from URL: ?filter[fieldKey]=slug1,slug2
+    const getSelected = useCallback((fieldKey) => {
+        const raw = searchParams.get(`filter[${fieldKey}]`);
+        return raw ? raw.split(",").filter(Boolean) : [];
+    }, [searchParams]);
+    const buildUrl = useCallback((fieldKey, next) => {
+        const params = new URLSearchParams(searchParams.toString());
+        const paramKey = `filter[${fieldKey}]`;
+        if (next.length === 0) {
+            params.delete(paramKey);
+        }
+        else {
+            params.set(paramKey, next.join(","));
+        }
+        const qs = params.toString();
+        return qs ? `${pathname}?${qs}` : pathname;
+    }, [pathname, searchParams]);
+    const toggleOption = (fieldKey, optionId) => {
+        const current = getSelected(fieldKey);
+        const next = current.includes(optionId)
+            ? current.filter((v) => v !== optionId)
+            : [...current, optionId];
+        router.replace(buildUrl(fieldKey, next), { scroll: false });
+    };
+    const selectAll = (fieldKey) => {
+        router.replace(buildUrl(fieldKey, []), { scroll: false });
+    };
+    const clearAll = () => {
+        const params = new URLSearchParams(searchParams.toString());
+        for (const group of filterGroups) {
+            params.delete(`filter[${group.key}]`);
+        }
+        const qs = params.toString();
+        router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
+    };
+    const activeCount = filterGroups.reduce((n, g) => n + getSelected(g.key).length, 0);
+    // Lock body scroll and close on Escape when open
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (e) => { if (e.key === "Escape")
+            setOpen(false); };
+        document.addEventListener("keydown", onKey);
+        document.body.style.overflow = "hidden";
+        return () => {
+            document.removeEventListener("keydown", onKey);
+            document.body.style.overflow = "";
+        };
+    }, [open]);
+    if (filterGroups.length === 0)
+        return null;
+    const f = font !== null && font !== void 0 ? font : "inherit";
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+        .nxs-adv-trigger {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          background: none;
+          border: none;
+          padding: 0;
+          cursor: pointer;
+          font-size: 13px;
+          font-weight: 600;
+          color: #3f3f46;
+          font-family: ${f};
+          line-height: 1;
+          transition: color 0.15s;
+        }
+        .nxs-adv-trigger:hover { color: #18181b; }
+
+        .nxs-adv-badge {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          background: #f18a00;
+          color: #fff;
+          font-size: 10px;
+          font-weight: 700;
+          border-radius: 999px;
+          min-width: 18px;
+          height: 18px;
+          padding: 0 5px;
+          line-height: 1;
+        }
+
+        .nxs-adv-backdrop {
+          position: fixed;
+          inset: 0;
+          background: rgba(0,0,0,0.45);
+          z-index: 998;
+          animation: nxs-fade 0.2s ease;
+        }
+        @keyframes nxs-fade { from { opacity: 0; } to { opacity: 1; } }
+
+        .nxs-adv-drawer {
+          position: fixed;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          width: min(480px, 92vw);
+          background: #f4f4f5;
+          z-index: 999;
+          display: flex;
+          flex-direction: column;
+          box-shadow: -4px 0 32px rgba(0,0,0,0.14);
+          animation: nxs-slide 0.25s cubic-bezier(0.32,0,0,1);
+          font-family: ${f};
+        }
+        @keyframes nxs-slide {
+          from { transform: translateX(100%); }
+          to   { transform: translateX(0); }
+        }
+
+        .nxs-adv-header {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding: 22px 24px 20px;
+          background: #fff;
+          border-bottom: 1px solid #e4e4e7;
+          flex-shrink: 0;
+        }
+        .nxs-adv-header h2 {
+          margin: 0;
+          font-size: 20px;
+          font-weight: 700;
+          color: #18181b;
+          letter-spacing: -0.01em;
+        }
+        .nxs-adv-close {
+          background: none;
+          border: none;
+          cursor: pointer;
+          padding: 4px;
+          color: #71717a;
+          border-radius: 4px;
+          display: flex;
+          align-items: center;
+          transition: color 0.15s, background 0.15s;
+          line-height: 0;
+        }
+        .nxs-adv-close:hover { color: #18181b; background: #f4f4f5; }
+
+        .nxs-adv-body {
+          flex: 1;
+          overflow-y: auto;
+          padding: 0 24px 24px;
+          display: flex;
+          flex-direction: column;
+        }
+
+        .nxs-adv-group {
+          padding: 24px 0 0;
+        }
+        .nxs-adv-group + .nxs-adv-group {
+          border-top: 1px solid #e4e4e7;
+          margin-top: 24px;
+        }
+
+        .nxs-adv-group-label {
+          font-size: 15px;
+          font-weight: 700;
+          color: #18181b;
+          margin: 0 0 14px 0;
+        }
+
+        .nxs-adv-pills {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 8px;
+        }
+
+        .nxs-adv-pill {
+          background: none;
+          border: 1.5px solid #d4d4d8;
+          border-radius: 4px;
+          padding: 9px 18px;
+          font-size: 13px;
+          font-weight: 500;
+          color: #18181b;
+          cursor: pointer;
+          font-family: ${f};
+          line-height: 1.2;
+          transition: border-color 0.12s, background 0.12s, color 0.12s;
+          white-space: nowrap;
+        }
+        .nxs-adv-pill:hover {
+          border-color: #a1a1aa;
+          background: #fff;
+        }
+        .nxs-adv-pill-active {
+          background: #18181b;
+          border-color: #18181b;
+          color: #fff;
+        }
+        .nxs-adv-pill-active:hover {
+          background: #27272a;
+          border-color: #27272a;
+        }
+
+        .nxs-adv-footer {
+          display: flex;
+          gap: 12px;
+          padding: 16px 24px;
+          border-top: 1px solid #e4e4e7;
+          background: #fff;
+          flex-shrink: 0;
+        }
+        .nxs-adv-footer-btn {
+          flex: 1;
+          padding: 13px;
+          border-radius: 4px;
+          font-size: 14px;
+          font-weight: 600;
+          cursor: pointer;
+          border: 1.5px solid #d4d4d8;
+          background: #fff;
+          color: #18181b;
+          font-family: ${f};
+          transition: background 0.12s, border-color 0.12s;
+        }
+        .nxs-adv-footer-btn:hover { background: #f4f4f5; }
+      ` }), _jsxs("button", { className: "nxs-adv-trigger", onClick: () => setOpen(true), "aria-expanded": open, children: [_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }), _jsx("line", { x1: "8", y1: "12", x2: "20", y2: "12" }), _jsx("line", { x1: "12", y1: "18", x2: "20", y2: "18" })] }), triggerLabel, activeCount > 0 && (_jsx("span", { className: "nxs-adv-badge", children: activeCount }))] }), open && (_jsxs(_Fragment, { children: [_jsx("div", { className: "nxs-adv-backdrop", onClick: () => setOpen(false), "aria-hidden": "true" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": "Advanced Filters", className: "nxs-adv-drawer", children: [_jsxs("div", { className: "nxs-adv-header", children: [_jsx("h2", { children: "Advanced Filters" }), _jsx("button", { className: "nxs-adv-close", onClick: () => setOpen(false), "aria-label": "Close", children: _jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsx("div", { className: "nxs-adv-body", children: filterGroups.map((group) => {
+                                    const selected = getSelected(group.key);
+                                    const isAllSelected = selected.length === 0;
+                                    // The API expects slugified values in filter params:
+                                    // "Operable Partitions" → "operable-partitions"
+                                    const toSlug = (s) => s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+                                    const options = group.options.map((opt) => {
+                                        var _a, _b, _c;
+                                        if (typeof opt === "string") {
+                                            return { id: toSlug(opt), label: opt };
+                                        }
+                                        // If opt.id looks already slugified use it, otherwise slug the label
+                                        const id = opt.id ? opt.id : toSlug((_a = opt.label) !== null && _a !== void 0 ? _a : "");
+                                        return { id, label: (_c = (_b = opt.label) !== null && _b !== void 0 ? _b : opt.id) !== null && _c !== void 0 ? _c : "" };
+                                    }).filter((o) => o.id);
+                                    if (options.length === 0)
+                                        return null;
+                                    return (_jsxs("div", { className: "nxs-adv-group", children: [_jsx("p", { className: "nxs-adv-group-label", children: group.name }), _jsxs("div", { className: "nxs-adv-pills", children: [_jsx("button", { className: `nxs-adv-pill${isAllSelected ? " nxs-adv-pill-active" : ""}`, onClick: () => selectAll(group.key), children: "All" }), options.map((opt) => {
+                                                        const isActive = selected.includes(opt.id);
+                                                        return (_jsx("button", { className: `nxs-adv-pill${isActive ? " nxs-adv-pill-active" : ""}`, onClick: () => toggleOption(group.key, opt.id), "aria-pressed": isActive, children: opt.label }, opt.id));
+                                                    })] })] }, group.key));
+                                }) }), _jsxs("div", { className: "nxs-adv-footer", children: [_jsx("button", { className: "nxs-adv-footer-btn", onClick: () => setOpen(false), children: "Close" }), _jsx("button", { className: "nxs-adv-footer-btn", onClick: clearAll, children: "Clear All" })] })] })] }))] }));
+}

package/dist/FilteredPortfolio.d.ts

@@ -0,0 +1,45 @@
+export interface FilteredPortfolioProps {
+    clientSlug: string;
+    apiBase: string;
+    /** Client API key — pass via environment variable, never hardcode */
+    apiKey: string;
+    /**
+     * Pass Next.js searchParams here. Active filters are read from
+     * filter[fieldKey]=slug1,slug2 query params — set by FilterSidebar via the URL.
+     * These are passed directly to the API as filter params, so the API does all filtering.
+     */
+    searchParams?: Record<string, string | string[] | undefined>;
+    /**
+     * Which field keys to show as filter groups in the sidebar.
+     * Omit to show all eligible select/multi-select fields.
+     * e.g. filterKeys={["application", "systems"]}
+     */
+    filterKeys?: string[];
+    basePath?: string;
+    revalidate?: number;
+    noCache?: boolean;
+    font?: string;
+}
+/**
+ * FilteredPortfolio — server component.
+ *
+ * Passes active filter params from the URL directly to the API — the API does all filtering.
+ * The sidebar always shows the full schema (unfiltered options) regardless of active filters.
+ * Filter state is persisted in the URL as filter[fieldKey]=slug1,slug2.
+ *
+ * Usage:
+ *   import { FilteredPortfolio } from "@chiselandco/nexus"
+ *
+ *   export default async function Page({ searchParams }) {
+ *     return (
+ *       <FilteredPortfolio
+ *         clientSlug="your-client-slug"
+ *         apiBase="https://nexus.chiselandco.com"
+ *         filterKeys={["systems", "application"]}
+ *         searchParams={await searchParams}
+ *       />
+ *     )
+ *   }
+ */
+export declare function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchParams, filterKeys, basePath, revalidate, noCache, font, }: FilteredPortfolioProps): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=FilteredPortfolio.d.ts.map

package/dist/FilteredPortfolio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilteredPortfolio.d.ts","sourceRoot":"","sources":["../src/FilteredPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AA8ED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,YAAiB,EACjB,UAAU,EACV,QAAsB,EACtB,UAAe,EACf,OAAe,EACf,IAAI,GACL,EAAE,sBAAsB,oDA8FxB"}

package/dist/FilteredPortfolio.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FilterSidebar } from "./FilterSidebar";
+import { ProjectCard } from "./ProjectCard";
+/**
+ * Fetch projects from the API, passing any active filter params directly.
+ * The API handles all filtering — AND across fields, comma-separated OR within a field.
+ * Schema is fetched separately (unfiltered) so the sidebar always shows all options.
+ */
+async function fetchFilteredProjects(apiBase, clientSlug, apiKey, activeFilters, fetchOpts) {
+    var _a, _b;
+    const params = new URLSearchParams({ api_key: apiKey });
+    for (const [key, vals] of Object.entries(activeFilters)) {
+        params.set(`filter[${key}]`, vals.join(","));
+    }
+    const res = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?${params.toString()}`, fetchOpts);
+    const json = res.ok
+        ? await res.json()
+        : { client: { name: "", description: null, custom_fields_schema: [] }, data: [], total: 0 };
+    return {
+        projects: ((_a = json.data) !== null && _a !== void 0 ? _a : []).filter((p) => p.is_published !== false),
+        total: (_b = json.total) !== null && _b !== void 0 ? _b : 0,
+    };
+}
+/**
+ * Fetch schema only (no filters) so the sidebar always shows every available option.
+ */
+async function fetchSchema(apiBase, clientSlug, apiKey, fetchOpts) {
+    var _a, _b, _c;
+    const res = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${apiKey}`, fetchOpts);
+    const json = res.ok
+        ? await res.json()
+        : { client: { name: "", description: null, custom_fields_schema: [] }, data: [], total: 0 };
+    const seen = new Set();
+    const schema = ((_b = (_a = json.client) === null || _a === void 0 ? void 0 : _a.custom_fields_schema) !== null && _b !== void 0 ? _b : []).filter((f) => {
+        if (seen.has(f.key))
+            return false;
+        seen.add(f.key);
+        return true;
+    });
+    const fieldOptionsMap = {};
+    for (const field of schema) {
+        const map = {};
+        for (const opt of (_c = field.options) !== null && _c !== void 0 ? _c : []) {
+            if (typeof opt === "object" && opt.id && opt.label) {
+                map[opt.id] = opt.label;
+                map[opt.label] = opt.label;
+            }
+            else if (typeof opt === "string") {
+                map[opt] = opt;
+            }
+        }
+        fieldOptionsMap[field.key] = map;
+    }
+    return { schema, fieldOptionsMap };
+}
+/**
+ * FilteredPortfolio — server component.
+ *
+ * Passes active filter params from the URL directly to the API — the API does all filtering.
+ * The sidebar always shows the full schema (unfiltered options) regardless of active filters.
+ * Filter state is persisted in the URL as filter[fieldKey]=slug1,slug2.
+ *
+ * Usage:
+ *   import { FilteredPortfolio } from "@chiselandco/nexus"
+ *
+ *   export default async function Page({ searchParams }) {
+ *     return (
+ *       <FilteredPortfolio
+ *         clientSlug="your-client-slug"
+ *         apiBase="https://nexus.chiselandco.com"
+ *         filterKeys={["systems", "application"]}
+ *         searchParams={await searchParams}
+ *       />
+ *     )
+ *   }
+ */
+export async function FilteredPortfolio({ clientSlug, apiBase, apiKey, searchParams = {}, filterKeys, basePath = "/projects", revalidate = 60, noCache = false, font, }) {
+    const fetchOpts = noCache
+        ? { cache: "no-store" }
+        : { next: { revalidate } };
+    // Parse active filters from URL: filter[fieldKey]=slug1,slug2
+    const activeFilters = {};
+    for (const [key, val] of Object.entries(searchParams)) {
+        const match = key.match(/^filter\[(.+)\]$/);
+        if (!match || !val)
+            continue;
+        const fieldKey = match[1];
+        const slugs = (Array.isArray(val) ? val[0] : val).split(",").filter(Boolean);
+        if (slugs.length > 0)
+            activeFilters[fieldKey] = slugs;
+    }
+    // Fetch in parallel: filtered projects + full schema for the sidebar
+    const [{ projects, total }, { schema, fieldOptionsMap }] = await Promise.all([
+        fetchFilteredProjects(apiBase, clientSlug, apiKey, activeFilters, fetchOpts),
+        fetchSchema(apiBase, clientSlug, apiKey, fetchOpts),
+    ]);
+    const activeCount = Object.values(activeFilters).reduce((n, ids) => n + ids.length, 0);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+        .nxs-fp-wrap {
+          width: 100%;
+          max-width: 1280px;
+          margin: 0 auto;
+          padding: 2rem 1rem;
+          box-sizing: border-box;
+        }
+        .nxs-fp-toolbar {
+          display: flex;
+          align-items: center;
+          gap: 16px;
+          flex-wrap: wrap;
+          margin-bottom: 1.5rem;
+        }
+        .nxs-fp-count {
+          font-size: 13px;
+          color: #71717a;
+          flex: 1;
+        }
+        .nxs-fp-count strong { color: #18181b; }
+        .nxs-fp-grid {
+          display: grid;
+          grid-template-columns: 1fr;
+          gap: 1.5rem;
+        }
+        @media (min-width: 640px) {
+          .nxs-fp-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (min-width: 1024px) {
+          .nxs-fp-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
+        }
+        .chisel-project-card-img { height: 180px; }
+        @media (min-width: 640px) { .chisel-project-card-img { height: 200px; } }
+        @media (min-width: 1024px) { .chisel-project-card-img { height: 220px; } }
+      ` }), _jsxs("div", { className: "nxs-fp-wrap", children: [_jsxs("div", { className: "nxs-fp-toolbar", children: [_jsxs("p", { className: "nxs-fp-count", children: ["Showing ", _jsx("strong", { children: projects.length }), total > projects.length ? ` of ${total}` : "", " project", projects.length !== 1 ? "s" : "", activeCount > 0 && ` (${activeCount} filter${activeCount !== 1 ? "s" : ""} active)`] }), _jsx(FilterSidebar, { schema: schema, filterKeys: filterKeys, font: font })] }), projects.length === 0 ? (_jsx("div", { style: { padding: "4rem 0", textAlign: "center" }, children: _jsx("p", { style: { color: "#71717a" }, children: "No projects match the selected filters." }) })) : (_jsx("div", { className: "nxs-fp-grid", children: projects.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: index === 0 }, project.id))) }))] })] }));
+}

package/dist/GalleryCarousel.d.ts

@@ -1,7 +1,14 @@
-import type { Media } from "./types";
+import type { Media, CustomFieldSchema } from "./types";
 export interface GalleryCarouselProps {
     images: Media[];
     projectTitle: string;
+    /**
+     * Client custom fields schema — used to resolve slug values to human-readable
+     * labels for tag pills and filter chips. All fields that have values on at
+     * least one image are surfaced as filterable dimensions automatically.
+     * If omitted, raw slug values are humanised as fallback.
+     */
+    schema?: CustomFieldSchema[];
 }
-export declare function GalleryCarousel({ images, projectTitle, }: GalleryCarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GalleryCarousel({ images, projectTitle, schema }: GalleryCarouselProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=GalleryCarousel.d.ts.map

package/dist/GalleryCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryCarousel.d.ts","sourceRoot":"","sources":["../src/GalleryCarousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,YAAY,GACb,EAAE,oBAAoB,kDAwJtB"}
+{"version":3,"file":"GalleryCarousel.d.ts","sourceRoot":"","sources":["../src/GalleryCarousel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAe,MAAM,SAAS,CAAA;AASpE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC7B;AA+ND,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,MAAW,EAAE,EAAE,oBAAoB,kDA2V1F"}