@schemavaults/ui 0.28.2 → 0.30.1

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

@@ -124,3 +124,7 @@ export * from "./code-block";
 export type * from "./code-block";
 export * from "./segmented-control";
 export type * from "./segmented-control";
+export * from "./marquee";
+export type * from "./marquee";
+export * from "./toggle";
+export type * from "./toggle";

package/dist/components/ui/index.js

@@ -61,4 +61,6 @@ export * from "./rating";
 export * from "./number-input";
 export * from "./code-block";
 export * from "./segmented-control";
+export * from "./marquee";
+export * from "./toggle";
 //# 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,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,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,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,qBAAqB,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,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,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,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,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Marquee, MarqueeItem, marqueeDirectionIds, marqueeFadeIds, marqueeGapIds, } from "./marquee";
+export type { MarqueeProps, MarqueeItemProps, MarqueeDirectionId, MarqueeFadeId, MarqueeGapId, } from "./marquee";

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

@@ -0,0 +1,2 @@
+export { Marquee, MarqueeItem, marqueeDirectionIds, marqueeFadeIds, marqueeGapIds, } from "./marquee";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/marquee/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,aAAa,GACd,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,45 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const marqueeDirectionIds: readonly ["left", "right", "up", "down"];
+export type MarqueeDirectionId = (typeof marqueeDirectionIds)[number];
+export declare const marqueeFadeIds: readonly ["none", "background", "muted", "card"];
+export type MarqueeFadeId = (typeof marqueeFadeIds)[number];
+export declare const marqueeGapIds: readonly ["sm", "default", "lg", "xl"];
+export type MarqueeGapId = (typeof marqueeGapIds)[number];
+declare const marqueeRootVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface MarqueeProps extends Omit<HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof marqueeRootVariants> {
+    /** Items to scroll. Each child is rendered as one cell of the rail. */
+    children: ReactNode;
+    /** Scroll direction. `left`/`right` scroll horizontally, `up`/`down` scroll vertically. Default: `"left"`. */
+    direction?: MarqueeDirectionId;
+    /** Seconds for one full loop. Lower = faster. Default: `30`. */
+    duration?: number;
+    /** How many copies of the content to render for a seamless loop. Default: `2`. Minimum: `2`. */
+    repeat?: number;
+    /** Pause animation on hover. Default: `true`. */
+    pauseOnHover?: boolean;
+    /** Edge fade mask color. Match this to the surface the marquee sits on. Default: `"none"`. */
+    fade?: MarqueeFadeId;
+    /** Length of the fade mask in pixels. Default: `64`. */
+    fadeSize?: number;
+    /** Spacing between items. Default: `"default"` (32px). */
+    gap?: MarqueeGapId;
+}
+export declare function Marquee({ className, children, direction, duration, repeat, pauseOnHover, fade, fadeSize, gap, ...props }: MarqueeProps): ReactElement;
+export declare namespace Marquee {
+    var displayName: string;
+}
+export interface MarqueeItemProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Optional convenience wrapper. You can pass plain children to <Marquee /> directly,
+ * but <MarqueeItem> gives you a styled, theme-aware "card" cell out of the box.
+ */
+export declare function MarqueeItem({ className, children, ...props }: MarqueeItemProps): ReactElement;
+export declare namespace MarqueeItem {
+    var displayName: string;
+}
+export default Marquee;

