@schemavaults/ui 0.46.6 → 0.48.3

package/dist/components/ui/comparison-slider/comparison-slider.d.ts

@@ -0,0 +1,51 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const comparisonSliderOrientations: ["horizontal", "vertical"];
+export type ComparisonSliderOrientation = (typeof comparisonSliderOrientations)[number];
+export declare const comparisonSliderHandleVariantIds: ["default", "minimal", "brand"];
+export type ComparisonSliderHandleVariantId = (typeof comparisonSliderHandleVariantIds)[number];
+declare const handleVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    handleVariant?: "default" | "brand" | "minimal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ComparisonSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof handleVariants> {
+    /** Content displayed on the "before" (left/top) side. */
+    before: ReactNode;
+    /** Content displayed on the "after" (right/bottom) side. */
+    after: ReactNode;
+    /** Optional accessible label announcing what is being compared (e.g. "Before and after photo"). */
+    label?: string;
+    /** Optional caption shown over the "before" content. */
+    beforeLabel?: ReactNode;
+    /** Optional caption shown over the "after" content. */
+    afterLabel?: ReactNode;
+    /** Controlled position (0-100). When provided, the component is controlled. */
+    position?: number;
+    /** Initial position (0-100) when uncontrolled. Defaults to 50. */
+    defaultPosition?: number;
+    /** Fires on every position change (drag / keyboard). */
+    onPositionChange?: (position: number) => void;
+    /** Step (in percent) applied to keyboard arrow keys. Defaults to 2. */
+    keyboardStep?: number;
+    /** Orientation of the divider. Horizontal slides left/right, vertical slides up/down. */
+    orientation?: ComparisonSliderOrientation;
+    /** Visual variant for the divider line and handle. */
+    handleVariant?: ComparisonSliderHandleVariantId;
+    /** Disable interaction. */
+    disabled?: boolean;
+    /** className passed to the root container. */
+    className?: string;
+    /** Imperative handle exposing setPosition / getPosition. Passed directly as a React 19 prop. */
+    ref?: Ref<ComparisonSliderRef>;
+}
+export interface ComparisonSliderRef {
+    /** Programmatically set the divider position (0-100). */
+    setPosition: (position: number) => void;
+    /** Returns the current divider position (0-100). */
+    getPosition: () => number;
+}
+export declare function ComparisonSlider({ before, after, label, beforeLabel, afterLabel, position, defaultPosition, onPositionChange, keyboardStep, orientation, handleVariant, disabled, className, ref, ...rest }: ComparisonSliderProps): ReactElement;
+export declare namespace ComparisonSlider {
+    var displayName: string;
+}
+export default ComparisonSlider;

package/dist/components/ui/comparison-slider/comparison-slider.js

