@mpen/jsxhtml 0.3.0 → 0.4.0

package/dist/htmlspec/elements/textarea.d.ts

@@ -0,0 +1,66 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+import type { Numeric } from '../attributes/StandardGlobalAttributes';
+export interface TextareaAttributes extends CommonAttributes<ElementForTag<'textarea'>> {
+    /**
+     * Controls whether the browser may automatically complete the value and provides guidance about the type of information expected in the field.
+     *
+     * Possible values:
+     * - off
+     * - on
+     */
+    autocomplete?: 'on' | 'off' | string;
+    /**
+     * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is `20`.
+     */
+    cols?: Numeric;
+    /**
+     * The **`dirname`** attribute can be used on the textarea element and several input types and describes the directionality of the element's text content during form submission. The browser uses this attribute's value to determine whether text the user has entered is left-to-right or right-to-left oriented. When used, the element's text directionality value is included in form submission data along with the `dirname` attribute's value as the name of the field.
+     */
+    dirname?: string;
+    /**
+     * The Boolean **`disabled`** attribute, when present, makes the element not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+     */
+    disabled?: boolean;
+    /**
+     * The `form` HTML attribute associates a form-associated element with a form element within the same document. This attribute applies to the button, fieldset, input, object, output, select, and textarea elements.
+     */
+    form?: string;
+    /**
+     * The **`maxlength`** attribute defines the maximum string length that the user can enter into an input or textarea. The attribute must have an integer value of 0 or higher.
+     */
+    maxlength?: Numeric;
+    /**
+     * The **`minlength`** attribute defines the minimum string length that the user can enter into an input or textarea. The attribute must have an integer value of 0 or higher.
+     */
+    minlength?: Numeric;
+    /**
+     * The name of the control.
+     */
+    name?: string;
+    /**
+     * The **`placeholder`** attribute defines the text displayed in a form control when the control has no value. The placeholder text should provide a brief hint to the user as to the expected type of data that should be entered into the control.
+     */
+    placeholder?: string;
+    /**
+     * The Boolean **`readonly`** attribute, when present, makes the element not mutable, meaning the user can not edit the control.
+     */
+    readonly?: boolean;
+    /**
+     * The Boolean **`required`** attribute, if present, indicates that the user must specify a value for the input before the owning form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The number of visible text lines for the control. If it is specified, it must be a positive integer. If it is not specified, the default value is 2.
+     */
+    rows?: Numeric;
+    /**
+     * Indicates how the control should wrap the value for form submission. Possible values are: If this attribute is not specified, `soft` is its default value.
+     *
+     * Possible values:
+     * - hard
+     * - soft
+     * - off
+     */
+    wrap?: 'hard' | 'soft' | 'off';
+}

package/dist/htmlspec/elements/tfoot.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface TfootAttributes extends CommonAttributes<ElementForTag<'tfoot'>> {
+}

package/dist/htmlspec/elements/th.d.ts

@@ -0,0 +1,31 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+import type { Numeric } from '../attributes/StandardGlobalAttributes';
+export interface ThAttributes extends CommonAttributes<ElementForTag<'th'>> {
+    /**
+     * A short, abbreviated description of the header cell's content provided as an alternative label to use for the header cell when referencing the cell in other contexts. Some user-agents, such as screen readers, may present this description before the content itself.
+     */
+    abbr?: string;
+    /**
+     * A non-negative integer value indicating how many columns the header cell spans or extends. The default value is `1`. User agents dismiss values higher than 1000 as incorrect, defaulting such values to `1`.
+     */
+    colspan?: Numeric;
+    /**
+     * A list of space-separated strings corresponding to the `id` attributes of the `<th ` elements that provide the headers for this header cell.
+     */
+    headers?: string;
+    /**
+     * A non-negative integer value indicating how many rows the header cell spans or extends. The default value is `1`; if its value is set to `0`, the header cell will extend to the end of the table grouping section (thead, tbody, tfoot, even if implicitly defined), that the `<th ` belongs to. Values higher than `65534` are clipped at `65534`.
+     */
+    rowspan?: Numeric;
+    /**
+     * Defines the cells that the header (defined in the `<th `) element relates to. Possible enumerated values are: If the `scope` attribute is not specified, or its value is not `row`, `col`, `rowgroup`, or `colgroup`, then browsers automatically select the set of cells to which the header cell applies. The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.
+     *
+     * Possible values:
+     * - row
+     * - col
+     * - rowgroup
+     * - colgroup
+     */
+    scope?: 'row' | 'col' | 'rowgroup' | 'colgroup';
+}

