@endora-commerce/cms-components 0.100.0

package/dist/components/carousel/CarouselShell.js

@@ -0,0 +1,210 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { setEditorCarouselPage } from '@endora-commerce/page-builder-core/editor/carousel-preview';
+export function CarouselShell({ children, slidesPerView = 1, gap = 16, autoplay = false, intervalMs = 5000, showArrows = true, showDots = true, equalHeight = false, className = '', slotMode = false, editorPreview = false, previewPage = 0, editorCarouselId, editorSlideCount, }) {
+    const trackRef = useRef(null);
+    const reactId = useId().replace(/:/g, '');
+    const carouselUid = editorCarouselId ?? `pb-carousel-${reactId}`;
+    const [activePage, setActivePage] = useState(0);
+    const [slideCount, setSlideCount] = useState(1);
+    const isProgrammaticScrollRef = useRef(false);
+    const scrollEndTimerRef = useRef(null);
+    const getSlideRow = useCallback(() => {
+        const track = trackRef.current;
+        if (!track)
+            return null;
+        if (!slotMode)
+            return track;
+        const dropzone = track.querySelector('[data-puck-dropzone$=":slides"]') ??
+            track.querySelector('.cmsc-pb-content-slider-slot');
+        if (dropzone instanceof HTMLElement)
+            return dropzone;
+        const slotRoot = track.firstElementChild;
+        return slotRoot instanceof HTMLElement ? slotRoot : track;
+    }, [slotMode]);
+    const measureSlideCount = useCallback(() => {
+        if (slotMode) {
+            const row = getSlideRow();
+            if (!row)
+                return;
+            setSlideCount(Math.max(1, row.children.length));
+            return;
+        }
+        setSlideCount(Array.isArray(children) ? Math.max(1, children.length) : 1);
+    }, [getSlideRow, slotMode, children]);
+    const perView = Math.max(1, slidesPerView);
+    const measuredCount = Math.max(1, slideCount);
+    const effectiveSlideCount = editorPreview && typeof editorSlideCount === 'number' && editorSlideCount > 0
+        ? editorSlideCount
+        : measuredCount;
+    const pageCount = Math.max(1, Math.ceil(effectiveSlideCount / perView));
+    const showArrowControls = !editorPreview && showArrows && pageCount > 1;
+    const showDotControls = showDots && pageCount > 1;
+    const enableAutoplay = !editorPreview && autoplay && pageCount > 1;
+    const displayPage = editorPreview
+        ? Math.max(0, Math.min(previewPage, pageCount - 1))
+        : activePage;
+    const editorVisibleRange = useMemo(() => {
+        const start = displayPage * perView;
+        return { start, end: start + perView };
+    }, [displayPage, perView]);
+    /** CSS-driven hide for editor — only the slides zone, never nested Slide content. */
+    const editorPreviewStyle = useMemo(() => {
+        if (!editorPreview)
+            return null;
+        const { start, end } = editorVisibleRange;
+        const root = `.cmsc-pb-carousel[data-pb-carousel-uid="${CSS.escape(carouselUid)}"]`;
+        const slideParents = [
+            `${root} [data-puck-dropzone$=":slides"]`,
+            `${root} .cmsc-pb-content-slider-slot`,
+            `${root} .cmsc-pb-carousel__track--slot > *:not(.cmsc-pb-carousel__slide)`,
+        ];
+        const selectors = [];
+        for (const parent of slideParents) {
+            if (start > 0)
+                selectors.push(`${parent} > *:nth-child(-n+${start})`);
+            selectors.push(`${parent} > *:nth-child(n+${end + 1})`);
+        }
+        if (start > 0) {
+            selectors.push(`${root} .cmsc-pb-carousel__track > .cmsc-pb-carousel__slide:nth-child(-n+${start})`);
+        }
+        selectors.push(`${root} .cmsc-pb-carousel__track > .cmsc-pb-carousel__slide:nth-child(n+${end + 1})`);
+        return `${selectors.join(',\n')} { display: none !important; }`;
+    }, [editorPreview, editorVisibleRange, carouselUid]);
+    const beginProgrammaticScroll = useCallback(() => {
+        if (scrollEndTimerRef.current) {
+            clearTimeout(scrollEndTimerRef.current);
+            scrollEndTimerRef.current = null;
+        }
+        isProgrammaticScrollRef.current = true;
+    }, []);
+    const endProgrammaticScroll = useCallback(() => {
+        isProgrammaticScrollRef.current = false;
+    }, []);
+    const scheduleProgrammaticScrollEnd = useCallback(() => {
+        if (scrollEndTimerRef.current)
+            clearTimeout(scrollEndTimerRef.current);
+        scrollEndTimerRef.current = setTimeout(() => {
+            scrollEndTimerRef.current = null;
+            endProgrammaticScroll();
+        }, 400);
+    }, [endProgrammaticScroll]);
+    const syncSlideStride = useCallback(() => {
+        const track = trackRef.current;
+        if (!track || !slotMode || editorPreview)
+            return;
+        const width = track.clientWidth;
+        if (width <= 0)
+            return;
+        const stride = Math.max(1, width / perView - (perView > 1 ? gap / perView : 0));
+        track.style.setProperty('--slide-stride', `${stride}px`);
+    }, [slotMode, perView, editorPreview, gap]);
+    useLayoutEffect(() => {
+        measureSlideCount();
+        syncSlideStride();
+    }, [measureSlideCount, syncSlideStride, effectiveSlideCount, children]);
+    useEffect(() => {
+        const track = trackRef.current;
+        if (!track)
+            return undefined;
+        const ro = new ResizeObserver(() => {
+            measureSlideCount();
+            syncSlideStride();
+        });
+        ro.observe(track);
+        const onScrollEnd = () => {
+            if (!isProgrammaticScrollRef.current)
+                return;
+            if (scrollEndTimerRef.current) {
+                clearTimeout(scrollEndTimerRef.current);
+                scrollEndTimerRef.current = null;
+            }
+            endProgrammaticScroll();
+        };
+        track.addEventListener('scrollend', onScrollEnd);
+        const row = getSlideRow();
+        if (slotMode && row && row !== track) {
+            const mo = new MutationObserver(() => measureSlideCount());
+            mo.observe(row, { childList: true, subtree: false });
+            return () => {
+                ro.disconnect();
+                mo.disconnect();
+                track.removeEventListener('scrollend', onScrollEnd);
+                if (scrollEndTimerRef.current)
+                    clearTimeout(scrollEndTimerRef.current);
+            };
+        }
+        return () => {
+            ro.disconnect();
+            track.removeEventListener('scrollend', onScrollEnd);
+            if (scrollEndTimerRef.current)
+                clearTimeout(scrollEndTimerRef.current);
+        };
+    }, [measureSlideCount, syncSlideStride, getSlideRow, slotMode, endProgrammaticScroll]);
+    const scrollToPage = useCallback((pageIndex, behavior = 'smooth') => {
+        const track = trackRef.current;
+        if (!track)
+            return;
+        const page = Math.max(0, Math.min(pageIndex, pageCount - 1));
+        const pageWidth = track.clientWidth;
+        if (pageWidth <= 0)
+            return;
+        const target = page * pageWidth;
+        beginProgrammaticScroll();
+        setActivePage(page);
+        track.scrollTo({ left: target, behavior });
+        if (behavior === 'instant') {
+            endProgrammaticScroll();
+        }
+        else {
+            scheduleProgrammaticScrollEnd();
+        }
+    }, [pageCount, beginProgrammaticScroll, endProgrammaticScroll, scheduleProgrammaticScrollEnd]);
+    const scrollByDir = useCallback((dir) => {
+        const next = (activePage + dir + pageCount) % pageCount;
+        scrollToPage(next, 'smooth');
+    }, [activePage, pageCount, scrollToPage]);
+    useEffect(() => {
+        setActivePage((page) => Math.min(page, pageCount - 1));
+    }, [pageCount, perView, effectiveSlideCount]);
+    const goToPage = useCallback((pageIndex, behavior = 'smooth') => {
+        if (editorPreview) {
+            if (editorCarouselId)
+                setEditorCarouselPage(editorCarouselId, pageIndex);
+            setActivePage(Math.max(0, Math.min(pageIndex, pageCount - 1)));
+            return;
+        }
+        scrollToPage(pageIndex, behavior);
+    }, [editorPreview, editorCarouselId, pageCount, scrollToPage]);
+    useEffect(() => {
+        if (!enableAutoplay)
+            return;
+        const id = window.setInterval(() => scrollByDir(1), intervalMs);
+        return () => window.clearInterval(id);
+    }, [enableAutoplay, intervalMs, pageCount, scrollByDir]);
+    const basis = `${100 / perView}%`;
+    const carouselClass = [
+        'cmsc-pb-carousel',
+        editorPreview ? 'cmsc-pb-carousel--editor-preview' : '',
+        equalHeight ? 'cmsc-pb-carousel--equal-height' : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("div", { className: carouselClass, "data-pb-carousel-page": displayPage, "data-pb-carousel-uid": carouselUid, children: [editorPreviewStyle ? _jsx("style", { children: editorPreviewStyle }) : null, _jsxs("div", { className: "cmsc-pb-carousel__viewport cmsc:relative", children: [showArrowControls ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "cmsc-pb-carousel__arrow cmsc-pb-carousel__arrow--prev", "aria-label": "Previous slide", onClick: () => scrollByDir(-1), children: "\u2039" }), _jsx("button", { type: "button", className: "cmsc-pb-carousel__arrow cmsc-pb-carousel__arrow--next", "aria-label": "Next slide", onClick: () => scrollByDir(1), children: "\u203A" })] })) : null, _jsx("div", { ref: trackRef, className: `cmsc-pb-carousel__track${slotMode ? ' cmsc-pb-carousel__track--slot' : ''}`, style: {
+                            gap: slotMode ? undefined : `${gap}px`,
+                            ['--slide-gap']: `${gap}px`,
+                            ['--slide-basis']: basis,
+                        }, onScroll: (e) => {
+                            if (editorPreview || isProgrammaticScrollRef.current)
+                                return;
+                            const track = e.currentTarget;
+                            const pageWidth = track.clientWidth;
+                            if (pageWidth <= 0)
+                                return;
+                            const page = Math.min(pageCount - 1, Math.round(track.scrollLeft / pageWidth));
+                            setActivePage(page);
+                        }, children: slotMode ? (children) : Array.isArray(children) ? (children.map((child, i) => (_jsx("div", { className: "cmsc-pb-carousel__slide", style: { flex: `0 0 calc(${basis} - ${gap * ((perView - 1) / perView)}px)` }, children: child }, i)))) : (_jsx("div", { className: "cmsc-pb-carousel__slide", style: { flex: `0 0 calc(${basis} - ${gap * ((perView - 1) / perView)}px)` }, children: children })) })] }), showDotControls ? (_jsx("div", { className: "cmsc-pb-carousel__dots", role: "tablist", children: Array.from({ length: pageCount }, (_, i) => (_jsx("button", { type: "button", role: "tab", "aria-selected": i === displayPage, "aria-label": `Page ${i + 1}`, className: `cmsc-pb-carousel__dot${i === displayPage ? ' cmsc-pb-carousel__dot--active' : ''}`, onClick: () => goToPage(i, 'instant') }, i))) })) : null] }));
+}
+//# sourceMappingURL=CarouselShell.js.map

