@panphora/bevel 0.1.0

package/dist/react/index.d.ts

@@ -0,0 +1,76 @@
+export * from './provider.js';
+export * from './components/activity-feed.js';
+export * from './components/alert-dialog.js';
+export * from './components/app-shell.js';
+export * from './components/app-toolbar.js';
+export * from './components/avatar-group.js';
+export * from './components/badge-and-pill.js';
+export * from './components/breadcrumbs.js';
+export * from './components/bulk-bar.js';
+export * from './components/button.js';
+export * from './components/callout-and-hint.js';
+export * from './components/checkbox.js';
+export * from './components/chip.js';
+export * from './components/code-block.js';
+export * from './components/column-manager.js';
+export * from './components/combobox.js';
+export * from './components/data-grid.js';
+export * from './components/data-table.js';
+export * from './components/date.js';
+export * from './components/details.js';
+export * from './components/dialog.js';
+export * from './components/diff-view.js';
+export * from './components/documents.js';
+export * from './components/drawer.js';
+export * from './components/editable-grid-cells.js';
+export * from './components/eyebrow-kicker-lede-pull-quote.js';
+export * from './components/field.js';
+export * from './components/file.js';
+export * from './components/files-table.js';
+export * from './components/filter-builder.js';
+export * from './components/form-error-summary.js';
+export * from './components/icon.js';
+export * from './components/icon-button.js';
+export * from './components/image.js';
+export * from './components/inline-edit.js';
+export * from './components/input.js';
+export * from './components/kanban-board.js';
+export * from './components/layout.js';
+export * from './components/list.js';
+export * from './components/masthead-and-verdict.js';
+export * from './components/menu.js';
+export * from './components/multi-select-picker.js';
+export * from './components/note.js';
+export * from './components/number-field.js';
+export * from './components/pagination.js';
+export * from './components/persistent-action-banner.js';
+export * from './components/popconfirm.js';
+export * from './components/popover.js';
+export * from './components/progress-and-gauge.js';
+export * from './components/radio.js';
+export * from './components/rich-text-toolbar.js';
+export * from './components/rows-and-card.js';
+export * from './components/save-status-indicator.js';
+export * from './components/segmented-control.js';
+export * from './components/select.js';
+export * from './components/selectable-cards.js';
+export * from './components/settings-rows.js';
+export * from './components/sidebar-nav.js';
+export * from './components/skeleton-and-empty.js';
+export * from './components/slider.js';
+export * from './components/small-charts.js';
+export * from './components/sortable.js';
+export * from './components/split-button.js';
+export * from './components/split-panes.js';
+export * from './components/stat-tiles.js';
+export * from './components/steps.js';
+export * from './components/switch.js';
+export * from './components/table.js';
+export * from './components/tabs.js';
+export * from './components/tags.js';
+export * from './components/textarea.js';
+export * from './components/toast.js';
+export * from './components/tooltip-and-key.js';
+export * from './components/tree-view.js';
+export * from './components/upload-dropzone.js';
+export * from './components/wizard-shell.js';

package/dist/react/index.js