package/dist/htmlspec/elements/thead.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface TheadAttributes extends CommonAttributes<ElementForTag<'thead'>> {
+}

package/dist/htmlspec/elements/time.d.ts

@@ -0,0 +1,8 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface TimeAttributes extends CommonAttributes<ElementForTag<'time'>> {
+    /**
+     * This attribute indicates the time and/or date of the element and must be in one of the formats described below.
+     */
+    datetime?: string;
+}

package/dist/htmlspec/elements/title.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface TitleAttributes extends CommonAttributes<ElementForTag<'title'>> {
+}

package/dist/htmlspec/elements/tr.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface TrAttributes extends CommonAttributes<ElementForTag<'tr'>> {
+}

package/dist/htmlspec/elements/track.d.ts

@@ -0,0 +1,31 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface TrackAttributes extends CommonAttributes<ElementForTag<'track'>> {
+    /**
+     * This attribute indicates that the track should be enabled unless the user's preferences indicate that another track is more appropriate. This may only be used on one `track` element per media element.
+     */
+    default?: boolean;
+    /**
+     * How the text track is meant to be used. If omitted the default kind is `subtitles`. If the attribute contains an invalid value, it will use `metadata`. The following keywords are allowed: Subtitles provide transcription or translation of the dialog. They are suitable for when the sound is available but not understood, such as speech or text that is not English in an English language film. Subtitles may contain additional content, usually extra background information. For example the text at the beginning of the Star Wars films, or the date, time, and location of a scene. Subtitles' information complements the audio and video. It is often embedded in the video itself, but can also be provided separately, especially for whole-film translations. Closed captions provide transcription or translation of the dialog, sound effects, relevant musical cues, and other relevant audio information, such as the cue's source (e.g., character, environment). They are suitable for when sound is unavailable or not clearly audible (e.g., because it is muted, drowned-out by ambient noise, or because the user is deaf). Descriptions summarize the _video_ component of the media resource. They are intended to be synthesized as audio when the visual component is obscured, unavailable, or not usable (e.g., because the user is interacting with the application without a screen while driving, or because the user is blind). Chapter titles are intended to be used when the user is navigating the media resource. Tracks used by scripts. Not visible to the user.
+     *
+     * Possible values:
+     * - subtitles
+     * - captions
+     * - descriptions
+     * - chapters
+     * - metadata
+     */
+    kind?: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata';
+    /**
+     * A user-readable title of the text track which is used by the browser when listing available text tracks.
+     */
+    label?: string;
+    /**
+     * Address of the track (`.vtt` file). Must be a valid URL. This attribute must be specified and its URL value must have the same origin as the document - unless the audio or video parent element of the `track` element has a `crossorigin` attribute.
+     */
+    src?: string;
+    /**
+     * Language of the track text data. It must be a valid BCP 47 language tag. If the `kind` attribute is set to `subtitles`, then `srclang` must be defined.
+     */
+    srclang?: string;
+}

package/dist/htmlspec/elements/u.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface UAttributes extends CommonAttributes<ElementForTag<'u'>> {
+}

package/dist/htmlspec/elements/ul.d.ts

@@ -0,0 +1,12 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface UlAttributes extends CommonAttributes<ElementForTag<'ul'>> {
+    /**
+     * A fourth bullet type has been defined in the WebTV interface, but not all browsers support it: `triangle`. If not present and if no CSS list-style-type property applies to the element, the user agent selects a bullet type depending on the nesting level of the list.
+     *
+     * Possible values:
+     * - disc
+     * - square
+     */
+    circle?: 'disc' | 'square';
+}

package/dist/htmlspec/elements/var.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface VarAttributes extends CommonAttributes<ElementForTag<'var'>> {
+}

package/dist/htmlspec/elements/video.d.ts

