@ravileal/ui 0.0.0-stage → 0.1.0

package/dist/internal/ScreenCaptureOverlay.d.ts

@@ -0,0 +1,16 @@
+export interface ScreenCapture {
+    dataUrl: string;
+    width: number;
+    height: number;
+    context: CanvasRenderingContext2D;
+}
+export interface ScreenCaptureOverlayProps {
+    capture: ScreenCapture;
+    labels?: {
+        pickFromScreen?: string;
+        clickToPick?: string;
+    };
+    onPick: (hex: string) => void;
+    onCancel: () => void;
+}
+export default function ScreenCaptureOverlay({ capture, labels, onPick, onCancel, }: ScreenCaptureOverlayProps): import('react').ReactPortal | null;

package/dist/internal/clipboard.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copies text to the clipboard with a legacy fallback.
+ *
+ * `navigator.clipboard` is unavailable on insecure origins (plain HTTP on a
+ * non-localhost host) and its promise can reject (permission denied, document
+ * not focused). The previous call sites used `writeText(...).then(...)` without
+ * a catch, so any failure silently swallowed the whole click feedback. This
+ * helper always resolves to a boolean and falls back to the deprecated
+ * `execCommand('copy')`, which still works without the async clipboard API.
+ */
+export declare function copyToClipboard(text: string): Promise<boolean>;

package/dist/internal/color.utils.d.ts

@@ -0,0 +1,21 @@
+export interface Rgb {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface Hsv {
+    /** Hue 0-360 */
+    h: number;
+    /** Saturation 0-1 */
+    s: number;
+    /** Value/brightness 0-1 */
+    v: number;
+}
+export declare function normalizeHex(raw: string): string | null;
+export declare function hexToRgb(hex: string): Rgb | null;
+export declare function rgbToHex(rgb: Rgb): string;
+export declare function rgbToHsv(rgb: Rgb): Hsv;
+export declare function hsvToRgb(hsv: Hsv): Rgb;
+export declare function hsvToHex(hsv: Hsv): string;
+export declare function hexToHsv(hex: string): Hsv | null;
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/internal/screen-color-picker.d.ts

@@ -0,0 +1,12 @@
+export interface PixelPoint {
+    x: number;
+    y: number;
+}
+/**
+ * Maps a viewport pointer position to a pixel of the captured screen frame.
+ * The overlay renders the frozen frame stretched to the viewport, so the
+ * mapping is linear; values are clamped to the image bounds.
+ */
+export declare function mapClientToPixel(clientX: number, clientY: number, viewportWidth: number, viewportHeight: number, imageWidth: number, imageHeight: number): PixelPoint;
+/** Whether the browser can capture the screen for the live colour preview. */
+export declare function supportsScreenPick(): boolean;

package/dist/internal/tone.d.ts

@@ -0,0 +1 @@
+export type Tone = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'accent' | 'purple';

package/dist/internal/useFocusTrap.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+export declare function useFocusTrap({ active, containerRef, initialFocusRef, onEscape, }: {
+    active: boolean;
+    containerRef: RefObject<HTMLElement | null>;
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    onEscape: () => void;
+}): void;

package/dist/internal/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,6 @@
+import { useEffect } from 'react';
+/**
+ * `useLayoutEffect` warns when rendered on the server. The library supports
+ * ReactDOMServer, so components use `useEffect` in that environment instead.
+ */
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/dist/internal/usePopover.d.ts

@@ -0,0 +1,30 @@
+export interface PopoverPosition {
+    left: number;
+    top?: number;
+    bottom?: number;
+    /** Fixed menu width; omitted when the menu shrinks to its content. */
+    width?: number;
+    maxHeight: number;
+}
+/**
+ * Shared popover behavior for custom dropdowns/date pickers: anchors a portaled
+ * menu to its trigger, flips above when there is no room below, repositions on
+ * scroll/resize and closes on outside click or Escape.
+ */
+export declare function usePopover({ maxHeight, minWidth, fitContent, onEscape, onDismiss, }: {
+    maxHeight: number;
+    minWidth?: number;
+    /** Let the menu shrink to its content instead of matching the trigger width. */
+    fitContent?: boolean;
+    /** Return true to handle Escape without closing the popover (e.g. collapse a submenu). */
+    onEscape?: () => boolean | void;
+    /** Called when the popover is dismissed by an outside click or Escape (before closing). */
+    onDismiss?: () => void;
+}): {
+    open: boolean;
+    pos: PopoverPosition;
+    triggerRef: import('react').RefObject<HTMLButtonElement>;
+    menuRef: import('react').RefObject<HTMLDivElement>;
+    openMenu: () => void;
+    closeMenu: (refocus?: boolean) => void;
+};