@@ -0,0 +1,77 @@
+"use client";
+export * from "./provider.js";
+export * from "./components/activity-feed.js";
+export * from "./components/alert-dialog.js";
+export * from "./components/app-shell.js";
+export * from "./components/app-toolbar.js";
+export * from "./components/avatar-group.js";
+export * from "./components/badge-and-pill.js";
+export * from "./components/breadcrumbs.js";
+export * from "./components/bulk-bar.js";
+export * from "./components/button.js";
+export * from "./components/callout-and-hint.js";
+export * from "./components/checkbox.js";
+export * from "./components/chip.js";
+export * from "./components/code-block.js";
+export * from "./components/column-manager.js";
+export * from "./components/combobox.js";
+export * from "./components/data-grid.js";
+export * from "./components/data-table.js";
+export * from "./components/date.js";
+export * from "./components/details.js";
+export * from "./components/dialog.js";
+export * from "./components/diff-view.js";
+export * from "./components/documents.js";
+export * from "./components/drawer.js";
+export * from "./components/editable-grid-cells.js";
+export * from "./components/eyebrow-kicker-lede-pull-quote.js";
+export * from "./components/field.js";
+export * from "./components/file.js";
+export * from "./components/files-table.js";
+export * from "./components/filter-builder.js";
+export * from "./components/form-error-summary.js";
+export * from "./components/icon.js";
+export * from "./components/icon-button.js";
+export * from "./components/image.js";
+export * from "./components/inline-edit.js";
+export * from "./components/input.js";
+export * from "./components/kanban-board.js";
+export * from "./components/layout.js";
+export * from "./components/list.js";
+export * from "./components/masthead-and-verdict.js";
+export * from "./components/menu.js";
+export * from "./components/multi-select-picker.js";
+export * from "./components/note.js";
+export * from "./components/number-field.js";
+export * from "./components/pagination.js";
+export * from "./components/persistent-action-banner.js";
+export * from "./components/popconfirm.js";
+export * from "./components/popover.js";
+export * from "./components/progress-and-gauge.js";
+export * from "./components/radio.js";
+export * from "./components/rich-text-toolbar.js";
+export * from "./components/rows-and-card.js";
+export * from "./components/save-status-indicator.js";
+export * from "./components/segmented-control.js";
+export * from "./components/select.js";
+export * from "./components/selectable-cards.js";
+export * from "./components/settings-rows.js";
+export * from "./components/sidebar-nav.js";
+export * from "./components/skeleton-and-empty.js";
+export * from "./components/slider.js";
+export * from "./components/small-charts.js";
+export * from "./components/sortable.js";
+export * from "./components/split-button.js";
+export * from "./components/split-panes.js";
+export * from "./components/stat-tiles.js";
+export * from "./components/steps.js";
+export * from "./components/switch.js";
+export * from "./components/table.js";
+export * from "./components/tabs.js";
+export * from "./components/tags.js";
+export * from "./components/textarea.js";
+export * from "./components/toast.js";
+export * from "./components/tooltip-and-key.js";
+export * from "./components/tree-view.js";
+export * from "./components/upload-dropzone.js";
+export * from "./components/wizard-shell.js";

package/dist/react/integrations/quickcrop.d.ts