package/dist/components/ui/marquee/marquee.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, useCallback, useRef, } from "react";
+import { cva } from "class-variance-authority";
+import { domAnimation, LazyMotion, m, useAnimationFrame, useMotionValue, useReducedMotion, } from "../../../framer-motion";
+import { cn } from "../../../lib/utils";
+export const marqueeDirectionIds = [
+    "left",
+    "right",
+    "up",
+    "down",
+];
+export const marqueeFadeIds = [
+    "none",
+    "background",
+    "muted",
+    "card",
+];
+export const marqueeGapIds = [
+    "sm",
+    "default",
+    "lg",
+    "xl",
+];
+const gapPx = {
+    sm: 16,
+    default: 32,
+    lg: 48,
+    xl: 64,
+};
+const fadeFromColor = {
+    none: "",
+    background: "from-background",
+    muted: "from-muted",
+    card: "from-card",
+};
+const marqueeRootVariants = cva("group/marquee relative flex overflow-hidden", {
+    variants: {
+        orientation: {
+            horizontal: "w-full flex-row",
+            vertical: "h-full flex-col",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+});
+function FadeMasks({ orientation, fade, size }) {
+    const fromClass = fadeFromColor[fade];
+    if (orientation === "horizontal") {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute inset-y-0 left-0 z-10 bg-gradient-to-r to-transparent", fromClass), style: { width: size } }), _jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute inset-y-0 right-0 z-10 bg-gradient-to-l to-transparent", fromClass), style: { width: size } })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute inset-x-0 top-0 z-10 bg-gradient-to-b to-transparent", fromClass), style: { height: size } }), _jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute inset-x-0 bottom-0 z-10 bg-gradient-to-t to-transparent", fromClass), style: { height: size } })] }));
+}
+export function Marquee({ className, children, direction = "left", duration = 30, repeat = 2, pauseOnHover = true, fade = "none", fadeSize = 64, gap = "default", ...props }) {
+    const prefersReducedMotion = useReducedMotion();
+    const orientation = direction === "up" || direction === "down" ? "vertical" : "horizontal";
+    const isReversed = direction === "right" || direction === "down";
+    const childArray = Children.toArray(children);
+    const safeRepeat = Math.max(2, Math.floor(repeat));
+    const gapSize = gapPx[gap];
+    // Spacing is baked into each item via margin so the total track size is an exact
+    // integer multiple of one copy's size. This is what makes the modulo wrap seamless.
+    const itemSpacingStyle = orientation === "horizontal"
+        ? { marginRight: gapSize }
+        : { marginBottom: gapSize };
+    const copies = Array.from({ length: safeRepeat }, (_, copyIndex) => (_jsx("div", { "aria-hidden": copyIndex > 0 ? "true" : undefined, className: cn("flex shrink-0", orientation === "horizontal" ? "flex-row" : "flex-col"), children: childArray.map((child, itemIndex) => (_jsx("div", { className: "shrink-0", style: itemSpacingStyle, children: child }, `marquee-item-${copyIndex}-${itemIndex}`))) }, `marquee-copy-${copyIndex}`)));
+    // We drive the transform manually with useAnimationFrame so we can wrap with
+    // strict modulo arithmetic at the copy boundary — there's no array→array
+    // restart frame, no "snap back to start" between cycles, and no
+    // whileHover-induced reset. The result is a perfectly seamless loop in either
+    // direction at any duration, including when the user hovers in/out.
+    const offset = useMotionValue(0);
+    const trackRef = useRef(null);
+    const isHoveredRef = useRef(false);
+    useAnimationFrame((_t, deltaMs) => {
+        if (prefersReducedMotion)
+            return;
+        if (pauseOnHover && isHoveredRef.current)
+            return;
+        const el = trackRef.current;
+        if (!el)
+            return;
+        const fullSize = orientation === "horizontal" ? el.scrollWidth : el.scrollHeight;
+        const oneCopy = fullSize / safeRepeat;
+        if (oneCopy <= 0 || duration <= 0)
+            return;
+        const pxPerMs = oneCopy / (duration * 1000);
+        // Negative direction (left / up) walks toward -oneCopy then wraps to 0.
+        // Positive direction (right / down) walks toward +oneCopy then wraps to 0.
+        const sign = isReversed ? 1 : -1;
+        let next = offset.get() + sign * pxPerMs * deltaMs;
+        if (next <= -oneCopy)
+            next += oneCopy;
+        else if (next >= oneCopy)
+            next -= oneCopy;
+        offset.set(next);
+    });
+    const handleMouseEnter = useCallback(() => {
+        isHoveredRef.current = true;
+    }, []);
+    const handleMouseLeave = useCallback(() => {
+        isHoveredRef.current = false;
+    }, []);
+    return (_jsx(LazyMotion, { features: domAnimation, strict: true, children: _jsxs("div", { role: "marquee", "aria-label": props["aria-label"] ?? "Scrolling content", onMouseEnter: pauseOnHover ? handleMouseEnter : undefined, onMouseLeave: pauseOnHover ? handleMouseLeave : undefined, className: cn(marqueeRootVariants({ orientation }), className), ...props, children: [fade !== "none" ? (_jsx(FadeMasks, { orientation: orientation, fade: fade, size: fadeSize })) : null, _jsx(m.div, { ref: trackRef, className: cn("flex w-max", orientation === "horizontal" ? "flex-row" : "h-max flex-col"), style: orientation === "horizontal"
+                        ? { x: offset, willChange: "transform" }
+                        : { y: offset, willChange: "transform" }, children: copies })] }) }));
+}
+Marquee.displayName = "Marquee";
+/**
+ * Optional convenience wrapper. You can pass plain children to <Marquee /> directly,
+ * but <MarqueeItem> gives you a styled, theme-aware "card" cell out of the box.
+ */
+export function MarqueeItem({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center justify-center rounded-md border border-border bg-card px-4 py-2 text-sm text-card-foreground shadow-sm", className), ...props, children: children }));
+}
+MarqueeItem.displayName = "MarqueeItem";
+export default Marquee;
+//# sourceMappingURL=marquee.js.map

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

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

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

@@ -0,0 +1,5 @@
+export { Toggle, toggleVariants, toggleVariantIds, toggleSizeIds, } from "./toggle";
+export type { ToggleProps, ToggleVariantId, ToggleSizeId, } from "./toggle";
+export { ToggleGroup, ToggleGroupItem } from "./toggle-group";
+export type { ToggleGroupProps, ToggleGroupSingleProps, ToggleGroupMultipleProps, ToggleGroupItemProps, } from "./toggle-group";
+export { Toggle as default } from "./toggle";

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

@@ -0,0 +1,4 @@
+export { Toggle, toggleVariants, toggleVariantIds, toggleSizeIds, } from "./toggle";
+export { ToggleGroup, ToggleGroupItem } from "./toggle-group";
+export { Toggle as default } from "./toggle";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,aAAa,GACd,MAAM,UAAU,CAAC;AAOlB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQ9D,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/ui/toggle/toggle-group.d.ts

@@ -0,0 +1,34 @@
+import { type HTMLAttributes, type ReactElement, type Ref } from "react";
+import { type VariantProps } from "class-variance-authority";
+import { toggleVariants, type ToggleProps } from "./toggle";
+type ToggleGroupBaseProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & VariantProps<typeof toggleVariants> & {
+    /** Whether all items are disabled. */
+    disabled?: boolean;
+    ref?: Ref<HTMLDivElement>;
+};
+export type ToggleGroupSingleProps = ToggleGroupBaseProps & {
+    type: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+export type ToggleGroupMultipleProps = ToggleGroupBaseProps & {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+declare function ToggleGroup(props: ToggleGroupProps): ReactElement;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
+export interface ToggleGroupItemProps extends Omit<ToggleProps, "pressed" | "defaultPressed" | "onPressedChange"> {
+    /** Stable identifier for this item within the group. */
+    value: string;
+}
+declare function ToggleGroupItem({ value, variant, size, disabled, onClick, ...props }: ToggleGroupItemProps): ReactElement;
+declare namespace ToggleGroupItem {
+    var displayName: string;
+}
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle/toggle-group.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState, } from "react";
+import { cn } from "../../../lib/utils";
+import { Toggle, } from "./toggle";
+const ToggleGroupContext = createContext(null);
+function useToggleGroupContext() {
+    return useContext(ToggleGroupContext);
+}
+function ToggleGroup(props) {
+    const { className, variant, size, disabled = false, children, ref, ...rest } = props;
+    const [internalSingle, setInternalSingle] = useState(props.type === "single" ? (props.defaultValue ?? "") : "");
+    const [internalMultiple, setInternalMultiple] = useState(props.type === "multiple" ? (props.defaultValue ?? []) : []);
+    const isControlledSingle = props.type === "single" && props.value !== undefined;
+    const isControlledMultiple = props.type === "multiple" && props.value !== undefined;
+    const propsType = props.type;
+    const singlePropValue = props.type === "single" ? props.value : undefined;
+    const multiplePropValue = props.type === "multiple" ? props.value : undefined;
+    const singleValue = useMemo(() => {
+        if (propsType !== "single")
+            return "";
+        return isControlledSingle ? (singlePropValue ?? "") : internalSingle;
+    }, [propsType, isControlledSingle, singlePropValue, internalSingle]);
+    const multipleValue = useMemo(() => {
+        if (propsType !== "multiple")
+            return [];
+        return isControlledMultiple ? (multiplePropValue ?? []) : internalMultiple;
+    }, [propsType, isControlledMultiple, multiplePropValue, internalMultiple]);
+    const isItemPressed = useCallback((value) => {
+        if (props.type === "single") {
+            return singleValue === value;
+        }
+        return multipleValue.includes(value);
+    }, [props.type, singleValue, multipleValue]);
+    const toggleItem = useCallback((value) => {
+        if (props.type === "single") {
+            const next = singleValue === value ? "" : value;
+            if (!isControlledSingle) {
+                setInternalSingle(next);
+            }
+            props.onValueChange?.(next);
+            return;
+        }
+        const exists = multipleValue.includes(value);
+        const next = exists
+            ? multipleValue.filter((v) => v !== value)
+            : [...multipleValue, value];
+        if (!isControlledMultiple) {
+            setInternalMultiple(next);
+        }
+        props.onValueChange?.(next);
+    }, [
+        props,
+        singleValue,
+        multipleValue,
+        isControlledSingle,
+        isControlledMultiple,
+    ]);
+    const ctx = useMemo(() => ({
+        variant,
+        size,
+        isItemPressed,
+        toggleItem,
+        disabled,
+    }), [variant, size, isItemPressed, toggleItem, disabled]);
+    // Strip out single/multiple specific props before spreading on div.
+    const divProps = {};
+    for (const key of Object.keys(rest)) {
+        if (key === "type" ||
+            key === "value" ||
+            key === "defaultValue" ||
+            key === "onValueChange") {
+            continue;
+        }
+        divProps[key] = rest[key];
+    }
+    return (_jsx(ToggleGroupContext.Provider, { value: ctx, children: _jsx("div", { ref: ref, "data-slot": "toggle-group", "data-type": props.type, role: "group", className: cn("inline-flex items-center gap-1", className), ...divProps, children: children }) }));
+}
+ToggleGroup.displayName = "ToggleGroup";
+function ToggleGroupItem({ value, variant, size, disabled, onClick, ...props }) {
+    const ctx = useToggleGroupContext();
+    if (!ctx) {
+        // Fallback: render as a standalone Toggle if not inside a group.
+        return (_jsx(Toggle, { variant: variant, size: size, disabled: disabled, onClick: onClick, ...props }));
+    }
+    const pressed = ctx.isItemPressed(value);
+    return (_jsx(Toggle, { variant: variant ?? ctx.variant, size: size ?? ctx.size, disabled: disabled || ctx.disabled, pressed: pressed, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented)
+                return;
+            ctx.toggleItem(value);
+        }, ...props }));
+}
+ToggleGroupItem.displayName = "ToggleGroupItem";
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/ui/toggle/toggle-group.js.map

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

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

