import { BaseElementAttributesTagNameMap, Child, PrefixedElementTag, SpecialAttributes } from "../types.js";
import { computed, signal } from "alien-signals";

//#region src/alien-signals/types.d.ts
type Signal<T> = ReturnType<typeof signal<T>>;
type Computed<T> = ReturnType<typeof computed<T>>;
type MaybeReactive<T> = T | Signal<T> | Computed<T>;
type MayBeReactiveObject<T extends object> = { [K in keyof T]: MaybeReactive<T[K]> };
type ReactiveChild = Signal<Child> | Signal<Child[]> | Computed<Child> | Computed<Child[]>;
type Children = Child | Child[] | ReactiveChild;
type ClassSignalAttribute = MaybeReactive<string> | MaybeReactive<string[]> | {
  [className: string]: MaybeReactive<boolean>;
};
type StyleSignalAttribute = MaybeReactive<string> | Partial<MayBeReactiveObject<CSSStyleDeclaration>>;
type DataSignalAttribute = MayBeReactiveObject<SpecialAttributes['data']>;
type InnerHTMLSignalAttribute = MaybeReactive<string>;
type SpecialAttributesSignal = SpecialAttributes<ClassSignalAttribute, StyleSignalAttribute, DataSignalAttribute, Children, InnerHTMLSignalAttribute>;
type WithChildren<T> = T & {
  /**
   * Adds child nodes to the element. When this attribute is used, `innerHTML` must not be provided.
   */
  children?: SpecialAttributesSignal['children'];
  innerHTML?: never;
};
type WithInnerHTML<T> = T & {
  /**
   * Sets the innerHTML of the element. When this attribute is used, `children` must not be provided.
   * Attention: Using `innerHTML` can expose your application to security risks like Cross-Site Scripting (XSS) attacks if the content is not properly sanitized.
   */
  innerHTML?: InnerHTMLSignalAttribute;
  children?: never;
};
type ElementAttributesTagNameMap = { [T in PrefixedElementTag]: Partial<MayBeReactiveObject<BaseElementAttributesTagNameMap[T]> & SpecialAttributesSignal & Readonly<Record<string | symbol, unknown>>> };
//#endregion
export { Children, Computed, ElementAttributesTagNameMap, WithChildren, WithInnerHTML };
//# sourceMappingURL=types.d.ts.map