@arcmantle/lit-jsx 1.0.0

package/dist/runtime/choose-component.d.ts

@@ -0,0 +1,39 @@
+type ChooseValue<T> = T extends undefined ? never : T;
+type ChooseChild<T> = [
+    condition: (value: ChooseValue<T>) => boolean,
+    output: (value: ChooseValue<T>) => JSX.JSXElement
+];
+/**
+ * Conditionally renders content based on evaluating multiple condition-output pairs against a value.
+ * Similar to lit-html's choose directive, evaluates each condition in order and renders the first match.
+ *
+ * @template T - The type of the value to evaluate against (defaults to undefined for no value)
+ * @param props.value - The value to pass to each condition and output function
+ * @param props.children - Single [condition, output] tuple or multiple tuple children to evaluate
+ * @returns The rendered JSX element from the first matching condition, or nothing if no match
+ *
+ * @example
+ * ```tsx
+ * // Multiple condition-output tuples as separate children
+ * <Choose value={status}>
+ *   {[
+ *     (status) => status === 'loading',
+ *     () => <div>Loading...</div>
+ *   ]}
+ *   {[
+ *     (status) => status === 'error',
+ *     (status) => <div>Error: {status}</div>
+ *   ]}
+ *   {[
+ *     () => true, // default case
+ *     (status) => <div>Status: {status}</div>
+ *   ]}
+ * </Choose>
+ * ```
+ */
+export declare function Choose<T = undefined>(props: {
+    value?: T;
+    children: ChooseChild<T> | ChooseChild<T>[];
+}): JSX.JSXElement;
+export {};
+//# sourceMappingURL=choose-component.d.ts.map

package/dist/runtime/choose-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choose-component.d.ts","sourceRoot":"","sources":["../../src/runtime/choose-component.ts"],"names":[],"mappings":"AAGA,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACtD,KAAK,WAAW,CAAC,CAAC,IAAI;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO;IAC7C,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,UAAU;CACjD,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE;IAC5C,KAAK,CAAC,EAAI,CAAC,CAAC;IACZ,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5C,GAAG,GAAG,CAAC,UAAU,CAWjB"}

package/dist/runtime/choose-component.js

@@ -0,0 +1,40 @@
+import { nothing } from 'lit-html';
+/**
+ * Conditionally renders content based on evaluating multiple condition-output pairs against a value.
+ * Similar to lit-html's choose directive, evaluates each condition in order and renders the first match.
+ *
+ * @template T - The type of the value to evaluate against (defaults to undefined for no value)
+ * @param props.value - The value to pass to each condition and output function
+ * @param props.children - Single [condition, output] tuple or multiple tuple children to evaluate
+ * @returns The rendered JSX element from the first matching condition, or nothing if no match
+ *
+ * @example
+ * ```tsx
+ * // Multiple condition-output tuples as separate children
+ * <Choose value={status}>
+ *   {[
+ *     (status) => status === 'loading',
+ *     () => <div>Loading...</div>
+ *   ]}
+ *   {[
+ *     (status) => status === 'error',
+ *     (status) => <div>Error: {status}</div>
+ *   ]}
+ *   {[
+ *     () => true, // default case
+ *     (status) => <div>Status: {status}</div>
+ *   ]}
+ * </Choose>
+ * ```
+ */
+export function Choose(props) {
+    const children = Array.isArray(props.children.at(-1))
+        ? props.children
+        : [props.children];
+    for (const [condition, output] of children) {
+        if (condition(props.value))
+            return output(props.value);
+    }
+    return nothing;
+}
+//# sourceMappingURL=choose-component.js.map

package/dist/runtime/choose-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choose-component.js","sourceRoot":"","sources":["../../src/runtime/choose-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAUnC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,MAAM,CAAgB,KAGrC;IACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,KAAK,CAAC,QAA4B;QACpC,CAAC,CAAC,CAAE,KAAK,CAAC,QAA0B,CAAE,CAAC;IAExC,KAAK,MAAM,CAAE,SAAS,EAAE,MAAM,CAAE,IAAI,QAAQ,EAAE,CAAC;QAC9C,IAAI,SAAS,CAAC,KAAK,CAAC,KAAuB,CAAC;YAC3C,OAAO,MAAM,CAAC,KAAK,CAAC,KAAuB,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC"}

