JSX compiled to Lit templates with utility components
\n\n 0}>\n {(length) => (\n \n {(item, index) =>
{item}
}\n \n )}\n \n
\n );\n }\n}\n```\n\n## šÆ Core Concepts\n\nFor complete documentation, visit the [full documentation site](./docs/).\n\n### Custom Element Identification\n\n- **Tag names** (like ``) work directly without special attributes\n- **Classes** (like ``) require the `static` attribute\n- Optional: Enable `useImportDiscovery: true` for automatic detection\n\n[Learn more ā](./docs/guide/custom-elements.md)\n\n### Attribute Binding Control\n\n- **Default**: Attribute binding (`value={x}`)\n- **`as.prop()`**: Property binding (`.property=${x}`)\n- **`as.bool()`**: Boolean attribute binding (`?disabled=${x}`)\n\n[Learn more ā](./docs/guide/bindings.md)\n\n### Special Attributes\n\n- **`classList` / `class={{...}}`**: Conditional classes with `classMap`\n- **`styleList` / `style={{...}}`**: Dynamic styles with `styleMap`\n- **`onclick`, `onchange`, etc.**: Event handlers\n- **`ref`**: Element references\n- **`directive`**: Apply Lit directives\n- **`{...props}`**: Spread attributes\n\n[Full syntax guide ā](./docs/guide/jsx-syntax.md)\n\n## šļø Component Patterns\n\n### Function Components\n\nStateless components that receive props and return JSX. Support TypeScript, generics, children, and all JSX features.\n\n[Learn more ā](./docs/guide/functional-components.md)\n\n### Custom Elements\n\nUse LitElement classes directly in JSX with full type safety and generic support. Classes require the `static` attribute.\n\n[Learn more ā](./docs/guide/custom-elements.md)\n\n### Dynamic Tags\n\nUse `as.tag()` for conditional element types with optimized static templates.\n\n[Component guide ā](./docs/guide/components.md)\n\n### Library Components\n\nBuilt-in components for common patterns:\n\n- **``**: List rendering with keys and separators\n- **``**: Conditional rendering with optional fallback\n- **``**: Switch-like multi-condition rendering\n\n## š§ Advanced Usage\n\nFor comprehensive guides, examples, and best practices, see the [full documentation](./docs/).\n\n- **Lit Directives**: Use all Lit directives (`when`, `repeat`, `guard`, etc.)\n- **Performance**: Optimization tips and compiled templates\n- **TypeScript**: Advanced typing patterns\n\n[View advanced guides ā](./docs/guide/performance.md)\n\n## šļø Configuration\n\nPlugin options:\n\n- `legacyDecorators`: Enable legacy decorator support\n- `useCompiledTemplates`: Compile-time template optimization (default: true)\n- `useImportDiscovery`: Auto-detect custom elements (default: false)\n\n[Full configuration guide ā](./docs/guide/vite-plugin.md)\n\n## š Ecosystem & Migration\n\nFull compatibility with:\n\n- LitElement and reactive properties\n- All Lit directives\n- Web Components standards\n- TypeScript with native DOM types\n\nMigrating from React or Lit templates? See the [migration guide](./CHANGELOG.md).\n\n## š¤ Contributing\n\nContributions, issues or requests are welcome!\n\n## š License\n\nApache-2.0\n\n....\n","readmeFilename":"README.md"}