@schemavaults/ui 0.75.0 → 0.77.0

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

@@ -82,6 +82,8 @@ export * from "./description-list";
 export type * from "./description-list";
 export * from "./status-blinker";
 export type * from "./status-blinker";
+export * from "./presence-indicator";
+export type * from "./presence-indicator";
 export * from "./context-menu";
 export type * from "./context-menu";
 export * from "./inline-menu";
@@ -202,3 +204,5 @@ export * from "./http-method-badge";
 export type * from "./http-method-badge";
 export * from "./browser-frame";
 export type * from "./browser-frame";
+export * from "./inline-edit";
+export type * from "./inline-edit";

package/dist/components/ui/index.js

@@ -40,6 +40,7 @@ export * from "./skeleton";
 export * from "./key-value-with-skeleton";
 export * from "./description-list";
 export * from "./status-blinker";
+export * from "./presence-indicator";
 export * from "./context-menu";
 export * from "./inline-menu";
 export * from "./stepper";
@@ -100,4 +101,5 @@ export * from "./time-picker";
 export * from "./mark";
 export * from "./http-method-badge";
 export * from "./browser-frame";
+export * from "./inline-edit";
 //# 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":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"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"}

package/dist/components/ui/inline-edit/index.d.ts

@@ -0,0 +1,4 @@
+export { InlineEdit, InlineEdit as default, inlineEditDisplayVariants, inlineEditInputVariants, } from "./inline-edit";
+export type { InlineEditCommitTrigger, InlineEditProps, } from "./inline-edit";
+export { inlineEditSizeIds, inlineEditVariantIds, } from "./inline-edit-variants";
+export type { InlineEditSize, InlineEditVariant, } from "./inline-edit-variants";

package/dist/components/ui/inline-edit/index.js

@@ -0,0 +1,3 @@
+export { InlineEdit, InlineEdit as default, inlineEditDisplayVariants, inlineEditInputVariants, } from "./inline-edit";
+export { inlineEditSizeIds, inlineEditVariantIds, } from "./inline-edit-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/inline-edit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/inline-edit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,UAAU,IAAI,OAAO,EACrB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAKvB,OAAO,EACL,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/dist/components/ui/inline-edit/inline-edit-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const inlineEditVariantIds: readonly ["default", "ghost", "underline"];
+export type InlineEditVariant = (typeof inlineEditVariantIds)[number];
+export declare const inlineEditSizeIds: readonly ["sm", "default", "lg"];
+export type InlineEditSize = (typeof inlineEditSizeIds)[number];

package/dist/components/ui/inline-edit/inline-edit-variants.js

@@ -0,0 +1,11 @@
+export const inlineEditVariantIds = [
+    "default",
+    "ghost",
+    "underline",
+];
+export const inlineEditSizeIds = [
+    "sm",
+    "default",
+    "lg",
+];
+//# sourceMappingURL=inline-edit-variants.js.map

package/dist/components/ui/inline-edit/inline-edit-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-edit-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/inline-edit/inline-edit-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,SAAS;IACT,OAAO;IACP,WAAW;CACyB,CAAC;AAGvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI;IACJ,SAAS;IACT,IAAI;CACgC,CAAC"}

package/dist/components/ui/inline-edit/inline-edit.d.ts