package/dist/components/carousel/CarouselShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselShell.js","sourceRoot":"","sources":["../../../src/components/carousel/CarouselShell.tsx"],"names":[],"mappings":"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"}

package/dist/components/catalog/CatalogSkeletons.d.ts

@@ -0,0 +1,27 @@
+import type { ReactElement } from 'react';
+export declare function ProductCardSkeleton(): ReactElement;
+type ResponsiveNumber = number | {
+    base: number;
+    tablet?: number;
+    desktop?: number;
+};
+export declare function ProductSliderSkeleton({ count, slidesPerView, gap, }: {
+    count?: number;
+    slidesPerView?: ResponsiveNumber;
+    gap?: ResponsiveNumber;
+}): ReactElement;
+export declare function ProductGridSkeleton({ count, columns, gap, }: {
+    count?: number;
+    columns?: number;
+    gap?: number;
+}): ReactElement;
+export declare function CategoryListSkeleton({ count }: {
+    count?: number;
+}): ReactElement;
+export declare function CategoryGridSkeleton({ count, columns, gap, }: {
+    count?: number;
+    columns?: number;
+    gap?: number;
+}): ReactElement;
+export {};
+//# sourceMappingURL=CatalogSkeletons.d.ts.map

package/dist/components/catalog/CatalogSkeletons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogSkeletons.d.ts","sourceRoot":"","sources":["../../../src/components/catalog/CatalogSkeletons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,wBAAgB,mBAAmB,IAAI,YAAY,CAclD;AAED,KAAK,gBAAgB,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAyBrF,wBAAgB,qBAAqB,CAAC,EACpC,KAAS,EACT,aAAiB,EACjB,GAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,GAAG,CAAC,EAAE,gBAAgB,CAAC;CACxB,GAAG,YAAY,CAYf;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAS,EACT,OAAW,EACX,GAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,YAAY,CAef;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,CAapF;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAS,EACT,OAAW,EACX,GAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,YAAY,CAgBf"}

