@dryui/feedback 0.0.2

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

@@ -0,0 +1,46 @@
+import { Toolbar } from '@dryui/ui/toolbar';
+import type { ConnectionStatus, FeedbackSettings } from '../types.js';
+interface Props {
+    annotationCount: number;
+    hasOutput?: boolean;
+    placementCount?: number;
+    sectionCount?: number;
+    copyLabel?: string;
+    copyState?: 'idle' | 'copied';
+    copyDisabled?: boolean;
+    submitLabel?: string;
+    submitState?: 'idle' | 'sending' | 'sent' | 'failed';
+    submitDisabled?: boolean;
+    active: boolean;
+    hidden?: boolean;
+    paused?: boolean;
+    layoutActive?: boolean;
+    rearrangeActive?: boolean;
+    markersVisible?: boolean;
+    connectionStatus?: ConnectionStatus;
+    endpoint?: string;
+    sessionId?: string | null;
+    settings?: FeedbackSettings;
+    webhookUrl?: string;
+    shortcut?: string;
+    onToggleActive: () => void;
+    onCopy: () => void;
+    canSubmit?: boolean;
+    onSubmit?: () => void;
+    onClear: () => void;
+    onSettingsChange?: (settings: FeedbackSettings) => void;
+    onLayout?: () => void;
+    onRearrange?: () => void;
+    onPause?: () => void;
+    onToggleMarkers?: () => void;
+    onHide?: () => void;
+    canUndo?: boolean;
+    canRedo?: boolean;
+    onUndo?: () => void;
+    onRedo?: () => void;
+    onNewPage?: () => void;
+    class?: string;
+}
+declare const Toolbar: import("svelte").Component<Props, {}, "">;
+type Toolbar = ReturnType<typeof Toolbar>;
+export default Toolbar;

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+import type { AnnotationColor, FeedbackSettings } from './types.js';
+export interface AnnotationColorOption {
+    readonly value: AnnotationColor;
+    readonly label: string;
+    readonly swatch: string;
+}
+export declare const DEFAULT_SETTINGS: FeedbackSettings;
+export declare const ANNOTATION_COLOR_OPTIONS: AnnotationColorOption[];
+export declare function normalizeAnnotationColor(color: string | null | undefined): AnnotationColor;

package/dist/constants.js

@@ -0,0 +1,37 @@
+export const DEFAULT_SETTINGS = {
+    outputDetail: 'standard',
+    autoClearAfterCopy: false,
+    annotationColor: 'brand',
+    blockInteractions: true,
+    svelteDetection: true,
+    markerClickBehavior: 'edit',
+    theme: 'dark',
+    webhookUrl: '',
+    webhooksEnabled: true,
+};
+export const ANNOTATION_COLOR_OPTIONS = [
+    { value: 'brand', label: 'Brand', swatch: 'var(--dry-color-fill-brand, #4f46e5)' },
+    { value: 'info', label: 'Info', swatch: 'var(--dry-color-fill-info, #0ea5e9)' },
+    { value: 'success', label: 'Success', swatch: 'var(--dry-color-fill-success, #16a34a)' },
+    { value: 'warning', label: 'Warning', swatch: 'var(--dry-color-fill-warning, #d97706)' },
+    { value: 'error', label: 'Error', swatch: 'var(--dry-color-fill-error, #dc2626)' },
+    { value: 'neutral', label: 'Neutral', swatch: 'var(--dry-color-fill, #6b7280)' },
+];
+const LEGACY_ANNOTATION_COLOR_MAP = {
+    indigo: 'brand',
+    blue: 'info',
+    cyan: 'info',
+    green: 'success',
+    yellow: 'warning',
+    orange: 'warning',
+    red: 'error',
+};
+export function normalizeAnnotationColor(color) {
+    if (!color)
+        return DEFAULT_SETTINGS.annotationColor;
+    if (color in LEGACY_ANNOTATION_COLOR_MAP) {
+        return LEGACY_ANNOTATION_COLOR_MAP[color];
+    }
+    return (ANNOTATION_COLOR_OPTIONS.find((option) => option.value === color)?.value ??
+        DEFAULT_SETTINGS.annotationColor);
+}