ui-lab-registry 0.1.0

package/dist/components/tooltip.js

@@ -0,0 +1,227 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../lib/utils";
+// Layout and spacing constants
+const ARROW_SIZE = 12;
+const ARROW_MASK_THICKNESS = 2;
+const TOOLTIP_GAP = 8;
+const ARROW_POSITIONING_SIZE = 6;
+const DEFAULT_SHOW_DELAY_MS = 200;
+const TooltipArrow = ({ position }) => {
+    const [borderWidth, setBorderWidth] = React.useState(1);
+    React.useEffect(() => {
+        const root = document.documentElement;
+        const borderWidthStr = getComputedStyle(root).getPropertyValue("--border-width-base").trim();
+        const width = parseFloat(borderWidthStr) || 1;
+        setBorderWidth(width);
+    }, []);
+    /**
+     * Calculate SVG polygon points for the arrow triangle.
+     * Creates a triangle pointing in the specified direction.
+     */
+    const getArrowPoints = () => {
+        const halfSize = ARROW_SIZE / 2;
+        switch (position) {
+            case "top":
+                return `${halfSize},${ARROW_SIZE} 0,0 ${ARROW_SIZE},0`;
+            case "bottom":
+                return `${halfSize},0 0,${ARROW_SIZE} ${ARROW_SIZE},${ARROW_SIZE}`;
+            case "left":
+                return `${ARROW_SIZE},${halfSize} 0,0 0,${ARROW_SIZE}`;
+            case "right":
+                return `0,${halfSize} ${ARROW_SIZE},0 ${ARROW_SIZE},${ARROW_SIZE}`;
+        }
+    };
+    /**
+     * Calculate border lines for the arrow.
+     * Excludes the edge that connects to the tooltip to avoid double borders.
+     */
+    const getBorderLines = () => {
+        const halfSize = ARROW_SIZE / 2;
+        switch (position) {
+            case "top":
+                return [
+                    { x1: halfSize, y1: ARROW_SIZE, x2: 0, y2: 0 },
+                    { x1: halfSize, y1: ARROW_SIZE, x2: ARROW_SIZE, y2: 0 },
+                ];
+            case "bottom":
+                return [
+                    { x1: halfSize, y1: 0, x2: 0, y2: ARROW_SIZE },
+                    { x1: halfSize, y1: 0, x2: ARROW_SIZE, y2: ARROW_SIZE },
+                ];
+            case "left":
+                return [
+                    { x1: ARROW_SIZE, y1: halfSize, x2: 0, y2: 0 },
+                    { x1: ARROW_SIZE, y1: halfSize, x2: 0, y2: ARROW_SIZE },
+                ];
+            case "right":
+                return [
+                    { x1: 0, y1: halfSize, x2: ARROW_SIZE, y2: 0 },
+                    { x1: 0, y1: halfSize, x2: ARROW_SIZE, y2: ARROW_SIZE },
+                ];
+        }
+    };
+    /**
+     * Calculate positioning styles for the arrow relative to the tooltip.
+     * Accounts for border width and positions the arrow at the tooltip edge.
+     */
+    const getArrowStyles = () => {
+        const borderOffset = borderWidth / 2;
+        switch (position) {
+            case "top":
+                return {
+                    top: `calc(100% + ${borderOffset}px)`,
+                    left: "50%",
+                    transform: `translateX(-50%) translateY(-${borderOffset}px)`,
+                };
+            case "bottom":
+                return {
+                    bottom: `calc(100% + ${borderOffset}px)`,
+                    left: "50%",
+                    transform: `translateX(-50%) translateY(${borderOffset}px)`,
+                };
+            case "left":
+                return {
+                    left: `calc(100% + ${borderOffset}px)`,
+                    top: "50%",
+                    transform: `translateY(-50%) translateX(-${borderOffset}px)`,
+                };
+            case "right":
+                return {
+                    right: `calc(100% + ${borderOffset}px)`,
+                    top: "50%",
+                    transform: `translateY(-50%) translateX(${borderOffset}px)`,
+                };
+        }
+    };
+    /**
+     * Get the connecting edge mask based on arrow position.
+     * This hides the tooltip border at the arrow connection point.
+     */
+    const getMaskRect = () => {
+        switch (position) {
+            case "top":
+                return (_jsx("rect", { x: "0", y: ARROW_SIZE - ARROW_MASK_THICKNESS, width: ARROW_SIZE, height: ARROW_MASK_THICKNESS, fill: "black" }));
+            case "bottom":
+                return _jsx("rect", { x: "0", y: "0", width: ARROW_SIZE, height: ARROW_MASK_THICKNESS, fill: "black" });
+            case "left":
+                return (_jsx("rect", { x: ARROW_SIZE - ARROW_MASK_THICKNESS, y: "0", width: ARROW_MASK_THICKNESS, height: ARROW_SIZE, fill: "black" }));
+            case "right":
+                return _jsx("rect", { x: "0", y: "0", width: ARROW_MASK_THICKNESS, height: ARROW_SIZE, fill: "black" });
+        }
+    };
+    return (_jsxs("svg", { width: ARROW_SIZE, height: ARROW_SIZE, viewBox: `0 0 ${ARROW_SIZE} ${ARROW_SIZE}`, className: "absolute pointer-events-none", style: getArrowStyles(), children: [_jsx("defs", { children: _jsxs("mask", { id: `arrow-mask-${position}`, children: [_jsx("rect", { width: ARROW_SIZE, height: ARROW_SIZE, fill: "white" }), getMaskRect()] }) }), _jsx("polygon", { points: getArrowPoints(), fill: "var(--color-background-900)", mask: `url(#arrow-mask-${position})` }), getBorderLines().map((line, idx) => (_jsx("line", { x1: line.x1, y1: line.y1, x2: line.x2, y2: line.y2, stroke: "var(--color-background-700)", strokeWidth: borderWidth, strokeLinecap: "round" }, idx)))] }));
+};
+/**
+ * Tooltip component that displays additional information on hover.
+ * Supports positioning in four directions with smooth animations.
+ */
+const Tooltip = React.forwardRef(({ children, content, position = "top", className, contentClassName, delay = DEFAULT_SHOW_DELAY_MS, }, ref) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const [isPositioned, setIsPositioned] = useState(false);
+    const [tooltipPosition, setTooltipPosition] = useState({
+        top: 0,
+        left: 0,
+    });
+    const triggerRef = useRef(null);
+    const timeoutRef = useRef(undefined);
+    /**
+     * Calculate tooltip position based on trigger element and position preference.
+     * Positions the tooltip with appropriate spacing and arrow alignment.
+     * Sets isPositioned flag after calculation to prevent flickering on first render.
+     */
+    useEffect(() => {
+        if (!isVisible || !triggerRef.current)
+            return;
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        let top = 0;
+        let left = 0;
+        switch (position) {
+            case "top":
+                top = triggerRect.top - TOOLTIP_GAP - ARROW_POSITIONING_SIZE;
+                left = triggerRect.left + triggerRect.width / 2;
+                break;
+            case "bottom":
+                top = triggerRect.bottom + TOOLTIP_GAP + ARROW_POSITIONING_SIZE;
+                left = triggerRect.left + triggerRect.width / 2;
+                break;
+            case "left":
+                top = triggerRect.top + triggerRect.height / 2;
+                left = triggerRect.left - TOOLTIP_GAP - ARROW_POSITIONING_SIZE;
+                break;
+            case "right":
+                top = triggerRect.top + triggerRect.height / 2;
+                left = triggerRect.right + TOOLTIP_GAP + ARROW_POSITIONING_SIZE;
+                break;
+        }
+        setTooltipPosition({ top, left });
+        setIsPositioned(true);
+    }, [isVisible, position]);
+    /**
+     * Handle mouse enter with configurable delay before showing tooltip.
+     */
+    const handleMouseEnter = () => {
+        timeoutRef.current = setTimeout(() => {
+            setIsVisible(true);
+        }, delay);
+    };
+    /**
+     * Handle mouse leave by canceling any pending show and hiding the tooltip.
+     * Reset positioning flag for next show.
+     */
+    const handleMouseLeave = () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        setIsVisible(false);
+        setIsPositioned(false);
+    };
+    /**
+     * Cleanup timeout on unmount.
+     */
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    /**
+     * Handle Escape key to close tooltip.
+     */
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key === "Escape") {
+                setIsVisible(false);
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [isVisible]);
+    /**
+     * CSS classes for positioning the tooltip container based on direction.
+     * Applies negative transforms to properly center the tooltip relative to trigger.
+     */
+    const positionClasses = {
+        top: "-translate-x-1/2 -translate-y-full",
+        bottom: "-translate-x-1/2 translate-y-0",
+        left: "-translate-y-1/2 -translate-x-full",
+        right: "-translate-y-1/2 translate-x-0",
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: cn("inline-block", className), children: children }), isVisible &&
+                createPortal(_jsx("div", { role: "tooltip", className: cn("fixed pointer-events-none z-50 transition-opacity", positionClasses[position], {
+                        "opacity-0": !isPositioned,
+                        "opacity-100": isPositioned,
+                    }), style: {
+                        top: `${tooltipPosition.top}px`,
+                        left: `${tooltipPosition.left}px`,
+                    }, children: _jsxs("div", { className: cn("relative bg-background-900 text-foreground-50 text-sm px-3 py-2 rounded-lg whitespace-nowrap shadow-lg border border-background-700", contentClassName), children: [content, _jsx(TooltipArrow, { position: position })] }) }), document.body)] }));
+});
+Tooltip.displayName = "Tooltip";
+export { Tooltip };
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

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