package/dist/components/catalog/CatalogSkeletons.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { normalizeResponsive } from '@endora-commerce/page-builder-core';
+export function ProductCardSkeleton() {
+    return (_jsxs("article", { className: "cmsc-pb-product-card cmsc-pb-skel-product-card", "aria-hidden": true, children: [_jsx("div", { className: "cmsc-pb-product-card__media cmsc-pb-product-card__media--square", children: _jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-product-card__media-fill" }) }), _jsxs("div", { className: "cmsc-pb-product-card__body", children: [_jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-product-card__line cmsc-pb-skel-product-card__line--sku" }), _jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-product-card__line cmsc-pb-skel-product-card__line--name" }), _jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-product-card__line cmsc-pb-skel-product-card__line--stock" }), _jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-product-card__line cmsc-pb-skel-product-card__line--price" })] })] }));
+}
+function slideBasisPercent(perView) {
+    return `${100 / Math.max(1, perView)}%`;
+}
+function skeletonTrackStyle(slidesPerView, gap) {
+    const slides = normalizeResponsive(slidesPerView, 1);
+    const gaps = normalizeResponsive(gap, 16);
+    const tabletSlides = slides.tablet ?? slides.base;
+    const desktopSlides = slides.desktop ?? tabletSlides;
+    const tabletGap = gaps.tablet ?? gaps.base;
+    const desktopGap = gaps.desktop ?? tabletGap;
+    return {
+        gap: `${gaps.base}px`,
+        ['--slide-basis']: slideBasisPercent(slides.base),
+        ['--slide-basis-md']: slideBasisPercent(tabletSlides),
+        ['--slide-basis-lg']: slideBasisPercent(desktopSlides),
+        ['--pb-skel-gap']: `${gaps.base}px`,
+        ['--pb-skel-gap-md']: `${tabletGap}px`,
+        ['--pb-skel-gap-lg']: `${desktopGap}px`,
+    };
+}
+export function ProductSliderSkeleton({ count = 3, slidesPerView = 1, gap = 16, }) {
+    return (_jsx("div", { className: "cmsc-pb-skel-carousel", "aria-busy": "true", "aria-label": "Loading products", children: _jsx("div", { className: "cmsc-pb-skel-carousel__track", style: skeletonTrackStyle(slidesPerView, gap), children: Array.from({ length: count }, (_, i) => (_jsx("div", { className: "cmsc-pb-skel-carousel__slide", children: _jsx(ProductCardSkeleton, {}) }, i))) }) }));
+}
+export function ProductGridSkeleton({ count = 4, columns = 4, gap = 16, }) {
+    return (_jsx("ul", { className: "cmsc-pb-product-grid cmsc-pb-skel-grid", style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, gap: `${gap}px` }, "aria-busy": "true", "aria-label": "Loading products", children: Array.from({ length: count }, (_, i) => (_jsx("li", { children: _jsx(ProductCardSkeleton, {}) }, i))) }));
+}
+export function CategoryListSkeleton({ count = 5 }) {
+    return (_jsx("ul", { className: "cmsc-pb-category-list cmsc-pb-skel-list", "aria-busy": "true", "aria-label": "Loading categories", children: Array.from({ length: count }, (_, i) => (_jsx("li", { children: _jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-category-line", style: { width: `${55 + (i % 3) * 12}%` } }) }, i))) }));
+}
+export function CategoryGridSkeleton({ count = 4, columns = 4, gap = 16, }) {
+    return (_jsx("ul", { className: "cmsc-pb-category-grid cmsc-pb-skel-grid", style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, gap: `${gap}px` }, "aria-busy": "true", "aria-label": "Loading categories", children: Array.from({ length: count }, (_, i) => (_jsxs("li", { className: "cmsc-pb-skel-category-card", children: [_jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-category-card__media" }), _jsx("div", { className: "cmsc-pb-skel-block cmsc-pb-skel-category-card__line" })] }, i))) }));
+}
+//# sourceMappingURL=CatalogSkeletons.js.map

package/dist/components/catalog/CatalogSkeletons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogSkeletons.js","sourceRoot":"","sources":["../../../src/components/catalog/CatalogSkeletons.tsx"],"names":[],"mappings":"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"}

package/dist/components/catalog-preview-context.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import type { CatalogPreviewApi } from '../utils/catalog-preview-bridge.js';
+export type { CatalogPreviewApi } from '../utils/catalog-preview-bridge.js';
+export declare function CatalogPreviewProvider({ api, children, }: {
+    api: CatalogPreviewApi;
+    children: ReactNode;
+}): React.ReactElement;
+export declare function useCatalogPreviewApi(): CatalogPreviewApi | null;
+//# sourceMappingURL=catalog-preview-context.d.ts.map

package/dist/components/catalog-preview-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-preview-context.d.ts","sourceRoot":"","sources":["../../src/components/catalog-preview-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,YAAY,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAI5E,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,iBAAiB,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CASrB;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,IAAI,CAE/D"}

package/dist/components/catalog-preview-context.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect } from 'react';
+import { registerCatalogPreviewGetter } from '../utils/catalog-preview-bridge.js';
+const CatalogPreviewContext = createContext(null);
+export function CatalogPreviewProvider({ api, children, }) {
+    useEffect(() => {
+        registerCatalogPreviewGetter(() => api);
+        return () => {
+            registerCatalogPreviewGetter(null);
+        };
+    }, [api]);
+    return _jsx(CatalogPreviewContext.Provider, { value: api, children: children });
+}
+export function useCatalogPreviewApi() {
+    return useContext(CatalogPreviewContext);
+}
+//# sourceMappingURL=catalog-preview-context.js.map

package/dist/components/catalog-preview-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-preview-context.js","sourceRoot":"","sources":["../../src/components/catalog-preview-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAIlF,MAAM,qBAAqB,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAE5E,MAAM,UAAU,sBAAsB,CAAC,EACrC,GAAG,EACH,QAAQ,GAIT;IACC,SAAS,CAAC,GAAG,EAAE;QACb,4BAA4B,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QACxC,OAAO,GAAS,EAAE;YAChB,4BAA4B,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAAG,QAAQ,GAAkC,CAAC;AACjG,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C,CAAC"}

package/dist/components/icon-catalog.d.ts

@@ -0,0 +1,139 @@
+import { type LucideIcon } from 'lucide-react';
+/** Curated Lucide allowlist for CMS Icons / Feature list (not the full catalog). */
+export declare const CMS_ICON_CATALOG: {
+    readonly activity: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly alarmClock: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly archive: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly arrowDown: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly arrowLeft: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly arrowRight: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly arrowUp: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly arrowUpRight: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly atSign: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly award: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly badgeCheck: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly banknote: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly barChart3: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly bell: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly bookOpen: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly bookmark: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly box: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly briefcase: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly building2: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly calculator: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly calendar: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly camera: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly chartPie: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly check: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly checkCircle2: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly chevronDown: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly chevronRight: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly circleHelp: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly clipboardList: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly clock: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly cloud: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly code2: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly compass: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly copy: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly creditCard: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly database: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly download: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly droplets: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly externalLink: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly eye: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly factory: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly fileCheck: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly fileText: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly filter: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly flag: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly folder: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly gift: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly globe: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly graduationCap: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly handshake: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly hardHat: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly heart: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly heartHandshake: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly home: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly image: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly inbox: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly info: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly keyRound: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly landmark: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly layers: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly layoutDashboard: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly leaf: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly lifeBuoy: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly lightbulb: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly link2: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly listChecks: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly lock: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly mail: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly map: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly mapPin: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly medal: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly megaphone: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly messageCircle: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly messageSquare: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly mic: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly monitor: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly moon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly newspaper: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly package: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly paintbrush: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly paperclip: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly penLine: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly percent: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly phone: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly pieChart: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly pin: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly plane: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly play: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly plug: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly plus: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly printer: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly puzzle: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly qrCode: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly quote: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly receipt: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly refreshCw: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly rocket: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly scale: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly scanLine: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly search: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly send: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly server: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly settings: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly share2: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly shield: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly shieldCheck: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly shoppingBag: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly shoppingCart: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly sparkles: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly star: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly store: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly sun: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly target: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly thumbsUp: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly timer: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly trash2: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly trendingUp: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly truck: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly upload: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly user: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly userCheck: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly users: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly video: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly wallet: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly warehouse: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly wrench: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly zap: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};
+export type CmsIconName = keyof typeof CMS_ICON_CATALOG;
+export declare const CMS_ICON_OPTIONS: {
+    label: "target" | "quote" | "search" | "map" | "filter" | "copy" | "video" | "box" | "timer" | "play" | "image" | "scale" | "activity" | "alarmClock" | "archive" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "arrowUpRight" | "atSign" | "award" | "badgeCheck" | "banknote" | "barChart3" | "bell" | "bookOpen" | "bookmark" | "briefcase" | "building2" | "calculator" | "calendar" | "camera" | "chartPie" | "check" | "checkCircle2" | "chevronDown" | "chevronRight" | "circleHelp" | "clipboardList" | "clock" | "cloud" | "code2" | "compass" | "creditCard" | "database" | "download" | "droplets" | "externalLink" | "eye" | "factory" | "fileCheck" | "fileText" | "flag" | "folder" | "gift" | "globe" | "graduationCap" | "handshake" | "hardHat" | "heart" | "heartHandshake" | "home" | "inbox" | "info" | "keyRound" | "landmark" | "layers" | "layoutDashboard" | "leaf" | "lifeBuoy" | "lightbulb" | "link2" | "listChecks" | "lock" | "mail" | "mapPin" | "medal" | "megaphone" | "messageCircle" | "messageSquare" | "mic" | "monitor" | "moon" | "newspaper" | "package" | "paintbrush" | "paperclip" | "penLine" | "percent" | "phone" | "pieChart" | "pin" | "plane" | "plug" | "plus" | "printer" | "puzzle" | "qrCode" | "receipt" | "refreshCw" | "rocket" | "scanLine" | "send" | "server" | "settings" | "share2" | "shield" | "shieldCheck" | "shoppingBag" | "shoppingCart" | "sparkles" | "star" | "store" | "sun" | "thumbsUp" | "trash2" | "trendingUp" | "truck" | "upload" | "user" | "userCheck" | "users" | "wallet" | "warehouse" | "wrench" | "zap";
+    value: "target" | "quote" | "search" | "map" | "filter" | "copy" | "video" | "box" | "timer" | "play" | "image" | "scale" | "activity" | "alarmClock" | "archive" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "arrowUpRight" | "atSign" | "award" | "badgeCheck" | "banknote" | "barChart3" | "bell" | "bookOpen" | "bookmark" | "briefcase" | "building2" | "calculator" | "calendar" | "camera" | "chartPie" | "check" | "checkCircle2" | "chevronDown" | "chevronRight" | "circleHelp" | "clipboardList" | "clock" | "cloud" | "code2" | "compass" | "creditCard" | "database" | "download" | "droplets" | "externalLink" | "eye" | "factory" | "fileCheck" | "fileText" | "flag" | "folder" | "gift" | "globe" | "graduationCap" | "handshake" | "hardHat" | "heart" | "heartHandshake" | "home" | "inbox" | "info" | "keyRound" | "landmark" | "layers" | "layoutDashboard" | "leaf" | "lifeBuoy" | "lightbulb" | "link2" | "listChecks" | "lock" | "mail" | "mapPin" | "medal" | "megaphone" | "messageCircle" | "messageSquare" | "mic" | "monitor" | "moon" | "newspaper" | "package" | "paintbrush" | "paperclip" | "penLine" | "percent" | "phone" | "pieChart" | "pin" | "plane" | "plug" | "plus" | "printer" | "puzzle" | "qrCode" | "receipt" | "refreshCw" | "rocket" | "scanLine" | "send" | "server" | "settings" | "share2" | "shield" | "shieldCheck" | "shoppingBag" | "shoppingCart" | "sparkles" | "star" | "store" | "sun" | "thumbsUp" | "trash2" | "trendingUp" | "truck" | "upload" | "user" | "userCheck" | "users" | "wallet" | "warehouse" | "wrench" | "zap";
+}[];
+export declare function resolveCmsIcon(name: string | undefined): LucideIcon | null;
+export declare function humanizeIconName(name: string): string;
+//# sourceMappingURL=icon-catalog.d.ts.map

package/dist/components/icon-catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-catalog.d.ts","sourceRoot":"","sources":["../../src/components/icon-catalog.ts"],"names":[],"mappings":"AAAA,OAAO,EAgIL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAEtB,oFAAoF;AACpF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIkB,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAExD,eAAO,MAAM,gBAAgB;;;GAG1B,CAAC;AAEJ,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAG1E;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMrD"}