@@ -0,0 +1,194 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useImperativeHandle, useRef, useState, } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+export const comparisonSliderOrientations = [
+    "horizontal",
+    "vertical",
+];
+export const comparisonSliderHandleVariantIds = [
+    "default",
+    "minimal",
+    "brand",
+];
+const dividerVariants = cva("pointer-events-none absolute z-10", {
+    variants: {
+        orientation: {
+            horizontal: "inset-y-0 w-px -translate-x-1/2",
+            vertical: "inset-x-0 h-px -translate-y-1/2",
+        },
+        handleVariant: {
+            default: "bg-foreground/80",
+            minimal: "bg-border",
+            brand: "bg-[var(--schemavaults-brand-blue)]",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+        handleVariant: "default",
+    },
+});
+const handleVariants = cva("absolute z-20 flex items-center justify-center rounded-full border-2 shadow-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        orientation: {
+            horizontal: "top-1/2 -translate-x-1/2 -translate-y-1/2 cursor-ew-resize",
+            vertical: "left-1/2 -translate-x-1/2 -translate-y-1/2 cursor-ns-resize",
+        },
+        handleVariant: {
+            default: "h-10 w-10 border-foreground/80 bg-background text-foreground hover:bg-accent",
+            minimal: "h-8 w-8 border-border bg-background text-muted-foreground hover:bg-muted",
+            brand: "h-10 w-10 border-[var(--schemavaults-brand-blue)] bg-background text-[var(--schemavaults-brand-blue)] hover:bg-[var(--schemavaults-brand-blue)]/10",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+        handleVariant: "default",
+    },
+});
+function clampPercentage(value) {
+    if (Number.isNaN(value))
+        return 50;
+    if (value < 0)
+        return 0;
+    if (value > 100)
+        return 100;
+    return value;
+}
+function HandleGlyph({ orientation, }) {
+    if (orientation === "horizontal") {
+        return (_jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polyline", { points: "9 6 4 12 9 18" }), _jsx("polyline", { points: "15 6 20 12 15 18" })] }));
+    }
+    return (_jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polyline", { points: "6 9 12 4 18 9" }), _jsx("polyline", { points: "6 15 12 20 18 15" })] }));
+}
+export function ComparisonSlider({ before, after, label, beforeLabel, afterLabel, position, defaultPosition = 50, onPositionChange, keyboardStep = 2, orientation = "horizontal", handleVariant = "default", disabled = false, className, ref, ...rest }) {
+    const isControlled = typeof position === "number";
+    const [internalPosition, setInternalPosition] = useState(clampPercentage(defaultPosition));
+    const currentPosition = clampPercentage(isControlled ? position : internalPosition);
+    const containerRef = useRef(null);
+    const handleRef = useRef(null);
+    const draggingRef = useRef(false);
+    const headingId = useId();
+    const commitPosition = useCallback((nextValue) => {
+        const clamped = clampPercentage(nextValue);
+        if (!isControlled) {
+            setInternalPosition(clamped);
+        }
+        onPositionChange?.(clamped);
+    }, [isControlled, onPositionChange]);
+    useImperativeHandle(ref, () => ({
+        setPosition: (next) => commitPosition(next),
+        getPosition: () => currentPosition,
+    }), [commitPosition, currentPosition]);
+    const updateFromClientCoords = useCallback((clientX, clientY) => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const rect = container.getBoundingClientRect();
+        if (orientation === "horizontal") {
+            if (rect.width <= 0)
+                return;
+            const next = ((clientX - rect.left) / rect.width) * 100;
+            commitPosition(next);
+        }
+        else {
+            if (rect.height <= 0)
+                return;
+            const next = ((clientY - rect.top) / rect.height) * 100;
+            commitPosition(next);
+        }
+    }, [commitPosition, orientation]);
+    const handlePointerDown = useCallback((event) => {
+        if (disabled)
+            return;
+        event.preventDefault();
+        draggingRef.current = true;
+        const target = event.currentTarget;
+        try {
+            target.setPointerCapture(event.pointerId);
+        }
+        catch {
+            // Some environments (e.g. RTL jsdom) may not support pointer capture; safe to ignore.
+        }
+        updateFromClientCoords(event.clientX, event.clientY);
+        handleRef.current?.focus({ preventScroll: true });
+    }, [disabled, updateFromClientCoords]);
+    const handlePointerMove = useCallback((event) => {
+        if (!draggingRef.current || disabled)
+            return;
+        updateFromClientCoords(event.clientX, event.clientY);
+    }, [disabled, updateFromClientCoords]);
+    const stopDragging = useCallback((event) => {
+        if (!draggingRef.current)
+            return;
+        draggingRef.current = false;
+        try {
+            event.currentTarget.releasePointerCapture(event.pointerId);
+        }
+        catch {
+            // ignore
+        }
+    }, []);
+    const handleKeyDown = useCallback((event) => {
+        if (disabled)
+            return;
+        const step = keyboardStep;
+        const decKeys = orientation === "horizontal"
+            ? ["ArrowLeft", "ArrowDown"]
+            : ["ArrowUp", "ArrowLeft"];
+        const incKeys = orientation === "horizontal"
+            ? ["ArrowRight", "ArrowUp"]
+            : ["ArrowDown", "ArrowRight"];
+        if (decKeys.includes(event.key)) {
+            event.preventDefault();
+            commitPosition(currentPosition - step);
+        }
+        else if (incKeys.includes(event.key)) {
+            event.preventDefault();
+            commitPosition(currentPosition + step);
+        }
+        else if (event.key === "Home") {
+            event.preventDefault();
+            commitPosition(0);
+        }
+        else if (event.key === "End") {
+            event.preventDefault();
+            commitPosition(100);
+        }
+        else if (event.key === "PageDown") {
+            event.preventDefault();
+            commitPosition(currentPosition - step * 5);
+        }
+        else if (event.key === "PageUp") {
+            event.preventDefault();
+            commitPosition(currentPosition + step * 5);
+        }
+    }, [commitPosition, currentPosition, disabled, keyboardStep, orientation]);
+    // Ensure dragging is cancelled if the pointer is released outside the slider.
+    useEffect(() => {
+        function handleWindowUp() {
+            draggingRef.current = false;
+        }
+        window.addEventListener("pointerup", handleWindowUp);
+        window.addEventListener("pointercancel", handleWindowUp);
+        return () => {
+            window.removeEventListener("pointerup", handleWindowUp);
+            window.removeEventListener("pointercancel", handleWindowUp);
+        };
+    }, []);
+    const clipStyle = orientation === "horizontal"
+        ? { clipPath: `inset(0 ${100 - currentPosition}% 0 0)` }
+        : { clipPath: `inset(0 0 ${100 - currentPosition}% 0)` };
+    const dividerStyle = orientation === "horizontal"
+        ? { left: `${currentPosition}%` }
+        : { top: `${currentPosition}%` };
+    const handleStyle = orientation === "horizontal"
+        ? { left: `${currentPosition}%` }
+        : { top: `${currentPosition}%` };
+    return (_jsxs("div", { ref: containerRef, className: cn("relative isolate w-full overflow-hidden rounded-md border border-border bg-background select-none", orientation === "horizontal" ? "aspect-video" : "aspect-square", disabled && "opacity-60", className), role: "group", "aria-labelledby": label ? headingId : undefined, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: stopDragging, onPointerCancel: stopDragging, ...rest, children: [label ? (_jsx("span", { id: headingId, className: "sr-only", children: label })) : null, _jsx("div", { className: "absolute inset-0 h-full w-full overflow-hidden", children: after }), _jsx("div", { className: "absolute inset-0 h-full w-full overflow-hidden", style: clipStyle, "aria-hidden": "false", children: before }), beforeLabel ? (_jsx("span", { className: cn("absolute z-10 rounded bg-foreground/70 px-2 py-0.5 text-xs font-medium text-background", orientation === "horizontal" ? "left-2 top-2" : "left-2 top-2"), children: beforeLabel })) : null, afterLabel ? (_jsx("span", { className: cn("absolute z-10 rounded bg-foreground/70 px-2 py-0.5 text-xs font-medium text-background", orientation === "horizontal"
+                    ? "right-2 top-2"
+                    : "left-2 bottom-2"), children: afterLabel })) : null, _jsx("div", { className: cn(dividerVariants({ orientation, handleVariant })), style: dividerStyle, "aria-hidden": "true" }), _jsx("button", { ref: handleRef, type: "button", className: cn(handleVariants({ orientation, handleVariant })), style: handleStyle, role: "slider", "aria-orientation": orientation, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(currentPosition), "aria-label": label ?? "Comparison slider position", "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, disabled: disabled, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: stopDragging, onPointerCancel: stopDragging, onKeyDown: handleKeyDown, children: _jsx(HandleGlyph, { orientation: orientation }) })] }));
+}
+ComparisonSlider.displayName = "ComparisonSlider";
+export default ComparisonSlider;
+//# sourceMappingURL=comparison-slider.js.map

package/dist/components/ui/comparison-slider/comparison-slider.js.map

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

package/dist/components/ui/comparison-slider/index.d.ts

@@ -0,0 +1,3 @@
+export { ComparisonSlider, comparisonSliderOrientations, comparisonSliderHandleVariantIds, } from "./comparison-slider";
+export type * from "./comparison-slider";
+export { ComparisonSlider as default } from "./comparison-slider";

package/dist/components/ui/comparison-slider/index.js

@@ -0,0 +1,3 @@
+export { ComparisonSlider, comparisonSliderOrientations, comparisonSliderHandleVariantIds, } from "./comparison-slider";
+export { ComparisonSlider as default } from "./comparison-slider";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/comparison-slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/comparison-slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,4BAA4B,EAC5B,gCAAgC,GACjC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/ui/index.d.ts

@@ -154,3 +154,7 @@ export * from "./calendar-heatmap";
 export type * from "./calendar-heatmap";
 export * from "./pie-chart";
 export type * from "./pie-chart";
+export * from "./comparison-slider";
+export type * from "./comparison-slider";
+export * from "./theme-selector";
+export type * from "./theme-selector";

package/dist/components/ui/index.js

@@ -76,4 +76,6 @@ export * from "./aspect-ratio";
 export * from "./color-swatch";
 export * from "./calendar-heatmap";
 export * from "./pie-chart";
+export * from "./comparison-slider";
+export * from "./theme-selector";
 //# sourceMappingURL=index.js.map

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC;AAG5B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC"}

package/dist/components/ui/theme-selector/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeSelector, ThemeSelector as default, themeSelectorOptionIds, themeSelectorSizeIds, } from "./theme-selector";
+export type { ThemeSelectorProps, ThemeSelectorOptionId, ThemeSelectorSizeId, } from "./theme-selector";

package/dist/components/ui/theme-selector/index.js

@@ -0,0 +1,2 @@
+export { ThemeSelector, ThemeSelector as default, themeSelectorOptionIds, themeSelectorSizeIds, } from "./theme-selector";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/theme-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/theme-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,aAAa,IAAI,OAAO,EACxB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC"}

package/dist/components/ui/theme-selector/theme-selector.d.ts

@@ -0,0 +1,31 @@
+import { type HTMLAttributes, type ReactElement } from "react";
+export declare const themeSelectorOptionIds: readonly ["light", "system", "dark"];
+export type ThemeSelectorOptionId = (typeof themeSelectorOptionIds)[number];
+export declare const themeSelectorSizeIds: readonly ["sm", "default", "lg"];
+export type ThemeSelectorSizeId = (typeof themeSelectorSizeIds)[number];
+export interface ThemeSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Size of the underlying SegmentedControl. */
+    size?: ThemeSelectorSizeId;
+    /** Render only the icons, hiding the text labels. */
+    iconOnly?: boolean;
+    /** Disable interaction with every option. */
+    disabled?: boolean;
+}
+/**
+ * A brightness theme switcher driven by {@link useBrightnessTheme}, built on
+ * top of the {@link SegmentedControl} component.
+ *
+ * Must be rendered inside a `<BrightnessThemeProvider />`. The theme-aware UI
+ * is wrapped in a `<Suspense>` boundary that renders an inert, unselected
+ * SegmentedControl fallback until the client has hydrated — this avoids the
+ * next-themes server/client hydration mismatch without any mounted-flag state.
+ *
+ * @see BrightnessThemeProvider
+ * @see useBrightnessTheme
+ * @see SegmentedControl
+ */
+export declare function ThemeSelector({ className, size, iconOnly, disabled, ...rest }: ThemeSelectorProps): ReactElement;
+export declare namespace ThemeSelector {
+    var displayName: string;
+}
+export default ThemeSelector;

package/dist/components/ui/theme-selector/theme-selector.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Monitor, Moon, Sun } from "lucide-react";
+import { Suspense, use, } from "react";
+import { cn } from "../../../lib/utils";
+import { SegmentedControl, SegmentedControlItem, } from "../../ui/segmented-control";
+import { useBrightnessTheme } from "../../../providers/brightness-theme";
+export const themeSelectorOptionIds = [
+    "light",
+    "system",
+    "dark",
+];
+export const themeSelectorSizeIds = [
+    "sm",
+    "default",
+    "lg",
+];
+const themeOptions = [
+    { id: "light", label: "Light", icon: Sun },
+    { id: "system", label: "System", icon: Monitor },
+    { id: "dark", label: "Dark", icon: Moon },
+];
+const iconSizeBySize = {
+    sm: "h-3.5 w-3.5",
+    default: "h-4 w-4",
+    lg: "h-[1.125rem] w-[1.125rem]",
+};
+function renderThemeItems(size, iconOnly) {
+    return themeOptions.map((option) => {
+        const Icon = option.icon;
+        return (_jsxs(SegmentedControlItem, { value: option.id, "aria-label": option.label, children: [_jsx(Icon, { className: cn(iconSizeBySize[size]), "aria-hidden": "true" }), iconOnly ? null : _jsx("span", { children: option.label })] }, option.id));
+    });
+}
+/**
+ * A promise used to suspend {@link ThemeSelector} until the app has hydrated on
+ * the client. On the server it never settles, so React renders the Suspense
+ * fallback into the SSR output (and the client hydrates that same fallback,
+ * avoiding the next-themes server/client mismatch). On the client it resolves
+ * once, on the macrotask after the first render, after which the real
+ * theme-aware UI takes over. The single cached promise is shared by every
+ * instance so the gate only opens once per page.
+ */
+let hydrationPromise = null;
+function getHydrationPromise() {
+    if (typeof window === "undefined") {
+        return new Promise(() => { });
+    }
+    if (!hydrationPromise) {
+        hydrationPromise = new Promise((resolve) => {
+            setTimeout(resolve);
+        });
+    }
+    return hydrationPromise;
+}
+function ThemeSelectorContent({ size, iconOnly, disabled, className, rest, }) {
+    use(getHydrationPromise());
+    const { theme, setTheme } = useBrightnessTheme();
+    return (_jsx(SegmentedControl, { value: theme ?? "", onValueChange: setTheme, variant: "outline", size: size, disabled: disabled, "aria-label": "Color theme", className: className, ...rest, children: renderThemeItems(size, iconOnly) }));
+}
+function ThemeSelectorFallback({ size, iconOnly, className, }) {
+    return (_jsx(SegmentedControl, { value: "", variant: "outline", size: size, disabled: true, "aria-hidden": "true", className: className, children: renderThemeItems(size, iconOnly) }));
+}
+/**
+ * A brightness theme switcher driven by {@link useBrightnessTheme}, built on
+ * top of the {@link SegmentedControl} component.
+ *
+ * Must be rendered inside a `<BrightnessThemeProvider />`. The theme-aware UI
+ * is wrapped in a `<Suspense>` boundary that renders an inert, unselected
+ * SegmentedControl fallback until the client has hydrated — this avoids the
+ * next-themes server/client hydration mismatch without any mounted-flag state.
+ *
+ * @see BrightnessThemeProvider
+ * @see useBrightnessTheme
+ * @see SegmentedControl
+ */
+export function ThemeSelector({ className, size = "default", iconOnly = false, disabled = false, ...rest }) {
+    return (_jsx(Suspense, { fallback: _jsx(ThemeSelectorFallback, { size: size, iconOnly: iconOnly, className: className }), children: _jsx(ThemeSelectorContent, { size: size, iconOnly: iconOnly, disabled: disabled, className: className, rest: rest }) }));
+}
+ThemeSelector.displayName = "ThemeSelector";
+export default ThemeSelector;
+//# sourceMappingURL=theme-selector.js.map

package/dist/components/ui/theme-selector/theme-selector.js.map

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

package/dist/providers/brightness-theme/brightness-theme.d.ts

@@ -1,4 +1,4 @@
-import { ThemeProvider as NextThemesProvider, useTheme as useBrightnessTheme } from "next-themes";
+import { ThemeProvider as NextThemesProvider, useTheme as useBrightnessTheme, type UseThemeProps as UseBrightnessThemeReturn } from "next-themes";
 export type BrightnessThemeProviderProps = Parameters<typeof NextThemesProvider>[0];
 /**
  *
@@ -9,3 +9,4 @@ export type BrightnessThemeProviderProps = Parameters<typeof NextThemesProvider>
 export declare function BrightnessThemeProvider({ children, ...props }: BrightnessThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export default BrightnessThemeProvider;
 export { useBrightnessTheme };
+export type { UseBrightnessThemeReturn };

package/dist/providers/brightness-theme/brightness-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"brightness-theme.js","sourceRoot":"","sources":["../../../src/providers/brightness-theme/brightness-theme.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,aAAa,IAAI,kBAAkB,EACnC,QAAQ,IAAI,kBAAkB,GAC/B,MAAM,aAAa,CAAC;AAMrB;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,GAAG,KAAK,EACqB;IAC7B,OAAO,KAAC,kBAAkB,OAAK,KAAK,YAAG,QAAQ,GAAsB,CAAC;AACxE,CAAC;AAED,eAAe,uBAAuB,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"brightness-theme.js","sourceRoot":"","sources":["../../../src/providers/brightness-theme/brightness-theme.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,aAAa,IAAI,kBAAkB,EACnC,QAAQ,IAAI,kBAAkB,GAE/B,MAAM,aAAa,CAAC;AAMrB;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,GAAG,KAAK,EACqB;IAC7B,OAAO,KAAC,kBAAkB,OAAK,KAAK,YAAG,QAAQ,GAAsB,CAAC;AACxE,CAAC;AAED,eAAe,uBAAuB,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/providers/brightness-theme/index.d.ts

@@ -1,2 +1,2 @@
 export { BrightnessThemeProvider, BrightnessThemeProvider as default, useBrightnessTheme, } from "./brightness-theme";
-export type { BrightnessThemeProviderProps } from "./brightness-theme";
+export type { BrightnessThemeProviderProps, UseBrightnessThemeReturn, } from "./brightness-theme";

package/dist/providers/index.d.ts

@@ -1,4 +1,4 @@
 export { LazyFramerMotionProvider } from "./lazy_framer";
 export type { LazyFramerMotionProviderProps } from "./lazy_framer";
-export { BrightnessThemeProvider } from "./brightness-theme";
-export type { BrightnessThemeProviderProps } from "./brightness-theme";
+export { BrightnessThemeProvider, useBrightnessTheme } from "./brightness-theme";
+export type { BrightnessThemeProviderProps, UseBrightnessThemeReturn, } from "./brightness-theme";

package/dist/providers/index.js

@@ -1,4 +1,4 @@
 "use client";
 export { LazyFramerMotionProvider } from "./lazy_framer";
-export { BrightnessThemeProvider } from "./brightness-theme";
+export { BrightnessThemeProvider, useBrightnessTheme } from "./brightness-theme";
 //# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.46.6",
+  "version": "0.48.3",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",