@@ -0,0 +1,58 @@
+import { type ComponentProps, type RefObject } from 'react';
+import { Dialog } from '../components/dialog.js';
+export interface QuickcropResult {
+    blob: Blob;
+    dataURL: string;
+    width: number;
+    height: number;
+}
+export interface QuickcropOptions {
+    aspect?: number;
+    type?: string;
+    quality?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    minSize?: number;
+    labels?: {
+        confirm?: string;
+    };
+}
+export interface QuickcropSession {
+    content: HTMLElement;
+    confirmLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export interface QuickcropModal {
+    fit: () => {
+        width: number;
+        height: number;
+    };
+    open: (session: QuickcropSession) => {
+        close: () => void;
+    };
+}
+export type QuickcropFunction = (file: Blob, options: QuickcropOptions & {
+    modal: QuickcropModal;
+}) => Promise<QuickcropResult | null>;
+export interface QuickcropController {
+    crop: (file: File, options?: QuickcropOptions) => Promise<QuickcropResult | null>;
+    cancel: () => void;
+    reset: () => Promise<QuickcropResult | null>;
+    setAspect: (aspect?: number) => Promise<QuickcropResult | null>;
+    session: QuickcropSession | null;
+    pending: boolean;
+    error: Error | null;
+    returnFocusRef: RefObject<HTMLElement | null>;
+}
+export declare function useQuickcrop({ quickcrop, onResult, onError }: {
+    quickcrop: QuickcropFunction;
+    onResult?: (result: QuickcropResult) => void;
+    onError?: (error: Error) => void;
+}): QuickcropController;
+export interface QuickcropDialogProps extends Omit<ComponentProps<typeof Dialog.Popup>, 'children'> {
+    cropper: QuickcropController;
+    title?: string;
+    children?: React.ReactNode;
+}
+export declare function QuickcropDialog({ cropper, title, children, style, ...props }: QuickcropDialogProps): import("react").JSX.Element;

package/dist/react/integrations/quickcrop.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Dialog } from "../components/dialog.js";
+import { Button } from "../components/button.js";
+function useQuickcrop({ quickcrop, onResult, onError }) {
+  const [session, setSession] = useState(null), [pending, setPending] = useState(false), [error, setError] = useState(null);
+  const latest = useRef({ quickcrop, onResult, onError });
+  latest.current = { quickcrop, onResult, onError };
+  const mounted = useRef(true), generation = useRef(0), active = useRef(null), previous = useRef(Promise.resolve(null));
+  const returnFocusRef = useRef(null);
+  const source = useRef(null);
+  const cancel = useCallback(() => {
+    generation.current++;
+    const session2 = active.current;
+    active.current = null;
+    session2?.onCancel();
+    if (mounted.current) {
+      setSession(null);
+      setPending(false);
+    }
+  }, []);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      cancel();
+    };
+  }, [cancel]);
+  const start = useCallback((file, options, initial) => {
+    cancel();
+    const token = generation.current, prior = previous.current;
+    source.current = { file, options, initial };
+    if (mounted.current) {
+      setPending(true);
+      setError(null);
+    }
+    const current = () => mounted.current && generation.current === token;
+    const requireCurrent = () => {
+      if (!current()) throw new Error("The crop request was replaced or closed.");
+    };
+    const result = (async () => {
+      await prior;
+      if (!current()) return null;
+      try {
+        if (typeof latest.current.quickcrop !== "function") throw new Error("useQuickcrop requires a consumer supplied quickcrop function.");
+        const result2 = await latest.current.quickcrop(file, { ...options, modal: {
+          fit: () => {
+            requireCurrent();
+            return { width: Math.max(120, Math.min(648, window.innerWidth - 148)), height: Math.max(120, window.innerHeight - 332) };
+          },
+          open: (supplied) => {
+            requireCurrent();
+            let used = false;
+            const host = { ...supplied, onConfirm: () => {
+              if (used || !current()) return;
+              used = true;
+              supplied.onConfirm();
+            }, onCancel: () => {
+              if (used) return;
+              used = true;
+              supplied.onCancel();
+            } };
+            active.current = host;
+            setSession(host);
+            return { close: () => {
+              if (active.current === host) active.current = null;
+              if (current()) setSession(null);
+            } };
+          }
+        } });
+        if (!current()) return null;
+        if (result2) latest.current.onResult?.(result2);
+        return result2;
+      } catch (cause) {
+        if (current()) {
+          const error2 = cause instanceof Error ? cause : new Error(String(cause));
+          setError(error2);
+          latest.current.onError?.(error2);
+        }
+        return null;
+      } finally {
+        if (current()) {
+          active.current = null;
+          setSession(null);
+          setPending(false);
+        }
+      }
+    })();
+    previous.current = result;
+    return result;
+  }, [cancel]);
+  const crop = useCallback((file, options = {}) => {
+    returnFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    return start(file, options, options);
+  }, [start]);
+  const reset = useCallback(() => source.current ? start(source.current.file, source.current.initial, source.current.initial) : Promise.resolve(null), [start]);
+  const setAspect = useCallback((aspect) => source.current ? start(source.current.file, { ...source.current.options, aspect }, source.current.initial) : Promise.resolve(null), [start]);
+  return { session, pending, error, cancel, crop, reset, setAspect, returnFocusRef };
+}
+function Stage({ session }) {
+  const host = useRef(null);
+  useEffect(() => {
+    const node = host.current;
+    node.append(session.content);
+    return () => {
+      if (session.content.parentElement === node) session.content.remove();
+    };
+  }, [session]);
+  return /* @__PURE__ */ jsx("div", { ref: host, className: "bevel-r-quickcrop__stage" });
+}
+function QuickcropDialog({ cropper, title = "Crop image", children, style, ...props }) {
+  const size = { width: "min(48rem, calc(100vw - 2rem))", maxWidth: "none" };
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: cropper.session !== null, onOpenChange: (open) => {
+    if (!open) cropper.cancel();
+  }, children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx(Dialog.Backdrop, {}),
+    /* @__PURE__ */ jsxs(Dialog.Popup, { finalFocus: cropper.returnFocusRef, ...props, style: typeof style === "function" ? (state) => ({ ...size, ...style(state) }) : { ...size, ...style }, children: [
+      /* @__PURE__ */ jsxs(Dialog.Header, { children: [
+        /* @__PURE__ */ jsx(Dialog.Title, { children: title }),
+        /* @__PURE__ */ jsx(Dialog.Description, { children: "Adjust the selection, then confirm the crop." })
+      ] }),
+      /* @__PURE__ */ jsxs(Dialog.Body, { children: [
+        cropper.session && /* @__PURE__ */ jsx(Stage, { session: cropper.session }),
+        children
+      ] }),
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(Button, { onClick: cropper.cancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => cropper.session?.onConfirm(), children: cropper.session?.confirmLabel ?? "Crop" })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  QuickcropDialog,
+  useQuickcrop
+};

package/dist/react/integrations/richclay.d.ts

@@ -0,0 +1,43 @@
+import { type ComponentProps } from 'react';
+import { type RichTextController } from '../internal/rich-text.js';
+export type { RichTextController } from '../internal/rich-text.js';
+interface Control {
+    id?: string;
+    value?: string;
+    label: string;
+    isActive?: (editor: RichclayInstance) => boolean;
+    isDisabled?: (editor: RichclayInstance) => boolean;
+    options?: readonly Control[];
+    run?: (editor: RichclayInstance) => unknown;
+}
+interface SquireEvents {
+    addEventListener: (type: string, listener: (event: Event) => void) => void;
+    removeEventListener: (type: string, listener: (event: Event) => void) => void;
+}
+export interface RichclayInstance {
+    element: HTMLElement;
+    registry: ReadonlyMap<string, Control>;
+    squire: SquireEvents | null;
+    getHTML: () => string;
+    setHTML: (html: string) => unknown;
+    focus: () => unknown;
+    saveSelection: () => unknown;
+    restoreSelection: () => unknown;
+    runControl: (control: Control) => unknown;
+    destroy: () => void;
+}
+export type RichclayConstructor = new (element: HTMLElement, options: Record<string, unknown>) => RichclayInstance;
+export interface RichclayEditorProps extends Omit<ComponentProps<'div'>, 'children' | 'dangerouslySetInnerHTML' | 'defaultValue' | 'onChange'> {
+    RichClay: RichclayConstructor;
+    Squire: unknown;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (html: string) => void;
+    onReady?: (controller: RichTextController | null) => void;
+    readOnly?: boolean;
+    inline?: boolean;
+    singleLine?: boolean;
+    placeholder?: string;
+    sanitize?: Record<string, unknown>;
+}
+export declare function RichclayEditor({ RichClay, Squire, value, defaultValue, onValueChange, onReady, readOnly, inline, singleLine, placeholder, sanitize, ref, ...props }: RichclayEditorProps): import("react").JSX.Element;

package/dist/react/integrations/richclay.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useReducer, useRef } from "react";
+import { nativePart } from "../internal/part.js";
+import { useMergedRefs } from "../internal/refs.js";
+import { emptyRichTextSnapshot } from "../internal/rich-text.js";
+const Host = nativePart("div", "bevel-r-richtext__editor");
+function RichclayEditor({ RichClay, Squire, value, defaultValue = "", onValueChange, onReady, readOnly = false, inline = false, singleLine = false, placeholder, sanitize, ref, ...props }) {
+  const host = useRef(null), merged = useMergedRefs(ref, host), instance = useRef(null);
+  const latest = useRef({ value, onValueChange, onReady }), content = useRef(value ?? defaultValue), suppress = useRef(false);
+  const [, refreshValue] = useReducer((revision) => revision + 1, 0);
+  const canonical = useRef({ html: "" });
+  latest.current = { value, onValueChange, onReady };
+  useEffect(() => {
+    if (typeof RichClay !== "function" || !Squire) throw new Error("RichclayEditor requires the consumer supplied RichClay constructor and Squire.");
+    const node = host.current, listeners = /* @__PURE__ */ new Set();
+    let active = true, snapshot = emptyRichTextSnapshot;
+    const editor = new RichClay(node, {
+      Squire,
+      hyperclay: false,
+      toolbar: false,
+      readOnly,
+      inline,
+      singleLine,
+      placeholder,
+      sanitize,
+      onChange: (html) => {
+        if (active && !suppress.current) {
+          content.current = html;
+          latest.current.onValueChange?.(html);
+          refreshValue();
+        }
+      }
+    });
+    instance.current = editor;
+    suppress.current = true;
+    try {
+      editor.setHTML(latest.current.value ?? content.current);
+    } finally {
+      suppress.current = false;
+    }
+    canonical.current = { value: latest.current.value, html: editor.getHTML() };
+    const readCommand = (control, id) => ({
+      id,
+      label: control.label,
+      active: Boolean(control.isActive?.(editor)),
+      disabled: readOnly || Boolean(control.isDisabled?.(editor)),
+      toggle: typeof control.isActive === "function",
+      ...control.options ? { options: control.options.map((option) => readCommand(option, `${id}:${option.value}`)) } : {}
+    });
+    const refresh = (event) => {
+      if (!active) return;
+      const history = event;
+      const state = history?.detail ?? history;
+      const selection = node.ownerDocument.getSelection(), range = selection?.rangeCount && selection.getRangeAt(0), rect = range && !selection?.isCollapsed && node.contains(range.commonAncestorContainer) ? range.getBoundingClientRect?.() : null;
+      const next = {
+        commands: [...editor.registry].map(([id, control]) => readCommand(control, id)),
+        canUndo: state?.canUndo ?? snapshot.canUndo,
+        canRedo: state?.canRedo ?? snapshot.canRedo,
+        selection: rect ? { left: rect.left, top: rect.top, width: rect.width, height: rect.height } : null
+      };
+      next.commands = next.commands.map((command) => command.id === "undo" ? { ...command, disabled: command.disabled || !next.canUndo } : command.id === "redo" ? { ...command, disabled: command.disabled || !next.canRedo } : command);
+      if (JSON.stringify(next) === JSON.stringify(snapshot)) return;
+      snapshot = next;
+      listeners.forEach((listener) => listener());
+    };
+    const controller = {
+      subscribe: (listener) => {
+        listeners.add(listener);
+        return () => {
+          listeners.delete(listener);
+        };
+      },
+      getSnapshot: () => snapshot,
+      focus: () => {
+        if (active) editor.focus();
+      },
+      getHTML: () => editor.getHTML(),
+      saveSelection: () => {
+        if (active) editor.saveSelection();
+      },
+      run: (id) => {
+        if (!active || readOnly) return;
+        const [parent, option] = id.split(":"), control = option ? editor.registry.get(parent)?.options?.find((control2) => control2.value === option) : editor.registry.get(id);
+        if (!control?.run) throw new Error(`Richclay command is unavailable: ${id}`);
+        editor.restoreSelection();
+        editor.runControl(control);
+        refresh();
+      }
+    };
+    const events = ["input", "pathChange", "select", "cursor", "undoStateChange"];
+    events.forEach((type) => editor.squire?.addEventListener(type, refresh));
+    node.ownerDocument.addEventListener("selectionchange", refresh);
+    refresh();
+    latest.current.onReady?.(controller);
+    return () => {
+      active = false;
+      content.current = editor.getHTML();
+      events.forEach((type) => editor.squire?.removeEventListener(type, refresh));
+      node.ownerDocument.removeEventListener("selectionchange", refresh);
+      listeners.clear();
+      latest.current.onReady?.(null);
+      editor.destroy();
+      instance.current = null;
+    };
+  }, [RichClay, Squire, readOnly, inline, singleLine]);
+  useEffect(() => {
+    const editor = instance.current;
+    if (value === void 0 || !editor) return;
+    const html = editor.getHTML();
+    if (value === html) {
+      canonical.current = { value, html };
+      return;
+    }
+    if (canonical.current.value === value && canonical.current.html === html) return;
+    suppress.current = true;
+    try {
+      editor.setHTML(value);
+      content.current = value;
+      canonical.current = { value, html: editor.getHTML() };
+    } finally {
+      suppress.current = false;
+    }
+  });
+  return /* @__PURE__ */ jsx(Host, { role: "textbox", "aria-multiline": !singleLine, "aria-readonly": readOnly || void 0, ...props, ref: merged });
+}
+export {
+  RichclayEditor
+};

package/dist/react/internal/classes.d.ts

@@ -0,0 +1,3 @@
+export type StateClassName<State> = string | ((state: State) => string | undefined);
+export declare function classes<State>(base: string, extra?: StateClassName<State>): StateClassName<State>;
+export declare function cx(...values: Array<string | false | null | undefined>): string;

package/dist/react/internal/classes.js

@@ -0,0 +1,10 @@
+function classes(base, extra) {
+  return typeof extra === "function" ? (state) => [base, extra(state)].filter(Boolean).join(" ") : [base, extra].filter(Boolean).join(" ");
+}
+function cx(...values) {
+  return values.filter(Boolean).join(" ");
+}
+export {
+  classes,
+  cx
+};

package/dist/react/internal/close-mark.d.ts

@@ -0,0 +1 @@
+export declare function CloseMark(): import("react").JSX.Element;

package/dist/react/internal/close-mark.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ICONS } from "@panphora/bevel/icons";
+const close = ICONS.close;
+function CloseMark() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: close.viewBox, fill: "currentColor", "aria-hidden": "true", focusable: "false", dangerouslySetInnerHTML: { __html: close.inner } });
+}
+export {
+  CloseMark
+};