package/dist/runtime/compiler-ctors.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @fileoverview Internal lit-html part constructors for jsx-lit compiler.
+ *
+ * This module exports the internal part constructors from lit-html that are used
+ * by the lit-jsx compiler to create optimized template parts. These are low-level
+ * utilities used internally by the compilation process.
+ */
+import * as internals from 'lit-html/private-ssr-support.js';
+/** Boolean attribute part constructor from lit-html internals */
+export declare const BooleanPart: typeof internals._$LH.BooleanAttributePart;
+/** Attribute part constructor from lit-html internals */
+export declare const AttributePart: typeof internals._$LH.AttributePart;
+/** Property part constructor from lit-html internals */
+export declare const PropertyPart: typeof internals._$LH.PropertyPart;
+/** Element part constructor from lit-html internals */
+export declare const ElementPart: typeof internals._$LH.ElementPart;
+/** Event part constructor from lit-html internals */
+export declare const EventPart: typeof internals._$LH.EventPart;
+/** Child part constructor from lit-html internals */
+export declare const ChildPart: typeof internals._$LH.ChildPart;
+//# sourceMappingURL=compiler-ctors.d.ts.map

package/dist/runtime/compiler-ctors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiler-ctors.d.ts","sourceRoot":"","sources":["../../src/runtime/compiler-ctors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,SAAS,MAAM,iCAAiC,CAAC;AAG7D,iEAAiE;AACjE,eAAO,MAAM,WAAW,EAAI,OAAO,SAAS,CAAC,IAAI,CAAC,oBAA0D,CAAC;AAE7G,yDAAyD;AACzD,eAAO,MAAM,aAAa,EAAE,OAAO,SAAS,CAAC,IAAI,CAAC,aAA4C,CAAC;AAE/F,wDAAwD;AACxD,eAAO,MAAM,YAAY,EAAG,OAAO,SAAS,CAAC,IAAI,CAAC,YAA2C,CAAC;AAE9F,uDAAuD;AACvD,eAAO,MAAM,WAAW,EAAI,OAAO,SAAS,CAAC,IAAI,CAAC,WAA0C,CAAC;AAE7F,qDAAqD;AACrD,eAAO,MAAM,SAAS,EAAM,OAAO,SAAS,CAAC,IAAI,CAAC,SAAwC,CAAC;AAE3F,qDAAqD;AACrD,eAAO,MAAM,SAAS,EAAM,OAAO,SAAS,CAAC,IAAI,CAAC,SAAwC,CAAC"}

package/dist/runtime/compiler-ctors.js

@@ -0,0 +1,21 @@
+/**
+ * @fileoverview Internal lit-html part constructors for jsx-lit compiler.
+ *
+ * This module exports the internal part constructors from lit-html that are used
+ * by the lit-jsx compiler to create optimized template parts. These are low-level
+ * utilities used internally by the compilation process.
+ */
+import * as internals from 'lit-html/private-ssr-support.js';
+/** Boolean attribute part constructor from lit-html internals */
+export const BooleanPart = internals._$LH.BooleanAttributePart;
+/** Attribute part constructor from lit-html internals */
+export const AttributePart = internals._$LH.AttributePart;
+/** Property part constructor from lit-html internals */
+export const PropertyPart = internals._$LH.PropertyPart;
+/** Element part constructor from lit-html internals */
+export const ElementPart = internals._$LH.ElementPart;
+/** Event part constructor from lit-html internals */
+export const EventPart = internals._$LH.EventPart;
+/** Child part constructor from lit-html internals */
+export const ChildPart = internals._$LH.ChildPart;
+//# sourceMappingURL=compiler-ctors.js.map