@@ -0,0 +1,24 @@
+import { type ButtonHTMLAttributes, type ReactElement, type Ref } from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const toggleVariantIds: readonly ["default", "outline", "ghost", "primary", "destructive"];
+export type ToggleVariantId = (typeof toggleVariantIds)[number];
+export declare const toggleSizeIds: readonly ["sm", "default", "lg", "icon"];
+export type ToggleSizeId = (typeof toggleSizeIds)[number];
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "ghost" | "destructive" | "outline" | "primary" | null | undefined;
+    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof toggleVariants> {
+    /** Controlled pressed state. */
+    pressed?: boolean;
+    /** Initial pressed state when uncontrolled. */
+    defaultPressed?: boolean;
+    /** Called when the pressed state changes. */
+    onPressedChange?: (pressed: boolean) => void;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function Toggle({ className, variant, size, pressed: pressedProp, defaultPressed, onPressedChange, onClick, disabled, type, ref, ...props }: ToggleProps): ReactElement;
+declare namespace Toggle {
+    var displayName: string;
+}
+export { Toggle };

package/dist/components/ui/toggle/toggle.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState, } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+export const toggleVariantIds = [
+    "default",
+    "outline",
+    "ghost",
+    "primary",
+    "destructive",
+];
+export const toggleSizeIds = [
+    "sm",
+    "default",
+    "lg",
+    "icon",
+];
+export const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 select-none", {
+    variants: {
+        variant: {
+            default: "bg-transparent text-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+            outline: "border border-input bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:border-accent",
+            ghost: "bg-transparent text-muted-foreground hover:text-foreground data-[state=on]:bg-muted data-[state=on]:text-foreground",
+            primary: "bg-transparent text-foreground hover:bg-primary/10 hover:text-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground data-[state=on]:hover:bg-primary/90 data-[state=on]:hover:text-primary-foreground",
+            destructive: "bg-transparent text-foreground hover:bg-destructive/10 hover:text-destructive data-[state=on]:bg-destructive data-[state=on]:text-destructive-foreground data-[state=on]:hover:bg-destructive/90 data-[state=on]:hover:text-destructive-foreground",
+        },
+        size: {
+            sm: "h-8 px-2 text-xs",
+            default: "h-9 px-3",
+            lg: "h-10 px-4",
+            icon: "h-9 w-9 p-0",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Toggle({ className, variant, size, pressed: pressedProp, defaultPressed = false, onPressedChange, onClick, disabled, type, ref, ...props }) {
+    const [internalPressed, setInternalPressed] = useState(defaultPressed);
+    const isControlled = pressedProp !== undefined;
+    const pressed = isControlled ? pressedProp : internalPressed;
+    const handleClick = useCallback((event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        const next = !pressed;
+        if (!isControlled) {
+            setInternalPressed(next);
+        }
+        onPressedChange?.(next);
+    }, [pressed, isControlled, onClick, onPressedChange]);
+    return (_jsx("button", { ref: ref, type: type ?? "button", "data-slot": "toggle", "data-state": pressed ? "on" : "off", "aria-pressed": pressed, disabled: disabled, onClick: handleClick, className: cn(toggleVariants({ variant, size }), className), ...props }));
+}
+Toggle.displayName = "Toggle";
+export { Toggle };
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,WAAW,EACX,QAAQ,GAKT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS;IACT,SAAS;IACT,OAAO;IACP,SAAS;IACT,aAAa;CACuB,CAAC;AAGvC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,MAAM;CAC8B,CAAC;AAGvC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,+XAA+X,EAC/X;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,iGAAiG;YACnG,OAAO,EACL,gMAAgM;YAClM,KAAK,EACH,qHAAqH;YACvH,OAAO,EACL,4NAA4N;YAC9N,WAAW,EACT,oPAAoP;SAC7M;QAC3C,IAAI,EAAE;YACJ,EAAE,EAAE,kBAAkB;YACtB,OAAO,EAAE,UAAU;YACnB,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,aAAa;SACmB;KACzC;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAcF,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,GAAG,KAAK,EACI;IACZ,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,cAAc,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,WAAW,KAAK,SAAS,CAAC;IAC/C,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC;IAE7D,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAoC,EAAQ,EAAE;QAC7C,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QACnC,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC,CAClD,CAAC;IAEF,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IAAI,QAAQ,eACZ,QAAQ,gBACN,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,kBACpB,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/framer-motion.d.ts

@@ -1,2 +1,2 @@
-export { m, AnimatePresence, domAnimation, LazyMotion, useAnimate, useTransform, useMotionValue, usePresence, useScroll, useMotionValueEvent, useReducedMotion, } from "framer-motion";
+export { m, AnimatePresence, domAnimation, LazyMotion, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useMotionValueEvent, useReducedMotion, } from "framer-motion";
 export type { MotionValue, AnimationScope } from "framer-motion";

package/dist/framer-motion.js

@@ -1,3 +1,3 @@
 "use client";
-export { m, AnimatePresence, domAnimation, LazyMotion, useAnimate, useTransform, useMotionValue, usePresence, useScroll, useMotionValueEvent, useReducedMotion, } from "framer-motion";
+export { m, AnimatePresence, domAnimation, LazyMotion, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useMotionValueEvent, useReducedMotion, } from "framer-motion";
 //# sourceMappingURL=framer-motion.js.map

package/dist/framer-motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"framer-motion.js","sourceRoot":"","sources":["../src/framer-motion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,CAAC,EACD,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"framer-motion.js","sourceRoot":"","sources":["../src/framer-motion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,CAAC,EACD,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.28.2",
+  "version": "0.30.1",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",
@@ -78,7 +78,7 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "@schemavaults/send-email": "0.0.16"
+    "@schemavaults/send-email": "0.0.18"
   },
   "scripts": {
     "build:pkg": "tsc --project tsconfig.pkg.json && tsc-alias --project tsconfig.pkg.json",