feat(primitives): media-editor components, category reorg, perf + type cleanup

Reorganize components into category folders (forms/canvas/overlays/etc.); add the
media-editor headless family (timeline, curve-editor, waveform, crop, color
picker, etc.); apply perf fixes (O(1) collection lookups, plain-object drag
state, gesture-leak teardown, shallowRef color state, rect caching) and replace
source `any` with proper types.
This commit is contained in:
2026-06-15 16:54:29 +07:00
parent 661a55719e
commit eefd7abf83
1029 changed files with 65815 additions and 9449 deletions
@@ -0,0 +1,33 @@
import type { ComputedRef, Ref } from 'vue';
import type { Direction } from '../../utilities/config-provider';
import { useContextFactory } from '@robonen/vue';
export interface PinInputContext {
value: Ref<string[]>;
length: ComputedRef<number>;
mask: ComputedRef<boolean>;
otp: ComputedRef<boolean>;
type: ComputedRef<'text' | 'number'>;
disabled: ComputedRef<boolean>;
placeholder: ComputedRef<string>;
dir: ComputedRef<Direction>;
isComplete: ComputedRef<boolean>;
inputs: Ref<HTMLInputElement[]>;
register: (el: HTMLInputElement) => void;
unregister: (el: HTMLInputElement) => void;
setAt: (index: number, char: string) => void;
clearAt: (index: number) => void;
focusIndex: (index: number) => void;
/**
* Move focus relative to `index` by `delta` (`±1`) or to an absolute edge,
* skipping disabled cells. RTL-aware navigation is resolved by the caller.
*/
focusRelative: (index: number, delta: number, absolute?: 'home' | 'end') => void;
/** Index of the first cell whose value is still empty, or `-1` if all filled. */
firstEmptyIndex: () => number;
}
const ctx = useContextFactory<PinInputContext>('PinInputContext');
export const providePinInputContext = ctx.provide;
export const usePinInputContext = ctx.inject;