@@ -0,0 +1,66 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+import type { Numeric } from '../attributes/StandardGlobalAttributes';
+export interface VideoAttributes extends CommonAttributes<ElementForTag<'video'>> {
+    /**
+     * A Boolean attribute; if specified, the video automatically begins to play back as soon as it can without stopping to finish loading the data. To disable video autoplay, `autoplay="false"` will not work; the video will autoplay if the attribute is there in the `<video ` tag at all. To remove autoplay, the attribute needs to be removed altogether.
+     */
+    autoplay?: boolean;
+    /**
+     * If this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
+     */
+    controls?: boolean;
+    /**
+     * The `controlslist` attribute, when specified, helps the browser select what controls to show for the `video` element whenever the browser shows its own set of controls (that is, when the `controls` attribute is specified). The allowed values are `nodownload`, `nofullscreen` and `noremoteplayback`. Use the `disablepictureinpicture` attribute if you want to disable the Picture-In-Picture mode (and the control).
+     */
+    controlslist?: 'anonymous' | 'use-credentials';
+    /**
+     * The **`crossorigin`** attribute, valid on the audio, img, link, script, and video elements, provides support for CORS, defining how the element handles cross-origin requests, thereby enabling the configuration of the CORS requests for the element's fetched data. Depending on the element, the attribute can be a CORS settings attribute.
+     */
+    crossorigin?: 'anonymous' | 'use-credentials';
+    /**
+     * Prevents the browser from suggesting a Picture-in-Picture context menu or to request Picture-in-Picture automatically in some cases.
+     */
+    disablepictureinpicture?: string;
+    /**
+     * A Boolean attribute used to disable the capability of remote playback in devices that are attached using wired (HDMI, DVI, etc.) and wireless technologies (Miracast, Chromecast, DLNA, AirPlay, etc.). In Safari, you can use `x-webkit-airplay="deny"` as a fallback.
+     */
+    disableremoteplayback?: string;
+    /**
+     * The height of the video's display area, in CSS pixels (absolute values only; no percentages).
+     */
+    height?: Numeric;
+    /**
+     * A Boolean attribute; if specified, the browser will automatically seek back to the start upon reaching the end of the video.
+     */
+    loop?: boolean;
+    /**
+     * A Boolean attribute that indicates the default audio mute setting contained in the video. If set, the audio will be initially silenced. Its default value is `false`, meaning the audio will be played when the video is played.
+     */
+    muted?: boolean;
+    /**
+     * A Boolean attribute indicating that the video is to be played "inline", that is, within the element's playback area. Note that the absence of this attribute _does not_ imply that the video will always be played in fullscreen.
+     */
+    playsinline?: boolean;
+    /**
+     * A URL for an image to be shown while the video is downloading. If this attribute isn't specified, nothing is displayed until the first frame is available, then the first frame is shown as the poster frame.
+     */
+    poster?: string;
+    /**
+     * This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience regarding what content is loaded before the video is played. It may have one of the following values: The default value is different for each browser. The spec advises it to be set to `metadata`.
+     *
+     * Possible values:
+     * - none
+     * - metadata
+     * - auto
+     */
+    preload?: 'none' | 'metadata' | 'auto';
+    /**
+     * The width of the video's display area, in CSS pixels (absolute values only; no percentages).
+     */
+    width?: Numeric;
+    /**
+     * The URL of the video to embed. This is optional; you may instead use the source element within the video block to specify the video to embed.
+     */
+    src?: string;
+}

package/dist/htmlspec/elements/wbr.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface WbrAttributes extends CommonAttributes<ElementForTag<'wbr'>> {
+}

package/dist/index.cjs

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 
-var jsxRuntime = require("./jsx-runtime-cimCxEOU.js");
-
-function RawHtml({children}) {
-    return new jsxRuntime.JsxRawHtml(jsxRuntime.flattenString(children));
-}
+var jsxRuntime = require("./jsx-runtime-BQPDXeiv.js");
 
 function C({children}) {
     {
@@ -16,10 +12,49 @@ function C({children}) {
     }
 }
 
+function Checkbox(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "checkbox"
+    });
+}
+
+function ColorInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "color"
+    });
+}
+
+function DateInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "date"
+    });
+}
+
 function DocType(props) {
     return new jsxRuntime.JsxDocType(props);
 }
 