package/dist/runtime/compiler-ctors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiler-ctors.js","sourceRoot":"","sources":["../../src/runtime/compiler-ctors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,SAAS,MAAM,iCAAiC,CAAC;AAG7D,iEAAiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAiD,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC;AAE7G,yDAAyD;AACzD,MAAM,CAAC,MAAM,aAAa,GAAwC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;AAE/F,wDAAwD;AACxD,MAAM,CAAC,MAAM,YAAY,GAAyC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC;AAE9F,uDAAuD;AACvD,MAAM,CAAC,MAAM,WAAW,GAA0C,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;AAE7F,qDAAqD;AACrD,MAAM,CAAC,MAAM,SAAS,GAA4C,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AAE3F,qDAAqD;AACrD,MAAM,CAAC,MAAM,SAAS,GAA4C,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC"}

package/dist/runtime/for-component.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Renders a list of items with optional keys and separators.
+ *
+ * @template T - The type of items in the array
+ * @template U - The JSX element type returned by the render function
+ * @param props.each - Array of items to render
+ * @param props.key - Optional key function for efficient updates (uses lit-html's repeat directive)
+ * @param props.separator - Optional JSX element to insert between items
+ * @param props.children - Render function that receives each item and its index
+ * @returns An iterator from either the map or repeat directive, depending on whether a key function is provided.
+ *
+ * @example
+ * ```tsx
+ * <For each={users} key={(user) => user.id}>
+ *   {(user, index) => <div key={user.id}>{user.name}</div>}
+ * </For>
+ * ```
+ */
+export declare function For<T, U extends JSX.JSXElement>(props: {
+    each: readonly T[];
+    key?: (item: T, index: number) => any;
+    separator?: JSX.JSXElement;
+    children: (item: T, index: number) => U;
+}): JSX.JSXElement;
+//# sourceMappingURL=for-component.d.ts.map

package/dist/runtime/for-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"for-component.d.ts","sourceRoot":"","sources":["../../src/runtime/for-component.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,UAAU,EAAE,KAAK,EAAE;IACvD,IAAI,EAAQ,SAAS,CAAC,EAAE,CAAC;IACzB,GAAG,CAAC,EAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IAC5C,SAAS,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC;IAC3B,QAAQ,EAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;CAC1C,GAAG,GAAG,CAAC,UAAU,CAyBjB"}

package/dist/runtime/for-component.js

@@ -0,0 +1,35 @@
+import { join } from 'lit-html/directives/join.js';
+import { map } from 'lit-html/directives/map.js';
+import { repeat } from 'lit-html/directives/repeat.js';
+/**
+ * Renders a list of items with optional keys and separators.
+ *
+ * @template T - The type of items in the array
+ * @template U - The JSX element type returned by the render function
+ * @param props.each - Array of items to render
+ * @param props.key - Optional key function for efficient updates (uses lit-html's repeat directive)
+ * @param props.separator - Optional JSX element to insert between items
+ * @param props.children - Render function that receives each item and its index
+ * @returns An iterator from either the map or repeat directive, depending on whether a key function is provided.
+ *
+ * @example
+ * ```tsx
+ * <For each={users} key={(user) => user.id}>
+ *   {(user, index) => <div key={user.id}>{user.name}</div>}
+ * </For>
+ * ```
+ */
+export function For(props) {
+    if (props.key) {
+        return repeat(props.each, (item, index) => props.key(item, index), (item, index) => {
+            if (props.separator && index > 0)
+                return [props.separator, props.children(item, index)];
+            return props.children(item, index);
+        });
+    }
+    if (props.separator) {
+        return join(map(props.each, (item, index) => props.children(item, index)), props.separator);
+    }
+    return map(props.each, (item, index) => props.children(item, index));
+}
+//# sourceMappingURL=for-component.js.map

package/dist/runtime/for-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"for-component.js","sourceRoot":"","sources":["../../src/runtime/for-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAGvD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,GAAG,CAA8B,KAKhD;IACA,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACf,OAAO,MAAM,CACZ,KAAK,CAAC,IAAI,EACV,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EACxC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACf,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,GAAG,CAAC;gBAC/B,OAAO,CAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAE,CAAC;YAEzD,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpC,CAAC,CACD,CAAC;IACH,CAAC;IAED,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,GAAG,CACd,KAAK,CAAC,IAAI,EACV,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAC5C,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC;IAED,OAAO,GAAG,CACT,KAAK,CAAC,IAAI,EACV,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAC5C,CAAC;AACH,CAAC"}

package/dist/runtime/literal-map.d.ts

@@ -0,0 +1,22 @@
+import type { StaticValue } from 'lit-html/static.js';
+/**
+ * Cache for static literal values used in lit-html templates.
+ * Extends Map to automatically create and cache StaticValue instances for string keys.
+ */
+declare class LiteralMap extends Map<string, StaticValue> {
+    /**
+     * Gets a cached StaticValue for the given key, creating one if it doesn't exist.
+     *
+     * @param key - The string key to get or create a StaticValue for
+     * @returns The cached or newly created StaticValue
+     */
+    get(key: string): StaticValue;
+}
+/**
+ * Global cache instance for static literal values used throughout jsx-lit templates.
+ * This is used internally by the jsx-lit compiler to cache StaticValue instances
+ * for efficient template reuse.
+ */
+export declare const __$literalMap: LiteralMap;
+export {};
+//# sourceMappingURL=literal-map.d.ts.map

package/dist/runtime/literal-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"literal-map.d.ts","sourceRoot":"","sources":["../../src/runtime/literal-map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD;;;GAGG;AACH,cAAM,UAAW,SAAQ,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;IAEhD;;;;;OAKG;IACM,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW;CAYtC;AAGD;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,UAA6B,CAAC"}

package/dist/runtime/literal-map.js

@@ -0,0 +1,29 @@
+import { unsafeStatic } from 'lit-html/static.js';
+/**
+ * Cache for static literal values used in lit-html templates.
+ * Extends Map to automatically create and cache StaticValue instances for string keys.
+ */
+class LiteralMap extends Map {
+    /**
+     * Gets a cached StaticValue for the given key, creating one if it doesn't exist.
+     *
+     * @param key - The string key to get or create a StaticValue for
+     * @returns The cached or newly created StaticValue
+     */
+    get(key) {
+        const value = super.get(key);
+        if (value === undefined) {
+            const literal = unsafeStatic(key);
+            this.set(key, literal);
+            return literal;
+        }
+        return value;
+    }
+}
+/**
+ * Global cache instance for static literal values used throughout jsx-lit templates.
+ * This is used internally by the jsx-lit compiler to cache StaticValue instances
+ * for efficient template reuse.
+ */
+export const __$literalMap = new LiteralMap();
+//# sourceMappingURL=literal-map.js.map

package/dist/runtime/literal-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"literal-map.js","sourceRoot":"","sources":["../../src/runtime/literal-map.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD;;;GAGG;AACH,MAAM,UAAW,SAAQ,GAAwB;IAEhD;;;;;OAKG;IACM,GAAG,CAAC,GAAW;QACvB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC7B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YAEvB,OAAO,OAAO,CAAC;QAChB,CAAC;QAED,OAAO,KAAK,CAAC;IACd,CAAC;CAED;AAGD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAe,IAAI,UAAU,EAAE,CAAC"}

package/dist/runtime/rest-directive.d.ts

@@ -0,0 +1,28 @@
+import type { ElementPart } from 'lit-html';
+import type { DirectiveParameters, DirectiveResult, PartInfo } from 'lit-html/directive.js';
+import { Directive } from 'lit-html/directive.js';
+/**
+ * Lit directive for applying rest/spread props to an element.
+ * Efficiently sets properties and attributes from an object of key-value pairs.
+ */
+declare class RestDirective extends Directive {
+    constructor(part: PartInfo);
+    update(part: ElementPart, [rest]: DirectiveParameters<this>): unknown;
+    render(rest: Record<keyof any, any>): unknown;
+}
+/**
+ * Lit directive for applying rest/spread props to DOM elements.
+ *
+ * This directive efficiently applies an object of properties and attributes
+ * to a DOM element, handling the differences between properties and attributes
+ * automatically.
+ *
+ * @example
+ * ```tsx
+ * const props = { className: 'my-class', disabled: true };
+ * <div {...__$rest(props)}>Content</div>
+ * ```
+ */
+export declare const __$rest: DirectiveResult<typeof RestDirective>;
+export {};
+//# sourceMappingURL=rest-directive.d.ts.map

package/dist/runtime/rest-directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rest-directive.d.ts","sourceRoot":"","sources":["../../src/runtime/rest-directive.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAuB,MAAM,uBAAuB,CAAC;AAGvE;;;GAGG;AACH,cAAM,aAAc,SAAQ,SAAS;gBAExB,IAAI,EAAE,QAAQ;IAOjB,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAE,IAAI,CAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,OAAO;IAuBvE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,GAAG,OAAO;CAMtD;AAGD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,OAAO,aAAa,CACjC,CAAC"}

package/dist/runtime/rest-directive.js

@@ -0,0 +1,49 @@
+import { noChange } from 'lit-html';
+import { Directive, directive, PartType } from 'lit-html/directive.js';
+/**
+ * Lit directive for applying rest/spread props to an element.
+ * Efficiently sets properties and attributes from an object of key-value pairs.
+ */
+class RestDirective extends Directive {
+    constructor(part) {
+        super(part);
+        if (part.type !== PartType.ELEMENT)
+            throw new Error('RestDirective can only be used on ElementParts');
+    }
+    update(part, [rest]) {
+        const element = part.element;
+        for (const key in rest) {
+            if (!Object.prototype.hasOwnProperty.call(rest, key))
+                continue;
+            const value = rest[key];
+            if (element[key] === value)
+                continue;
+            if (typeof value === 'object')
+                element[key] = value;
+            else if (value === null || value === undefined)
+                element.removeAttribute(key);
+            else
+                element.setAttribute(key, String(value));
+        }
+        return noChange;
+    }
+    render(rest) {
+        console.log('rest parameter stuff', rest);
+        return noChange;
+    }
+}
+/**
+ * Lit directive for applying rest/spread props to DOM elements.
+ *
+ * This directive efficiently applies an object of properties and attributes
+ * to a DOM element, handling the differences between properties and attributes
+ * automatically.
+ *
+ * @example
+ * ```tsx
+ * const props = { className: 'my-class', disabled: true };
+ * <div {...__$rest(props)}>Content</div>
+ * ```
+ */
+export const __$rest = directive(RestDirective);
+//# sourceMappingURL=rest-directive.js.map

package/dist/runtime/rest-directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rest-directive.js","sourceRoot":"","sources":["../../src/runtime/rest-directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGvE;;;GAGG;AACH,MAAM,aAAc,SAAQ,SAAS;IAEpC,YAAY,IAAc;QACzB,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO;YACjC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAEQ,MAAM,CAAC,IAAiB,EAAE,CAAE,IAAI,CAA6B;QACrE,MAAM,OAAO,GAAG,IAAI,CAAC,OAA4C,CAAC;QAElE,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC;gBACnD,SAAS;YAEV,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAE,CAAC;YAEzB,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,KAAK;gBACzB,SAAS;YAEV,IAAI,OAAO,KAAK,KAAK,QAAQ;gBAC5B,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;iBACjB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;gBAC7C,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;;gBAE7B,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3C,CAAC;QAED,OAAO,QAAQ,CAAC;IACjB,CAAC;IAEQ,MAAM,CAAC,IAA4B;QAC3C,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;QAE1C,OAAO,QAAQ,CAAC;IACjB,CAAC;CAED;AAGD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,OAAO,GACnB,SAAS,CAAC,aAAa,CAAC,CAAC"}

package/dist/runtime/show-component.d.ts

@@ -0,0 +1,33 @@
+type Falsy = null | undefined | false | 0 | -0 | 0n | '';
+export declare const when: <C, T, F>(condition: C, trueCase: (c: NoInfer<Exclude<C, Falsy>>) => T, falseCase?: (c: NoInfer<Exclude<C, Falsy>>) => F) => C extends Falsy ? F : T;
+type ShowTrueCase<C, T> = (value: NoInfer<Exclude<C, Falsy>>) => T;
+type ShowFalseCase<C, F> = (value: NoInfer<Exclude<C, Falsy>>) => F;
+type ShowChildren<C, T, F> = ShowTrueCase<C, T> | [true: ShowTrueCase<C, T>, false: ShowFalseCase<C, F>];
+/**
+ * Conditionally renders content based on a truthy value.
+ *
+ * @template T - The type of the condition value
+ * @template U - The JSX element type returned by the render functions
+ * @param props.when - The condition value to evaluate for truthiness
+ * @param props.children - A single render or tuple containing render functions for true and optionally false cases
+ * @returns The rendered JSX element based on the condition's truthiness
+ *
+ * @example
+ * ```tsx
+ * <Show when={user}>
+ *   {(user) => <div>Welcome, {user.name}!</div>}
+ *   {() => <div>Please log in</div>}
+ * </Show>
+ *
+ * // Or without fallback
+ * <Show when={isVisible}>
+ *   {() => <div>This content is visible</div>}
+ * </Show>
+ * ```
+ */
+export declare function Show<C, T, F>(props: {
+    when: C;
+    children: ShowChildren<C, T, F>;
+}): C extends Falsy ? F : T;
+export {};
+//# sourceMappingURL=show-component.d.ts.map

package/dist/runtime/show-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-component.d.ts","sourceRoot":"","sources":["../../src/runtime/show-component.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;AACzD,eAAO,MAAM,IAAI,EAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EACtC,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,EAC9C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,KAC5C,CAAC,SAAS,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7B,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;AACnE,KAAK,aAAa,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;AACpE,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IACtB,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,GAClB,CAAE,IAAI,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;IACpC,IAAI,EAAM,CAAC,CAAC;IACZ,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;CAChC,GAAG,CAAC,SAAS,KAAK,GAAG,CAAC,GAAG,CAAC,CAK1B"}

package/dist/runtime/show-component.js

@@ -0,0 +1,30 @@
+import { when as litWhen } from 'lit-html/directives/when.js';
+export const when = litWhen;
+/**
+ * Conditionally renders content based on a truthy value.
+ *
+ * @template T - The type of the condition value
+ * @template U - The JSX element type returned by the render functions
+ * @param props.when - The condition value to evaluate for truthiness
+ * @param props.children - A single render or tuple containing render functions for true and optionally false cases
+ * @returns The rendered JSX element based on the condition's truthiness
+ *
+ * @example
+ * ```tsx
+ * <Show when={user}>
+ *   {(user) => <div>Welcome, {user.name}!</div>}
+ *   {() => <div>Please log in</div>}
+ * </Show>
+ *
+ * // Or without fallback
+ * <Show when={isVisible}>
+ *   {() => <div>This content is visible</div>}
+ * </Show>
+ * ```
+ */
+export function Show(props) {
+    if (Array.isArray(props.children))
+        return when(props.when, props.children[0], props.children[1]);
+    return when(props.when, props.children);
+}
+//# sourceMappingURL=show-component.js.map

package/dist/runtime/show-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-component.js","sourceRoot":"","sources":["../../src/runtime/show-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAI9D,MAAM,CAAC,MAAM,IAAI,GAAG,OAIQ,CAAC;AAS7B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,IAAI,CAAU,KAG7B;IACA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;QAChC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/D,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AACzC,CAAC"}

package/dist/runtime/tagged-template.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Identity function for template string arrays used by jsx-lit compiler.
+ *
+ * This function is used as a marker by the jsx-lit compiler to identify
+ * template literals that should be processed for JSX compilation. It simply
+ * returns the input unchanged but signals to the compiler where JSX templates are located.
+ *
+ * @param strings - The template strings array from a template literal
+ * @returns The same template strings array unchanged
+ */
+export declare const __$t: (strings: TemplateStringsArray) => TemplateStringsArray;
+//# sourceMappingURL=tagged-template.d.ts.map

package/dist/runtime/tagged-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagged-template.d.ts","sourceRoot":"","sources":["../../src/runtime/tagged-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,oBAA6B,CAAC"}

package/dist/runtime/tagged-template.js

@@ -0,0 +1,12 @@
+/**
+ * Identity function for template string arrays used by jsx-lit compiler.
+ *
+ * This function is used as a marker by the jsx-lit compiler to identify
+ * template literals that should be processed for JSX compilation. It simply
+ * returns the input unchanged but signals to the compiler where JSX templates are located.
+ *
+ * @param strings - The template strings array from a template literal
+ * @returns The same template strings array unchanged
+ */
+export const __$t = s => s;
+//# sourceMappingURL=tagged-template.js.map

package/dist/runtime/tagged-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagged-template.js","sourceRoot":"","sources":["../../src/runtime/tagged-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,IAAI,GAA4D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/runtime/type-helpers.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Creates a variable which can be used using the Component syntax in JSX.
+ * Also registers the custom element if it hasn't been registered yet.
+ *
+ * @example
+ * ```tsx
+ * import { toJSX } from 'jsx-lit';
+ *
+ * export class MyButton extends LitElement {
+ *   static tagName = 'my-button';
+ *   static tag = toJSX(MyButton);
+ *
+ *   render() {
+ *     return html`<button><slot></slot></button>`;
+ *   }
+ * }
+ *
+ * // Usage in JSX
+ * const jsx = (
+ *   <MyButton.tag
+ *     class="my-button"
+ *     on-click={() => { console.log('Clicked!'); }}
+ *   />
+ * );
+ * ```
+ */
+export declare const toJSX: <T extends {
+    new (...args: any): any;
+    tagName: string;
+}>(element: T) => (props: JSX.JSXProps<InstanceType<T>>) => string;
+/**
+ * Creates a dynamic tag name object that can be used with jsx-lit's Component syntax.
+ * This function is required for dynamic tag names to compile to static literals.
+ *
+ * **IMPORTANT**: Dynamic tag names must use the `.tag` property pattern to be properly
+ * compiled to lit-html static templates. Without this pattern, jsx-lit cannot detect
+ * and transform the dynamic tag name into efficient static template literals.
+ *
+ * @example
+ * ```tsx
+ * import { toTag } from 'jsx-lit';
+ *
+ * // ✅ Correct usage - creates { tag: 'div' } object
+ * const DynamicDiv = toTag('div');
+ * const DynamicCustomElement = toTag('my-custom-element');
+ *
+ * // Usage in JSX with .tag property (required for compilation)
+ * function renderConditional({ useDiv }) {
+ *   const Tag = toTag(useDiv ? 'div' : 'span');
+ *   return <Tag.tag class="dynamic">Content</Tag.tag>;
+ * }
+ *
+ * // Compiles to efficient static templates:
+ * // const Tag = toTag(useDiv ? 'div' : 'span');
+ * // const __$Tag = __$literalMap.get(Tag.tag);
+ * // htmlStatic`<${__$Tag} class="dynamic">Content</${__$Tag}>`
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // ❌ Incorrect usage - won't compile to static templates
+ * const badTag = 'div';
+ * return <badTag>Content</badTag>; // This won't work with jsx-lit
+ *
+ * // ❌ Incorrect usage - missing .tag property
+ * const BadTag = toTag('div');
+ * return <BadTag>Content</BadTag>; // Won't compile correctly
+ *
+ * // ✅ Correct usage - with .tag property
+ * const GoodTag = toTag('div');
+ * return <GoodTag.tag>Content</GoodTag.tag>; // Compiles to static templates
+ * ```
+ *
+ * @param tag - The HTML tag name (standard HTML elements or custom element names)
+ * @returns An object with a `tag` property containing the tag name, designed for use with jsx-lit's Component syntax
+ */
+export declare const toTag: <T extends keyof HTMLElementTagNameMap | (string & {})>(tag: T) => {
+    tag: T;
+};
+//# sourceMappingURL=type-helpers.d.ts.map

package/dist/runtime/type-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-helpers.d.ts","sourceRoot":"","sources":["../../src/runtime/type-helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;CAAE,EAC3E,SAAS,CAAC,KACR,CAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,MAS5C,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,qBAAqB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAC1E,KAAK,CAAC,KACJ;IAAE,GAAG,EAAE,CAAC,CAAC;CAEX,CAAC"}

package/dist/runtime/type-helpers.js

@@ -0,0 +1,85 @@
+/**
+ * Creates a variable which can be used using the Component syntax in JSX.
+ * Also registers the custom element if it hasn't been registered yet.
+ *
+ * @example
+ * ```tsx
+ * import { toJSX } from 'jsx-lit';
+ *
+ * export class MyButton extends LitElement {
+ *   static tagName = 'my-button';
+ *   static tag = toJSX(MyButton);
+ *
+ *   render() {
+ *     return html`<button><slot></slot></button>`;
+ *   }
+ * }
+ *
+ * // Usage in JSX
+ * const jsx = (
+ *   <MyButton.tag
+ *     class="my-button"
+ *     on-click={() => { console.log('Clicked!'); }}
+ *   />
+ * );
+ * ```
+ */
+export const toJSX = (element) => {
+    queueMicrotask(() => {
+        if ('register' in element && typeof element.register === 'function')
+            element.register();
+        else if (!customElements.get(element.tagName))
+            customElements.define(element.tagName, element);
+    });
+    return element.tagName;
+};
+/**
+ * Creates a dynamic tag name object that can be used with jsx-lit's Component syntax.
+ * This function is required for dynamic tag names to compile to static literals.
+ *
+ * **IMPORTANT**: Dynamic tag names must use the `.tag` property pattern to be properly
+ * compiled to lit-html static templates. Without this pattern, jsx-lit cannot detect
+ * and transform the dynamic tag name into efficient static template literals.
+ *
+ * @example
+ * ```tsx
+ * import { toTag } from 'jsx-lit';
+ *
+ * // ✅ Correct usage - creates { tag: 'div' } object
+ * const DynamicDiv = toTag('div');
+ * const DynamicCustomElement = toTag('my-custom-element');
+ *
+ * // Usage in JSX with .tag property (required for compilation)
+ * function renderConditional({ useDiv }) {
+ *   const Tag = toTag(useDiv ? 'div' : 'span');
+ *   return <Tag.tag class="dynamic">Content</Tag.tag>;
+ * }
+ *
+ * // Compiles to efficient static templates:
+ * // const Tag = toTag(useDiv ? 'div' : 'span');
+ * // const __$Tag = __$literalMap.get(Tag.tag);
+ * // htmlStatic`<${__$Tag} class="dynamic">Content</${__$Tag}>`
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // ❌ Incorrect usage - won't compile to static templates
+ * const badTag = 'div';
+ * return <badTag>Content</badTag>; // This won't work with jsx-lit
+ *
+ * // ❌ Incorrect usage - missing .tag property
+ * const BadTag = toTag('div');
+ * return <BadTag>Content</BadTag>; // Won't compile correctly
+ *
+ * // ✅ Correct usage - with .tag property
+ * const GoodTag = toTag('div');
+ * return <GoodTag.tag>Content</GoodTag.tag>; // Compiles to static templates
+ * ```
+ *
+ * @param tag - The HTML tag name (standard HTML elements or custom element names)
+ * @returns An object with a `tag` property containing the tag name, designed for use with jsx-lit's Component syntax
+ */
+export const toTag = (tag) => {
+    return { tag };
+};
+//# sourceMappingURL=type-helpers.js.map

package/dist/runtime/type-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-helpers.js","sourceRoot":"","sources":["../../src/runtime/type-helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CACpB,OAAU,EACyC,EAAE;IACrD,cAAc,CAAC,GAAG,EAAE;QACnB,IAAI,UAAU,IAAI,OAAO,IAAI,OAAO,OAAO,CAAC,QAAQ,KAAK,UAAU;YAClE,OAAO,CAAC,QAAQ,EAAE,CAAC;aACf,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC;YAC5C,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,OAAc,CAAC;AAC/B,CAAC,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CACpB,GAAM,EACQ,EAAE;IAChB,OAAO,EAAE,GAAG,EAAS,CAAC;AACvB,CAAC,CAAC"}