package/dist/helpers.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentMetadata, ComponentCategory } from './types';
+export declare function getComponentById(id: string): ComponentMetadata | undefined;
+export declare function getComponentsByCategory(category: ComponentCategory): ComponentMetadata[];
+export declare function getComponentsGroupedByCategory(): Record<ComponentCategory, ComponentMetadata[]>;
+export declare function getRelatedComponents(id: string): ComponentMetadata[];
+export declare function searchComponents(query: string): ComponentMetadata[];
+export declare function getAllComponentIds(): string[];
+export declare function getComponentCount(): number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEpE,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAE1E;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,CAExF;AAED,wBAAgB,8BAA8B,IAAI,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,CAM/F;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAMpE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAOnE;AAED,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C"}

package/dist/helpers.js

@@ -0,0 +1,36 @@
+import { componentRegistry } from './registry';
+import { categories } from './categories';
+export function getComponentById(id) {
+    return componentRegistry[id];
+}
+export function getComponentsByCategory(category) {
+    return Object.values(componentRegistry).filter(c => c.category === category);
+}
+export function getComponentsGroupedByCategory() {
+    const grouped = {};
+    categories.forEach(cat => {
+        grouped[cat.id] = getComponentsByCategory(cat.id);
+    });
+    return grouped;
+}
+export function getRelatedComponents(id) {
+    const component = getComponentById(id);
+    if (!component)
+        return [];
+    return component.relatedComponents
+        .map(relId => getComponentById(relId))
+        .filter((c) => c !== undefined);
+}
+export function searchComponents(query) {
+    const lowerQuery = query.toLowerCase();
+    return Object.values(componentRegistry).filter(comp => comp.name.toLowerCase().includes(lowerQuery) ||
+        comp.description.toLowerCase().includes(lowerQuery) ||
+        comp.tags?.some(tag => tag.toLowerCase().includes(lowerQuery)));
+}
+export function getAllComponentIds() {
+    return Object.keys(componentRegistry);
+}
+export function getComponentCount() {
+    return Object.keys(componentRegistry).length;
+}
+//# sourceMappingURL=helpers.js.map

