@schemavaults/ui 0.87.1 → 0.88.1

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

@@ -224,3 +224,5 @@ export * from "./split-button";
 export type * from "./split-button";
 export * from "./ribbon";
 export type * from "./ribbon";
+export * from "./toolbar";
+export type * from "./toolbar";

package/dist/components/ui/index.js

@@ -111,4 +111,5 @@ export * from "./terminal-frame";
 export * from "./inline-edit";
 export * from "./split-button";
 export * from "./ribbon";
+export * from "./toolbar";
 //# 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/toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Toolbar, Toolbar as default, ToolbarButton, ToolbarToggle, ToolbarLink, ToolbarSeparator, ToolbarGroup, ToolbarSpacer, toolbarVariants, toolbarItemVariants, toolbarOrientationIds, toolbarVariantIds, toolbarSizeIds, toolbarItemVariantIds, } from "./toolbar";
+export type * from "./toolbar";

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

@@ -0,0 +1,2 @@
+export { Toolbar, Toolbar as default, ToolbarButton, ToolbarToggle, ToolbarLink, ToolbarSeparator, ToolbarGroup, ToolbarSpacer, toolbarVariants, toolbarItemVariants, toolbarOrientationIds, toolbarVariantIds, toolbarSizeIds, toolbarItemVariantIds, } from "./toolbar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,IAAI,OAAO,EAClB,aAAa,EACb,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,GACtB,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,98 @@
+import { type VariantProps } from "class-variance-authority";
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type HTMLAttributes, type Ref, type ReactElement } from "react";
+export declare const toolbarOrientationIds: readonly ["horizontal", "vertical"];
+export type ToolbarOrientation = (typeof toolbarOrientationIds)[number];
+export declare const toolbarVariantIds: readonly ["default", "muted", "floating", "ghost"];
+export type ToolbarVariant = (typeof toolbarVariantIds)[number];
+export declare const toolbarSizeIds: readonly ["sm", "default", "lg"];
+export type ToolbarSize = (typeof toolbarSizeIds)[number];
+declare const toolbarVariants: (props?: ({
+    variant?: "default" | "ghost" | "muted" | "floating" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToolbarProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof toolbarVariants> {
+    orientation?: ToolbarOrientation;
+    /**
+     * Accessible label for the toolbar. Required by WAI-ARIA when the
+     * toolbar contains more than a single meaningful action. Prefer this
+     * over `aria-labelledby` when the label isn't already rendered on
+     * screen.
+     */
+    "aria-label"?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Toolbar({ className, variant, size, orientation, onKeyDown, ref, children, ...props }: ToolbarProps): ReactElement;
+declare namespace Toolbar {
+    var displayName: string;
+}
+export declare const toolbarItemVariantIds: readonly ["default", "primary", "destructive"];
+export type ToolbarItemVariant = (typeof toolbarItemVariantIds)[number];
+declare const toolbarItemVariants: (props?: ({
+    variant?: "default" | "destructive" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToolbarButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toolbarItemVariants> {
+    /**
+     * Optional visual/logical "active" state (e.g. the currently-selected
+     * tool in an editor). Semantically distinct from a toggle: use
+     * `ToolbarToggle` when you need `aria-pressed`.
+     */
+    active?: boolean;
+    /**
+     * When true, render the button as the child element (via Radix `Slot`).
+     * This is what you use to graft external triggers such as
+     * `DropdownMenuTrigger asChild`, `PopoverTrigger asChild`, or
+     * `TooltipTrigger asChild` onto a `ToolbarButton` while keeping its
+     * roving-tabindex wiring (`data-toolbar-item`) and item styles.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function ToolbarButton({ className, variant, active, disabled, type, asChild, ref, ...props }: ToolbarButtonProps): ReactElement;
+declare namespace ToolbarButton {
+    var displayName: string;
+}
+export interface ToolbarToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof toolbarItemVariants> {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    /**
+     * When true, render the toggle as the child element (via Radix `Slot`).
+     * Useful for hanging a `PopoverTrigger asChild` or similar off a
+     * pressed-state toolbar item while keeping the toolbar's roving-tabindex
+     * wiring intact.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function ToolbarToggle({ className, variant, pressed, onPressedChange, onClick, disabled, type, asChild, ref, ...props }: ToolbarToggleProps): ReactElement;
+declare namespace ToolbarToggle {
+    var displayName: string;
+}
+export interface ToolbarLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof toolbarItemVariants> {
+    ref?: Ref<HTMLAnchorElement>;
+}
+declare function ToolbarLink({ className, variant, children, ref, ...props }: ToolbarLinkProps): ReactElement;
+declare namespace ToolbarLink {
+    var displayName: string;
+}
+export interface ToolbarSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function ToolbarSeparator({ className, ref, ...props }: ToolbarSeparatorProps): ReactElement;
+declare namespace ToolbarSeparator {
+    var displayName: string;
+}
+export interface ToolbarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function ToolbarGroup({ className, ref, ...props }: ToolbarGroupProps): ReactElement;
+declare namespace ToolbarGroup {
+    var displayName: string;
+}
+export interface ToolbarSpacerProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function ToolbarSpacer({ className, ref, ...props }: ToolbarSpacerProps): ReactElement;
+declare namespace ToolbarSpacer {
+    var displayName: string;
+}
+export { Toolbar, ToolbarButton, ToolbarToggle, ToolbarLink, ToolbarSeparator, ToolbarGroup, ToolbarSpacer, toolbarVariants, toolbarItemVariants, };

package/dist/components/ui/toolbar/toolbar.js

@@ -0,0 +1,187 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { createContext, useCallback, useContext, useEffect, useRef, } from "react";
+import { cn } from "../../../lib/utils";
+export const toolbarOrientationIds = [
+    "horizontal",
+    "vertical",
+];
+export const toolbarVariantIds = [
+    "default",
+    "muted",
+    "floating",
+    "ghost",
+];
+export const toolbarSizeIds = [
+    "sm",
+    "default",
+    "lg",
+];
+const toolbarVariants = cva("flex items-center text-foreground data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", {
+    variants: {
+        variant: {
+            default: "bg-card border border-border rounded-md shadow-sm",
+            muted: "bg-muted/60 border border-border/60 rounded-md",
+            floating: "bg-card border border-border rounded-lg shadow-lg backdrop-blur",
+            ghost: "bg-transparent",
+        },
+        size: {
+            sm: "gap-0.5 p-1",
+            default: "gap-1 p-1.5",
+            lg: "gap-1.5 p-2",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const TOOLBAR_ITEM_SELECTOR = '[data-toolbar-item]:not([data-disabled="true"]):not([data-disabled=""])';
+const ToolbarContext = createContext(null);
+function useToolbarContext(component) {
+    const ctx = useContext(ToolbarContext);
+    if (!ctx) {
+        throw new Error(`${component} must be rendered inside a <Toolbar>`);
+    }
+    return ctx;
+}
+function Toolbar({ className, variant, size, orientation = "horizontal", onKeyDown, ref, children, ...props }) {
+    const localRef = useRef(null);
+    const setRef = useCallback((node) => {
+        localRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref && typeof ref === "object") {
+            ref.current = node;
+        }
+    }, [ref]);
+    const getItems = useCallback(() => {
+        const root = localRef.current;
+        if (!root)
+            return [];
+        return Array.from(root.querySelectorAll(TOOLBAR_ITEM_SELECTOR));
+    }, []);
+    useEffect(() => {
+        const items = getItems();
+        if (items.length === 0)
+            return;
+        const alreadyFocusable = items.some((item) => item.tabIndex === 0);
+        if (alreadyFocusable)
+            return;
+        items.forEach((item, index) => {
+            item.tabIndex = index === 0 ? 0 : -1;
+        });
+    });
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented)
+            return;
+        const items = getItems();
+        if (items.length === 0)
+            return;
+        const isHorizontal = (props["aria-orientation"] ?? orientation) === "horizontal";
+        const nextKey = isHorizontal ? "ArrowRight" : "ArrowDown";
+        const prevKey = isHorizontal ? "ArrowLeft" : "ArrowUp";
+        const currentIndex = items.indexOf(document.activeElement);
+        let targetIndex = -1;
+        if (event.key === nextKey) {
+            targetIndex =
+                currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;
+        }
+        else if (event.key === prevKey) {
+            targetIndex =
+                currentIndex === -1
+                    ? items.length - 1
+                    : (currentIndex - 1 + items.length) % items.length;
+        }
+        else if (event.key === "Home") {
+            targetIndex = 0;
+        }
+        else if (event.key === "End") {
+            targetIndex = items.length - 1;
+        }
+        if (targetIndex >= 0) {
+            event.preventDefault();
+            items[targetIndex]?.focus();
+        }
+    };
+    const handleFocus = (event) => {
+        const target = event.target;
+        if (!target || !target.hasAttribute("data-toolbar-item"))
+            return;
+        const items = getItems();
+        if (items.length === 0)
+            return;
+        items.forEach((item) => {
+            item.tabIndex = item === target ? 0 : -1;
+        });
+    };
+    return (_jsx(ToolbarContext.Provider, { value: { orientation, size: size ?? "default" }, children: _jsx("div", { ref: setRef, role: "toolbar", "aria-orientation": orientation, "data-slot": "toolbar", "data-orientation": orientation, "data-variant": variant ?? "default", "data-size": size ?? "default", onKeyDown: handleKeyDown, onFocusCapture: handleFocus, className: cn(toolbarVariants({ variant, size }), className), ...props, children: children }) }));
+}
+Toolbar.displayName = "Toolbar";
+export const toolbarItemVariantIds = [
+    "default",
+    "primary",
+    "destructive",
+];
+const toolbarItemSizes = {
+    sm: "h-7 min-w-7 px-2 text-xs [&_svg]:size-3.5",
+    default: "h-8 min-w-8 px-2.5 text-sm [&_svg]:size-4",
+    lg: "h-9 min-w-9 px-3 text-sm [&_svg]:size-4",
+};
+const toolbarItemVariants = cva("inline-flex select-none items-center justify-center gap-1.5 rounded-sm font-medium leading-none whitespace-nowrap outline-none transition-colors 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-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", {
+    variants: {
+        variant: {
+            default: "text-foreground hover:bg-accent hover:text-accent-foreground data-[pressed=true]:bg-accent data-[pressed=true]:text-accent-foreground data-[active=true]:bg-accent data-[active=true]:text-accent-foreground",
+            primary: "text-primary hover:bg-primary/10 data-[pressed=true]:bg-primary data-[pressed=true]:text-primary-foreground data-[active=true]:bg-primary data-[active=true]:text-primary-foreground",
+            destructive: "text-destructive hover:bg-destructive/10 data-[pressed=true]:bg-destructive data-[pressed=true]:text-destructive-foreground data-[active=true]:bg-destructive data-[active=true]:text-destructive-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function ToolbarButton({ className, variant, active, disabled, type = "button", asChild = false, ref, ...props }) {
+    const ctx = useToolbarContext("ToolbarButton");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: type, disabled: disabled, "data-toolbar-item": "", "data-slot": "toolbar-button", "data-active": active ? "true" : undefined, "data-disabled": disabled ? "true" : undefined, tabIndex: -1, className: cn(toolbarItemVariants({ variant }), toolbarItemSizes[ctx.size], className), ...props }));
+}
+ToolbarButton.displayName = "ToolbarButton";
+function ToolbarToggle({ className, variant, pressed = false, onPressedChange, onClick, disabled, type = "button", asChild = false, ref, ...props }) {
+    const ctx = useToolbarContext("ToolbarToggle");
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: type, disabled: disabled, "aria-pressed": pressed, "data-toolbar-item": "", "data-slot": "toolbar-toggle", "data-state": pressed ? "on" : "off", "data-pressed": pressed ? "true" : "false", "data-disabled": disabled ? "true" : undefined, tabIndex: -1, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented)
+                return;
+            onPressedChange?.(!pressed);
+        }, className: cn(toolbarItemVariants({ variant }), toolbarItemSizes[ctx.size], className), ...props }));
+}
+ToolbarToggle.displayName = "ToolbarToggle";
+function ToolbarLink({ className, variant, children, ref, ...props }) {
+    const ctx = useToolbarContext("ToolbarLink");
+    return (_jsx("a", { ref: ref, "data-toolbar-item": "", "data-slot": "toolbar-link", tabIndex: -1, className: cn(toolbarItemVariants({ variant }), toolbarItemSizes[ctx.size], "underline-offset-2 hover:underline", className), ...props, children: children }));
+}
+ToolbarLink.displayName = "ToolbarLink";
+function ToolbarSeparator({ className, ref, ...props }) {
+    const ctx = useToolbarContext("ToolbarSeparator");
+    const separatorOrientation = ctx.orientation === "horizontal" ? "vertical" : "horizontal";
+    return (_jsx("div", { ref: ref, role: "separator", "aria-orientation": separatorOrientation, "data-slot": "toolbar-separator", "data-orientation": separatorOrientation, className: cn("shrink-0 bg-border", separatorOrientation === "vertical"
+            ? "mx-0.5 h-5 w-px"
+            : "my-0.5 h-px w-full", className), ...props }));
+}
+ToolbarSeparator.displayName = "ToolbarSeparator";
+function ToolbarGroup({ className, ref, ...props }) {
+    const ctx = useToolbarContext("ToolbarGroup");
+    return (_jsx("div", { ref: ref, role: "group", "data-slot": "toolbar-group", "data-orientation": ctx.orientation, className: cn("flex items-center gap-0.5", ctx.orientation === "vertical" && "flex-col items-stretch", className), ...props }));
+}
+ToolbarGroup.displayName = "ToolbarGroup";
+function ToolbarSpacer({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "aria-hidden": "true", "data-slot": "toolbar-spacer", className: cn("flex-1", className), ...props }));
+}
+ToolbarSpacer.displayName = "ToolbarSpacer";
+export { Toolbar, ToolbarButton, ToolbarToggle, ToolbarLink, ToolbarSeparator, ToolbarGroup, ToolbarSpacer, toolbarVariants, toolbarItemVariants, };
+//# sourceMappingURL=toolbar.js.map

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

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

package/package.json

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