package/dist/react/internal/controllable-state.d.ts

@@ -0,0 +1,9 @@
+export interface ChangeDetails {
+    reason: string;
+    event?: Event | React.SyntheticEvent;
+}
+export declare function useControllableState<Value>({ value, defaultValue, onChange }: {
+    value?: Value;
+    defaultValue: Value;
+    onChange?: (value: Value, details: ChangeDetails) => void;
+}): [Value, (next: Value | ((previous: Value) => Value), details: ChangeDetails) => void];

package/dist/react/internal/controllable-state.js

@@ -0,0 +1,22 @@
+"use client";
+import { useCallback, useRef, useState } from "react";
+function useControllableState({ value, defaultValue, onChange }) {
+  const [internal, setInternal] = useState(defaultValue);
+  const current = value !== void 0 ? value : internal;
+  const latest = useRef({ current, value, onChange });
+  latest.current = { current, value, onChange };
+  const change = useCallback((next, details) => {
+    const previous = latest.current;
+    const result = typeof next === "function" ? next(previous.current) : next;
+    if (Object.is(result, previous.current)) return;
+    if (previous.value === void 0) {
+      latest.current = { ...previous, current: result };
+      setInternal(result);
+    }
+    previous.onChange?.(result, details);
+  }, []);
+  return [current, change];
+}
+export {
+  useControllableState
+};

