import type { DragEventModel } from './types'; import type { Snippet } from 'svelte'; declare function $$render(): { props: { /** * String tokens this zone accepts. Empty array = accept any drag. Compared against the * `type` field of whatever `DragSource` set on the shared store. */ acceptedEvents: string[]; disabled?: boolean; /** Offset (px) for the dashed-border overlay. Positive values outset, negative inset. @default 0 */ highlightOffset?: number; /** Suppress the built-in dashed-border + fill visual; the host paints its own. */ silent?: boolean; /** * When `true`, the zone paints a red shield on hover if there's a drag in progress whose * type is NOT in `acceptedEvents`. Useful when the zone is visible and the user might * think it accepts the dragged item — explicit refusal beats silent inertia. @default false */ showRejection?: boolean; children?: Snippet; on?: { drop: (e: DragEventModel) => void; enter?: (e: DragEventModel) => void; leave?: () => void; }; }; exports: {}; bindings: ""; slots: {}; events: {}; }; declare class __sveltets_Render { props(): ReturnType>['props']; events(): ReturnType>['events']; slots(): ReturnType>['slots']; bindings(): ""; exports(): {}; } interface $$IsomorphicComponent { new (options: import('svelte').ComponentConstructorOptions['props']>>): import('svelte').SvelteComponent['props']>, ReturnType<__sveltets_Render['events']>, ReturnType<__sveltets_Render['slots']>> & { $$bindings?: ReturnType<__sveltets_Render['bindings']>; } & ReturnType<__sveltets_Render['exports']>; (internal: unknown, props: ReturnType<__sveltets_Render['props']> & {}): ReturnType<__sveltets_Render['exports']>; z_$$bindings?: ReturnType<__sveltets_Render['bindings']>; } /** * Reactive drop target paired with `DragSource` via the `DragAndDrop` singleton store. When a * source starts dragging a `DragEventModel` whose `type` is listed in `acceptedEvents` (or * when `acceptedEvents` is empty — accept any), the zone activates a dashed-border outline; on * hover (`dragover`) the outline becomes solid and the body fills with the accent tint. The * consumer handles the actual drop via `on.drop`. * * Set `silent` when the host paints its own active / hover visuals; the zone keeps the event * plumbing but skips the built-in chrome. Use `highlightOffset` to outset the dashed border * (e.g. when the host has a rounded background that should remain visible inside the border). * Pass `showRejection` to paint a red shield when the zone is hovered with a drag whose type * isn't in `acceptedEvents` — useful for visible zones where silent inertia could be confusing. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--drop-zone--border-color` | Dashed outline color (active, idle) | `var(--sc-kit--color--accent)` | * | `--sc-kit--drop-zone--border-color--hover` | Solid outline color on dragover | `var(--sc-kit--color--accent)` | * | `--sc-kit--drop-zone--background--hover` | Translucent fill on dragover (overlays content) | 12% accent tint over transparent | * | `--sc-kit--drop-zone--border-color--reject` | Solid outline color when hovered with a rejected type (requires `showRejection`) | `var(--sc-kit--color--danger)` | * | `--sc-kit--drop-zone--background--reject` | Translucent fill when hovered with a rejected type | 12% danger tint over transparent | * | `--sc-kit--drop-zone--border-radius` | Outline radius | `var(--sc-kit--radius--sm)` | */ declare const Cmp: $$IsomorphicComponent; type Cmp = InstanceType>; export default Cmp;