package/dist/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,UAAU,gBAAgB,CAAC,EAAU;IACzC,OAAO,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,QAA2B;IACjE,OAAO,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,8BAA8B;IAC5C,MAAM,OAAO,GAAG,EAAoD,CAAC;IACrE,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAAU;IAC7C,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACvC,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,OAAO,SAAS,CAAC,iBAAiB;SAC/B,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACrC,MAAM,CAAC,CAAC,CAAC,EAA0B,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACvC,OAAO,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CACpD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;QAC5C,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;QACnD,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAC/D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;AAC/C,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { componentRegistry, componentMetadata } from './registry';
+export { categories, categoryMap, categoryOrder } from './categories';
+export type { ComponentMetadata, ComponentCategory, ComponentSource, ComponentRegistry, CategoryDefinition, StarterPreset } from './types';
+export { getComponentById, getComponentsByCategory, getComponentsGroupedByCategory, getRelatedComponents, searchComponents, getAllComponentIds, getComponentCount } from './helpers';
+export { starterPresets, getStarterComponents } from './starters/presets';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAGtE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,8BAA8B,EAC9B,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,9 @@
+// Registry
+export { componentRegistry, componentMetadata } from './registry';
+// Categories
+export { categories, categoryMap, categoryOrder } from './categories';
+// Helpers
+export { getComponentById, getComponentsByCategory, getComponentsGroupedByCategory, getRelatedComponents, searchComponents, getAllComponentIds, getComponentCount } from './helpers';
+// Starters
+export { starterPresets, getStarterComponents } from './starters/presets';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAElE,aAAa;AACb,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAYtE,UAAU;AACV,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,8BAA8B,EAC9B,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,WAAW;AACX,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+export function cn(...inputs) {
+    return clsx(inputs);
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAE7C,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;AACtB,CAAC"}

package/dist/registry.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentRegistry } from './types';
+export declare const componentRegistry: ComponentRegistry;
+export declare const componentMetadata: {
+    id: string;
+    name: string;
+    description: string;
+    category: import("./types").ComponentCategory;
+    tags: string[];
+}[];
+//# sourceMappingURL=registry.d.ts.map

package/dist/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,iBAAiB,EAAE,iBAgb/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;GAM3B,CAAC"}