package/dist/react/internal/drop-effect.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The drop effect a tree should negotiate for one drag.
+ *
+ * `dropEffect` is not a cursor label. A value that does not intersect the source's `effectAllowed`
+ * makes the browser refuse the drop outright: `dragover` is prevented, `drop` NEVER fires, and the
+ * only trace is `dragend` reporting `dropEffect === 'none'`. So a hardcoded `'copy'` cancels every
+ * move a consumer's own rows offer, while the hover paint still looks correct, which is why the
+ * paint is not the thing to assert.
+ *
+ * Files dragged in from the desktop are always a copy. Anything dragged inside the page is a move
+ * when the source permits one, which is what a row dropped on a folder means.
+ *
+ * ⚠ This is a pure function rather than a closure because **the DOM cannot test it.** Writing
+ * `effectAllowed` on a synthetic `DataTransfer` does not stick in Chrome: the value stays `'none'`
+ * whatever you assign. Measured 2026-09-17 across all nine `effectAllowed` values plus a fresh
+ * transfer, with and without files, and every case reported `effectAllowed: 'none'` and
+ * `defaultPrevented: false`. A synthetic drag therefore always takes the "source permits nothing"
+ * branch, so no dispatched event can tell one mapping from another and every such test reads as a
+ * pass. Testing a real drag needs CDP drag interception. Keeping the decision pure is what makes
+ * the mapping assertable at all.
+ */
+export interface DropEffectInput {
+    /** True when the drag carries files from outside the page, which is always a copy. */
+    external: boolean;
+    /** The source's `effectAllowed`, or undefined when there is no transfer to read. */
+    effectAllowed: string | undefined;
+}
+export declare function dropEffectFor({ external, effectAllowed }: DropEffectInput): 'copy' | 'move';

