create-yoya-ui 0.2.0 → 0.2.2

package/templates/admin/node_modules/@yoyaflow/yoya-ui/types/navigation.d.ts

@@ -0,0 +1,275 @@
+import type {
+  ChildInput,
+  ElementFactory,
+  ElementOptions,
+  SetupCallback,
+  SetupInput
+} from './core.js';
+import type { HtmlElementNode } from './html.js';
+
+export type MenuOrientation = 'vertical' | 'horizontal';
+export type StepStatus = 'process' | 'finish' | 'error';
+export type StepDirection = 'horizontal' | 'vertical';
+export type StepSize = 'small' | 'default';
+export type TabsOrientation = 'horizontal' | 'vertical';
+export type TabsVariant = 'line' | 'card' | 'pills';
+export type TabsSize = 'default' | 'large' | 'small';
+
+/** Anchor navigation with scroll tracking. */
+export class VAnchor extends HtmlElementNode {
+  ariaLabel(content: ChildInput): VAnchor;
+  offset(): number;
+  offset(value: number): VAnchor;
+  target(): string;
+  target(value: string | Element): VAnchor;
+  items(value: Array<string | VAnchorItem | AnchorItemOptions>): VAnchor;
+  child(...children: ChildInput[]): this;
+  active(): string;
+  active(value: string): VAnchor;
+  activeHref(): string;
+  activeHref(value: string): VAnchor;
+}
+
+export interface AnchorItemOptions {
+  title?: ChildInput;
+  href?: string;
+  children?: Array<string | VAnchorItem | AnchorItemOptions>;
+  [key: string]: any;
+}
+
+export class VAnchorItem extends HtmlElementNode {
+  title(content?: ChildInput): this;
+  text(content?: ChildInput): this;
+  label(content?: ChildInput): this;
+  href(value: string): VAnchorItem;
+  nested(setup: SetupInput<HtmlElementNode>): VAnchorItem;
+  subItems(setup: SetupInput<HtmlElementNode>): VAnchorItem;
+  active(value?: boolean): VAnchorItem;
+}
+
+/** Breadcrumb navigation. */
+export class VBreadcrumb extends HtmlElementNode {
+  ariaLabel(content: ChildInput): VBreadcrumb;
+  separator(content: ChildInput): VBreadcrumb;
+  items(value: Array<string | VBreadcrumbItem | BreadcrumbItemOptions>): VBreadcrumb;
+  child(...children: ChildInput[]): this;
+}
+
+export interface BreadcrumbItemOptions {
+  label?: ChildInput;
+  href?: string;
+  active?: boolean;
+  [key: string]: any;
+}
+
+export class VBreadcrumbItem extends HtmlElementNode {
+  label(content?: ChildInput): this;
+  text(content?: ChildInput): this;
+  content(content: ChildInput): VBreadcrumbItem;
+  href(value: string): VBreadcrumbItem;
+  to(value: string): VBreadcrumbItem;
+  active(value?: boolean): VBreadcrumbItem;
+  current(value?: boolean): VBreadcrumbItem;
+}
+
+/** Menu container with keyboard navigation. */
+export class VMenu extends HtmlElementNode {
+  orientation(): MenuOrientation;
+  orientation(value?: MenuOrientation): VMenu;
+  child(...children: ChildInput[]): this;
+  horizontal(): VMenu;
+  vertical(): VMenu;
+}
+
+/** Menu group label. */
+export class VMenuDivider extends HtmlElementNode {}
+
+/** Menu item with label/icon/shortcut/state helpers. */
+export class VMenuItem extends HtmlElementNode {
+  text(content?: ChildInput): this;
+  label(content?: ChildInput): this;
+  content(content: ChildInput): VMenuItem;
+  icon(content: ChildInput): VMenuItem;
+  shortcut(content: ChildInput): VMenuItem;
+  active(value?: boolean): VMenuItem;
+  danger(value?: boolean): VMenuItem;
+  disabled(value?: boolean): VMenuItem;
+  hoverable(value?: boolean): VMenuItem;
+}
+
+/** Menu group with an optional label. */
+export class VMenuGroup extends HtmlElementNode {
+  label(content?: ChildInput): this;
+  title(content?: ChildInput): this;
+  child(...children: ChildInput[]): this;
+}
+
+/** Collapsible sub-menu. */
+export class VSubMenu extends HtmlElementNode {
+  trigger(): HtmlElementNode;
+  trigger(setup: SetupInput<HtmlElementNode>): VSubMenu;
+  label(content?: ChildInput): this;
+  text(content?: ChildInput): this;
+  menuContent(): HtmlElementNode;
+  menuContent(setup: SetupInput<HtmlElementNode>): VSubMenu;
+  inline(value?: boolean): VSubMenu;
+  disabled(value?: boolean): VSubMenu;
+  open(value?: boolean): VSubMenu;
+  close(): VSubMenu;
+  toggle(): VSubMenu;
+}
+
+/** Collapsible sidebar shell. */
+export class VSidebar extends HtmlElementNode {
+  title(content?: ChildInput): this;
+  ariaLabel(content: ChildInput): VSidebar;
+  menuContent(): HtmlElementNode;
+  menuContent(setup: SetupInput<HtmlElementNode>): VSidebar;
+  collapsed(value?: boolean): VSidebar;
+  toggle(): VSidebar;
+  responsive(query?: string): VSidebar;
+}
+
+/** Top navigation bar. */
+export class VNavbar extends HtmlElementNode {
+  ariaLabel(content: ChildInput): VNavbar;
+  sticky(value?: boolean): VNavbar;
+  title(content?: ChildInput): this;
+  subtitle(content: ChildInput): VNavbar;
+  brand(setup: SetupInput<HtmlElementNode>): VNavbar;
+  menuContent(setup: SetupInput<HtmlElementNode>): VNavbar;
+  actions(setup: SetupInput<HtmlElementNode>): VNavbar;
+}
+
+export interface StepItemOptions {
+  title?: ChildInput;
+  description?: ChildInput;
+  icon?: ChildInput;
+  status?: StepStatus;
+  [key: string]: any;
+}
+
+/** Step indicator. */
+export class VStep extends HtmlElementNode {
+  title(content?: ChildInput): this;
+  text(content?: ChildInput): this;
+  description(content: ChildInput): VStep;
+  desc(content: ChildInput): VStep;
+  icon(content: ChildInput): VStep;
+  status(): StepStatus | null;
+  status(value: StepStatus | null): VStep;
+}
+
+/** Step progress list. */
+export class VSteps extends HtmlElementNode {
+  current(): number;
+  current(value: number): VSteps;
+  status(): StepStatus;
+  status(value: StepStatus): VSteps;
+  direction(): StepDirection;
+  direction(value: StepDirection): VSteps;
+  size(): StepSize;
+  size(value: StepSize): VSteps;
+  items(value: Array<string | VStep | StepItemOptions>): VSteps;
+  next(): VSteps;
+  prev(): VSteps;
+  child(...children: ChildInput[]): this;
+}
+
+export interface TabItemOptions {
+  key?: string;
+  label?: ChildInput;
+  content?: ChildInput | SetupCallback<HtmlElementNode>;
+  disabled?: boolean;
+  [key: string]: any;
+}
+
+/** Single tab. */
+export class VTab extends HtmlElementNode {
+  key(): string;
+  key(value: string): VTab;
+  value(): unknown;
+  value(value: unknown): VTab;
+  label(content?: ChildInput): this;
+  text(content?: ChildInput): this;
+  title(content?: ChildInput): this;
+  icon(content: ChildInput): VTab;
+  content(setup: ChildInput | SetupCallback<HtmlElementNode>): VTab;
+  disabled(value: boolean): VTab;
+  active(value: boolean): VTab;
+}
+
+/** Tab group with selection state. */
+export class VTabs extends HtmlElementNode {
+  children(): HtmlElementNode[];
+  items(value: Array<string | VTab | TabItemOptions>): VTabs;
+  child(...children: ChildInput[]): this;
+  active(): string | number;
+  active(value: string | number): VTabs;
+  activeIndex(): number;
+  activeIndex(value: number): VTabs;
+  ariaLabel(content: ChildInput): VTabs;
+  orientation(): TabsOrientation;
+  orientation(value: TabsOrientation): VTabs;
+  variant(): TabsVariant;
+  variant(value: TabsVariant): VTabs;
+  size(): TabsSize;
+  size(value: TabsSize): VTabs;
+  change(): ((key: string | number, index: number) => void) | null;
+  change(handler: ((key: string | number, index: number) => void) | null): VTabs;
+  onChange(handler: ((key: string | number, index: number) => void) | null): VTabs;
+  next(): VTabs;
+  prev(): VTabs;
+}
+
+export const vAnchor: ElementFactory<VAnchor>;
+export const vAnchorItem: ElementFactory<VAnchorItem>;
+export const vBreadcrumb: ElementFactory<VBreadcrumb>;
+export const vBreadcrumbItem: ElementFactory<VBreadcrumbItem>;
+export const vMenu: ElementFactory<VMenu>;
+export const vMenuDivider: ElementFactory<VMenuDivider>;
+export const vMenuGroup: ElementFactory<VMenuGroup>;
+export const vMenuItem: ElementFactory<VMenuItem>;
+export const vNavbar: ElementFactory<VNavbar>;
+export const vSidebar: ElementFactory<VSidebar>;
+export const vStep: ElementFactory<VStep>;
+export const vSteps: ElementFactory<VSteps>;
+export const vSubMenu: ElementFactory<VSubMenu>;
+export const vTab: ElementFactory<VTab>;
+export const vTabs: ElementFactory<VTabs>;
+
+/** Parent-shortcut surface merged onto HtmlElementNode. */
+export interface NavigationParentShortcuts {
+  vAnchor(first?: SetupInput<VAnchor> | null, callback?: SetupCallback<VAnchor>): VAnchor;
+  vAnchorItem(
+    first?: SetupInput<VAnchorItem> | null,
+    callback?: SetupCallback<VAnchorItem>
+  ): VAnchorItem;
+  vBreadcrumb(
+    first?: SetupInput<VBreadcrumb> | null,
+    callback?: SetupCallback<VBreadcrumb>
+  ): VBreadcrumb;
+  vBreadcrumbItem(
+    first?: SetupInput<VBreadcrumbItem> | null,
+    callback?: SetupCallback<VBreadcrumbItem>
+  ): VBreadcrumbItem;
+  vMenu(first?: SetupInput<VMenu> | null, callback?: SetupCallback<VMenu>): VMenu;
+  vMenuDivider(
+    first?: SetupInput<VMenuDivider> | null,
+    callback?: SetupCallback<VMenuDivider>
+  ): VMenuDivider;
+  vMenuGroup(
+    first?: SetupInput<VMenuGroup> | null,
+    callback?: SetupCallback<VMenuGroup>
+  ): VMenuGroup;
+  vMenuItem(first?: SetupInput<VMenuItem> | null, callback?: SetupCallback<VMenuItem>): VMenuItem;
+  vNavbar(first?: SetupInput<VNavbar> | null, callback?: SetupCallback<VNavbar>): VNavbar;
+  vSidebar(first?: SetupInput<VSidebar> | null, callback?: SetupCallback<VSidebar>): VSidebar;
+  vStep(first?: SetupInput<VStep> | null, callback?: SetupCallback<VStep>): VStep;
+  vSteps(first?: SetupInput<VSteps> | null, callback?: SetupCallback<VSteps>): VSteps;
+  vSubMenu(first?: SetupInput<VSubMenu> | null, callback?: SetupCallback<VSubMenu>): VSubMenu;
+  vTab(first?: SetupInput<VTab> | null, callback?: SetupCallback<VTab>): VTab;
+  vTabs(first?: SetupInput<VTabs> | null, callback?: SetupCallback<VTabs>): VTabs;
+}
+
+export type { ElementOptions };