+function EmailInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "email"
+    });
+}
+
+function Empty() {
+    return jsxRuntime.EMPTY;
+}
+
+function FileInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "file"
+    });
+}
+
 function HtmlDocument({children, ...htmlAttrs}) {
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [ jsxRuntime.jsx(DocType, {
@@ -31,8 +66,78 @@ function HtmlDocument({children, ...htmlAttrs}) {
     });
 }
 
-function Empty() {
-    return jsxRuntime.EMPTY;
+function NumberInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "number"
+    });
+}
+
+function PasswordInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "password"
+    });
+}
+
+function RadioButton(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "radio"
+    });
+}
+
+function RangeInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "range"
+    });
+}
+
+function RawHtml({children}) {
+    return new jsxRuntime.JsxRawHtml(jsxRuntime.flattenString(children));
+}
+
+function SearchInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "search"
+    });
+}
+
+function TelephoneInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "tel"
+    });
+}
+
+function TextInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "text"
+    });
+}
+
+function TimeInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "time"
+    });
+}
+
+function UrlInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "url"
+    });
+}
+
+function WeekInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "week"
+    });
 }
 
 function elysiaJsx() {
@@ -85,14 +190,44 @@ exports.js = jsxRuntime.js;
 
 exports.C = C;
 
+exports.Checkbox = Checkbox;
+
+exports.ColorInput = ColorInput;
+
+exports.DateInput = DateInput;
+
 exports.DocType = DocType;
 
+exports.EmailInput = EmailInput;
+
 exports.Empty = Empty;
 
+exports.FileInput = FileInput;
+
 exports.HtmlDocument = HtmlDocument;
 
+exports.NumberInput = NumberInput;
+
+exports.PasswordInput = PasswordInput;
+
+exports.RadioButton = RadioButton;
+
+exports.RangeInput = RangeInput;
+
 exports.RawHtml = RawHtml;
 
+exports.SearchInput = SearchInput;
+
+exports.TelephoneInput = TelephoneInput;
+
+exports.TextInput = TextInput;
+
+exports.TimeInput = TimeInput;
+
+exports.UrlInput = UrlInput;
+
+exports.WeekInput = WeekInput;
+
 exports.default = React$1;
 
 exports.elysiaJsx = elysiaJsx;

package/dist/index.mjs

@@ -1,10 +1,6 @@
-import { J as JsxRawHtml, f as flattenString, E as EMPTY, a as JsxDocType, j as jsxs, b as jsx, F as Fragment, i as isJsxNode } from "./jsx-runtime-Dh9PxNQe.js";
+import { E as EMPTY, j as jsx, J as JsxDocType, a as jsxs, F as Fragment, b as JsxRawHtml, f as flattenString, i as isJsxNode } from "./jsx-runtime-DlHYwToA.js";
 
-export { e as JsxComment, d as JsxElement, g as JsxEmpty, h as JsxFragment, k as JsxNode, c as js } from "./jsx-runtime-Dh9PxNQe.js";
-
-function RawHtml({children}) {
-    return new JsxRawHtml(flattenString(children));
-}
+export { e as JsxComment, d as JsxElement, g as JsxEmpty, h as JsxFragment, k as JsxNode, c as js } from "./jsx-runtime-DlHYwToA.js";
 
 function C({children}) {
     {
@@ -12,10 +8,49 @@ function C({children}) {
     }
 }
 
+function Checkbox(props) {
+    return jsx("input", {
+        ...props,
+        type: "checkbox"
+    });
+}
+
+function ColorInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "color"
+    });
+}
+
+function DateInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "date"
+    });
+}
+
 function DocType(props) {
     return new JsxDocType(props);
 }
 