package/dist/react/internal/drop-effect.js

@@ -0,0 +1,8 @@
+const MOVE_ALLOWED = /* @__PURE__ */ new Set(["move", "copyMove", "linkMove", "all", "uninitialized"]);
+function dropEffectFor({ external, effectAllowed }) {
+  if (external) return "copy";
+  return effectAllowed === void 0 || MOVE_ALLOWED.has(effectAllowed) ? "move" : "copy";
+}
+export {
+  dropEffectFor
+};

package/dist/react/internal/form-reset.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare function useFormReset(input: RefObject<HTMLInputElement | null>, reset: (event: Event) => void): void;

package/dist/react/internal/form-reset.js

@@ -0,0 +1,22 @@
+"use client";
+import { useEffect, useRef } from "react";
+function useFormReset(input, reset) {
+  const latest = useRef(reset);
+  latest.current = reset;
+  useEffect(() => {
+    const form = input.current?.form;
+    if (!form) return;
+    let active = true;
+    const listener = (event) => queueMicrotask(() => {
+      if (active && !event.defaultPrevented) latest.current(event);
+    });
+    form.addEventListener("reset", listener);
+    return () => {
+      active = false;
+      form.removeEventListener("reset", listener);
+    };
+  });
+}
+export {
+  useFormReset
+};

package/dist/react/internal/format.d.ts

@@ -0,0 +1 @@
+export declare function formatBytes(value: number): string;