package/templates/admin/node_modules/@yoyaflow/yoya-ui/types/router.d.ts

@@ -0,0 +1,123 @@
+import type {
+  ChildInput,
+  ElementFactory,
+  ElementNode,
+  ElementOptions,
+  SetupCallback,
+  SetupInput
+} from './core.js';
+import type { HtmlElementNode } from './html.js';
+
+export type RouterMode = 'hash' | 'history';
+
+export interface RouteContext {
+  path: string;
+  params: Record<string, string>;
+  query: Record<string, string>;
+  route: RouteDeclaration | null;
+}
+
+export type RouteView = ChildInput | ((context: RouteContext) => ChildInput | Promise<ChildInput>);
+
+export interface RouteConfig {
+  view?: RouteView;
+  component?: RouteView;
+  beforeEnter?: (context: RouteContext) => boolean | void | Promise<boolean | void>;
+  [key: string]: any;
+}
+
+export interface RouteDeclaration {
+  pattern: string;
+  config: RouteConfig | RouteView;
+}
+
+export type RouterGuard = (context: RouteContext) => boolean | void | Promise<boolean | void>;
+
+export interface NavigateOptions {
+  replace?: boolean;
+  state?: unknown;
+}
+
+/** Hash/history router as a view node. */
+export class Router extends ElementNode {
+  default(path: string): Router;
+  mode(): RouterMode;
+  mode(value: RouterMode): Router;
+  route(pattern: string, config: RouteConfig | RouteView): Router;
+  /** Declarative route registration (available on vRouter instances). */
+  vRoute(pattern: string, config: RouteConfig | RouteView): Router;
+  notFound(view: RouteView): Router;
+  loading(view: RouteView): Router;
+  error(view: RouteView): Router;
+  beforeEach(guard: RouterGuard): Router;
+  start(): Router;
+  stop(): Router;
+  navigate(path: string, options?: NavigateOptions): Router;
+  refresh(): Router;
+  renderPath(path: string): Router;
+  currentPath(): string;
+  currentParams(): Record<string, string>;
+  currentQuery(): Record<string, string>;
+  currentRoute(): RouteDeclaration | null;
+  currentView(): ViewNodeLike | null;
+  outlet(): ElementNode;
+  outlet(value: ElementNode): Router;
+  subscribe(listener: (router: Router) => void): () => void;
+  go(delta: number): Router;
+  back(): Router;
+  forward(): Router;
+}
+
+/** Minimal node shape returned by currentView(). */
+export interface ViewNodeLike {
+  toHTML(): string;
+  renderDom(): Node | null;
+  destroy(): unknown;
+  [key: string]: any;
+}
+
+/** Creates a router; alias of createRouter. */
+export const router: typeof createRouter;
+
+/** Creates a router with optional setup. */
+export const createRouter: ElementFactory<Router> & {
+  (first?: SetupInput<Router> | null, callback?: SetupCallback<Router>): Router;
+};
+
+/** Declares a route (used inside route lists). */
+export function vRoute(pattern: string, config: RouteConfig | RouteView): RouteDeclaration;
+
+/** Declarative router container. */
+export const vRouter: ElementFactory<Router> & {
+  (first?: SetupInput<Router> | null, callback?: SetupCallback<Router>): Router;
+};
+
+/** Router link with to/params/query/replace/exact helpers. */
+export function vLink(
+  routerInstance: Router,
+  setup?: SetupInput<HtmlElementNode> | null,
+  callback?: SetupCallback<HtmlElementNode>
+): HtmlElementNode;
+
+/** Current-route outlet bound to a router. */
+export function vRouterView(
+  routerInstance: Router,
+  setup?: SetupInput<HtmlElementNode> | null,
+  callback?: SetupCallback<HtmlElementNode>
+): HtmlElementNode;
+
+/** Multi-outlet router view. */
+export function vRouterViews(
+  routerInstance: Router,
+  setup?: SetupInput<HtmlElementNode> | null,
+  callback?: SetupCallback<HtmlElementNode>
+): HtmlElementNode;
+
+/**
+ * Parent-shortcut surface merged onto HtmlElementNode. Router shortcuts
+ * (vRouter/vLink/vRouterView/vRouterViews) live on ElementNode and are
+ * inherited; this interface is kept for the shared DSL merge point.
+ */
+export interface RouterParentShortcuts {}
+
+export type { ElementOptions };