+function EmailInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "email"
+    });
+}
+
+function Empty() {
+    return EMPTY;
+}
+
+function FileInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "file"
+    });
+}
+
 function HtmlDocument({children, ...htmlAttrs}) {
     return jsxs(Fragment, {
         children: [ jsx(DocType, {
@@ -27,8 +62,78 @@ function HtmlDocument({children, ...htmlAttrs}) {
     });
 }
 
-function Empty() {
-    return EMPTY;
+function NumberInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "number"
+    });
+}
+
+function PasswordInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "password"
+    });
+}
+
+function RadioButton(props) {
+    return jsx("input", {
+        ...props,
+        type: "radio"
+    });
+}
+
+function RangeInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "range"
+    });
+}
+
+function RawHtml({children}) {
+    return new JsxRawHtml(flattenString(children));
+}
+
+function SearchInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "search"
+    });
+}
+
+function TelephoneInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "tel"
+    });
+}
+
+function TextInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "text"
+    });
+}
+
+function TimeInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "time"
+    });
+}
+
+function UrlInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "url"
+    });
+}
+
+function WeekInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "week"
+    });
 }
 
 function elysiaJsx() {
@@ -59,4 +164,4 @@ var React;
 
 var React$1 = React;
 
-export { C, DocType, EMPTY, Empty, HtmlDocument, JsxDocType, JsxRawHtml, RawHtml, React$1 as default, elysiaJsx, isJsxNode };
+export { C, Checkbox, ColorInput, DateInput, DocType, EMPTY, EmailInput, Empty, FileInput, HtmlDocument, JsxDocType, JsxRawHtml, NumberInput, PasswordInput, RadioButton, RangeInput, RawHtml, SearchInput, TelephoneInput, TextInput, TimeInput, UrlInput, WeekInput, React$1 as default, elysiaJsx, isJsxNode };

package/dist/internal/dev.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/internal/kitchen-sink-dev.d.ts

@@ -0,0 +1,7 @@
+#!/usr/bin/env -S bun --hot
+import { type ServerWebSocket } from "bun";
+type WSData = {};
+declare global {
+    var _clients: Set<ServerWebSocket<WSData>> | undefined;
+}
+export {};

package/dist/internal/kitchen-sink.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env -S bun
+export declare const kitchenSink: import("src/jsx-runtime").JSX.Element;

package/dist/internal/type-assert.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Checks that `Value` is assignable to `Target`.
+ *
+ * ```ts
+ * expectType<TypeOf<number, 123>>(true);
+ * expectType<TypeOf<123, number>>(false);
+ * ```
+ */
+export type TypeOf<Target, Value> = Exclude<Value, Target> extends never ? true : false;
+/**
+ * Checks that `Value` is equal to the same type as `Target`.
+ *
+ * ```ts
+ * expectType<TypeEqual<123, 123>>(true);
+ * expectType<TypeEqual<123, number>>(false);
+ * expectType<TypeEqual<number, 123>>(false);
+ * expectType<TypeEqual<number, number>>(true);
+ * ```
+ */
+export type TypeEqual<Target, Value> = (<T>() => T extends Target ? 1 : 2) extends <T>() => T extends Value ? 1 : 2 ? true : false;
+/**
+ * Asserts the `value` type is assignable to the generic `Type`.
+ *
+ * ```ts
+ * expectType<number>(123);
+ * expectType<boolean>(true);
+ * ```
+ */
+export declare const expectType: <Type>(_: Type) => void;
+/**
+ * Asserts the `value` type is `never`, i.e. this function should never be called.
+ * If it is called at runtime, it will throw a `TypeError`. The return type is
+ * `never` to support returning in exhaustive type checks.
+ *
+ * ```ts
+ * return expectNever(value);
+ * ```
+ */
+export declare const expectNever: (value: never) => never;

package/dist/jsx-dev-runtime.cjs

@@ -1,10 +1,9 @@
 "use strict";
 
-var jsxRuntime = require("./jsx-runtime-cimCxEOU.js");
+var jsxRuntime = require("./jsx-runtime-BQPDXeiv.js");
 
 function jsxDEV(tag, props, key, isStaticChildren, source, self) {
     let node = jsxRuntime.jsx(...arguments);
-    if (process.env.JSXHTML_DEV) return node;
     if (jsxRuntime.isJsxComponent(tag) && !(node instanceof jsxRuntime.JsxComment)) {
         const name = tag.displayName ?? tag.name ?? "Unknown";
         node = new jsxRuntime.JsxFragment([ new jsxRuntime.JsxComment(`<${name}>`), node, new jsxRuntime.JsxComment(`</${name}>`) ]);