@schemavaults/ui 0.29.1 → 0.30.1

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

@@ -126,3 +126,5 @@ 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

@@ -62,4 +62,5 @@ 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;AAGpC,cAAc,WAAW,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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.29.1",
+  "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",