package/templates/admin/node_modules/@yoyaflow/yoya-ui/types/ssr.d.ts

@@ -0,0 +1,124 @@
+import type { ComponentLike, I18n, ViewNode } from './core.js';
+import type { HtmlElementNode } from './html.js';
+
+export type PageFactory<S = unknown> = (state: S) => ViewNode | ComponentLike | PageFactory<S>;
+
+/**
+ * Optional i18n binding for render/mount/hydrate: an I18n instance, or a
+ * factory receiving the request state. When provided, the ".s()" string
+ * shortcut is automatically scoped to that instance during the build.
+ */
+export interface SsrI18nOption<S = unknown> {
+  i18n?: I18n | ((state: S | null) => I18n);
+}
+
+export interface RenderOptions<S = unknown> extends SsrI18nOption<S> {
+  maxNodes?: number;
+  state?: S | null;
+}
+
+export interface RenderResult {
+  exceeded: boolean;
+  html: string;
+  state: string | null;
+}
+
+/** Raw request fields accepted by resolveLocale; extraction is done by the caller. */
+export interface LocaleInput {
+  /** Raw Cookie request header string. */
+  cookie?: string;
+  /** Request URL (path + query, or full URL). */
+  url?: string;
+  /** Raw Accept-Language request header string. */
+  acceptLanguage?: string;
+}
+
+export interface ResolveLocaleOptions {
+  /** Cookie key holding the locale identifier. Defaults to "yoya-lang". */
+  cookieKey?: string;
+  /** Query key used as fallback. Defaults to "locale". */
+  queryKey?: string;
+  /** Locale returned when nothing matches. Defaults to "zh-CN". */
+  defaultLanguage?: string;
+}
+
+/**
+ * Resolves the locale identifier from a request with priority
+ * cookie > query > Accept-Language > defaultLanguage. Only receives raw
+ * strings, so it works with any framework; extract the fields yourself
+ * (e.g. req.headers.cookie or request.headers.get('cookie')).
+ */
+export function resolveLocale(input?: LocaleInput | null, options?: ResolveLocaleOptions): string;
+
+/**
+ * Server-side render: serializes a page factory/component to HTML plus initial
+ * state. Exceeds maxNodes, falls back to client rendering.
+ */
+export function renderToString<S = unknown>(
+  component: ViewNode | ComponentLike | PageFactory<S>,
+  options?: RenderOptions<S>
+): RenderResult;
+
+/** Serializes state to a JSON string safe to inline into <script>. */
+export function serializeState(state: unknown): string | null;
+
+/** Parses serialized state; null/empty input returns null. */
+export function parseState(serialized: string | null | undefined): unknown;
+
+/** Client-side full mount: rebuilds the tree and replaces the target content. */
+export function mount<S = unknown>(
+  component: ViewNode | ComponentLike | PageFactory<S>,
+  target: string | ParentNode,
+  state?: S | null,
+  options?: SsrI18nOption<S>
+): ViewNode;
+
+/** Hydrates server-rendered DOM: adopts elements and binds pending events. */
+export function hydrate<S = unknown>(
+  component: ViewNode | ComponentLike | PageFactory<S>,
+  target: string | ParentNode,
+  state?: S | null,
+  options?: SsrI18nOption<S>
+): ViewNode;
+
+/** Document builder node used by renderPage: head/body callbacks build the page. */
+export class PageDocumentNode extends HtmlElementNode {
+  head(callback: (node: HtmlElementNode, state: unknown) => void): PageDocumentNode;
+  body(callback: (node: HtmlElementNode, state: unknown) => void): PageDocumentNode;
+  vBody(...args: unknown[]): PageDocumentNode;
+}
+
+export interface RenderPageConfig<S = unknown> {
+  page: (page: PageDocumentNode, state: S | null) => void;
+}
+
+export interface RenderPageOptions<S = unknown> extends SsrI18nOption<S> {
+  /** Per-request dictionary; builds an I18n instance from state.lang. */
+  messages?: Record<string, any>;
+  maxNodes?: number;
+  /** State container id. Defaults to "__YOYA_DATA__". */
+  stateId?: string;
+  /** Hydration container id. Defaults to "app". */
+  containerId?: string;
+  /** Client entry script src. Defaults to "/client.js". */
+  client?: string;
+}
+
+/** Renders a complete HTML document from DSL-defined head/body. */
+export function renderPage<S = unknown>(
+  config: RenderPageConfig<S>,
+  state?: S | null,
+  options?: RenderPageOptions<S>
+): string;
+
+export interface HydrateOrMountOptions<S = unknown> extends SsrI18nOption<S> {
+  messages?: Record<string, any>;
+  stateId?: string;
+  target?: string | ParentNode;
+}
+
+/** Client bootstrap: reads state and hydrates or mounts in one call. */
+export function hydrateOrMount<S = unknown>(
+  component: ViewNode | ComponentLike | PageFactory<S>,
+  options?: HydrateOrMountOptions<S>
+): ViewNode | null;