@@ -0,0 +1,60 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+import { inlineEditSizeIds, inlineEditVariantIds, type InlineEditSize, type InlineEditVariant } from "./inline-edit-variants";
+declare const inlineEditDisplayVariants: (props?: ({
+    variant?: "default" | "underline" | "ghost" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const inlineEditInputVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type InlineEditCommitTrigger = "enter" | "blur" | "button";
+export interface InlineEditProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "onBlur">, VariantProps<typeof inlineEditDisplayVariants> {
+    /** The current value to display. */
+    value: string;
+    /** Called when the user commits a new value (Enter, button, or blur). */
+    onValueChange?: (next: string, trigger: InlineEditCommitTrigger) => void;
+    /** Called when the user cancels editing (Escape or cancel button). */
+    onCancel?: (previous: string) => void;
+    /** Optional async save handler. When it rejects, the input stays in edit mode. */
+    onSave?: (next: string) => Promise<void> | void;
+    /** Placeholder shown when the value is empty. */
+    placeholder?: string;
+    /** Disables interaction; the value still renders. */
+    disabled?: boolean;
+    /** Use a multi-line textarea instead of a single-line input. */
+    multiline?: boolean;
+    /** Show explicit confirm/cancel buttons inside the editor. Defaults to true. */
+    showActions?: boolean;
+    /** Show a small pencil icon affordance next to the display value. Defaults to true. */
+    showEditIcon?: boolean;
+    /** Commit the value when the input loses focus. Defaults to true. */
+    commitOnBlur?: boolean;
+    /** Maximum length for the underlying input. */
+    maxLength?: number;
+    /** Accessible label for the underlying input. */
+    inputAriaLabel?: string;
+    /** Accessible label for the confirm button. */
+    confirmLabel?: string;
+    /** Accessible label for the cancel button. */
+    cancelLabel?: string;
+    /** Externally controlled error message. Skips committing and keeps edit mode open. */
+    error?: string | null;
+    /** Externally controlled loading state (e.g. when `onSave` is in flight). */
+    loading?: boolean;
+    /** Renders the editor open on first mount. */
+    defaultEditing?: boolean;
+    /** Optional ref forwarded to the outer wrapper. */
+    ref?: Ref<HTMLDivElement>;
+    /** Optional class names applied to the inner input/textarea element. */
+    inputClassName?: string;
+    /** Optional renderer for the display state. Receives the resolved label. */
+    renderDisplay?: (label: ReactNode, value: string) => ReactNode;
+}
+export declare function InlineEdit({ value, onValueChange, onCancel, onSave, placeholder, disabled, multiline, showActions, showEditIcon, commitOnBlur, maxLength, inputAriaLabel, confirmLabel, cancelLabel, error: externalError, loading: externalLoading, defaultEditing, variant, size, className, inputClassName, renderDisplay, ref, onClick, ...rest }: InlineEditProps): ReactElement;
+export declare namespace InlineEdit {
+    var displayName: string;
+}
+export { inlineEditDisplayVariants, inlineEditInputVariants, inlineEditSizeIds, inlineEditVariantIds, };
+export type { InlineEditSize, InlineEditVariant };
+export default InlineEdit;

package/dist/components/ui/inline-edit/inline-edit.js

@@ -0,0 +1,208 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Check, Pencil, X } from "lucide-react";
+import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState, } from "react";
+import { cn } from "../../../lib/utils";
+import { inlineEditSizeIds, inlineEditVariantIds, } from "./inline-edit-variants";
+const inlineEditDisplayVariants = cva("group/inline-edit inline-flex max-w-full items-center gap-1.5 rounded-md text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-60 data-[empty=true]:text-muted-foreground", {
+    variants: {
+        variant: {
+            default: "border border-transparent hover:border-input data-[interactive=true]:hover:bg-accent/40",
+            ghost: "border border-transparent data-[interactive=true]:hover:bg-accent/60",
+            underline: "rounded-none border-b border-dashed border-transparent data-[interactive=true]:hover:border-input data-[interactive=true]:hover:text-foreground",
+        },
+        size: {
+            sm: "min-h-7 px-1.5 py-0.5 text-xs",
+            default: "min-h-9 px-2 py-1 text-sm",
+            lg: "min-h-11 px-2.5 py-1.5 text-base",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const inlineEditInputVariants = cva("w-full bg-transparent text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-60", {
+    variants: {
+        size: {
+            sm: "text-xs",
+            default: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const inlineEditContainerVariants = cva("inline-flex max-w-full items-stretch gap-1 rounded-md bg-background ring-2 ring-ring ring-offset-2 ring-offset-background", {
+    variants: {
+        size: {
+            sm: "min-h-7 px-1.5 py-0.5",
+            default: "min-h-9 px-2 py-1",
+            lg: "min-h-11 px-2.5 py-1.5",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const inlineEditActionButtonVariants = cva("inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[role=confirm]:text-emerald-600 data-[role=confirm]:hover:bg-emerald-500/10 data-[role=confirm]:hover:text-emerald-600 data-[role=cancel]:hover:bg-destructive/10 data-[role=cancel]:hover:text-destructive", {
+    variants: {
+        size: {
+            sm: "size-5 [&>svg]:size-3",
+            default: "size-6 [&>svg]:size-3.5",
+            lg: "size-7 [&>svg]:size-4",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+function isTextarea(el) {
+    return el?.tagName === "TEXTAREA";
+}
+export function InlineEdit({ value, onValueChange, onCancel, onSave, placeholder = "Click to edit", disabled = false, multiline = false, showActions = true, showEditIcon = true, commitOnBlur = true, maxLength, inputAriaLabel, confirmLabel = "Save", cancelLabel = "Cancel", error: externalError = null, loading: externalLoading = false, defaultEditing = false, variant, size, className, inputClassName, renderDisplay, ref, onClick, ...rest }) {
+    const [editing, setEditing] = useState(defaultEditing);
+    const [draft, setDraft] = useState(value);
+    const [internalLoading, setInternalLoading] = useState(false);
+    const [internalError, setInternalError] = useState(null);
+    const wasJustOpened = useRef(false);
+    const inputRef = useRef(null);
+    const reactId = useId();
+    const errorId = `${reactId}-error`;
+    const isLoading = externalLoading || internalLoading;
+    const errorMessage = externalError ?? internalError;
+    const hasError = errorMessage !== null && errorMessage !== "";
+    useEffect(() => {
+        if (!editing)
+            setDraft(value);
+    }, [value, editing]);
+    useLayoutEffect(() => {
+        if (!editing)
+            return;
+        const el = inputRef.current;
+        if (el === null)
+            return;
+        if (wasJustOpened.current) {
+            wasJustOpened.current = false;
+            el.focus();
+            try {
+                const length = el.value.length;
+                el.setSelectionRange(length, length);
+            }
+            catch {
+                // setSelectionRange is unsupported on some input types; ignore.
+            }
+        }
+        if (isTextarea(el)) {
+            el.style.height = "auto";
+            el.style.height = `${el.scrollHeight}px`;
+        }
+    }, [editing, draft]);
+    const openEditor = useCallback(() => {
+        if (disabled)
+            return;
+        wasJustOpened.current = true;
+        setDraft(value);
+        setInternalError(null);
+        setEditing(true);
+    }, [disabled, value]);
+    const closeEditor = useCallback(() => {
+        setEditing(false);
+        setInternalError(null);
+    }, []);
+    const commit = useCallback(async (trigger) => {
+        if (isLoading)
+            return;
+        const next = draft;
+        if (next === value) {
+            closeEditor();
+            return;
+        }
+        if (onSave === undefined) {
+            onValueChange?.(next, trigger);
+            closeEditor();
+            return;
+        }
+        setInternalLoading(true);
+        try {
+            await onSave(next);
+            onValueChange?.(next, trigger);
+            closeEditor();
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : "Failed to save value";
+            setInternalError(message);
+        }
+        finally {
+            setInternalLoading(false);
+        }
+    }, [closeEditor, draft, isLoading, onSave, onValueChange, value]);
+    const cancel = useCallback(() => {
+        if (isLoading)
+            return;
+        setDraft(value);
+        onCancel?.(value);
+        closeEditor();
+    }, [closeEditor, isLoading, onCancel, value]);
+    const handleChange = (event) => {
+        setDraft(event.target.value);
+        if (internalError !== null)
+            setInternalError(null);
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === "Escape") {
+            event.preventDefault();
+            cancel();
+            return;
+        }
+        if (event.key === "Enter") {
+            if (multiline && !(event.metaKey || event.ctrlKey))
+                return;
+            event.preventDefault();
+            void commit("enter");
+        }
+    };
+    const handleBlur = (event) => {
+        if (!commitOnBlur)
+            return;
+        const next = event.relatedTarget;
+        const root = event.currentTarget.closest("[data-slot=inline-edit-editor]");
+        if (next !== null && root !== null && root.contains(next))
+            return;
+        void commit("blur");
+    };
+    const handleDisplayKeyDown = (event) => {
+        if (disabled)
+            return;
+        if (event.key === "Enter" || event.key === " " || event.key === "F2") {
+            event.preventDefault();
+            openEditor();
+        }
+    };
+    const isEmpty = value.length === 0;
+    const displayLabel = isEmpty ? placeholder : value;
+    if (editing) {
+        return (_jsxs("div", { ref: ref, "data-slot": "inline-edit", "data-state": "editing", className: cn("inline-flex max-w-full flex-col gap-1", className), ...rest, children: [_jsxs("div", { "data-slot": "inline-edit-editor", className: cn(inlineEditContainerVariants({ size }), hasError && "ring-destructive", isLoading && "opacity-80"), children: [multiline ? (_jsx("textarea", { ref: (el) => {
+                                inputRef.current = el;
+                            }, "data-slot": "inline-edit-input", value: draft, disabled: isLoading, maxLength: maxLength, "aria-label": inputAriaLabel, "aria-invalid": hasError || undefined, "aria-describedby": hasError ? errorId : undefined, onChange: handleChange, onKeyDown: handleKeyDown, onBlur: handleBlur, rows: 1, className: cn(inlineEditInputVariants({ size }), "resize-none overflow-hidden", inputClassName) })) : (_jsx("input", { ref: (el) => {
+                                inputRef.current = el;
+                            }, type: "text", "data-slot": "inline-edit-input", value: draft, disabled: isLoading, maxLength: maxLength, "aria-label": inputAriaLabel, "aria-invalid": hasError || undefined, "aria-describedby": hasError ? errorId : undefined, onChange: handleChange, onKeyDown: handleKeyDown, onBlur: handleBlur, className: cn(inlineEditInputVariants({ size }), inputClassName) })), showActions && (_jsxs("div", { "data-slot": "inline-edit-actions", className: "inline-flex shrink-0 items-center gap-0.5", children: [_jsx("button", { type: "button", "data-role": "cancel", "data-slot": "inline-edit-cancel", "aria-label": cancelLabel, disabled: isLoading, onClick: cancel, className: cn(inlineEditActionButtonVariants({ size })), children: _jsx(X, { "aria-hidden": "true" }) }), _jsx("button", { type: "button", "data-role": "confirm", "data-slot": "inline-edit-confirm", "aria-label": confirmLabel, disabled: isLoading, onClick: () => {
+                                        void commit("button");
+                                    }, className: cn(inlineEditActionButtonVariants({ size })), children: _jsx(Check, { "aria-hidden": "true" }) })] }))] }), hasError && (_jsx("span", { id: errorId, "data-slot": "inline-edit-error", role: "alert", className: "text-xs text-destructive", children: errorMessage }))] }));
+    }
+    return (_jsxs("button", { ref: ref, type: "button", "data-slot": "inline-edit", "data-state": "idle", "data-empty": isEmpty || undefined, "data-disabled": disabled || undefined, "data-interactive": !disabled || undefined, "aria-label": inputAriaLabel, disabled: disabled, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented)
+                return;
+            openEditor();
+        }, onKeyDown: handleDisplayKeyDown, className: cn(inlineEditDisplayVariants({ variant, size }), "cursor-text text-left", className), ...rest, children: [_jsx("span", { "data-slot": "inline-edit-label", className: cn("min-w-0 flex-1 truncate", multiline && "whitespace-pre-wrap break-words"), children: renderDisplay !== undefined
+                    ? renderDisplay(displayLabel, value)
+                    : displayLabel }), showEditIcon && !disabled && (_jsx(Pencil, { "aria-hidden": "true", "data-slot": "inline-edit-icon", className: cn("shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/inline-edit:opacity-100 group-focus-visible/inline-edit:opacity-100", size === "sm" && "size-3", (size === "default" || size === undefined || size === null) &&
+                    "size-3.5", size === "lg" && "size-4") }))] }));
+}
+InlineEdit.displayName = "InlineEdit";
+export { inlineEditDisplayVariants, inlineEditInputVariants, inlineEditSizeIds, inlineEditVariantIds, };
+export default InlineEdit;
+//# sourceMappingURL=inline-edit.js.map

package/dist/components/ui/inline-edit/inline-edit.js.map

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

package/dist/components/ui/presence-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export { PresenceIndicator, PresenceIndicator as default, presenceStatusIds, presenceSizeIds, } from "./presence-indicator";
+export type { PresenceIndicatorProps, PresenceStatusId, PresenceSizeId, } from "./presence-indicator";

package/dist/components/ui/presence-indicator/index.js

@@ -0,0 +1,2 @@
+export { PresenceIndicator, PresenceIndicator as default, presenceStatusIds, presenceSizeIds, } from "./presence-indicator";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/presence-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/presence-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,IAAI,OAAO,EAC5B,iBAAiB,EACjB,eAAe,GAChB,MAAM,sBAAsB,CAAC"}

package/dist/components/ui/presence-indicator/presence-indicator.d.ts

@@ -0,0 +1,36 @@
+import type { HTMLAttributes, ReactElement, Ref } from "react";
+export declare const presenceStatusIds: readonly ["online", "idle", "busy", "away", "dnd", "offline", "invisible"];
+export type PresenceStatusId = (typeof presenceStatusIds)[number];
+export declare const presenceSizeIds: readonly ["xs", "sm", "md", "lg", "xl"];
+export type PresenceSizeId = (typeof presenceSizeIds)[number];
+export interface PresenceIndicatorProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "aria-label"> {
+    /** Semantic presence status. Defaults to `"online"`. */
+    status?: PresenceStatusId;
+    /** Visual size of the dot. Defaults to `"md"`. */
+    size?: PresenceSizeId;
+    /** Render a soft `ping` animation around the dot. */
+    pulse?: boolean;
+    /**
+     * Render a contrasting ring around the dot. Useful when overlaying the
+     * indicator on top of an `Avatar` or coloured surface.
+     */
+    bordered?: boolean;
+    /**
+     * Render a text label next to the dot. Pass `true` to use the default
+     * status label (e.g. `"Online"`), or a string for a custom one.
+     */
+    label?: boolean | string;
+    /**
+     * Accessible label describing the status. Defaults to a humanised version of
+     * the `status` (e.g. `"Online"`). Set to `null` to mark the indicator as
+     * purely decorative (e.g. when paired with adjacent text that already
+     * conveys the status).
+     */
+    "aria-label"?: string | null;
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function PresenceIndicator({ className, status, size, pulse, bordered, label, ref, "aria-label": ariaLabelProp, ...rest }: PresenceIndicatorProps): ReactElement;
+declare namespace PresenceIndicator {
+    var displayName: string;
+}
+export { PresenceIndicator };

package/dist/components/ui/presence-indicator/presence-indicator.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+export const presenceStatusIds = [
+    "online",
+    "idle",
+    "busy",
+    "away",
+    "dnd",
+    "offline",
+    "invisible",
+];
+export const presenceSizeIds = [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+];
+const dotColorClasses = {
+    online: "bg-green-500",
+    idle: "bg-yellow-400",
+    busy: "bg-orange-500",
+    away: "bg-amber-500",
+    dnd: "bg-destructive",
+    offline: "bg-muted-foreground/50",
+    invisible: "bg-transparent border border-muted-foreground/60",
+};
+const dotSizeClasses = {
+    xs: "h-1.5 w-1.5",
+    sm: "h-2 w-2",
+    md: "h-2.5 w-2.5",
+    lg: "h-3 w-3",
+    xl: "h-3.5 w-3.5",
+};
+const dndBarSizeClasses = {
+    xs: "h-px w-[60%]",
+    sm: "h-px w-[60%]",
+    md: "h-px w-[60%]",
+    lg: "h-[1.5px] w-[60%]",
+    xl: "h-[1.5px] w-[60%]",
+};
+const ringSizeClasses = {
+    xs: "ring-[1.5px]",
+    sm: "ring-2",
+    md: "ring-2",
+    lg: "ring-2",
+    xl: "ring-[2.5px]",
+};
+const labelTextClasses = {
+    xs: "text-[10px]",
+    sm: "text-xs",
+    md: "text-xs",
+    lg: "text-sm",
+    xl: "text-sm",
+};
+const statusLabels = {
+    online: "Online",
+    idle: "Idle",
+    busy: "Busy",
+    away: "Away",
+    dnd: "Do not disturb",
+    offline: "Offline",
+    invisible: "Invisible",
+};
+const pulseColorClasses = {
+    online: "bg-green-500",
+    idle: "bg-yellow-400",
+    busy: "bg-orange-500",
+    away: "bg-amber-500",
+    dnd: "bg-destructive",
+    offline: "bg-muted-foreground/50",
+    invisible: "bg-muted-foreground/40",
+};
+function PresenceDot({ status, size, pulse, bordered, }) {
+    return (_jsxs("span", { className: "relative inline-flex items-center justify-center", children: [pulse ? (_jsx("span", { "aria-hidden": "true", className: cn("absolute inline-flex h-full w-full rounded-full opacity-75 animate-ping", pulseColorClasses[status], dotSizeClasses[size]) })) : null, _jsx("span", { "data-slot": "presence-indicator-dot", className: cn("relative inline-flex items-center justify-center rounded-full", dotColorClasses[status], dotSizeClasses[size], bordered && cn(ringSizeClasses[size], "ring-background")), children: status === "dnd" ? (_jsx("span", { "aria-hidden": "true", className: cn("block rounded-full bg-destructive-foreground", dndBarSizeClasses[size]) })) : null })] }));
+}
+function PresenceIndicator({ className, status = "online", size = "md", pulse = false, bordered = false, label, ref, "aria-label": ariaLabelProp, ...rest }) {
+    const decorative = ariaLabelProp === null;
+    const ariaLabel = decorative
+        ? undefined
+        : (ariaLabelProp ?? statusLabels[status]);
+    const labelText = label === true
+        ? statusLabels[status]
+        : typeof label === "string"
+            ? label
+            : null;
+    if (labelText !== null) {
+        return (_jsxs("span", { ref: ref, "data-slot": "presence-indicator", "data-status": status, role: decorative ? undefined : "status", "aria-label": ariaLabel, "aria-hidden": decorative ? true : undefined, className: cn("inline-flex items-center gap-1.5 text-foreground", className), ...rest, children: [_jsx(PresenceDot, { status: status, size: size, pulse: pulse, bordered: bordered }), _jsx("span", { className: cn("font-medium leading-none", labelTextClasses[size]), children: labelText })] }));
+    }
+    return (_jsx("span", { ref: ref, "data-slot": "presence-indicator", "data-status": status, role: decorative ? undefined : "status", "aria-label": ariaLabel, "aria-hidden": decorative ? true : undefined, className: cn("inline-flex shrink-0 items-center justify-center", className), ...rest, children: _jsx(PresenceDot, { status: status, size: size, pulse: pulse, bordered: bordered }) }));
+}
+PresenceIndicator.displayName = "PresenceIndicator";
+export { PresenceIndicator };
+//# sourceMappingURL=presence-indicator.js.map

package/dist/components/ui/presence-indicator/presence-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence-indicator.js","sourceRoot":"","sources":["../../../../src/components/ui/presence-indicator/presence-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,KAAK;IACL,SAAS;IACT,WAAW;CACyB,CAAC;AAIvC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACgC,CAAC;AAIvC,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,cAAc;IACpB,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,wBAAwB;IACjC,SAAS,EAAE,kDAAkD;CACnB,CAAC;AAE7C,MAAM,cAAc,GAAG;IACrB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,aAAa;CACuB,CAAC;AAE3C,MAAM,iBAAiB,GAAG;IACxB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,mBAAmB;IACvB,EAAE,EAAE,mBAAmB;CACiB,CAAC;AAE3C,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,cAAc;CACsB,CAAC;AAE3C,MAAM,gBAAgB,GAAG;IACvB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CAC2B,CAAC;AAE3C,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;CACoB,CAAC;AAE7C,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,cAAc;IACpB,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,wBAAwB;IACjC,SAAS,EAAE,wBAAwB;CACO,CAAC;AA8B7C,SAAS,WAAW,CAAC,EACnB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,GAMT;IACC,OAAO,CACL,gBAAM,SAAS,EAAC,kDAAkD,aAC/D,KAAK,CAAC,CAAC,CAAC,CACP,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,iBAAiB,CAAC,MAAM,CAAC,EACzB,cAAc,CAAC,IAAI,CAAC,CACrB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,4BACY,wBAAwB,EAClC,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,eAAe,CAAC,MAAM,CAAC,EACvB,cAAc,CAAC,IAAI,CAAC,EACpB,QAAQ,IAAI,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,CACzD,YAEA,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAClB,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,iBAAiB,CAAC,IAAI,CAAC,CACxB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,GACH,IACF,CACR,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,MAAM,GAAG,QAAQ,EACjB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,EACH,YAAY,EAAE,aAAa,EAC3B,GAAG,IAAI,EACgB;IACvB,MAAM,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,CAAC,aAAa,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GACb,KAAK,KAAK,IAAI;QACZ,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;QACtB,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ;YACzB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,IAAI,CAAC;IAEb,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACvB,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,eACE,oBAAoB,iBACjB,MAAM,EACnB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,gBAC3B,SAAS,iBACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,KACG,IAAI,aAER,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACF,eAAM,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,YACpE,SAAS,GACL,IACF,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACE,oBAAoB,iBACjB,MAAM,EACnB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,gBAC3B,SAAS,iBACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,KACxE,IAAI,YAER,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,GACG,CACR,CAAC;AACJ,CAAC;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/package.json

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