package/templates/admin/node_modules/@yoyaflow/yoya-ui/types/svg.d.ts

@@ -0,0 +1,159 @@
+import type {
+  ElementNode,
+  ElementOptions,
+  SetupCallback,
+  SetupInput,
+  StyleInput,
+  StyleValue
+} from './core.js';
+
+export const SVG_NAMESPACE: string;
+
+/**
+ * SvgElementNode is an SVG-namespace element node. SVG child shortcuts are
+ * only registered here, keeping the HTML and SVG DSLs separate.
+ */
+export class SvgElementNode extends ElementNode {
+  /** SVG text hosts accept raw text; other elements create <text> children. */
+  text(
+    ...args: Array<
+      string | number | SetupCallback<SvgElementNode> | ElementOptions | null | undefined
+    >
+  ): this;
+
+  renderDom(): SVGElement | null;
+}
+
+/** Signature shared by SVG factories: accepts any number of setup inputs. */
+export interface SvgElementFactory {
+  (...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+}
+
+/** SVG child shortcuts registered on SvgElementNode. */
+export interface SvgChildShortcuts {
+  svg(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  animate(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  animateMotion(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  animateTransform(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  circle(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  clipPath(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  defs(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  desc(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  ellipse(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feBlend(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feColorMatrix(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feComponentTransfer(
+    ...setups: Array<SetupInput<SvgElementNode> | null | undefined>
+  ): SvgElementNode;
+  feComposite(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feConvolveMatrix(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feDiffuseLighting(
+    ...setups: Array<SetupInput<SvgElementNode> | null | undefined>
+  ): SvgElementNode;
+  feDisplacementMap(
+    ...setups: Array<SetupInput<SvgElementNode> | null | undefined>
+  ): SvgElementNode;
+  feDistantLight(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feDropShadow(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feFlood(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feFuncA(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feFuncB(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feFuncG(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feFuncR(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feGaussianBlur(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feImage(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feMerge(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feMergeNode(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feMorphology(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feOffset(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  fePointLight(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feSpecularLighting(
+    ...setups: Array<SetupInput<SvgElementNode> | null | undefined>
+  ): SvgElementNode;
+  feSpotLight(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feTile(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  feTurbulence(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  filter(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  foreignObject(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  g(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  image(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  line(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  linearGradient(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  marker(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  mask(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  metadata(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  mpath(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  path(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  pattern(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  polygon(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  polyline(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  radialGradient(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  rect(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  set(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  stop(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  a(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  script(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  switch(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  title(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  symbol(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  textPath(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  tspan(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  use(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+  view(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+}
+
+/** Merged SVG child shortcut surface on SvgElementNode. */
+export interface SvgElementNode extends SvgChildShortcuts {}
+
+/** The svg shortcut registered on HtmlElementNode. */
+export interface SvgParentShortcuts {
+  svg(...setups: Array<SetupInput<SvgElementNode> | null | undefined>): SvgElementNode;
+}
+
+/** Creates an <svg> element; the only SVG entry visible from HTML DSL. */
+export const svg: SvgElementFactory;
+
+// Built-in icon factories (each returns an SVG node).
+export function ArrowDownOutlined(): SvgElementNode;
+export function ArrowLeftOutlined(): SvgElementNode;
+export function ArrowRightOutlined(): SvgElementNode;
+export function ArrowUpOutlined(): SvgElementNode;
+export function BellOutlined(): SvgElementNode;
+export function CalendarOutlined(): SvgElementNode;
+export function CheckOutlined(): SvgElementNode;
+export function ChevronDownOutlined(): SvgElementNode;
+export function ChevronLeftOutlined(): SvgElementNode;
+export function ChevronRightOutlined(): SvgElementNode;
+export function ChevronUpOutlined(): SvgElementNode;
+export function CloseOutlined(): SvgElementNode;
+export function CodeOutlined(): SvgElementNode;
+export function CopyOutlined(): SvgElementNode;
+export function DownloadOutlined(): SvgElementNode;
+export function EditOutlined(): SvgElementNode;
+export function ExternalOutlined(): SvgElementNode;
+export function EyeOutlined(): SvgElementNode;
+export function FileOutlined(): SvgElementNode;
+export function FolderOutlined(): SvgElementNode;
+export function FolderOpenOutlined(): SvgElementNode;
+export function HeartOutlined(): SvgElementNode;
+export function HomeOutlined(): SvgElementNode;
+export function ImageOutlined(): SvgElementNode;
+export function InfoOutlined(): SvgElementNode;
+export function LockOutlined(): SvgElementNode;
+export function LogoutOutlined(): SvgElementNode;
+export function MailOutlined(): SvgElementNode;
+export function MenuOutlined(): SvgElementNode;
+export function MinusOutlined(): SvgElementNode;
+export function MoreHorizontalOutlined(): SvgElementNode;
+export function PlusOutlined(): SvgElementNode;
+export function RefreshOutlined(): SvgElementNode;
+export function SearchOutlined(): SvgElementNode;
+export function SettingsOutlined(): SvgElementNode;
+export function StarOutlined(): SvgElementNode;
+export function TrashOutlined(): SvgElementNode;
+export function UploadOutlined(): SvgElementNode;
+export function UserOutlined(): SvgElementNode;
+export function WarningOutlined(): SvgElementNode;
+export function SunOutlined(): SvgElementNode;
+export function MoonOutlined(): SvgElementNode;
+export function MonitorOutlined(): SvgElementNode;