- generate-complete-framework-report.mjs no longer claims legacyEmit/ legacyEventProps/legacyComponentDiscovery/stringLayouts/ functions.legacyDefaultRuntime are usable compatibility flags; they were removed before the first public release and a config setting them is now rejected. Regenerated docs/WRNEXUS-COMPLETE-FEATURE-REPORT.md. - Restored the update.test.ts coverage lost in the sub-0.8.0 migration cleanup: a 0.8.x fixture now asserts refreshFrameworkFiles' still-live behaviour (public/llms.txt and CLAUDE.md creation) and that pkg.wrnexus.version stays at its old value after an unverified update. The .gitignore refresh and build/start/production script backfill were themselves removed as part of dropping the sub-0.8.0 migrations that implemented them, so there is nothing left to cover for those two. - updateApp now logs a clear warning when the detected project version is below 0.8.0, naming the version and stating that automated migration from below 0.8.0 is no longer supported, without failing the command (a marker-less app, like examples/basic-app, is benign and must still upgrade cleanly). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
1397 lines
184 KiB
Markdown
1397 lines
184 KiB
Markdown
# WRNexusJS complete framework and `.wrn` report
|
||
|
||
Generated for workspace version **0.8.8** from the checked-out source and generated references.
|
||
|
||
> Scope and source of truth: this report describes the checked-out implementation, not only the prose docs. The parser in `packages/syntax`, compiler/runtime code, package manifests, `docs/public-api-0.8.json`, and `packages/ui/component-reference.json` take precedence when older documents disagree.
|
||
|
||
## 1. Executive summary
|
||
|
||
- Workspace framework version: **0.8.8**. The 48 independently published packages have their own patch versions; see Appendix A.
|
||
- Architecture: compiler-driven, SSR-first, Bun-native/full-stack, with Node-friendly selected tooling.
|
||
- Static routes retain the zero-framework-JavaScript goal; hydration is selective and islands are loaded only where declared.
|
||
- Current headline features include typed callable API blocks, reactive `if`/`each` control blocks, runtime-scoped state and functions, typed outputs, stores, React islands, HTML-aware editor tooling, package/plugin discovery, generated contracts, security gates, and multi-app RPC.
|
||
- Audited public API baseline: **48 packages / 2735 exported symbols** across root and subpath exports.
|
||
- Audited packaged `.wrn` sources: **142**; generated UI reference: **102 components**.
|
||
|
||
## 2. What a `.wrn` file is
|
||
|
||
A `.wrn` file is a single compiler-owned source unit combining imports, a root declaration, typed data/state, runtime behavior, HTML view markup, styles, metadata, API handlers/bindings, and realtime handlers. It is parsed into the canonical AST owned by `@wrnexus/syntax`; `@wrnexus/compiler` turns that AST into SSR, browser, route, style, and metadata artifacts.
|
||
|
||
Valid roots:
|
||
|
||
| Root | Purpose |
|
||
| ---------------------- | ----------------------------------- |
|
||
| `page Name {}` | Routed page. |
|
||
| `component Name {}` | Reusable server-rendered component. |
|
||
| `layout Name {}` | Reusable page wrapper. |
|
||
| `global store Name {}` | Application-wide store. |
|
||
| `page store Name {}` | Page-lifetime store. |
|
||
|
||
A file may start with static TypeScript imports. Component and layout symbols can be imported explicitly; compatibility discovery remains configurable for upgraded applications.
|
||
|
||
## 3. Complete `.wrn` block and declaration catalog
|
||
|
||
| Declaration/block | Shape | Meaning and current behavior |
|
||
| -------------------------------------------------------- | -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||
| `layout = LayoutSymbol` | root member | Preferred imported layout reference. String layout names remain a compatibility path. |
|
||
| `runtime = "…"` | root member | Targets: `server`, `client`, `universal`, `edge`, `worker`, `service-worker`. |
|
||
| `render = "…"` | root member | Modes: `static`, `server`, `hybrid`, `client`, `partial-static`. |
|
||
| `hydrate = "…"` | root member | `load`, `idle`, `visible`, `interaction`, `none`, or `media:<query>`; legacy `never` normalizes to `none`. |
|
||
| `client = "…"` | root member | Legacy alias for hydration configuration; `client {}` remains a different runtime-mode block. |
|
||
| `types {}` | raw TypeScript | Local type declarations emitted for checking. |
|
||
| `props {}` | typed declarations | Required without default; optional via `?`; defaults supported; legacy `@event name = function` is parsed for compatibility. |
|
||
| `outputs {}` | typed declarations | Canonical child-to-parent callable output contract, zero or one typed payload. |
|
||
| `state name = expr` / `state {}` | reactive data | Shared state; type annotation optional, initializer required. Arrays, objects, and multiline expressions are supported. |
|
||
| `server state {}` / `client state {}` | runtime-scoped data | State visible only in the declared runtime boundary. |
|
||
| `computed name = expr` / `computed {}` | derived data | Dependency-tracked cached values. |
|
||
| `effect {}` | reactive side effect | Runs after batched updates when referenced reactive values change. |
|
||
| `load server {}` / `load client {}` | loader | Runtime-specific loading; named/dependent/deferred forms are represented in the AST. |
|
||
| `action name(args) {}` | action | Named action, optionally schema-backed, exported for adapters. |
|
||
| `view {}` | HTML/template | HTML/component tree with expressions, events, directives, and reactive control blocks. |
|
||
| `style {}` | scoped CSS | Multiple blocks allowed; promoted into the document head with CSP/HMR/navigation support. |
|
||
| `seo {}` | metadata | Key/value SEO metadata. |
|
||
| `security {}` | policy metadata | Auth, CSRF, roles, rate-limit and organization-specific enforcement metadata. |
|
||
| `navigation {}` | navigation metadata | Page navigation policy/configuration consumed by runtime tooling. |
|
||
| `cache {}` | cache metadata | Declarative framework cache policy. |
|
||
| `functions {}` | shared helpers | Legacy/general shared helper body; runtime-specific function grammar is preferred where applicable. |
|
||
| `server { functions {} }` / `client { functions {} }` | mode helper block | Raw helpers scoped to SSR or browser execution. |
|
||
| `[async] server function name(args) {}` | callable function | Explicit server RPC boundary. |
|
||
| `[async] client function name(args) {}` | browser function | Explicit client callable function. |
|
||
| `[async] shared function name(args) {}` | universal helper | Explicit shared function. |
|
||
| `ssr { api … }` | render-time own-route data | Executes during render. Legacy bare response body is supported; sectioned `response`/`error` is supported; request parameters are intentionally forbidden. |
|
||
| `client { api … }` | callable own-route data | Sectioned form creates `api.name(input)` in browser scope; GET uses query parameters, other methods use JSON and CSRF. |
|
||
| `api METHOD /path {}` | route handler | Defines an application API endpoint/handler. Distinct from named data API bindings inside `ssr`/`client`. |
|
||
| `lifecycle { mount/update/unmount {} }` | component lifecycle | Hydrated lifecycle hooks. |
|
||
| `watch stateName {}` | watcher | Runs for changes to the named state. |
|
||
| `realtime name { on event(args) {} }` | websocket behavior | Declares named realtime handlers. |
|
||
| `persist {}` | store persistence | Storage (`memory`, `session`, `local`), included keys, version, migrations, and validation. |
|
||
| `lifecycle { serverInit/clientInit/hydrate/dispose {} }` | store lifecycle | Store-specific lifecycle form. |
|
||
|
||
### View/template features
|
||
|
||
- Standard HTML and custom/component tags; HTML void elements follow the platform list.
|
||
- Escaped `{expression}` interpolation. Raw HTML is an explicit security boundary.
|
||
- Browser event attributes: `@click`, `@window:scroll`, `@document:click`, and other event names.
|
||
- Conditional classes through `class:name='expression'`; visibility through `data-show`.
|
||
- Legacy loop attribute: `data-for="item, index in items key item.id"`, with optional `data-key`.
|
||
- Canonical control blocks: `{#if}`, `{:else if}`, `{:else}`, `{/if}` and `{#each list as item, index key expr}`, `{:empty}`, `{/each}`. Initial output is SSR and remains reactive after hydration.
|
||
- JSX-style expression props (`items={items}`, object/array expressions) are current; quoted expressions remain compatible. Literal HTML attributes remain quoted.
|
||
- React/TSX islands use imported `.tsx` components and `client:only`, `client:load`, `client:visible`, or `client:idle`. They are client-only in v1; island props must be JSON-serializable.
|
||
|
||
### Typed callable API block (latest form)
|
||
|
||
```wrn
|
||
client {
|
||
api searchUsers POST /api/users {
|
||
request { body { name?: string age?: number } }
|
||
response { return data.users }
|
||
error { return [] }
|
||
}
|
||
}
|
||
```
|
||
|
||
Call it with `await api.searchUsers({ name })`. GET uses `request { parameters {} }`; non-GET uses `body {}`. Fields are type-only declarations checked against generated route contracts in `app/types/wrnexus.generated.api-checks.ts`. Success binds parsed JSON as `data`. `error {}` converts failure to its returned value; without it, non-2xx, network, and parse failures reject. Targets are restricted to the current app’s `/api/*` routes. External APIs, custom headers, parameterized SSR calls, caching, and deduplication are deferred.
|
||
|
||
Legacy API binding remains valid: `ssr { api users GET /api/users { return users } }`. Its bare body receives payload fields through the legacy dynamic scope. The sectioned form deliberately uses `data` so TypeScript can check it.
|
||
|
||
## 4. Runtime, rendering, and data flow
|
||
|
||
1. `@wrnexus/syntax` tokenizes/parses and emits stable diagnostics and AST nodes.
|
||
2. The compiler resolves imports/components/islands and generates SSR HTML functions, client modules, route/API exports, styles, metadata, and contracts.
|
||
3. Static pages ship no framework JS. Interactive pages receive only the required CSR runtime; island routes lazily receive React/island assets.
|
||
4. State changes batch, invalidate computed values, run effects/watchers, update expressions/classes/visibility, and rerender `if`/`each` regions.
|
||
5. Server functions use the RPC boundary; typed API blocks call same-app API routes; realtime blocks produce websocket handlers; stores bridge SSR and client state.
|
||
6. Generated types validate component props, outputs, functions, routes, and typed API-block request contracts during `tsc` and release checks.
|
||
|
||
## 5. Framework feature inventory
|
||
|
||
- Routing and rendering: filesystem pages/layouts, static/request/hybrid/client/partial-static rendering, route analysis, advanced routing, CSR navigation, layouts, streaming/SSR packages.
|
||
- Reactivity: state, computed values, effects, watchers, reactive attributes/events, SSR-to-client control blocks, loaders/actions, explicit hydration.
|
||
- Components/UI: application components, package-owned blocks, generated prop/output references, theming/tokens, 102 audited first-party UI components, app overrides/ejection.
|
||
- Data/backend: database drivers and migrations, repositories, cache, queue, pub/sub, realtime, GraphQL, route APIs, server functions, workspace RPC.
|
||
- Identity/security: auth, authorization, OAuth, JWT/JWKS, MFA/passkeys/recovery, CAPTCHA, encryption, SSRF defenses, CSP/CSRF, request limits, audit/security gates.
|
||
- Product capabilities: AI/RAG/provider adapters, content, i18n, image optimization, uploads, validation, PWA, native/mobile, analytics/tracking, observability.
|
||
- Developer experience: CLI create/dev/build/update/doctor/inspect/generate/eject/db/workspace operations, HMR, dev toolbar, language server, VS Code completion/HTML editing/formatting/diagnostics, playground, MCP, tests/benchmarks/release validation.
|
||
- Deployment: production builds, Docker and platform examples, migrations, package staging/integrity checks, SBOM and security/performance reports.
|
||
|
||
## 6. Legacy-to-current migration map
|
||
|
||
| Legacy/earlier approach | Current approach | Compatibility/status |
|
||
| ------------------------------------------------------------- | ------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
|
||
| Compiler-owned/internal parsing imports | Canonical `@wrnexus/syntax` lexer/parser/AST/diagnostics | Compiler re-exports remain for compatibility; direct internals are deprecated. |
|
||
| Implicit component discovery everywhere | Explicit imports and generated contracts | Unresolved symbols are reported rather than guessed; there is no compatibility opt-out. |
|
||
| `layout = "PublicLayout"` | Import layout and use `layout = PublicLayout` | String layouts are no longer supported; the config key that toggled them was removed. |
|
||
| `@event changed = function` in props | `outputs { changed(payload: Type) }` | v0.6 migration converts declarations; ambiguous payloads become `unknown`. |
|
||
| `$emit("changed", value)` and `event.detail` | `output.changed(value)` and direct `payload` | Static cases auto-migrated; dynamic emit names require review. |
|
||
| Unclassified functions | `server function`, `client function`, or `shared function` | v0.6 classifies unambiguous cases; the legacy default runtime that preserved ambiguous behavior was removed. |
|
||
| Manually copied CAPTCHA JS/script tags | Package-discovered client runtime/assets | v0.4 removes tags and archives old assets under `.wrnexus/legacy-assets/0.4.0`. |
|
||
| Package components/routes/assets wired manually | Automatic package/plugin discovery and contribution registry | Current CLI/build/dev server inspect and consume contributions. |
|
||
| Only scalar/quoted dynamic props | Native arrays/objects and JSX-style unquoted expressions | Quoted expression attributes remain supported. |
|
||
| `data-for` and older each forms | `{#each …}{:empty}{/each}` | Legacy loop forms remain supported; canonical blocks offer keyed/empty/reactive behavior. |
|
||
| Static server-only `if`/`each` after hydration | Reactive client rerendering of control blocks | Current runtime updates branches/rows after state changes. |
|
||
| Bare `api` binding bodies and hand-written `fetch` for inputs | Sectioned typed callable client API blocks | Bare body stays supported; new form adds inputs, route-contract checking, CSRF, response/error transforms. |
|
||
| Generated API assertions in `.d.ts` | Assertions in real `wrnexus.generated.api-checks.ts` | Changed because `skipLibCheck` made `.d.ts` assertions inert. |
|
||
| Client functions accidentally retaining TypeScript | Compiler strips type syntax before browser-module emission | Fixed and regression-tested. |
|
||
| Markup merely highlighted as embedded HTML | Virtual HTML document plus HTML language service | Current editor adds tag/attribute completion, auto-close/rename, hover, Emmet, and folding; WRN formatter still owns formatting. |
|
||
| Framework-only component ecosystem | Optional React `.tsx` islands | React is isolated and lazy; zero-JS routes remain unchanged; island SSR/Fast Refresh are deferred. |
|
||
| Per-component/global style placement inconsistencies | `style {}` promoted to document head | Current pipeline supports CSP, HMR and CSR navigation. |
|
||
| Manually maintained API/component knowledge | Generated public API and component references plus validation gates | `check:public-api`, generated-type checks, UI visual contract and package audits detect drift. |
|
||
|
||
`legacyEmit`, `legacyEventProps`, `legacyComponentDiscovery`, `stringLayouts`, and `functions.legacyDefaultRuntime` (and the other pre-1.0 compatibility keys) were removed before the first public release; a config that still sets any of them is rejected by validation rather than honored.
|
||
|
||
## 7. Diagnostics, security, and correctness guarantees
|
||
|
||
Stable diagnostics include parse/member/prop/state/hydration/runtime/accessibility codes and feature-specific diagnostics such as island prop or missing-React errors. Compiler, CLI doctor/build, type generation, and editor tooling share syntax ownership to reduce parser drift.
|
||
|
||
Security properties include escaped output by default, CSP-aware styles/scripts, same-origin API restriction, CSRF on non-GET callable API requests, credential handling via same-origin cookies, safe serialization, SSRF policies, request limits, auth/authz metadata and middleware, secret/audit gates, and application-layer encryption where explicitly needed. Security metadata is declarative input; enforcement still belongs to installed middleware/plugins and route policy.
|
||
|
||
## 8. Current limitations and deferred work
|
||
|
||
- Typed API blocks do not target third-party URLs, accept custom author headers, parameterize SSR requests, or provide built-in request caching/deduplication.
|
||
- React islands are client-rendered in v1; island SSR/hydration and React Fast Refresh are deferred.
|
||
- Native compilation does not directly port data API blocks; native screens use generated backend helpers.
|
||
- HTML language features intentionally do not replace the WRN formatter.
|
||
- Generated type checks must stay fresh; `check:generated-types` is the enforcement gate.
|
||
|
||
## 9. Documentation drift discovered by this audit
|
||
|
||
- Root `README.md` says 0.8.0, while the workspace manifest is 0.8.8.
|
||
- `packages/ui/README.md` says 85 components and `docs/UI-COMPONENT-INVENTORY.md` says 891; the current generated component reference contains 102.
|
||
- `docs/WRN-LANGUAGE-SPEC-1.0.md` calls itself the 0.3.x contract and predates several implemented roots/members (stores, rendering modes, outputs, runtime-scoped state/functions, React islands, sectioned callable API blocks). Use it as historical baseline, not a complete 0.8.8 reference.
|
||
- Package patch versions are intentionally ahead of the workspace umbrella version in many packages. Consumers should use the actual package manifest/version selected by the release process.
|
||
|
||
## 10. Recommended release verification
|
||
|
||
Run `bun run check:production` for the complete production gate. Its chain covers workspace repair, generated types, public API, UI visual contract, 0.8 validation, framework/ASVS security, editor bundle freshness, typecheck, lint, component imports, package tests, formatting, and examples. Additional focused commands include `bun run test:all`, `bun run audit:packages`, `bun run test:package-kits`, `bun run validate:staging`, `bun run sbom`, and `bun run benchmark:framework`.
|
||
|
||
## Appendix A — package/version inventory
|
||
|
||
| Package | Version | Purpose |
|
||
| -------------------------- | ------- | ------------------------------------------------------------------------------------------------------------------ |
|
||
| `@wrnexus/ai` | 0.8.9 | Zero-dependency Claude (Anthropic) client for WrNexus apps. |
|
||
| `@wrnexus/auth` | 0.8.12 | Complete authentication, account security, MFA, passkeys, recovery, devices, risk, and audit system for WRNexusJS. |
|
||
| `@wrnexus/authz` | 0.8.9 | — |
|
||
| `@wrnexus/benchmark` | 0.8.8 | Deterministic benchmark runner and performance regression budgets for WRNexusJS. |
|
||
| `@wrnexus/cache` | 0.8.8 | Tag-aware memory and response caching with stale-while-revalidate for WRNexusJS. |
|
||
| `@wrnexus/captcha` | 0.8.11 | First-class CAPTCHA challenges, providers, verification guards, page gates, and WRNexusJS UI. |
|
||
| `@wrnexus/cli` | 0.8.46 | — |
|
||
| `@wrnexus/compiler` | 0.8.14 | — |
|
||
| `@wrnexus/content` | 0.8.9 | Typed Markdown content collections, loaders, indexes, feeds, and preview workflows for WRNexusJS. |
|
||
| `@wrnexus/core` | 0.8.10 | — |
|
||
| `@wrnexus/csr` | 0.8.25 | — |
|
||
| `@wrnexus/db` | 0.8.16 | Typed database drivers, migrations, instrumentation, repositories, pagination, and transaction helpers. |
|
||
| `@wrnexus/dev-server` | 0.8.41 | — |
|
||
| `@wrnexus/dev-toolbar` | 0.8.13 | — |
|
||
| `@wrnexus/encryption` | 0.8.9 | Authenticated encryption, key rotation, hashing, and optional application-layer encrypted HTTP envelopes. |
|
||
| `@wrnexus/graphql` | 0.8.8 | — |
|
||
| `@wrnexus/helpers` | 0.8.8 | Safe convenience helpers for WrNexus request contexts and common application flows. |
|
||
| `@wrnexus/i18n` | 0.8.12 | Locale loading, fallback resolution, SSR/browser translations, formatters, and WRNexusJS language components. |
|
||
| `@wrnexus/identity` | 0.8.8 | Enterprise federation, provisioning, machine identity, and privacy governance for WRNexusJS. |
|
||
| `@wrnexus/image` | 0.8.10 | Responsive image planning, secure remote image policies, and performance auditing for WRNexusJS. |
|
||
| `@wrnexus/jwt` | 0.8.9 | HS256 JSON Web Tokens, key rotation, access/refresh helpers, scopes, cookies, and auth middleware. |
|
||
| `@wrnexus/language-server` | 0.8.11 | Editor-neutral Language Server Protocol implementation for WRNexus .wrn files. |
|
||
| `@wrnexus/mcp` | 0.8.8 | Model Context Protocol server exposing WRNexus application and framework context. |
|
||
| `@wrnexus/mobile` | 0.8.8 | — |
|
||
| `@wrnexus/native` | 0.8.8 | — |
|
||
| `@wrnexus/oauth` | 0.8.8 | — |
|
||
| `@wrnexus/observability` | 0.8.8 | Metrics, Web Vitals collection, request instrumentation, and exporter adapters for WRNexusJS. |
|
||
| `@wrnexus/playground` | 0.8.8 | Secure, shareable WRNexus compiler and UI playground. |
|
||
| `@wrnexus/plugin` | 0.8.8 | — |
|
||
| `@wrnexus/pubsub` | 0.8.9 | — |
|
||
| `@wrnexus/pwa` | 0.8.9 | Service workers, manifests, offline queues, background sync, push, and conflict resolution for WRNexusJS. |
|
||
| `@wrnexus/queue` | 0.8.8 | — |
|
||
| `@wrnexus/react` | 0.8.9 | — |
|
||
| `@wrnexus/reactive` | 0.8.8 | — |
|
||
| `@wrnexus/realtime` | 0.8.10 | Typed realtime rooms, message helpers, presence utilities, package UI blocks, and WRNexusJS integration. |
|
||
| `@wrnexus/router` | 0.8.9 | — |
|
||
| `@wrnexus/rpc` | 0.8.10 | Typed request/response calls between workspace apps, carrying end-user identity. |
|
||
| `@wrnexus/security` | 0.8.8 | Security policies, safe serialization, SSRF protection, request limits, and secure cookie helpers for WRNexusJS. |
|
||
| `@wrnexus/ssr` | 0.8.9 | — |
|
||
| `@wrnexus/store` | 0.8.8 | — |
|
||
| `@wrnexus/styles` | 0.8.15 | — |
|
||
| `@wrnexus/syntax` | 0.8.10 | — |
|
||
| `@wrnexus/test` | 0.8.9 | — |
|
||
| `@wrnexus/tracking` | 0.8.8 | — |
|
||
| `@wrnexus/typecheck` | 0.8.10 | — |
|
||
| `@wrnexus/ui` | 0.8.20 | — |
|
||
| `@wrnexus/uploader` | 0.8.10 | Secure upload drivers, policies, client runtime, helper functions, and reusable upload components. |
|
||
| `@wrnexus/validation` | 0.8.11 | Shared server/browser schemas, validation helpers, form runtime, and reusable error components. |
|
||
|
||
## Appendix B — complete audited public export inventory
|
||
|
||
### `@wrnexus/ai` (62 symbols)
|
||
|
||
- **.:** `AI`, `AIAttemptEvent`, `AICircuitBreakerOptions`, `AIClient`, `AIClientOptions`, `AIConfig`, `AIError`, `AIGuardrail`, `AIProvider`, `AIProviderCapabilities`, `AIResult`, `AIRetryOptions`, `AITool`, `AIToolCall`, `AIUsage`, `ConversationStore`, `DeterministicAIProviderOptions`, `Effort`, `EmbeddingProvider`, `GenerateOptions`, `HttpAIProviderOptions`, `Message`, `Role`, `VectorMatch`, `VectorRecord`, `VectorStore`, `aiProvider`, `aiRateLimiter`, `anthropicProvider`, `createAI`, `createAIClient`, `createRagPipeline`, `deterministicAIProvider`, `evaluateAI`, `googleAIProvider`, `guardedProvider`, `localAIProvider`, `maxPromptLength`, `memoryConversationStore`, `memoryVectorStore`, `openAIEmbeddings`, `openAIProvider`, `promptTemplate`
|
||
- **./platform:** `AIGuardrail`, `ConversationStore`, `EmbeddingProvider`, `HttpAIProviderOptions`, `VectorMatch`, `VectorRecord`, `VectorStore`, `aiRateLimiter`, `createRagPipeline`, `evaluateAI`, `googleAIProvider`, `guardedProvider`, `localAIProvider`, `maxPromptLength`, `memoryConversationStore`, `memoryVectorStore`, `openAIEmbeddings`, `openAIProvider`, `promptTemplate`
|
||
|
||
### `@wrnexus/auth` (353 symbols)
|
||
|
||
- **.:** `AUTH_SECURITY_EVENT_TYPES`, `AUTH_SESSION_KEY`, `AuthAccountStatus`, `AuthAuditIssue`, `AuthClock`, `AuthConfig`, `AuthDeliveryMessage`, `AuthDeliveryProvider`, `AuthEngine`, `AuthEngineOptions`, `AuthHttpOptions`, `AuthIdentity`, `AuthIdentityType`, `AuthImpersonationDecision`, `AuthMfaMethod`, `AuthPasskeyHttpOptions`, `AuthPluginOptions`, `AuthPublicUser`, `AuthRandom`, `AuthResult`, `AuthRiskDecision`, `AuthRiskLevel`, `AuthRiskSignals`, `AuthRouteName`, `AuthRoutesConfig`, `AuthSchemaOverrides`, `AuthSchemaSet`, `AuthSecretProtector`, `AuthSecurityEvent`, `AuthSecurityEventType`, `AuthSession`, `AuthSessionVerificationHandler`, `AuthSignedInHandler`, `AuthSignedOutHandler`, `AuthStore`, `AuthSuccessfulSignUpAction`, `AuthSuccessfulSignUpHandler`, `AuthTokenPurpose`, `AuthTokenUrlInput`, `AuthUser`, `AuthenticatedContext`, `DefaultAuthRouteOptions`, `KnownAuthSecurityEventType`, `LoginAttempt`, `LoginInput`, `MemoryAuthStore`, `MemoryPasskeyChallengeStore`, `OAuthAccount`, `OneTimeToken`, `OtpChallenge`, `PasskeyAuthenticationOptions`, `PasskeyChallengeKind`, `PasskeyChallengeRecord`, `PasskeyChallengeStore`, `PasskeyCredential`, `PasskeyProvider`, `PasskeyRegistrationOptions`, `PasskeyVerificationResult`, `PasswordBreachProvider`, `PasswordCredential`, `RecoveryCodeRecord`, `RegisterInput`, `RiskPolicy`, `SqlAuthStore`, `TotpCredential`, `TrustedDevice`, `assertPasskeyProvider`, `authBrowserSchemaDescriptors`, `authBrowserSchemaMap`, `authComponentProps`, `authComponentsDir`, `authFailure`, `authPlugin`, `authRoute`, `authSchemas`, `authSession`, `authSuccess`, `authenticatorConfirmSchema`, `authenticatorDisableSchema`, `authenticatorSetupSchema`, `changePasswordSchema`, `clearAuthSession`, `clearDefaultAuthEngine`, `createAuthEngine`, `createAuthHttpHandlers`, `createAuthSecretProtector`, `currentAuthSession`, `decodeBase32`, `emptyActionSchema`, `encodeBase32`, `establishAuthSession`, `evaluateAuthRisk`, `generateTotp`, `generateTotpSecret`, `getAuthSession`, `getAuthUser`, `getDefaultAuthEngine`, `getDefaultAuthRouteOptions`, `getDefaultAuthSchemas`, `hasDefaultAuthEngine`, `impersonationStartSchema`, `inferIdentityType`, `invitationAcceptSchema`, `isAuthenticatedContext`, `loginSchema`, `magicLinkConsumeSchema`, `magicLinkRequestSchema`, `mfaOtpRequestSchema`, `mfaSchema`, `normalizeEmail`, `normalizeIdentity`, `normalizePhone`, `normalizeUsername`, `optionalAuthUser`, `otpIssueSchema`, `otpLoginCompleteSchema`, `otpLoginRequestSchema`, `otpSchema`, `passkeyAuthenticationOptionsSchema`, `passkeyAuthenticationVerifySchema`, `passkeyRegistrationOptionsSchema`, `passkeyRegistrationVerifySchema`, `passwordResetRequestSchema`, `passwordResetSchema`, `publicUser`, `recoveryCodesSchema`, `registerSchema`, `requireAuth`, `requireAuthUser`, `resolveAuthSchemas`, `safeAuthReturnTo`, `sessionRevokeSchema`, `setDefaultAuthEngine`, `setDefaultAuthRouteOptions`, `setDefaultAuthSchemas`, `signUpSchema`, `totpUri`, `tryGetDefaultAuthEngine`, `verificationRequestSchema`, `verificationTokenSchema`, `verifyTotp`
|
||
- **./client:** `AuthRuntimeApi`, `authRuntime`
|
||
- **./engine:** `AuthEngine`, `createAuthEngine`
|
||
- **./http:** `AuthHttpOptions`, `AuthPasskeyHttpOptions`, `createAuthHttpHandlers`
|
||
- **./middleware:** `AUTH_SESSION_KEY`, `AuthSessionOptions`, `RequireAuthOptions`, `authSession`, `clearAuthSession`, `establishAuthSession`, `getAuthSession`, `getAuthUser`, `isAuthenticatedContext`, `requireAuth`
|
||
- **./passkeys:** `MemoryPasskeyChallengeStore`, `PasskeyChallengeKind`, `PasskeyChallengeRecord`, `PasskeyChallengeStore`, `PasskeyProvider`, `assertPasskeyProvider`, `publicKeyCreationOptions`, `publicKeyRequestOptions`
|
||
- **./plugin:** `AuthAuditIssue`, `AuthConfig`, `AuthPluginOptions`, `AuthRoutesConfig`, `authComponentsDir`, `authPlugin`, `default`
|
||
- **./protector:** `createAuthSecretProtector`
|
||
- **./runtime:** `DefaultAuthRouteOptions`, `clearDefaultAuthEngine`, `getDefaultAuthEngine`, `getDefaultAuthRouteOptions`, `getDefaultAuthSchemas`, `hasDefaultAuthEngine`, `setDefaultAuthEngine`, `setDefaultAuthRouteOptions`, `setDefaultAuthSchemas`, `tryGetDefaultAuthEngine`
|
||
- **./server:** `AUTH_SECURITY_EVENT_TYPES`, `AUTH_SESSION_KEY`, `AuthAccountStatus`, `AuthClock`, `AuthDeliveryMessage`, `AuthDeliveryProvider`, `AuthEngine`, `AuthEngineOptions`, `AuthHttpOptions`, `AuthIdentity`, `AuthIdentityType`, `AuthImpersonationDecision`, `AuthMfaMethod`, `AuthPasskeyHttpOptions`, `AuthPublicUser`, `AuthRandom`, `AuthResult`, `AuthRiskDecision`, `AuthRiskLevel`, `AuthRiskSignals`, `AuthSchemaOverrides`, `AuthSchemaSet`, `AuthSecretProtector`, `AuthSecurityEvent`, `AuthSecurityEventType`, `AuthSession`, `AuthSessionVerificationHandler`, `AuthSignedInHandler`, `AuthSignedOutHandler`, `AuthSuccessfulSignUpAction`, `AuthSuccessfulSignUpHandler`, `AuthTokenPurpose`, `AuthTokenUrlInput`, `AuthUser`, `AuthenticatedContext`, `DefaultAuthRouteOptions`, `KnownAuthSecurityEventType`, `LoginAttempt`, `LoginInput`, `MemoryAuthStore`, `OAuthAccount`, `OneTimeToken`, `OtpChallenge`, `PasskeyAuthenticationOptions`, `PasskeyCredential`, `PasskeyProvider`, `PasskeyRegistrationOptions`, `PasskeyVerificationResult`, `PasswordBreachProvider`, `PasswordCredential`, `RecoveryCodeRecord`, `RegisterInput`, `SqlAuthStore`, `TotpCredential`, `TrustedDevice`, `authBrowserSchemaDescriptors`, `authBrowserSchemaMap`, `authSchemas`, `authSession`, `authenticatorConfirmSchema`, `authenticatorDisableSchema`, `authenticatorSetupSchema`, `changePasswordSchema`, `clearAuthSession`, `clearDefaultAuthEngine`, `createAuthEngine`, `createAuthHttpHandlers`, `createAuthSecretProtector`, `emptyActionSchema`, `establishAuthSession`, `getAuthSession`, `getAuthUser`, `getDefaultAuthEngine`, `getDefaultAuthRouteOptions`, `getDefaultAuthSchemas`, `hasDefaultAuthEngine`, `impersonationStartSchema`, `inferIdentityType`, `invitationAcceptSchema`, `isAuthenticatedContext`, `loginSchema`, `magicLinkConsumeSchema`, `magicLinkRequestSchema`, `mfaOtpRequestSchema`, `mfaSchema`, `normalizeEmail`, `normalizeIdentity`, `normalizePhone`, `normalizeUsername`, `otpIssueSchema`, `otpLoginCompleteSchema`, `otpLoginRequestSchema`, `otpSchema`, `passkeyAuthenticationOptionsSchema`, `passkeyAuthenticationVerifySchema`, `passkeyRegistrationOptionsSchema`, `passkeyRegistrationVerifySchema`, `passwordResetRequestSchema`, `passwordResetSchema`, `publicUser`, `recoveryCodesSchema`, `registerSchema`, `requireAuth`, `resolveAuthSchemas`, `safeAuthReturnTo`, `sessionRevokeSchema`, `setDefaultAuthEngine`, `setDefaultAuthRouteOptions`, `setDefaultAuthSchemas`, `signUpSchema`, `tryGetDefaultAuthEngine`, `verificationRequestSchema`, `verificationTokenSchema`
|
||
- **./store:** `AuthStore`
|
||
- **./stores/memory:** `MemoryAuthStore`
|
||
- **./stores/sql:** `SqlAuthStore`
|
||
- **./totp:** `TotpOptions`, `decodeBase32`, `encodeBase32`, `generateTotp`, `generateTotpSecret`, `totpUri`, `verifyTotp`
|
||
- **./types:** `AUTH_SECURITY_EVENT_TYPES`, `AuthAccountStatus`, `AuthClock`, `AuthDeliveryMessage`, `AuthDeliveryProvider`, `AuthEngineOptions`, `AuthIdentity`, `AuthIdentityType`, `AuthImpersonationDecision`, `AuthMfaMethod`, `AuthPublicUser`, `AuthRandom`, `AuthResult`, `AuthRiskDecision`, `AuthRiskLevel`, `AuthRiskSignals`, `AuthSecretProtector`, `AuthSecurityEvent`, `AuthSecurityEventType`, `AuthSession`, `AuthSessionVerificationHandler`, `AuthSignedInHandler`, `AuthSignedOutHandler`, `AuthSuccessfulSignUpAction`, `AuthSuccessfulSignUpHandler`, `AuthTokenPurpose`, `AuthTokenUrlInput`, `AuthUser`, `AuthenticatedContext`, `KnownAuthSecurityEventType`, `LoginAttempt`, `LoginInput`, `OAuthAccount`, `OneTimeToken`, `OtpChallenge`, `PasskeyAuthenticationOptions`, `PasskeyCredential`, `PasskeyProvider`, `PasskeyRegistrationOptions`, `PasskeyVerificationResult`, `PasswordBreachProvider`, `PasswordCredential`, `RecoveryCodeRecord`, `RegisterInput`, `TotpCredential`, `TrustedDevice`
|
||
|
||
### `@wrnexus/authz` (66 symbols)
|
||
|
||
- **.:** `AUTHZ_LOCALS_KEY`, `AttributeMeta`, `AuthorizationDecision`, `AuthorizeDecisionOptions`, `AuthzAuditEvent`, `AuthzAuditSink`, `AuthzCatalog`, `AuthzModule`, `AuthzResolver`, `AuthzResolverOptions`, `AuthzScope`, `CacheOptions`, `CachedPermissionStore`, `CatalogSource`, `DecideInput`, `DecisionPolicy`, `GrantEffect`, `GuardOptions`, `MemoryAuditSink`, `PermissionMeta`, `PermissionStore`, `Policy`, `Rbac`, `Subject`, `SubjectAssignments`, `all`, `allDecisions`, `allow`, `any`, `anyDecision`, `attr`, `authorize`, `authorizeDecision`, `authzMiddleware`, `cachedPermissionStore`, `can`, `consoleAuditSink`, `createAuthzResolver`, `decideFor`, `decision`, `defineAuthz`, `defineRbac`, `deniedBy`, `deny`, `emptyCatalog`, `expandRoles`, `filterAuthorized`, `filterCan`, `generatePermissionTypes`, `getAuthzCatalog`, `guardPermission`, `hasAuthzCatalog`, `hasRole`, `memoryAuditSink`, `memoryPermissionStore`, `mergeCatalogs`, `owner`, `permissionMatches`, `requirePermission`, `requireRole`, `safeRecord`, `scopeKey`, `setAuthzCatalog`
|
||
- **./db:** `authzMigrationSql`, `dbPermissionStore`, `ensureAuthzTables`
|
||
|
||
### `@wrnexus/benchmark` (8 symbols)
|
||
|
||
- **.:** `BenchmarkOptions`, `BenchmarkResult`, `RegressionBudget`, `RegressionViolation`, `assertBenchmarkBudget`, `compareBenchmark`, `percentile`, `runBenchmark`
|
||
|
||
### `@wrnexus/cache` (19 symbols)
|
||
|
||
- **.:** `CacheCoordinator`, `CacheCoordinatorOptions`, `CacheEntry`, `CacheEvent`, `CacheInspection`, `CacheInvalidationBus`, `CacheLayerName`, `CacheLookup`, `CacheSetOptions`, `CacheSnapshotEntry`, `CachedResponse`, `DistributedInvalidation`, `DistributedInvalidationOptions`, `RequestCache`, `ResponseCacheOptions`, `TagCache`, `TagCacheOptions`, `connectCacheInvalidation`, `responseCache`
|
||
|
||
### `@wrnexus/captcha` (336 symbols)
|
||
|
||
- **.:** `AssetAudioRenderer`, `AssetAudioRendererOptions`, `CAPTCHA_CONCRETE_IMAGE_STYLES`, `CAPTCHA_IMAGE_STYLES`, `CalculationCaptchaGenerator`, `CaptchaAudioRenderer`, `CaptchaAuditIssue`, `CaptchaBinding`, `CaptchaChallenge`, `CaptchaChallengeGenerator`, `CaptchaChallengeRecord`, `CaptchaChallengeType`, `CaptchaConcreteImageStyle`, `CaptchaDifficulty`, `CaptchaEngine`, `CaptchaEngineOptions`, `CaptchaFailureCode`, `CaptchaGeneratorContext`, `CaptchaGuardOptions`, `CaptchaHttpHandlers`, `CaptchaHttpOptions`, `CaptchaImageItem`, `CaptchaImageStyle`, `CaptchaMiddleware`, `CaptchaPageGateOptions`, `CaptchaParseResult`, `CaptchaPluginOptions`, `CaptchaPolicyMode`, `CaptchaPolicyOptions`, `CaptchaPresentation`, `CaptchaProvider`, `CaptchaProviderClientConfig`, `CaptchaProviderName`, `CaptchaResponseTokenRecord`, `CaptchaRiskResult`, `CaptchaRiskSignals`, `CaptchaSessionGrant`, `CaptchaStore`, `CaptchaVerificationResult`, `CreateCaptchaOptions`, `DefaultCaptchaEngine`, `GeneratedCaptchaChallenge`, `HcaptchaProvider`, `ImageCaptchaGenerator`, `InvisibleCaptchaGenerator`, `ManagedCaptchaProvider`, `ManagedCaptchaProviderOptions`, `MemoryCaptchaStore`, `MemoryCaptchaStoreOptions`, `ParseWithCaptchaOptions`, `RecaptchaProvider`, `RedisCaptchaClient`, `RedisCaptchaStore`, `RedisCaptchaStoreOptions`, `ResolveCaptchaImageStyleOptions`, `ResolvedCaptchaImageStyle`, `Rgba`, `RgbaImage`, `SelfHostedCaptchaProvider`, `SiteverifyCaptchaProvider`, `SiteverifyPreset`, `SiteverifyProviderOptions`, `SqliteCaptchaStore`, `SqliteCaptchaStoreOptions`, `SqliteDatabaseLike`, `SqliteStatementLike`, `TextCaptchaGenerator`, `TurnstileCaptchaProvider`, `VerifyCaptchaInput`, `alphaCaptchaGenerator`, `alphanumericCaptchaGenerator`, `bindingHash`, `bytesToBase64`, `bytesToBase64Url`, `calculationCaptchaGenerator`, `captchaComponentsDir`, `captchaContext`, `captchaFields`, `captchaGuard`, `captchaHeaders`, `captchaPageGate`, `captchaPlugin`, `captchaResultResponse`, `captchaTokenFrom`, `clearCaptchaGrants`, `constantTimeEqual`, `createAssetAudioRenderer`, `createCaptchaEngine`, `createCaptchaHttpHandlers`, `createImage`, `createMemoryCaptchaStore`, `createRedisCaptchaStore`, `createSqliteCaptchaStore`, `defaultCaptchaGenerators`, `defaultRandomBytes`, `defineCaptchaGenerator`, `defineCaptchaProvider`, `drawGlyph`, `drawLine`, `drawText`, `encodePng`, `evaluateCaptchaRisk`, `fillCircle`, `fillPolygon`, `fillRect`, `hcaptchaProvider`, `hmacSha256`, `honeypotCaptchaGenerator`, `imageCaptchaGenerator`, `isCaptchaImageStyle`, `managedCaptchaProvider`, `normalizeCaptchaImageStyle`, `normalizeCaptchaImageStyleList`, `notRobotCaptchaGenerator`, `numberCaptchaGenerator`, `parseWithCaptcha`, `pngDataUri`, `randomId`, `recaptchaProvider`, `resolveCaptchaAudioAssetsDir`, `resolveCaptchaImageStyle`, `selfHostedProvider`, `setPixel`, `sha256`, `shouldRequireCaptcha`, `timingCaptchaGenerator`, `turnstileProvider`, `validCaptchaGrant`, `verifyCaptcha`, `verifyCaptchaOrThrow`
|
||
- **./audio:** `AssetAudioRenderer`, `AssetAudioRendererOptions`, `createAssetAudioRenderer`, `resolveCaptchaAudioAssetsDir`
|
||
- **./challenges:** `CAPTCHA_CONCRETE_IMAGE_STYLES`, `CAPTCHA_IMAGE_STYLES`, `CalculationCaptchaGenerator`, `ImageCaptchaGenerator`, `InvisibleCaptchaGenerator`, `ResolveCaptchaImageStyleOptions`, `ResolvedCaptchaImageStyle`, `Rgba`, `RgbaImage`, `TextCaptchaGenerator`, `alphaCaptchaGenerator`, `alphanumericCaptchaGenerator`, `bytesToBase64`, `calculationCaptchaGenerator`, `createImage`, `defaultCaptchaGenerators`, `defineCaptchaGenerator`, `drawGlyph`, `drawLine`, `drawText`, `encodePng`, `fillCircle`, `fillPolygon`, `fillRect`, `honeypotCaptchaGenerator`, `imageCaptchaGenerator`, `isCaptchaImageStyle`, `normalizeCaptchaImageStyle`, `normalizeCaptchaImageStyleList`, `notRobotCaptchaGenerator`, `numberCaptchaGenerator`, `pngDataUri`, `resolveCaptchaImageStyle`, `setPixel`, `timingCaptchaGenerator`
|
||
- **./client:** `CaptchaClientProviderDefinition`, `captchaClientProviders`, `getCaptchaResponse`, `resetCaptchaElement`
|
||
- **./plugin:** `CaptchaAuditIssue`, `CaptchaPluginOptions`, `captchaComponentsDir`, `captchaPlugin`, `default`
|
||
- **./providers:** `HcaptchaProvider`, `ManagedCaptchaProvider`, `ManagedCaptchaProviderOptions`, `RecaptchaProvider`, `SelfHostedCaptchaProvider`, `SiteverifyCaptchaProvider`, `SiteverifyPreset`, `SiteverifyProviderOptions`, `TurnstileCaptchaProvider`, `defineCaptchaProvider`, `hcaptchaProvider`, `managedCaptchaProvider`, `recaptchaProvider`, `selfHostedProvider`, `turnstileProvider`
|
||
- **./providers/custom:** `defineCaptchaProvider`
|
||
- **./providers/hcaptcha:** `HcaptchaProvider`, `hcaptchaProvider`
|
||
- **./providers/managed:** `ManagedCaptchaProvider`, `ManagedCaptchaProviderOptions`, `managedCaptchaProvider`
|
||
- **./providers/recaptcha:** `RecaptchaProvider`, `recaptchaProvider`
|
||
- **./providers/self-hosted:** `SelfHostedCaptchaProvider`, `selfHostedProvider`
|
||
- **./providers/turnstile:** `TurnstileCaptchaProvider`, `turnstileProvider`
|
||
- **./server:** `AssetAudioRenderer`, `AssetAudioRendererOptions`, `CaptchaAudioRenderer`, `CaptchaBinding`, `CaptchaChallenge`, `CaptchaChallengeGenerator`, `CaptchaChallengeRecord`, `CaptchaChallengeType`, `CaptchaConcreteImageStyle`, `CaptchaDifficulty`, `CaptchaEngine`, `CaptchaEngineOptions`, `CaptchaFailureCode`, `CaptchaGeneratorContext`, `CaptchaGuardOptions`, `CaptchaHttpHandlers`, `CaptchaHttpOptions`, `CaptchaImageItem`, `CaptchaImageStyle`, `CaptchaMiddleware`, `CaptchaPageGateOptions`, `CaptchaParseResult`, `CaptchaPolicyMode`, `CaptchaPolicyOptions`, `CaptchaPresentation`, `CaptchaProvider`, `CaptchaProviderClientConfig`, `CaptchaProviderName`, `CaptchaResponseTokenRecord`, `CaptchaRiskResult`, `CaptchaRiskSignals`, `CaptchaSessionGrant`, `CaptchaStore`, `CaptchaVerificationResult`, `CreateCaptchaOptions`, `DefaultCaptchaEngine`, `GeneratedCaptchaChallenge`, `HcaptchaProvider`, `ManagedCaptchaProvider`, `ManagedCaptchaProviderOptions`, `MemoryCaptchaStore`, `MemoryCaptchaStoreOptions`, `ParseWithCaptchaOptions`, `RecaptchaProvider`, `RedisCaptchaClient`, `RedisCaptchaStore`, `RedisCaptchaStoreOptions`, `SelfHostedCaptchaProvider`, `SiteverifyCaptchaProvider`, `SiteverifyPreset`, `SiteverifyProviderOptions`, `SqliteCaptchaStore`, `SqliteCaptchaStoreOptions`, `SqliteDatabaseLike`, `SqliteStatementLike`, `TurnstileCaptchaProvider`, `VerifyCaptchaInput`, `bindingHash`, `bytesToBase64Url`, `captchaGuard`, `captchaPageGate`, `clearCaptchaGrants`, `constantTimeEqual`, `createAssetAudioRenderer`, `createCaptchaEngine`, `createCaptchaHttpHandlers`, `createMemoryCaptchaStore`, `createRedisCaptchaStore`, `createSqliteCaptchaStore`, `defaultRandomBytes`, `defineCaptchaProvider`, `evaluateCaptchaRisk`, `hcaptchaProvider`, `hmacSha256`, `managedCaptchaProvider`, `parseWithCaptcha`, `randomId`, `recaptchaProvider`, `resolveCaptchaAudioAssetsDir`, `selfHostedProvider`, `sha256`, `shouldRequireCaptcha`, `turnstileProvider`, `validCaptchaGrant`
|
||
- **./stores:** `MemoryCaptchaStore`, `MemoryCaptchaStoreOptions`, `createMemoryCaptchaStore`
|
||
- **./stores/memory:** `MemoryCaptchaStore`, `MemoryCaptchaStoreOptions`, `createMemoryCaptchaStore`
|
||
- **./stores/redis:** `RedisCaptchaClient`, `RedisCaptchaStore`, `RedisCaptchaStoreOptions`, `createRedisCaptchaStore`
|
||
- **./stores/sqlite:** `SqliteCaptchaStore`, `SqliteCaptchaStoreOptions`, `SqliteDatabaseLike`, `SqliteStatementLike`, `createSqliteCaptchaStore`
|
||
- **./types:** `CaptchaAudioRenderer`, `CaptchaBinding`, `CaptchaChallenge`, `CaptchaChallengeGenerator`, `CaptchaChallengeRecord`, `CaptchaChallengeType`, `CaptchaConcreteImageStyle`, `CaptchaDifficulty`, `CaptchaEngine`, `CaptchaEngineOptions`, `CaptchaFailureCode`, `CaptchaGeneratorContext`, `CaptchaGuardOptions`, `CaptchaHttpHandlers`, `CaptchaImageItem`, `CaptchaImageStyle`, `CaptchaMiddleware`, `CaptchaPageGateOptions`, `CaptchaPolicyMode`, `CaptchaPolicyOptions`, `CaptchaPresentation`, `CaptchaProvider`, `CaptchaProviderClientConfig`, `CaptchaProviderName`, `CaptchaResponseTokenRecord`, `CaptchaRiskResult`, `CaptchaRiskSignals`, `CaptchaStore`, `CaptchaVerificationResult`, `CreateCaptchaOptions`, `GeneratedCaptchaChallenge`, `VerifyCaptchaInput`
|
||
|
||
### `@wrnexus/cli` (15 symbols)
|
||
|
||
- **.:**
|
||
- **./workspace:** `ResolvedWorkspaceApp`, `ResolvedWorkspaceConfig`, `WorkspaceApp`, `WorkspaceConfig`, `WorkspaceEnvironment`, `WorkspaceEnvironmentConfig`, `addWorkspaceApp`, `createWorkspace`, `insertWorkspaceApp`, `loadWorkspaceConfig`, `resolveWorkspaceConfig`, `runGateway`, `runProduction`, `workspaceFiles`, `workspaceMigrationTargets`
|
||
|
||
### `@wrnexus/compiler` (84 symbols)
|
||
|
||
- **.:** `ActionBlock`, `ApiBlock`, `Attr`, `CompilationCache`, `CompilationCacheEntry`, `CompilationCacheOptions`, `CompileResult`, `ComputedDecl`, `DataApiBlock`, `DataMode`, `DependencyGraph`, `DeploymentRuntime`, `EffectBlock`, `EventDecl`, `FormatWrnOptions`, `IslandBuildResult`, `IslandDiagnostic`, `IslandInput`, `IslandStrategy`, `LexError`, `Lexer`, `LoadBlock`, `ModeFunctionsBlock`, `NativeCompileError`, `OptimizationReport`, `OutputDecl`, `PageAst`, `ParseError`, `PropDecl`, `RealtimeBlock`, `RouteExecutionKind`, `RuntimeCapability`, `RuntimeCapabilityDiagnostic`, `RuntimeFunctionDecl`, `RuntimeRequirements`, `SeoBlock`, `StateDecl`, `StateRuntime`, `StoreKind`, `StructuredImportDecl`, `ViewNode`, `WrnDiagnostic`, `analyzeOptimizations`, `analyzeRuntimeImports`, `analyzeRuntimeRequirements`, `assertReactAvailable`, `assertValidAst`, `buildIslands`, `compilationKey`, `compile`, `compileNativeWrnFile`, `compileWrnFile`, `createCompilationCache`, `createComponentContract`, `createWrnSourceMap`, `diagnose`, `diagnosticFromError`, `eraseFunctionTypes`, `formatDiagnostic`, `formatWrn`, `generate`, `generateBrowserModule`, `generateDeclarations`, `generateIslandEntry`, `generateNative`, `generateServerFunctionsModule`, `generateStoreBrowserModule`, `generateStoreModule`, `generateTargets`, `inferredRuntimeType`, `islandNamesFrom`, `islandPropValue`, `optimizeAst`, `parse`, `parseIslandStrategy`, `renderIslandMarker`, `resolveWrnImport`, `resolveWrnImports`, `routeNeedsIslands`, `rpcManifest`, `runtimeCapabilities`, `runtimeTypeOf`, `serializeIslandProps`, `stripBrowserTypes`
|
||
|
||
### `@wrnexus/content` (28 symbols)
|
||
|
||
- **.:** `CmsAdapter`, `ContentCollection`, `ContentCollectionOptions`, `ContentEntry`, `ContentHeading`, `ContentLoader`, `ContentLoaderResult`, `ContentSchema`, `MdxComponent`, `SyntaxLanguageBundle`, `VendorAdapterOptions`, `cmsContentLoader`, `contentRss`, `contentSitemap`, `contentfulAdapter`, `createIncrementalHighlighter`, `createSearchIndex`, `defineCollection`, `localContentLoader`, `paginateContent`, `parseFrontmatter`, `remoteContentLoader`, `renderMarkdown`, `renderMdxComponents`, `resolveContentReference`, `sanityAdapter`, `searchContent`, `strapiAdapter`
|
||
|
||
### `@wrnexus/core` (224 symbols)
|
||
|
||
- **.:** `ActionDefinition`, `ApplicationLifecycle`, `AsyncSessionBackend`, `BackoffStrategy`, `Bucket`, `BudgetViolation`, `Bulkhead`, `BulkheadOptions`, `CSRF_COOKIE`, `CSRF_HEADER`, `CacheControlOptions`, `CachePolicy`, `CircuitBreaker`, `CircuitBreakerOptions`, `CircuitBreakerSnapshot`, `ContentSecurityPolicyConfig`, `Context`, `CookieOptions`, `CookieStore`, `CorsConfig`, `CorsOrigin`, `CspDirectiveValue`, `CsrfProtectionOptions`, `DefinedAction`, `DefinedEndpoint`, `DefinedLoader`, `Duration`, `EndpointDefinition`, `EndpointError`, `EndpointErrorBody`, `ExecutionContext`, `ExecutionContextInput`, `ExecutionKind`, `FeatureFlags`, `FeatureRule`, `FeatureValue`, `Fragment`, `HealthCheck`, `HealthCheckResult`, `HealthRegistry`, `HstsConfig`, `Html`, `IdempotencyRecord`, `IdempotencyStore`, `InferEndpointSchema`, `JSXComponent`, `JSXProps`, `LifecycleHandler`, `LifecyclePhase`, `LoaderDefinition`, `LocalStorageSnapshot`, `Middleware`, `Mode`, `Next`, `OutputSchemaLike`, `POSTGRES_TENANT_DIRECTORY_SCHEMA`, `PageComponent`, `PageMeta`, `PerformanceBudgets`, `PerformanceMeasurement`, `PermissionsPolicyConfig`, `ProblemDetails`, `ProblemDetailsInput`, `RateLimitOptions`, `RateLimitStore`, `RawSocket`, `RealtimeBridge`, `RealtimeBus`, `RealtimeConnectMeta`, `RealtimeEnvelope`, `RealtimeHandler`, `RealtimeRegistry`, `RealtimeRegistryOptions`, `RealtimeSecurityOptions`, `RealtimeSocket`, `Renderable`, `RequestLimitsConfig`, `RequestLoggerOptions`, `RequestRecord`, `RequireAuthOptions`, `ResilienceError`, `ResilientCallOptions`, `ResponseContext`, `Room`, `RoomAuthInfo`, `RoomClient`, `RoomDefinition`, `RoomHandlers`, `RpcClientOptions`, `SESSION_USER_KEY`, `SaveUploadOptions`, `SavedUpload`, `SchemaLike`, `SecureUploadOptions`, `SecurityConfig`, `SeoConfig`, `ServerSentEvent`, `ServiceContainer`, `ServiceToken`, `SessionBackend`, `SessionEntry`, `SessionPolicy`, `SessionStore`, `Span`, `SpanRecord`, `StreamResponseInit`, `TFunction`, `TTLCache`, `Target`, `Tenant`, `TenantAuditEvent`, `TenantDirectoryStore`, `TenantMembership`, `TenantMiddlewareOptions`, `TenantQuota`, `TenantResolver`, `TenantResource`, `TenantSqlClient`, `Tracer`, `TrustedTypesConfig`, `UploadError`, `UploadInspectionResult`, `UploadInspector`, `UploadScanner`, `assertTenantAccess`, `bridgeRealtime`, `cacheControl`, `checkPerformanceBudgets`, `collectUploads`, `composeTenantResolvers`, `createContext`, `createCorsPreflightResponse`, `createExecutionContext`, `createPersistentTenantDirectory`, `createRealtimeRegistry`, `createRpcClient`, `createTenantDirectory`, `createTracer`, `csrfProtection`, `csrfToken`, `dedupe`, `defaultKey`, `defineAction`, `defineEndpoint`, `defineFeatureFlags`, `defineLoader`, `defineRoom`, `durationMs`, `escapeHtml`, `etag`, `executionContextFromHttp`, `getUser`, `hashPassword`, `isRoomDefinition`, `isSafeIslandName`, `isSafeRequestPath`, `isWebSocketOriginAllowed`, `jsx`, `jsxs`, `loadSession`, `logIn`, `logOut`, `memoryIdempotencyStore`, `memoryTenantDirectoryStore`, `migrateTenants`, `mustache`, `notModified`, `peerKey`, `postgresTenantDirectoryStore`, `problem`, `proxyKey`, `randomUploadFilename`, `rateLimit`, `recommendedWebBudgets`, `renderDevError`, `renderError`, `renderNotFound`, `renderProdError`, `renderStatusPage`, `requestId`, `requestLogger`, `requireAuth`, `requireTenant`, `resilientCall`, `resolveRequestUrl`, `sanitizeFilename`, `saveUpload`, `saveUploadSecure`, `secureDownloadHeaders`, `serviceToken`, `sessionAuth`, `setSessionBackend`, `setSessionPolicy`, `sse`, `streamResponse`, `tenantFromDomain`, `tenantFromHeader`, `tenantFromPath`, `tenantFromSession`, `tenantFromSubdomain`, `tenantKey`, `tenantMiddleware`, `tenantScope`, `tracingMiddleware`, `verifyCsrf`, `verifyPassword`, `withCacheControl`, `withContextHeaders`, `withIdempotency`, `withSecurityHeaders`, `withSpan`
|
||
- **./jsx-dev-runtime:** `Fragment`, `JSX`, `jsxDEV`
|
||
- **./jsx-runtime:** `Component`, `ElementType`, `Fragment`, `Html`, `JSX`, `Props`, `Renderable`, `jsx`, `jsxs`, `mustache`
|
||
|
||
### `@wrnexus/csr` (28 symbols)
|
||
|
||
- **.:** `ACTION_RUNTIME`, `ActionClientError`, `ActionClientOptions`, `ActionResult`, `ClientModuleScope`, `HydrationScopeApi`, `NAV_RUNTIME`, `OutputHandler`, `OutputHost`, `REACTIVE_RUNTIME`, `REALTIME_RUNTIME`, `ServerCallOptions`, `WrnServerCallError`, `WrnexusBrowserGlobals`, `callServerFunction`, `collectRefs`, `createActionClient`, `createOutputProxy`, `createServerProxy`, `getActionRuntime`, `getComponentControllerRuntime`, `getNavRuntime`, `getReactiveRuntime`, `getRealtimeRuntime`, `invalidateClientModule`, `invokeOutput`, `loadClientFunctions`, `registerOutputHandler`
|
||
|
||
### `@wrnexus/db` (79 symbols)
|
||
|
||
- **.:** `BaseType`, `Column`, `ColumnDef`, `Columns`, `CursorPage`, `CursorPageOptions`, `Db`, `Dialect`, `Driver`, `ExecResult`, `Migration`, `MigrationRunOptions`, `MigrationSafetyIssue`, `Model`, `ModelRef`, `PageOptions`, `Paginated`, `QueryDef`, `QueryIssue`, `QueryKind`, `QueryPolicy`, `QueryRecord`, `RecordNotFoundError`, `RelationOptions`, `Repository`, `Row`, `TxHandle`, `analyzeMigrationSafety`, `analyzeMigrations`, `appliedMigrations`, `applyMigrations`, `batch`, `closeDatabases`, `countRows`, `createDb`, `createRepository`, `createTableSql`, `cursorPaginate`, `databaseHealth`, `databaseNames`, `exists`, `firstOrThrow`, `generateQueriesFile`, `getDb`, `getDbPerformanceSnapshot`, `hasDb`, `instrumentDb`, `loadMigrations`, `loadRelated`, `migrate`, `optimisticUpdate`, `paginate`, `parseMigration`, `parseQueries`, `queryOperation`, `registerDb`, `registerLazyDb`, `resetDbPerformanceSnapshot`, `retryTransaction`, `rollback`, `scaffoldMigration`, `setDb`, `softDeleteClause`, `status`, `table`, `tenantScope`, `v`, `withTransaction`
|
||
- **./connect:** `DbConfig`, `connectFromConfig`, `resolveDbUrl`
|
||
- **./mongo:** `FindOptions`, `MongoDb`, `MongoRepo`, `mongo`
|
||
- **./mysql:** `mysql`
|
||
- **./postgres:** `postgres`
|
||
- **./session:** `sqliteSessionStore`
|
||
- **./sqlite:** `sqlite`
|
||
|
||
### `@wrnexus/dev-server` (29 symbols)
|
||
|
||
- **.:** `AssetServer`, `AuthzManifestEntry`, `FetchHandler`, `GatewayApp`, `GatewayAuth`, `GatewayOptions`, `GatewaySecurity`, `RESTART_EXIT_CODE`, `RunningGateway`, `RunningServer`, `RuntimeDeps`, `ServeOptions`, `WrnCompileMetrics`, `WsData`, `applyAuthzManifestEarly`, `createHandlers`, `createProductionHandlers`, `createProductionServer`, `expandStaticComponents`, `getWrnCompileMetrics`, `nodeListener`, `precomputePartialStaticShell`, `resetWrnCompileMetrics`, `serveNode`, `startGateway`, `startServer`, `toRequest`, `validateRpcCsrf`, `writeResponse`
|
||
- **./serve-entry:**
|
||
|
||
### `@wrnexus/dev-toolbar` (116 symbols)
|
||
|
||
- **.:** `BuiltinPanelOptions`, `DEV_TOOLBAR_CSS`, `DEV_TOOLBAR_RULES`, `DEV_TOOLBAR_RUNTIME`, `DevToolbarApp`, `DevToolbarCategory`, `DevToolbarClientApi`, `DevToolbarCollector`, `DevToolbarConfig`, `DevToolbarElementTarget`, `DevToolbarFix`, `DevToolbarIssue`, `DevToolbarIssueListener`, `DevToolbarMetrics`, `DevToolbarPageReport`, `DevToolbarPanel`, `DevToolbarPlatformSnapshot`, `DevToolbarRegistry`, `DevToolbarRouteOptions`, `DevToolbarRule`, `DevToolbarRuleContext`, `DevToolbarServerMessage`, `DevToolbarSeverity`, `DevToolbarSourceLocation`, `OpenEditorOptions`, `OpenEditorRequest`, `accessibilityRules`, `accessibleName`, `buildEditorCommand`, `builtinDevToolbarPanels`, `colorRules`, `contrastRatio`, `createDevToolbarCollector`, `createDevToolbarRegistry`, `createFingerprint`, `createIssue`, `createServerIssue`, `effectiveBackground`, `formRules`, `getStableSelector`, `handleDevToolbarRoute`, `htmlRules`, `imageRules`, `isVisible`, `issueFromError`, `linkRules`, `luminance`, `mediaRules`, `openInEditor`, `parseRgb`, `parseSource`, `performanceRules`, `resolveEditorFile`, `responsiveRules`, `runDevToolbarRules`, `securityRules`, `seoRules`, `serializeDevToolbarJson`
|
||
- **./client:** `DEV_TOOLBAR_CSS`, `DEV_TOOLBAR_RUNTIME`
|
||
- **./rules:** `DEV_TOOLBAR_RULES`, `DevToolbarRule`, `DevToolbarRuleContext`, `accessibilityRules`, `accessibleName`, `colorRules`, `contrastRatio`, `createFingerprint`, `createIssue`, `effectiveBackground`, `formRules`, `getStableSelector`, `htmlRules`, `imageRules`, `isVisible`, `linkRules`, `luminance`, `mediaRules`, `parseRgb`, `parseSource`, `performanceRules`, `responsiveRules`, `runDevToolbarRules`, `securityRules`, `seoRules`
|
||
- **./server:** `BuiltinPanelOptions`, `DevToolbarApp`, `DevToolbarCollector`, `DevToolbarIssueListener`, `DevToolbarRegistry`, `DevToolbarRouteOptions`, `OpenEditorOptions`, `OpenEditorRequest`, `buildEditorCommand`, `builtinDevToolbarPanels`, `createDevToolbarCollector`, `createDevToolbarRegistry`, `createServerIssue`, `handleDevToolbarRoute`, `issueFromError`, `openInEditor`, `resolveEditorFile`, `serializeDevToolbarJson`
|
||
- **./types:** `DevToolbarCategory`, `DevToolbarClientApi`, `DevToolbarConfig`, `DevToolbarElementTarget`, `DevToolbarFix`, `DevToolbarIssue`, `DevToolbarMetrics`, `DevToolbarPageReport`, `DevToolbarPanel`, `DevToolbarPlatformSnapshot`, `DevToolbarServerMessage`, `DevToolbarSeverity`, `DevToolbarSourceLocation`
|
||
|
||
### `@wrnexus/encryption` (30 symbols)
|
||
|
||
- **.:** `DecryptedHttpBody`, `ENCRYPTED_HTTP_CONTENT_TYPE`, `ENCRYPTED_HTTP_VERSION`, `EncryptedHttpEnvelope`, `EncryptedHttpOptions`, `EncryptionKey`, `EncryptionKeyring`, `ReplayStore`, `createEncryptedRequest`, `createKeyring`, `createMemoryReplayStore`, `decrypt`, `decryptEncryptedResponse`, `decryptHttpBody`, `decryptRequest`, `deriveKey`, `encrypt`, `encryptHttpBody`, `encryptResponse`, `encryptedBody`, `encryptedExchange`, `encryptedFetch`, `generateKey`, `hmacSign`, `hmacVerify`, `needsRotation`, `open`, `seal`, `sealedKeyId`, `sha256`
|
||
|
||
### `@wrnexus/graphql` (7 symbols)
|
||
|
||
- **.:** `GraphqlExecutionResult`, `GraphqlOptions`, `GraphqlRequest`, `createGraphqlHandler`, `graphqlPlugin`
|
||
- **./plugin:** `default`, `graphqlPlugin`
|
||
|
||
### `@wrnexus/helpers` (24 symbols)
|
||
|
||
- **.:** `AllowedHosts`, `LoginRedirectOptions`, `OriginalRequestOptions`, `RequestContext`, `RetryOptions`, `appOrigin`, `appUrl`, `backoffDelay`, `clamp`, `currentAppName`, `currentAppOrigin`, `getOriginalRequestMethod`, `getOriginalRequestOrigin`, `getOriginalRequestPath`, `getOriginalRequestUrl`, `once`, `redirectToLogin`, `retry`, `safeJsonParse`, `sleep`, `stableStringify`, `withTimeout`, `workspaceAppOrigins`, `workspaceRootDomain`
|
||
|
||
### `@wrnexus/i18n` (49 symbols)
|
||
|
||
- **.:** `ExtractedTranslationKey`, `I18N_DATA_ATTRIBUTE`, `I18N_JS_HREF`, `I18N_RUNTIME`, `I18nConfig`, `I18nCookieConfig`, `I18nPluginOptions`, `LANG_COOKIE`, `LocaleFormatter`, `LocaleLoadOptions`, `Messages`, `ResolvedI18n`, `auditLocaleKeys`, `createLocaleFormatter`, `createPseudoLocale`, `extractTranslationKeys`, `extractTranslationKeysFromFiles`, `flattenMessageKeys`, `flattenMessages`, `formatCurrency`, `formatDate`, `formatMessage`, `formatNumber`, `formatRelativeTime`, `i18nComponentsDir`, `i18nPlugin`, `interpolate`, `loadLocales`, `loadRouteMessages`, `localeDirection`, `localeFallbacks`, `lookupMessage`, `makeT`, `normalizeLocale`, `parseAcceptLanguage`, `plural`, `pseudoLocalize`, `renderI18nData`, `renderI18nDataTag`, `resolveI18n`, `resolveLang`, `translateHtml`, `translationChain`, `translationCoverage`, `withTenantMessages`
|
||
- **./plugin:** `I18nPluginOptions`, `default`, `i18nComponentsDir`, `i18nPlugin`
|
||
|
||
### `@wrnexus/identity` (19 symbols)
|
||
|
||
- **.:** `DirectoryAdapter`, `EnterpriseIdentity`, `GovernanceEvent`, `MachineCredential`, `OidcMetadata`, `ReplayStore`, `SamlAdapter`, `SamlAssertion`, `ScimStore`, `ScimUser`, `createGovernance`, `createMachineIdentityManager`, `createSamlFederation`, `createScimHandler`, `discoverOidc`, `memoryReplayStore`, `memoryScimStore`, `oidcAuthorizationUrl`, `syncDirectory`
|
||
|
||
### `@wrnexus/image` (33 symbols)
|
||
|
||
- **.:** `ImageAuditInput`, `ImageAuditIssue`, `ImageFormat`, `ImageLoader`, `ImageLoaderInput`, `ImagePluginOptions`, `ImagePolicy`, `ImageProcessor`, `ImageProcessorResult`, `OptimizeImageOptions`, `OptimizedImageManifest`, `OptimizedImageVariant`, `PicturePlan`, `PictureSource`, `ResponsiveImageAttributes`, `ResponsiveImageOptions`, `auditImage`, `createBlurPlaceholder`, `createCdnImageLoader`, `createPathImageLoader`, `createPicture`, `createResponsiveImage`, `defaultImageLoader`, `imageCacheKey`, `imageComponentsDir`, `imagePlugin`, `imagePreload`, `normalizeImageWidths`, `optimizeImage`
|
||
- **./plugin:** `ImagePluginOptions`, `default`, `imageComponentsDir`, `imagePlugin`
|
||
|
||
### `@wrnexus/jwt` (36 symbols)
|
||
|
||
- **.:** `AccessTokenClaims`, `JwtAuthOptions`, `JwtClaims`, `JwtError`, `JwtKey`, `JwtKeyring`, `JwtTokenPair`, `RefreshTokenClaims`, `RemoteJwks`, `RemoteJwksOptions`, `SignOptions`, `VerifyOptions`, `assertJwtClaims`, `clearJwtCookie`, `createAccessToken`, `createJwtKeyring`, `createRefreshToken`, `createRemoteJwks`, `createTokenPair`, `decodeJwt`, `extractBearerToken`, `hasScopes`, `jwtAuth`, `jwtCookie`, `jwtResponse`, `readJwtCookie`, `requireScopes`, `signJwt`, `signWithKeyring`, `tokenScopes`, `tryVerifyJwt`, `verifyAccessToken`, `verifyJwt`, `verifyJwtWithJwks`, `verifyRefreshToken`, `verifyWithKeyring`
|
||
|
||
### `@wrnexus/language-server` (23 symbols)
|
||
|
||
- **.:** `Position`, `Range`, `TextDocument`, `WRN_COMPLETIONS`, `WorkspaceCompletionItem`, `clearWorkspaceIndexCache`, `completionItems`, `definitionLocation`, `documentDiagnostics`, `documentSymbols`, `extractComponentRefactor`, `formatDocument`, `hover`, `htmlToWrn`, `offsetAt`, `positionAt`, `semanticTokens`, `semanticTokensLegend`, `symbolLocations`, `virtualTypeScriptDocument`, `wordAt`, `workspaceCompletionItems`, `workspaceSymbolLocations`
|
||
- **./server:**
|
||
|
||
### `@wrnexus/mcp` (5 symbols)
|
||
|
||
- **.:** `McpServer`, `McpServerOptions`, `McpTool`, `createFrameworkMcpServer`
|
||
- **./stdio:** `runMcpStdio`
|
||
|
||
### `@wrnexus/mobile` (27 symbols)
|
||
|
||
- **.:** `CapacitorBridge`, `DeepLink`, `DeepLinkSource`, `MobileEnvironment`, `MobilePlatform`, `MobileUnavailableError`, `OfflineQueue`, `OfflineTask`, `OfflineTaskStore`, `PushAdapter`, `PushNotifications`, `PushRegistration`, `SecureStorage`, `SecureStorageAdapter`, `invoke`, `isNative`, `listenDeepLinks`, `memoryOfflineTaskStore`, `mobile`, `mobileEnvironment`, `native`, `parseDeepLink`, `platform`, `plugin`, `registerPlugin`, `requirePlugin`, `whenNative`
|
||
|
||
### `@wrnexus/native` (27 symbols)
|
||
|
||
- **.:** `NativeAdapter`, `NativeBrowserRuntime`, `NativeCapability`, `NativeCapabilityManifest`, `NativeCapabilityManifestEntry`, `NativePermission`, `NativePlatform`, `NativeRunOptions`, `NativeTarget`, `NativeUnavailableError`, `PermissionAdapter`, `PermissionManager`, `browserCapabilities`, `clearRegistry`, `defineNativeManifest`, `inspectNativeCapabilities`, `isMobile`, `missingNativeCapabilities`, `mobileCapabilities`, `native`, `platform`, `register`, `registered`, `run`, `supports`
|
||
- **./browser:** `browserCapabilities`
|
||
- **./mobile:** `mobileCapabilities`
|
||
|
||
### `@wrnexus/oauth` (28 symbols)
|
||
|
||
- **.:** `CompleteAuthOptions`, `OAuthProfile`, `OAuthProvider`, `OAuthStateRecord`, `OAuthStateStore`, `OAuthTokens`, `OidcDiscovery`, `OidcIdTokenClaims`, `ProviderCredentials`, `StartAuthOptions`, `StartAuthResult`, `VerifyOidcIdTokenOptions`, `completeAuth`, `createOAuthState`, `defineProvider`, `discord`, `discoverOidc`, `exchangeCode`, `fetchProfile`, `github`, `google`, `memoryOAuthStateStore`, `randomToken`, `refreshOAuthTokens`, `startAuth`, `validateOAuthReturnTo`, `validateOidcClaims`, `verifyOidcIdToken`
|
||
|
||
### `@wrnexus/observability` (84 symbols)
|
||
|
||
- **.:** `ErrorReporter`, `FrameworkSpanKind`, `HealthHandlerOptions`, `LogExporter`, `LogLevel`, `LogRecord`, `MetricExporter`, `MetricLabels`, `MetricPoint`, `MetricsMiddlewareOptions`, `MetricsRegistry`, `OperationTracer`, `SpanExporter`, `SpanRecord`, `StructuredLogger`, `StructuredLoggerOptions`, `TraceContext`, `TraceMiddlewareOptions`, `WebVitalRecord`, `WebVitalsClientOptions`, `WebVitalsHandlerOptions`, `createHttpMetricExporter`, `createJaegerExporter`, `createLivenessHandler`, `createOperationTracer`, `createOtlpLogExporter`, `createOtlpMetricExporter`, `createOtlpTraceExporter`, `createPerformanceProfiler`, `createPrometheusPushExporter`, `createReadinessHandler`, `createSentryCompatibleReporter`, `createStructuredLogger`, `createWebVitalsHandler`, `createZipkinExporter`, `defaultMetrics`, `formatTraceparent`, `metricsMiddleware`, `parseTraceparent`, `renderPrometheus`, `traceMiddleware`, `webVitalsClient`
|
||
- **./client:** `WebVitalsClientOptions`, `webVitalsClient`
|
||
- **./health:** `HealthHandlerOptions`, `createLivenessHandler`, `createReadinessHandler`
|
||
- **./integrations:** `ErrorReporter`, `FrameworkSpanKind`, `LogExporter`, `OperationTracer`, `createJaegerExporter`, `createOperationTracer`, `createOtlpLogExporter`, `createPerformanceProfiler`, `createPrometheusPushExporter`, `createSentryCompatibleReporter`, `createZipkinExporter`, `renderPrometheus`
|
||
- **./logging:** `LogLevel`, `LogRecord`, `StructuredLogger`, `StructuredLoggerOptions`, `createStructuredLogger`
|
||
- **./metrics:** `MetricLabels`, `MetricPoint`, `MetricsRegistry`
|
||
- **./server:** `MetricExporter`, `MetricsMiddlewareOptions`, `WebVitalRecord`, `WebVitalsHandlerOptions`, `createHttpMetricExporter`, `createOtlpMetricExporter`, `createWebVitalsHandler`, `defaultMetrics`, `metricsMiddleware`
|
||
- **./trace:** `SpanExporter`, `SpanRecord`, `TraceContext`, `TraceMiddlewareOptions`, `createOtlpTraceExporter`, `formatTraceparent`, `parseTraceparent`, `traceMiddleware`
|
||
|
||
### `@wrnexus/playground` (7 symbols)
|
||
|
||
- **.:** `PlaygroundCompilation`, `PlaygroundVersionAdapter`, `comparePlaygroundVersions`, `compilePlayground`, `createPlaygroundHandler`, `decodePlaygroundShare`, `encodePlaygroundShare`
|
||
|
||
### `@wrnexus/plugin` (79 symbols)
|
||
|
||
- **.:** `ClientRuntimeDefinition`, `ClientRuntimeInject`, `ClientRuntimeLoad`, `ClientRuntimeType`, `DiscoverPluginOptions`, `PackageAssetDefinition`, `PackageMigrationDefinition`, `PackagePluginManifest`, `PackageRouteDefinition`, `PackageStyleDefinition`, `PageAst`, `PluginCliCommand`, `PluginCommand`, `PluginCompatibilityResult`, `PluginCompatibilityTarget`, `PluginConfigSchema`, `PluginContext`, `PluginContributions`, `PluginDeploymentAdapter`, `PluginDevToolbarPanel`, `PluginDirective`, `PluginInput`, `PluginOrder`, `PluginPermission`, `PluginRunner`, `PluginVirtualModule`, `TransformContext`, `WrnDiagnostic`, `WrnexusPackageManifest`, `WrnexusPlugin`, `assertContributionId`, `contentTypeForPath`, `createPluginRunner`, `defaultClientRuntimePath`, `defaultPackageAssetPath`, `definePackageManifest`, `definePlugin`, `discoverPlugins`, `flattenPlugins`, `normalizeClientRuntime`, `normalizePackageAsset`, `resolvePlugins`, `testPluginCompatibility`, `validateStyleIds`
|
||
- **./discovery:** `DiscoverPluginOptions`, `discoverPlugins`
|
||
- **./manifest:** `assertContributionId`, `contentTypeForPath`, `defaultClientRuntimePath`, `defaultPackageAssetPath`, `definePackageManifest`, `normalizeClientRuntime`, `normalizePackageAsset`, `validateStyleIds`
|
||
- **./types:** `ClientRuntimeDefinition`, `ClientRuntimeInject`, `ClientRuntimeLoad`, `ClientRuntimeType`, `PackageAssetDefinition`, `PackageMigrationDefinition`, `PackagePluginManifest`, `PackageRouteDefinition`, `PackageStyleDefinition`, `PluginCliCommand`, `PluginCommand`, `PluginConfigSchema`, `PluginContext`, `PluginContributions`, `PluginDeploymentAdapter`, `PluginDevToolbarPanel`, `PluginDirective`, `PluginInput`, `PluginOrder`, `PluginPermission`, `PluginRunner`, `PluginVirtualModule`, `TransformContext`, `WrnexusPackageManifest`, `WrnexusPlugin`
|
||
|
||
### `@wrnexus/pubsub` (22 symbols)
|
||
|
||
- **.:** `Handler`, `KafkaClient`, `MessageEnvelope`, `NatsClient`, `PresenceChannel`, `PresenceMember`, `PubSub`, `PubSubDriver`, `ResilientPubSubOptions`, `SubjectPubSub`, `createPubSub`, `createResilientPubSub`, `kafkaDriver`, `memoryDriver`, `natsDriver`, `subjectPubSub`
|
||
- **./brokers:** `KafkaClient`, `NatsClient`, `kafkaDriver`, `natsDriver`
|
||
- **./redis:** `RedisDriverOptions`, `redisDriver`
|
||
|
||
### `@wrnexus/pwa` (27 symbols)
|
||
|
||
- **.:** `ConflictResolution`, `IndexedDbMigration`, `OfflineMutation`, `OfflineQueueStore`, `POSTGRES_PUSH_SUBSCRIPTION_SCHEMA`, `PWA_REVIEW_RUNTIME`, `PushSqlClient`, `PushSubscriptionStore`, `RuntimeCacheRule`, `RuntimeCacheStrategy`, `ServiceWorkerOptions`, `StoredPushSubscription`, `WebManifestOptions`, `createOfflineQueue`, `createPushSubscriptionService`, `createWebManifest`, `generateServiceWorker`, `indexedDbOfflineQueueStore`, `memoryOfflineQueueStore`, `memoryPushSubscriptionStore`, `offlineQueueMigration`, `openPwaDatabase`, `postgresPushSubscriptionStore`, `pwaClientRuntime`, `renderOfflineQueueReview`, `resolveOfflineConflict`, `subscribeToPush`
|
||
|
||
### `@wrnexus/queue` (42 symbols)
|
||
|
||
- **.:** `AddOptions`, `DurableQueue`, `DurableQueueOptions`, `Job`, `JobContext`, `JobDefinition`, `JobHandler`, `POSTGRES_QUEUE_SCHEMA`, `Queue`, `QueueDashboardSnapshot`, `QueueOptions`, `QueueScheduler`, `QueueStore`, `RedisQueueClient`, `ScheduledJob`, `SqlQueueClient`, `SubjectJob`, `SubjectQueue`, `WorkflowDefinition`, `WorkflowEngine`, `WorkflowRunContext`, `WorkflowSnapshot`, `WorkflowStatus`, `WorkflowStep`, `WorkflowStore`, `addBatch`, `createDurableQueue`, `createQueue`, `createQueueScheduler`, `createWorkflowEngine`, `cronToInterval`, `defineDurableWorkflow`, `defineJob`, `defineWorkflow`, `memoryQueueStore`, `memoryWorkflowStore`, `postgresQueueStore`, `queueDashboardSnapshot`, `redisQueueStore`, `renderQueueDashboard`, `runQueueDaemon`, `subjectQueue`
|
||
|
||
### `@wrnexus/react` (28 symbols)
|
||
|
||
- **.:** `BoundStore`, `IslandErrorBoundary`, `IslandErrorBoundaryProps`, `IslandStore`, `MountOptions`, `SnapshotCache`, `SnapshotSource`, `StoreResolver`, `createSelectorCache`, `createSnapshotCache`, `discardDetachedRoots`, `islandRootCount`, `mountIslands`, `remountIslands`, `setStoreResolver`, `unmountIslands`, `useWrnActions`, `useWrnStore`
|
||
- **./browser:** `MountOptions`, `discardDetachedRoots`, `islandRootCount`, `mountIslands`, `remountIslands`, `setStoreResolver`, `unmountIslands`, `useWrnActions`, `useWrnStore`
|
||
- **./runtime:** `getIslandRuntime`
|
||
|
||
### `@wrnexus/reactive` (29 symbols)
|
||
|
||
- **.:** `AnimationTimeline`, `Cleanup`, `HistorySignal`, `ReactiveContext`, `ReactiveScope`, `ReadonlySignal`, `Resource`, `ResourceOptions`, `ResourceStatus`, `Signal`, `Subscriber`, `TimelineStep`, `Unsubscribe`, `UrlStateOptions`, `WatchOptions`, `batch`, `computed`, `createContextProvider`, `createScope`, `createTimeline`, `effect`, `historySignal`, `mountPortal`, `resource`, `signal`, `transition`, `untrack`, `urlSignal`, `watch`
|
||
|
||
### `@wrnexus/realtime` (58 symbols)
|
||
|
||
- **.:** `BrowserRoomConnection`, `CreateRealtimeMessageOptions`, `DatabaseChange`, `DatabaseChangeSource`, `FileStreamFrame`, `ParseRealtimeMessageOptions`, `RawSocket`, `RealtimeBridge`, `RealtimeBus`, `RealtimeConnectMeta`, `RealtimeEnvelope`, `RealtimeHandler`, `RealtimeHistory`, `RealtimeHistoryOptions`, `RealtimeHistorySnapshot`, `RealtimeMessage`, `RealtimeMessageType`, `RealtimePluginOptions`, `RealtimePresence`, `RealtimeRegistry`, `RealtimeRegistryOptions`, `RealtimeRoomMeta`, `RealtimeSecurityOptions`, `RealtimeSocket`, `Room`, `RoomAuthInfo`, `RoomClient`, `RoomDefinition`, `RoomHandlers`, `SequencedRealtimeMessage`, `Target`, `WrnexusRealtimeWindow`, `assertRealtimeRoomName`, `bridgeRealtime`, `connectRoom`, `createAcknowledgement`, `createFileStreamReceiver`, `createPresenceEvent`, `createRealtimeHistory`, `createRealtimeMessage`, `createRealtimeRegistry`, `createTypingEvent`, `databaseChangeFeed`, `defineRoom`, `frameFileStream`, `isRealtimeMessage`, `isRoomDefinition`, `parseRealtimeMessage`, `realtimeComponentsDir`, `realtimePlugin`, `realtimeSseResponse`, `roomMemberSummary`, `roomQuery`, `sendRoomMessage`
|
||
- **./plugin:** `RealtimePluginOptions`, `default`, `realtimeComponentsDir`, `realtimePlugin`
|
||
|
||
### `@wrnexus/router` (22 symbols)
|
||
|
||
- **.:** `ComponentRef`, `ExternalRouteDefinition`, `Middleware`, `NamedRoute`, `Route`, `RouteManifestEntry`, `RouteMatch`, `Router`, `RouterOptions`, `buildRouter`, `compileRoutePattern`, `createRouteManifest`, `fileToRoute`, `findNamedRoute`, `findRouteConflicts`, `generateRoutesFile`, `getRouteParams`, `matchRoute`, `nameRoutes`, `routeName`, `routeUrl`, `sortRoutes`
|
||
|
||
### `@wrnexus/rpc` (57 symbols)
|
||
|
||
- **.:** `AnyProcedures`, `CallOptions`, `ExportOptions`, `HandlerContext`, `HttpTransportOptions`, `ImplementOptions`, `ImportOptions`, `InProcessHandler`, `InferInput`, `InferProcedureInput`, `InferProcedureOutput`, `InputSchema`, `ProcedureBuilder`, `ProcedureDef`, `RPC_ERROR_CODES`, `RPC_IDENTITY_HEADER`, `RPC_INTERNAL_HEADER`, `RPC_PATH_PREFIX`, `RPC_STREAM_PATH_PREFIX`, `RetryTransportOptions`, `RpcErrorCode`, `RpcTarget`, `ServiceClient`, `ServiceClientOptions`, `ServiceContract`, `ServiceError`, `ServiceHandlers`, `ServiceImplementation`, `ServiceResult`, `StreamClient`, `StreamClientOptions`, `StreamHandlers`, `StreamImplementOptions`, `StreamImplementation`, `StreamMetrics`, `StreamMetricsSnapshot`, `SubjectContext`, `ToResultOptions`, `Transport`, `defineService`, `exportSubjectContext`, `failure`, `httpTransport`, `implement`, `implementStream`, `importSubjectContext`, `inProcessTransport`, `isRetryableStatus`, `procedure`, `resolveAppOrigin`, `retryingTransport`, `rpcPath`, `rpcSecret`, `rpcStreamPath`, `serviceClient`, `streamClient`, `success`
|
||
|
||
### `@wrnexus/security` (38 symbols)
|
||
|
||
- **.:** `RequestHardeningOptions`, `SafeFetchOptions`, `SafeObjectOptions`, `SafeUrlPolicy`, `SecureCookieOptions`, `SecureSerializeOptions`, `SecurityError`, `SecurityPreset`, `TrustedHtmlPolicy`, `TrustedHtmlValue`, `assertSafeObject`, `createTrustedHtml`, `isDangerousObjectKey`, `isPrivateAddress`, `isSafeUrl`, `isTrustedHtml`, `requestHardening`, `safeFetch`, `safeMerge`, `sanitizeUrl`, `secureCookieOptions`, `secureJsonStringify`, `securityPreset`, `serializeForHtml`, `setSecureCookie`, `unwrapTrustedHtml`, `validateUrl`
|
||
- **./fetch:** `SafeFetchOptions`, `isPrivateAddress`, `safeFetch`
|
||
- **./serialization:** `SecureSerializeOptions`, `secureJsonStringify`, `serializeForHtml`
|
||
- **./trusted-html:** `TrustedHtmlPolicy`, `TrustedHtmlValue`, `createTrustedHtml`, `isTrustedHtml`, `unwrapTrustedHtml`
|
||
|
||
### `@wrnexus/ssr` (29 symbols)
|
||
|
||
- **.:** `PartialPrerenderResult`, `RenderOptions`, `RenderScript`, `RpcContext`, `RpcHandlerOptions`, `RpcManifestContract`, `RpcParameterContract`, `RpcRequestPayload`, `ScriptAsset`, `StreamRenderOptions`, `createRpcHandler`, `disposeRequestStores`, `extractWrnexusStyles`, `partialPrerender`, `renderDocument`, `renderDocumentStream`, `renderStoreHydration`, `requestStoreContainer`, `streamDocumentResponse`, `streamPartialDocument`
|
||
- **./rpc:** `RpcContext`, `RpcHandlerOptions`, `RpcManifestContract`, `RpcParameterContract`, `RpcRequestPayload`, `createRpcHandler`
|
||
- **./store-context:** `disposeRequestStores`, `renderStoreHydration`, `requestStoreContainer`
|
||
|
||
### `@wrnexus/store` (34 symbols)
|
||
|
||
- **.:** `PersistenceStorage`, `StoreActionContext`, `StoreActionDefinition`, `StoreCombinedState`, `StoreContainer`, `StoreContainerOptions`, `StoreDefinition`, `StoreFunction`, `StoreInstance`, `StoreInstanceCore`, `StoreKind`, `StoreLifecycleContext`, `StoreMutation`, `StorePersistenceConfig`, `StoreRuntime`, `createStoreContainer`, `createStoreInstance`, `defineStore`
|
||
- **./client:** `browserStoreContainer`, `resetBrowserStores`
|
||
- **./server:** `createRequestStoreContainer`
|
||
- **./types:** `PersistenceStorage`, `StoreActionContext`, `StoreActionDefinition`, `StoreCombinedState`, `StoreDefinition`, `StoreFunction`, `StoreInstance`, `StoreInstanceCore`, `StoreKind`, `StoreLifecycleContext`, `StoreMutation`, `StorePersistenceConfig`, `StoreRuntime`
|
||
|
||
### `@wrnexus/styles` (76 symbols)
|
||
|
||
- **.:** `ACCENT_COOKIE`, `AppConfig`, `BrowserCookieApi`, `BrowserCookieOptions`, `BrowserCookiePreference`, `BrowserCookiesConfig`, `BuildConfig`, `ConfigIssue`, `ContrastResult`, `CssPerformanceAuditIssue`, `CssTokenAudit`, `CustomThemePalette`, `DEFAULT_THEMES`, `DevToolbarConfig`, `ExperimentalConfig`, `ExplainedConfig`, `FontConfig`, `FontDisplay`, `GoogleFont`, `LocalFontFace`, `MobileConfig`, `Mode`, `NavigationConfig`, `ObservabilityConfig`, `PerformanceConfig`, `PwaConfig`, `ResolvedConfigLayers`, `ResolvedTheme`, `StyleProcessContext`, `StyleSource`, `StylesConfig`, `StylesMode`, `THEME_COOKIE`, `THEME_CSS_HREF`, `THEME_CSS_PREFIX`, `THEME_JS_HREF`, `THEME_PALETTES`, `THEME_PALETTE_NAMES`, `TenancyConfig`, `ThemeAccentConfig`, `ThemeConfig`, `ThemeCookieConfig`, `ThemePaletteName`, `ThemeSemanticColor`, `ThemeToken`, `ThemeTokens`, `activeThemeCssHref`, `auditCssPerformance`, `auditWrnTokens`, `bundleCss`, `contrast`, `defineConfig`, `defineThemeTokens`, `explainAppConfig`, `findStyleEntry`, `fontCspSources`, `headToString`, `loadAppConfig`, `loadEnv`, `loadRawConfig`, `normalizeStyleSources`, `renderActiveThemeCss`, `renderFontHead`, `renderProductionFontHead`, `renderStyles`, `renderThemeCss`, `renderThemeRuntime`, `resolveAccentName`, `resolveBrowserCookieOptions`, `resolveConfigLayers`, `resolveProfile`, `resolveThemeConfig`, `resolveThemeName`, `tailwindSourceDirectives`, `themeVar`, `validateAppConfig`
|
||
|
||
### `@wrnexus/syntax` (141 symbols)
|
||
|
||
- **.:** `ActionBlock`, `ApiBlock`, `Attr`, `ComputedDecl`, `DataApiBlock`, `DataMode`, `DiagnoseOptions`, `EffectBlock`, `EventDecl`, `FormatWrnOptions`, `FunctionParameterDecl`, `FunctionRuntime`, `LexError`, `Lexer`, `LifecycleBlock`, `LoadBlock`, `ModeFunctionsBlock`, `OutputDecl`, `PageAst`, `ParseError`, `PersistDecl`, `PropDecl`, `RealtimeBlock`, `RealtimeHandler`, `RuntimeFunctionDecl`, `RuntimeType`, `SeoBlock`, `SourceRange`, `StateDecl`, `StateRuntime`, `StoreKind`, `StoreLifecycleDecl`, `StructuredImportDecl`, `VOID_ELEMENTS`, `ViewNode`, `WRN_DIAGNOSTIC_CODES`, `WRN_HYDRATION_STRATEGIES`, `WRN_LANGUAGE_VERSION`, `WRN_ROOT_KINDS`, `WRN_ROOT_MEMBERS`, `WRN_RUNTIME_TARGETS`, `WRN_SYNTAX_FEATURES`, `WRN_SYNTAX_VERSION`, `WatchBlock`, `WrnDiagnostic`, `WrnDiagnosticSeverity`, `WrnHydrationStrategy`, `WrnRootKind`, `WrnRootMember`, `WrnRuntimeTarget`, `WrnSourcePosition`, `WrnSyntaxFeature`, `assertValidAst`, `classifyParseError`, `containsReadonlyPropMutation`, `createSourceRange`, `diagnose`, `diagnosticFromError`, `diagnosticSummary`, `eraseFunctionTypes`, `formatDiagnostic`, `formatWrn`, `inferredRuntimeType`, `isHydrationStrategy`, `isRuntimeTarget`, `parse`, `parseComputedDeclarations`, `parseHtmlView`, `parseOutputs`, `parsePersist`, `parseRuntimeFunctions`, `parseStateDeclarations`, `parseStoreLifecycle`, `parseStructuredImports`, `positionAt`, `runtimeTypeOf`, `sliceSource`, `stripRuntimeFunctionModifiers`, `supportsSyntaxFeature`, `validateTypedInitializer`
|
||
- **./diagnostics:** `DiagnoseOptions`, `WrnDiagnostic`, `WrnDiagnosticSeverity`, `WrnSourcePosition`, `assertValidAst`, `classifyParseError`, `containsReadonlyPropMutation`, `diagnose`, `diagnosticFromError`, `formatDiagnostic`, `isHydrationStrategy`, `isRuntimeTarget`, `positionAt`
|
||
- **./formatter:** `FormatWrnOptions`, `formatWrn`
|
||
- **./parser:** `ActionBlock`, `ApiBlock`, `Attr`, `ComputedDecl`, `DataApiBlock`, `DataMode`, `EffectBlock`, `EventDecl`, `LifecycleBlock`, `LifecycleHookName`, `LoadBlock`, `ModeFunctionsBlock`, `PageAst`, `ParseError`, `PropDecl`, `RealtimeBlock`, `RealtimeHandler`, `SeoBlock`, `StateDecl`, `VOID_ELEMENTS`, `ViewNode`, `WatchBlock`, `parse`, `parseHtmlView`
|
||
- **./spec:** `WRN_DIAGNOSTIC_CODES`, `WRN_HYDRATION_STRATEGIES`, `WRN_LANGUAGE_VERSION`, `WRN_ROOT_KINDS`, `WRN_ROOT_MEMBERS`, `WRN_RUNTIME_TARGETS`, `WrnHydrationStrategy`, `WrnRootKind`, `WrnRootMember`, `WrnRuntimeTarget`
|
||
- **./tokenizer:** `LexError`, `Lexer`, `Token`, `TokenType`, `isIdentPart`, `isIdentStart`, `skipLiteralOrComment`
|
||
- **./types:** `RuntimeType`, `eraseFunctionTypes`, `inferredRuntimeType`, `runtimeTypeOf`, `validateTypedInitializer`
|
||
|
||
### `@wrnexus/test` (33 symbols)
|
||
|
||
- **.:** `BrowserArtifactPage`, `Deferred`, `Harness`, `HarnessOptions`, `JsonResponse`, `MemoryCookieJar`, `TestRequestOptions`, `TransactionalDatabase`, `WaitForOptions`, `afterAll`, `afterEach`, `beforeAll`, `beforeEach`, `callRoute`, `captureBrowserArtifacts`, `createContext`, `createFactory`, `createHarness`, `deferred`, `describe`, `expect`, `expectProblem`, `it`, `mock`, `mountHtml`, `readJsonResponse`, `renderComponent`, `spyOn`, `test`, `testContext`, `testRequest`, `waitFor`, `withDatabaseRollback`
|
||
|
||
### `@wrnexus/tracking` (13 symbols)
|
||
|
||
- **.:** `ErrorEvent`, `ErrorSink`, `TelemetryEnvelope`, `TelemetryKind`, `TelemetryPipeline`, `TelemetryPipelineOptions`, `TelemetrySink`, `Tracker`, `TrackerOptions`, `consoleSink`, `createTelemetryPipeline`, `createTracker`, `telemetryConsoleSink`
|
||
|
||
### `@wrnexus/typecheck` (15 symbols)
|
||
|
||
- **.:** `TypecheckOptions`, `VirtualTypeScriptModule`, `WrnTypeDiagnostic`, `checkWrnFile`, `checkWrnSource`, `componentContract`, `findAppRoot`, `loadApplicationTypes`, `storeContract`, `virtualTypeScriptModule`
|
||
- **./contracts:** `componentContract`, `storeContract`
|
||
- **./project:** `ApplicationTypes`, `findAppRoot`, `loadApplicationTypes`
|
||
|
||
### `@wrnexus/ui` (10 symbols)
|
||
|
||
- **.:**
|
||
- **./registry:** `UiComponentMetadata`, `UiComponentReference`, `auditUiComponents`, `findUiComponent`, `uiComponentNames`, `uiComponentPath`, `uiComponentReference`, `uiComponentsDir`, `uiCss`, `uiCssPath`
|
||
|
||
### `@wrnexus/uploader` (77 symbols)
|
||
|
||
- **.:** `CreateResumableUpload`, `LocalStoreConfig`, `MultipartObjectClient`, `POSTGRES_QUOTA_SCHEMA`, `PutMeta`, `QuotaSqlClient`, `QuotaStore`, `QuotaUsage`, `ResumableChunkResult`, `ResumableSessionStore`, `ResumableUploadManager`, `ResumableUploadManagerOptions`, `ResumableUploadSession`, `S3StoreConfig`, `SignedFileToken`, `StorageConfig`, `StorageDriver`, `Store`, `StoreAccess`, `StoreConfig`, `StoredObject`, `TemporaryObject`, `UPLOADS_PREFIX`, `UPLOAD_JS_HREF`, `UPLOAD_RUNTIME`, `UploadError`, `UploadInspection`, `UploadOptions`, `UploadPolicy`, `UploadPolicyError`, `UploadScanInput`, `UploadScanResult`, `UploadedFile`, `UploaderPluginOptions`, `VideoTranscodeOptions`, `accepts`, `assertUploadedFiles`, `configureStorage`, `contentTypeOf`, `createResumableUploadManager`, `createSignedFileToken`, `createTemporaryObjectCleaner`, `encodeKey`, `enforceUploadPolicy`, `extForType`, `extOf`, `ffmpegVideoTranscoder`, `formatFileSize`, `getStore`, `handleUpload`, `hasStorage`, `inspectUpload`, `localDriver`, `memoryQuotaStore`, `memoryResumableSessionStore`, `multipartUpload`, `postgresQuotaStore`, `s3Driver`, `safeObjectKey`, `serveFromStore`, `serveStoredFile`, `sha256Hex`, `signS3`, `sniffContentType`, `storeNames`, `storedUrl`, `upload`, `uploadAccept`, `uploadedFileMap`, `uploaderAttributes`, `uploaderComponentsDir`, `uploaderPlugin`, `verifySignedFileToken`
|
||
- **./plugin:** `UploaderPluginOptions`, `default`, `uploaderComponentsDir`, `uploaderPlugin`
|
||
|
||
### `@wrnexus/validation` (59 symbols)
|
||
|
||
- **.:** `AnyFieldSchema`, `AsyncObjectSchema`, `AsyncRefinement`, `AsyncValidationContext`, `BooleanSchema`, `ContractDefinition`, `ContractIssue`, `ContractKind`, `ContractRecord`, `ContractRegistry`, `ContractSnapshot`, `FieldDescriptor`, `FieldSchema`, `InferFieldValue`, `InferObjectFields`, `InferSchema`, `JsonSchemaDocument`, `NumberSchema`, `ObjectSchema`, `OpenApiSchema`, `ParseResult`, `RuleDescriptor`, `SchemaDescriptor`, `StringSchema`, `UnknownSchema`, `VALIDATE_RUNTIME`, `ValidationError`, `ValidationMessageKey`, `ValidationMessageTranslator`, `ValidationPluginOptions`, `applyRule`, `asyncSchema`, `checkContractCompatibility`, `checkField`, `defineContract`, `defineEvent`, `firstValidationError`, `invalid`, `localizeDescriptor`, `mergeValidationResults`, `openApiRequestBody`, `parseBody`, `parseBodyAsync`, `parseDescriptor`, `parseEnv`, `parseOrThrow`, `renderSchemasScript`, `schemaFieldNames`, `schemaToOpenApi`, `toJsonSchema`, `v`, `validationComponentsDir`, `validationPlugin`, `validationResponse`, `validationSummary`
|
||
- **./plugin:** `ValidationPluginOptions`, `default`, `validationComponentsDir`, `validationPlugin`
|
||
|
||
## Appendix C — current UI component/block reference
|
||
|
||
### `Accordion`
|
||
|
||
- Category: base; mount: `Accordion`; source: `components/Accordion.wrn`.
|
||
- Purpose: Theme-aware, responsive accordion component.
|
||
- Props: size: string = "default"; color: string = "primary"; variant: string = "default"; class: string = ""; id: string = "accordion"; items: unknown[] = []; defaultOpen: unknown[] = []; multiple: boolean = false; alwaysOpen: boolean = false; disabled: boolean = false; indicator: string = "plus"; indicatorPosition: string = "start"; showIndicator: boolean = true; bordered: boolean = false; separated: boolean = false; flush: boolean = false; contentItalic: boolean = false
|
||
- Outputs/events: change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); open({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); close({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `AdvancedSelect`
|
||
|
||
- Category: advanced-forms; mount: `AdvancedSelect`; source: `components/AdvancedSelect.wrn`.
|
||
- Purpose: Theme-aware, responsive advanced select component.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Advanced Select"; name: string = ""; value: string = ""; values: unknown[] = []; options: unknown[] = []; groups: unknown[] = []; placeholder: string = "Select an option"; placeholderIcon: string = ""; searchPlaceholder: string = "Search options…"; multiple: boolean = false; searchable: boolean = true; defaultOpen: boolean = false; clearable: boolean = true; allowEmpty: boolean = true; tags: boolean = false; disabled: boolean = false; required: boolean = false; invalid: boolean = false; validationMessage: string = ""; helpText: string = ""; loading: boolean = false; loadingLabel: string = "Loading options…"; emptyLabel: string = "No options found"; selectedOptionsLabel: string = "Selected options"; clearLabel: string = "Clear selection"; createLabel: string = "Create"; loadMoreLabel: string = "Load more"; searchMode: string = "contains"; searchFields: string = "label,description"; minSearchLength: number = 0; searchResultLimit: number = 0; maxSelections: number = 0; showCounter: boolean = false; counterTemplate: string = "{selected} selected"; optionTemplate: string = "default"; selectedTemplate: string = "default"; closeOnSelect: boolean = true; scrollToSelected: boolean = true; fixed: boolean = false; placement: string = "bottom"; remote: boolean = false; remoteUrl: string = ""; remoteQueryParam: string = "q"; remoteDebounce: number = 250; remoteAutoLoad: boolean = true; infinite: boolean = false; hasMore: boolean = false; page: number = 1; class: string = ""
|
||
- Outputs/events: search({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); select({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); clear({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); open({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); close({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); load({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); error({ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string)
|
||
- Slots: none
|
||
|
||
### `Alert`
|
||
|
||
- Category: base; mount: `Alert`; source: `components/alert.wrn`.
|
||
- Purpose: Theme-aware, responsive alert component.
|
||
- Props: size: string = "default"; color: string = "info"; variant: string = "soft"; class: string = ""; radius: string = "md"; shadow: string = "sm"; title: string = "Alert"; description: string = ""; items: unknown[] = []; actions: unknown[] = []; showIcon: boolean = false; icon: string = ""; dismissible: boolean = false; dismissLabel: string = "Dismiss alert"; role: string = "alert"; live: string = "polite"; linkLabel: string = ""; linkHref: string = ""; actionLabel: string = ""; actionHref: string = ""; compact: boolean = false
|
||
- Outputs/events: dismiss({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); action({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `AnnouncementBar`
|
||
|
||
- Category: marketing; mount: `AnnouncementBar`; source: `components/AnnouncementBar.wrn`.
|
||
- Purpose: Publish a responsive notice with badge, icon, supporting copy, action, dismiss behavior, and width controls.
|
||
- Props: badge: string = ""; badgeIcon: string = ""; message: string = "Announcement"; description: string = ""; icon: string = "icon-[lucide--megaphone]"; actionLabel: string = ""; actionHref: string = ""; actionIcon: string = ""; dismissible: boolean = false; dismissLabel: string = "Dismiss announcement"; sticky: boolean = false; compact: boolean = false; size: string = "default"; width: string = "default"; color: string = "primary"; variant: string = "soft"; role: string = "status"; live: string = "polite"; class: string = ""
|
||
- Outputs/events: dismiss({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `AuthForm`
|
||
|
||
- Category: core; mount: `AuthForm`; source: `components/AuthForm.wrn`.
|
||
- Purpose: Reusable auth form component.
|
||
- Props: size: string = "default"; color: string = "primary"; mode: string = "sign-in"; action: string = "/api/auth/login"; method: string = "post"; title: string = "Sign in"; description: string = ""; returnTo: string = ""; schema: string = ""; showRemember: boolean = true; showName: boolean = true; submitLabel: string = "Continue"; class: string = ""
|
||
- Outputs/events: submit({ event: Event; mode: string; action: string }); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `AuthSplitLayout`
|
||
|
||
- Category: core; mount: `AuthSplitLayout`; source: `components/AuthSplitLayout.wrn`.
|
||
- Purpose: Reusable auth split layout component.
|
||
- Props: size: string = "default"; color: string = "primary"; eyebrow: string = "Secure identity"; title: string = "Welcome back"; description: string = ""; brand: string = "Police Management System"; features: unknown[] = []; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: aside-extra, form
|
||
|
||
### `Avatar`
|
||
|
||
- Category: base; mount: `Avatar`; source: `components/avatar.wrn`.
|
||
- Purpose: Theme-aware, responsive avatar component.
|
||
- Props: src: string = ""; alt: string = ""; initials: string = ""; size: string = "md"; color: string = "primary"; variant: string = "solid"; shape: string = "circle"; status: string = ""; statusLabel: string = ""; statusPosition: string = "bottom"; badge: string = ""; badgeIcon: string = ""; badgeLabel: string = ""; tooltip: string = ""; name: string = ""; description: string = ""; loading: string = "lazy"; class: string = ""
|
||
- Outputs/events: load({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); error({ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string); click({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `AvatarGroup`
|
||
|
||
- Category: base; mount: `AvatarGroup`; source: `components/AvatarGroup.wrn`.
|
||
- Purpose: Theme-aware, responsive avatar group component.
|
||
- Props: items: unknown[] = []; size: string = "md"; color: string = "primary"; variant: string = "solid"; shape: string = "circle"; layout: string = "stack"; maxVisible: number = 4; columns: number = 3; borderColor: string = ""; showTooltips: boolean = true; overflowLabel: string = "Show remaining members"; class: string = ""
|
||
- Outputs/events: overflow({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
|
||
- Slots: none
|
||
|
||
### `BackToTop`
|
||
|
||
- Category: navigation; mount: `BackToTop`; source: `components/BackToTop.wrn`.
|
||
- Purpose: Provide a responsive floating control that returns long pages to the top and can show scroll progress.
|
||
- Props: threshold: number = 500; label: string = "Back to top"; ariaLabel: string = "Scroll back to top"; icon: string = "icon-[lucide--arrow-up]"; position: string = "right"; offset: string = "md"; behavior: string = "smooth"; showProgress: boolean = false; showLabel: boolean = false; alwaysVisible: boolean = false; size: string = "default"; color: string = "primary"; variant: string = "solid"; shape: string = "round"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: none
|
||
|
||
### `Badge`
|
||
|
||
- Category: base; mount: `Badge`; source: `components/badge.wrn`.
|
||
- Purpose: Theme-aware, responsive badge component.
|
||
- Props: label: string = "Badge"; size: string = "md"; color: string = "primary"; variant: string = "solid"; shape: string = "pill"; class: string = ""; icon: string = ""; iconPosition: string = "start"; dot: boolean = false; dotOnly: boolean = false; dotLabel: string = "Status"; animated: boolean = false; avatarSrc: string = ""; avatarAlt: string = ""; dismissible: boolean = false; dismissLabel: string = "Remove badge"; truncate: boolean = false; maxWidth: string = "12rem"; anchorLabel: string = ""; anchorIcon: string = ""; placement: string = "inline"; anchorLabelText: string = "Badge anchor"
|
||
- Outputs/events: dismiss({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `Blockquote`
|
||
|
||
- Category: base; mount: `Blockquote`; source: `components/Blockquote.wrn`.
|
||
- Purpose: Theme-aware, responsive blockquote component.
|
||
- Props: quote: string = "I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed."; citation: string = ""; citationTitle: string = ""; citationUrl: string = ""; avatarSrc: string = ""; avatarAlt: string = ""; size: string = "md"; color: string = "primary"; align: string = "left"; variant: string = "default"; quoteMark: boolean = true; italic: boolean = true; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `Breadcrumb`
|
||
|
||
- Category: navigation; mount: `Breadcrumb`; source: `components/Breadcrumb.wrn`.
|
||
- Purpose: Show responsive hierarchical navigation with home support, separators, current-page state, sizes, and selection events.
|
||
- Props: label: string = "Breadcrumb"; items: unknown[] = []; active: string = ""; separator: string = "chevron"; showHome: boolean = false; homeLabel: string = "Home"; homeHref: string = "/"; homeIcon: string = "icon-[lucide--house]"; size: string = "default"; color: string = "primary"; variant: string = "minimal"; class: string = ""
|
||
- Outputs/events: select({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
|
||
- Slots: none
|
||
|
||
### `Button`
|
||
|
||
- Category: base; mount: `Button`; source: `components/button.wrn`.
|
||
- Purpose: Theme-aware, responsive button component.
|
||
- Props: label: string = "Button"; loadingLabel: string = "Loading…"; description: string = ""; as: string = ""; href: string = ""; target: string = ""; rel: string = ""; type: string = "button"; variant: string = "default"; color: string = "primary"; size: string = "default"; disabled: boolean = false; loading: boolean = false; pill: boolean = false; fullWidth: boolean = false; icon: string = ""; iconPosition: string = "start"; ariaLabel: string = ""; ariaPressed: string = ""; ariaExpanded: string = ""; ariaControls: string = ""; title: string = ""; autofocus: boolean = false; controlClass: string = ""; class: string = ""
|
||
- Outputs/events: click({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `ButtonGroup`
|
||
|
||
- Category: base; mount: `ButtonGroup`; source: `components/ButtonGroup.wrn`.
|
||
- Purpose: Theme-aware, responsive button group component.
|
||
- Props: items: unknown[] = []; value: string = ""; size: string = "md"; color: string = "primary"; variant: string = "default"; orientation: string = "horizontal"; responsive: boolean = false; attached: boolean = true; selectable: boolean = false; toolbar: boolean = false; disabled: boolean = false; ariaLabel: string = "Button group"; class: string = ""
|
||
- Outputs/events: click({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); select({ value: string | number | boolean | null | object; previousValue: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number }); change({ value: string | number | boolean | null | object; previousValue: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number })
|
||
- Slots: default
|
||
|
||
### `CTASection`
|
||
|
||
- Category: marketing; mount: `CTASection`; source: `components/CTASection.wrn`.
|
||
- Purpose: Close a page or major section with conversion-focused copy, actions, and optional supporting visual content.
|
||
- Props: eyebrow: string = ""; title: string = "Ready to get started?"; description: string = ""; icon: string = ""; align: string = "center"; size: string = "default"; color: string = "primary"; variant: string = "solid"; primaryLabel: string = "Get started"; primaryHref: string = "#"; primaryIcon: string = ""; secondaryLabel: string = ""; secondaryHref: string = ""; secondaryIcon: string = ""; backgroundImage: string = ""; visualImage: string = ""; visualAlt: string = ""; visualIcon: string = ""; visualTitle: string = ""; visualDescription: string = ""; visualItems: unknown[] = []; visualPosition: string = "right"; maxWidth: string = "xl"; fullBleed: boolean = false; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default, actions, visual, footer
|
||
|
||
### `Card`
|
||
|
||
- Category: base; mount: `Card`; source: `components/Card.wrn`.
|
||
- Purpose: Group related content in a responsive themed surface with title, description, content, and supporting slots.
|
||
- Props: title: string = "Card title"; subtitle: string = ""; description: string = ""; header: string = ""; footer: string = ""; imageSrc: string = ""; imageAlt: string = ""; imagePosition: string = "top"; actionLabel: string = ""; actionHref: string = ""; headerActions: unknown[] = []; navigation: unknown[] = []; activeNav: string = ""; mobileNavigation: boolean = false; alertTitle: string = ""; alertDescription: string = ""; empty: boolean = false; emptyTitle: string = "No data to show"; emptyIcon: string = "icon-[lucide--inbox]"; items: unknown[] = []; size: string = "md"; color: string = "primary"; variant: string = "default"; layout: string = "vertical"; align: string = "left"; hover: string = "none"; scrollable: boolean = false; maxHeight: string = "18rem"; dismissible: boolean = false; ariaLabel: string = ""; class: string = ""
|
||
- Outputs/events: click({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); action({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); navigate({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); dismiss({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); load({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); error({ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string)
|
||
- Slots: default
|
||
|
||
### `Carousel`
|
||
|
||
- Category: base; mount: `Carousel`; source: `components/Carousel.wrn`.
|
||
- Purpose: Theme-aware, responsive carousel component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = ""; description: string = ""; items: unknown[] = []; activeIndex: number = 0; slidesPerView: number = 1; gap: string = "0.75rem"; showPagination: boolean = false; isAutoPlay: boolean = false; autoplayInterval: number = 4000; isInfiniteLoop: boolean = false; isRTL: boolean = false; isCentered: boolean = false; isDraggable: boolean = false; isAutoHeight: boolean = false; isSnap: boolean = false; showCounter: boolean = false; thumbnails: string = "none"; ariaLabel: string = "Content carousel"; variant: string = "default"; class: string = ""
|
||
- Outputs/events: initialize({ index: number; count: number }); change({ index: number; previousIndex: number; item: string | number | boolean | null | object; reason: string | boolean }); previous({ index: number; previousIndex: number; item: string | number | boolean | null | object }); next({ index: number; previousIndex: number; item: string | number | boolean | null | object }); play({ index: number; interval: number }); pause({ index: number }); reachStart({ index: number }); reachEnd({ index: number }); dragStart({ index: number; x: null }); dragEnd({ index: number; distance: number })
|
||
- Slots: default
|
||
|
||
### `Chart`
|
||
|
||
- Category: integrations; mount: `Chart`; source: `components/Chart.wrn`.
|
||
- Purpose: Theme-aware, responsive chart component.
|
||
- Props: title: string = "Chart"; description: string = ""; items: unknown[] = []; valueKey: string = "value"; labelKey: string = "label"; height: number = 240; showLegend: boolean = true; showValues: boolean = true; size: string = "default"; color: string = "primary"; variant: string = "bar"; class: string = ""
|
||
- Outputs/events: select({ item: object; index: number; sourceEvent?: Event }); dataPointClick({ item: object; index: number; sourceEvent?: Event }); legendToggle({ item: object; index: number; hidden: boolean; sourceEvent?: Event })
|
||
- Slots: default
|
||
|
||
### `ChatBubble`
|
||
|
||
- Category: base; mount: `ChatBubble`; source: `components/ChatBubble.wrn`.
|
||
- Purpose: Theme-aware, responsive chat bubble component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = ""; description: string = ""; items: unknown[] = []; oneSided: boolean = false; showAvatars: boolean = false; showMetadata: boolean = false; ariaLabel: string = "Conversation"; variant: string = "default"; class: string = ""
|
||
- Outputs/events: action({ action: boolean; item: string | number | boolean | null | object; index: number }); messageClick({ item: string | number | boolean | null | object; index: number; direction: string }); avatarClick({ item: string | number | boolean | null | object; index: number; direction: string }); linkClick({ link: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number })
|
||
- Slots: default
|
||
|
||
### `Checkbox`
|
||
|
||
- Category: forms; mount: `Checkbox`; source: `components/checkbox.wrn`.
|
||
- Purpose: Theme-aware, responsive checkbox component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Checkbox"; hiddenLabel: boolean = false; placeholder: string = ""; variant: string = "normal"; icon: string = ""; iconPosition: string = "start"; value: string = "on"; values: unknown[] = []; options: unknown[] = []; checked: boolean = false; indeterminate: boolean = false; orientation: string = "vertical"; card: boolean = false; rightAligned: boolean = false; list: boolean = false; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); invalid({ message?: string; value: string | number | boolean | null | object; sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `Clipboard`
|
||
|
||
- Category: integrations; mount: `Clipboard`; source: `components/Clipboard.wrn`.
|
||
- Purpose: Theme-aware, responsive clipboard component.
|
||
- Props: value: string = ""; label: string = "Copy"; copiedLabel: string = "Copied"; errorLabel: string = "Copy failed"; title: string = "Clipboard"; description: string = ""; code: boolean = true; size: string = "default"; color: string = "primary"; disabled: boolean = false; class: string = ""
|
||
- Outputs/events: copy({ value: string; sourceEvent?: Event }); success({ value: string; sourceEvent?: Event }); error({ error: Error | string; value: string; sourceEvent?: Event })
|
||
- Slots: default
|
||
|
||
### `Collapse`
|
||
|
||
- Category: base; mount: `Collapse`; source: `components/Collapse.wrn`.
|
||
- Purpose: Theme-aware, responsive collapse component.
|
||
- Props: size: string = "default"; color: string = "primary"; items: unknown[] = []; multiple: boolean = false; mode: string = "panel"; initialOpenIndexes: unknown[] = []; ariaLabel: string = "Collapsible content"; class: string = ""
|
||
- Outputs/events: toggle({ index: number; item: string | number | boolean | null | object; open: boolean; openIndexes: number[] }); open({ index: number; item: string | number | boolean | null | object }); close({ index: number; item: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `ColorPicker`
|
||
|
||
- Category: forms; mount: `ColorPicker`; source: `components/ColorPicker.wrn`.
|
||
- Purpose: Theme-aware, responsive color picker component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Color"; hiddenLabel: boolean = false; placeholder: string = ""; value: string = "#2563eb"; icon: string = ""; iconPosition: string = "start"; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; variant: string = "normal"; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `Columns`
|
||
|
||
- Category: layout; mount: `Columns`; source: `components/Columns.wrn`.
|
||
- Purpose: Create responsive balanced content columns with configurable count, gap, density, and maximum width.
|
||
- Props: size: string = "default"; color: string = "primary"; columns: number = 2; gap: string = "md"; maxWidth: string = "xl"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `ComboBox`
|
||
|
||
- Category: advanced-forms; mount: `ComboBox`; source: `components/Combobox.wrn`.
|
||
- Purpose: Editable autocomplete combobox with local and remote suggestions.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "ComboBox"; name: string = ""; value: string = ""; options: unknown[] = []; groups: unknown[] = []; placeholder: string = "Search or select an option"; searchPlaceholder: string = "Start typing…"; clearable: boolean = true; allowCustomValue: boolean = false; disabled: boolean = false; required: boolean = false; invalid: boolean = false; validationMessage: string = ""; helpText: string = ""; loading: boolean = false; loadingLabel: string = "Loading suggestions…"; emptyLabel: string = "No matching options"; clearLabel: string = "Clear value"; toggleLabel: string = "Toggle suggestions"; searchMode: string = "contains"; searchFields: string = "label,description"; minSearchLength: number = 0; searchResultLimit: number = 0; optionTemplate: string = "default"; defaultOpen: boolean = false; closeOnSelect: boolean = true; fixed: boolean = false; placement: string = "bottom"; autocomplete: string = "off"; remote: boolean = false; remoteUrl: string = ""; remoteQueryParam: string = "q"; remoteDebounce: number = 250; remoteAutoLoad: boolean = true; infinite: boolean = false; hasMore: boolean = false; page: number = 1; loadMoreLabel: string = "Load more"; class: string = ""
|
||
- Outputs/events: search({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); select({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); clear({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); open({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); close({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); load({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); error({ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string)
|
||
- Slots: none
|
||
|
||
### `Confetti`
|
||
|
||
- Category: integrations; mount: `Confetti`; source: `components/Confetti.wrn`.
|
||
- Purpose: Theme-aware, responsive confetti component.
|
||
- Props: label: string = "Celebrate"; duration: number = 1200; count: number = 24; autoStart: boolean = false; disabled: boolean = false; size: string = "default"; color: string = "primary"; class: string = ""
|
||
- Outputs/events: start({ sourceEvent?: Event; duration: number }); complete({ sourceEvent?: Event; duration: number })
|
||
- Slots: default
|
||
|
||
### `Container`
|
||
|
||
- Category: layout; mount: `Container`; source: `components/Container.wrn`.
|
||
- Purpose: Constrain and align page content with responsive gutters and compact, wide, or full width options.
|
||
- Props: size: string = "default"; color: string = "primary"; columns: number = 2; gap: string = "md"; maxWidth: string = "xl"; centered: boolean = true; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `ContextMenu`
|
||
|
||
- Category: overlays; mount: `ContextMenu`; source: `components/ContextMenu.wrn`.
|
||
- Purpose: Open an accessible keyboard-aware action menu from pointer or keyboard context interactions.
|
||
- Props: items: unknown[] = []; open: boolean = false; defaultOpen: boolean = false; trigger: string = "contextmenu"; placement: string = "pointer"; align: string = "start"; size: string = "default"; color: string = "primary"; variant: string = "raised"; title: string = ""; description: string = ""; label: string = "Context menu"; closeOnSelect: boolean = true; closeOnOutside: boolean = true; disabled: boolean = false; minWidth: string = "14rem"; maxWidth: string = "20rem"; class: string = ""
|
||
- Outputs/events: open({ x: number; y: number; trigger: string; sourceEvent: Event }); close({ reason: string; sourceEvent: Event }); select({ item: string | number | boolean | null | object; itemIndex: number; value: string | number | boolean; sourceEvent: Event }); action({ item: string | number | boolean | null | object; itemIndex: number; value: string | number | boolean; sourceEvent: Event })
|
||
- Slots: trigger, header, default, footer
|
||
|
||
### `CustomScrollbar`
|
||
|
||
- Category: layout; mount: `CustomScrollbar`; source: `components/CustomScrollbar.wrn`.
|
||
- Purpose: Theme-aware, responsive custom scrollbar component.
|
||
- Props: color: string = "primary"; size: string = "default"; axis: string = "vertical"; thickness: number = 8; maxHeight: string = "20rem"; radius: string = "999px"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `DataMap`
|
||
|
||
- Category: integrations; mount: `DataMap`; source: `components/DataMap.wrn`.
|
||
- Purpose: Theme-aware, responsive data map component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Data Map"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: select({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
|
||
- Slots: default
|
||
|
||
### `DataTable`
|
||
|
||
- Category: tables; mount: `DataTable`; source: `components/DataTable.wrn`.
|
||
- Purpose: Sortable, filterable, paginated data table with row selection.
|
||
- Props: color: string = "primary"; size: string = "default"; columns: unknown[] = []; rows: unknown[] = []; rowKey: string = "id"; remote: boolean = false; loadingLabel: string = "Loading"; errorLabel: string = "Could not load this data"; retryLabel: string = "Try again"; caption: string = ""; description: string = ""; searchable: boolean = true; searchPlaceholder: string = "Search"; paginated: boolean = true; pageSize: number = 10; paginationStyle: string = "compact"; pageSizes: number[] = [10, 25, 50]; selectable: boolean = false; actions: unknown[] = []; striped: boolean = true; bordered: boolean = true; gridlines: string = "rows"; density: string = "default"; emptyLabel: string = "No records to show"; noResultsLabel: string = "No records match your search"; clearSearchLabel: string = "Clear search"; stickyFirstColumn: boolean = false; layout: string = "rows"; class: string = ""
|
||
- Outputs/events: sort({ key: string; direction: string }); search({ query: string }); pageChange({ page: number; pageSize: number }); select({ selected: Array<string | number>; all: boolean }); change({ page: number; pageSize: number; total: number; query: string; sortKey: string; sortDirection: string }); rowClick({ row: object; sourceEvent: Event }); action({ id: string; selected: Array<string | number>; rows: object[]; sourceEvent: Event }); request({ instanceId: number; page: number; pageSize: number; sortKey: string; sortDirection: string; query: string })
|
||
- Slots: default
|
||
|
||
### `DatePicker`
|
||
|
||
- Category: base; mount: `DatePicker`; source: `components/DatePicker.wrn`.
|
||
- Purpose: Theme-aware, responsive date picker component.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Date Picker"; id: string = ""; name: string = ""; value: string = ""; placeholder: string = ""; type: string = "date"; locale: string = "en-US"; firstDayOfWeek: number = 0; months: string = [{ label: "Jan", value: "01" }, { label: "Feb", value: "02" }, { label: "Mar", value: "03" }, { label: "Apr", value: "04" }, { label: "May", value: "05" }, { label: "Jun", value: "06" }, { label: "Jul", value: "07" }, { label: "Aug", value: "08" }, { label: "Sep", value: "09" }, { label: "Oct", value: "10" }, { label: "Nov", value: "11" }, { label: "Dec", value: "12" }]; days: string = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31]; years: string = [2024, 2025, 2026, 2027, 2028, 2029, 2030]; min: string = ""; max: string = ""; step: string = ""; helperText: string = ""; cornerHint: string = ""; error: string = ""; variant: string = "normal"; inline: boolean = false; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); change({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); open({ value: string; name: string; sourceEvent: Event }); close({ value: string; name: string; sourceEvent: Event }); focus({ value: string; name: string; sourceEvent: Event }); blur({ value: string; name: string; sourceEvent: Event }); invalid({ name: string; message: string; sourceEvent: Event })
|
||
- Slots: none
|
||
|
||
### `DeviceFrame`
|
||
|
||
- Category: base; mount: `DeviceFrame`; source: `components/DeviceFrame.wrn`.
|
||
- Purpose: Theme-aware, responsive device frame component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Device Frame"; description: string = ""; items: unknown[] = []; variant: string = "default"; device: string = "phone"; orientation: string = "portrait"; src: string = ""; srcdoc: string = ""; frameTitle: string = "Device preview"; showToolbar: boolean = true; allow: string = ""; class: string = ""
|
||
- Outputs/events: change({ device: string; orientation: string; sourceEvent: Event }); rotate({ device: string; orientation: string; sourceEvent: Event })
|
||
- Slots: default
|
||
|
||
### `Divider`
|
||
|
||
- Category: layout; mount: `Divider`; source: `components/Divider.wrn`.
|
||
- Purpose: Separate related horizontal or vertical content with optional labels, sizes, and semantic colors.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = ""; orientation: string = "horizontal"; variant: string = "solid"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: none
|
||
|
||
### `DragAndDrop`
|
||
|
||
- Category: integrations; mount: `DragAndDrop`; source: `components/DragAndDrop.wrn`.
|
||
- Purpose: Theme-aware, responsive drag and drop component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Drag And Drop"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: dragStart({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); dragEnd({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); dragEnter({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); dragLeave({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); drop({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
|
||
- Slots: default
|
||
|
||
### `Drawer`
|
||
|
||
- Category: overlays; mount: `Drawer`; source: `components/Drawer.wrn`.
|
||
- Purpose: Present responsive modal side or bottom content with focus management, backdrop behavior, slots, and close events.
|
||
- Props: open: boolean = false; defaultOpen: boolean = false; placement: string = "right"; size: string = "md"; color: string = "primary"; variant: string = "default"; title: string = "Drawer"; description: string = ""; icon: string = ""; label: string = "Drawer"; closeLabel: string = "Close drawer"; showClose: boolean = true; closeOnBackdrop: boolean = true; closeOnEscape: boolean = true; duration: number = 260; overlay: boolean = true; scrollable: boolean = true; triggerLabel: string = ""; triggerIcon: string = ""; class: string = ""
|
||
- Outputs/events: open({ placement: string; sourceEvent: Event }); close({ reason: string; placement: string; sourceEvent: Event }); cancel({ placement: string; sourceEvent: Event })
|
||
- Slots: trigger, header, default, footer
|
||
|
||
### `Dropdown`
|
||
|
||
- Category: overlays; mount: `Dropdown`; source: `components/Dropdown.wrn`.
|
||
- Purpose: Open an accessible anchored menu with keyboard navigation, item selection, actions, and responsive placement.
|
||
- Props: items: unknown[] = []; open: boolean = false; defaultOpen: boolean = false; label: string = "Open menu"; icon: string = ""; showChevron: boolean = true; menuLabel: string = "Dropdown menu"; placement: string = "bottom-start"; width: string = "md"; size: string = "default"; color: string = "primary"; variant: string = "raised"; closeOnSelect: boolean = true; closeOnOutside: boolean = true; disabled: boolean = false; emptyLabel: string = "No menu items"; class: string = ""
|
||
- Outputs/events: toggle({ open: boolean; sourceEvent: Event; reason?: object }); open({ sourceEvent: Event }); close({ reason: string; sourceEvent: Event }); select({ item: string | number | boolean | null | object; itemIndex: number; value: string | number | boolean; sourceEvent: Event }); action({ item: string | number | boolean | null | object; itemIndex: number; value: string | number | boolean; sourceEvent: Event })
|
||
- Slots: trigger, header, default, footer
|
||
|
||
### `FeatureCard`
|
||
|
||
- Category: marketing; mount: `FeatureCard`; source: `components/FeatureCard.wrn`.
|
||
- Purpose: Present one linked feature or service with media, icon, badge, description, and action.
|
||
- Props: icon: string = ""; iconStyle: string = "soft"; iconSize: string = "default"; eyebrow: string = ""; title: string = "Feature"; description: string = ""; image: string = ""; imageAlt: string = ""; imagePosition: string = "top"; imageAspect: string = "wide"; imageLoading: string = "lazy"; href: string = ""; target: string = ""; rel: string = ""; external: boolean = false; actionLabel: string = "Learn more"; actionIcon: string = ""; showArrow: boolean = true; stretchedLink: boolean = true; badge: string = ""; badgeColor: string = "primary"; size: string = "default"; color: string = "primary"; variant: string = "default"; hover: string = "lift"; align: string = "left"; disabled: boolean = false; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: media, icon, default, footer
|
||
|
||
### `FeatureGrid`
|
||
|
||
- Category: layout; mount: `FeatureGrid`; source: `components/FeatureGrid.wrn`.
|
||
- Purpose: Arrange feature cards, services, solutions, or benefits in a responsive equal-height grid.
|
||
- Props: size: string = "default"; color: string = "primary"; items: unknown[] = []; columns: number = 3; tabletColumns: number = 2; mobileColumns: number = 1; gap: string = "md"; minItemWidth: string = ""; equalHeight: boolean = true; align: string = "stretch"; maxWidth: string = "full"; variant: string = "default"; label: string = "Features"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `FeatureIconCard`
|
||
|
||
- Category: marketing; mount: `FeatureIconCard`; source: `components/FeatureIconCard.wrn`.
|
||
- Purpose: Present a compact feature or benefit with a styled icon, title, description, badge, and optional link.
|
||
- Props: icon: string = "icon-[lucide--sparkles]"; iconSize: string = "md"; iconVariant: string = "soft"; title: string = "Feature"; description: string = ""; href: string = ""; actionLabel: string = "Explore"; badge: string = ""; size: string = "default"; color: string = "primary"; variant: string = "default"; align: string = "left"; hover: string = "lift"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default, footer
|
||
|
||
### `FileInput`
|
||
|
||
- Category: forms; mount: `FileInput`; source: `components/FileInput.wrn`.
|
||
- Purpose: Theme-aware, responsive file input component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "File"; hiddenLabel: boolean = false; placeholder: string = "Choose a file"; value: string = ""; icon: string = "icon-[lucide--upload]"; iconPosition: string = "start"; accept: string = ""; multiple: boolean = false; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; variant: string = "normal"; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ files: File[]; name: string; sourceEvent: Event }); change({ files: File[]; name: string; sourceEvent: Event }); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); select({ files: File[]; name: string; sourceEvent: Event }); clear({ name: string; sourceEvent: Event }); invalid({ message?: string; value: string | number | boolean | null | object; sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `FileUploadProgress`
|
||
|
||
- Category: base; mount: `FileUploadProgress`; source: `components/FileUploadProgress.wrn`.
|
||
- Purpose: Theme-aware, responsive file upload progress component.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Progress"; value: number = 50; max: number = 100; showValue: boolean = true; fileName: string = ""; fileSize: string = ""; uploadedSize: string = ""; status: string = "uploading"; cancelLabel: string = "Cancel upload"; retryLabel: string = "Retry upload"; class: string = ""
|
||
- Outputs/events: cancel({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); retry({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); complete({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
|
||
- Slots: none
|
||
|
||
### `Footer`
|
||
|
||
- Category: layout; mount: `Footer`; source: `components/Footer.wrn`.
|
||
- Purpose: Render structured responsive footer navigation, pre and post content, copyright content, links, and public events.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Footer navigation"; items: unknown[] = []; columns: number = 3; maxWidth: string = "compact"; copyright: string = ""; class: string = ""
|
||
- Outputs/events: select({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); action({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: pre-footer, post-footer, copyright-left, copyright-right
|
||
|
||
### `Grid`
|
||
|
||
- Category: layout; mount: `Grid`; source: `components/Grid.wrn`.
|
||
- Purpose: Arrange arbitrary content in a responsive configurable CSS grid with stable columns, gaps, alignment, and width.
|
||
- Props: size: string = "default"; color: string = "primary"; columns: number = 2; gap: string = "md"; maxWidth: string = "xl"; minItemWidth: string = ""; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `Hero`
|
||
|
||
- Category: marketing; mount: `Hero`; source: `components/Hero.wrn`.
|
||
- Purpose: Build a full-width responsive hero with constrained content, actions, trust signals, and a structured or custom visual panel.
|
||
- Props: eyebrow: string = ""; eyebrowIcon: string = ""; icon: string = ""; title: string = "Build something remarkable"; highlight: string = ""; description: string = ""; align: string = "left"; size: string = "default"; color: string = "primary"; variant: string = "default"; layout: string = "split"; visualPosition: string = "right"; visualStyle: string = "plain"; showDecorations: boolean = true; fullBleed: boolean = true; visualEyebrow: string = ""; visualTitle: string = ""; visualDescription: string = ""; visualIcon: string = ""; visualImage: string = ""; visualAlt: string = ""; visualItems: unknown[] = []; primaryLabel: string = ""; primaryHref: string = ""; primaryIcon: string = ""; primaryTarget: string = ""; secondaryLabel: string = ""; secondaryHref: string = ""; secondaryIcon: string = ""; secondaryTarget: string = ""; tertiaryLabel: string = ""; tertiaryHref: string = ""; tertiaryIcon: string = ""; tertiaryTarget: string = ""; badges: unknown[] = []; trustItems: unknown[] = []; maxWidth: string = "xl"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: eyebrow, actions, trust, default, visual, footer
|
||
|
||
### `HeroActions`
|
||
|
||
- Category: marketing; mount: `HeroActions`; source: `components/HeroActions.wrn`.
|
||
- Purpose: Group hero and campaign actions with consistent alignment, orientation, sizing, and responsive mobile stacking.
|
||
- Props: actions: unknown[] = []; align: string = "left"; orientation: string = "horizontal"; stackOnMobile: boolean = true; fullWidthMobile: boolean = true; size: string = "default"; color: string = "primary"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `Image`
|
||
|
||
- Category: layout; mount: `Image`; source: `components/Image.wrn`.
|
||
- Purpose: Render a responsive image with explicit dimensions, loading behavior, alternative text, sizing, and rounded treatment.
|
||
- Props: size: string = "default"; color: string = "primary"; src: string = ""; alt: string = ""; width: string = ""; height: string = ""; loading: string = "lazy"; fit: string = "cover"; rounded: boolean = false; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `Input`
|
||
|
||
- Category: forms; mount: `Input`; source: `components/input.wrn`.
|
||
- Purpose: Theme-aware, responsive input component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Input"; hiddenLabel: boolean = false; placeholder: string = ""; value: string = ""; type: string = "text"; variant: string = "normal"; icon: string = ""; iconPosition: string = "start"; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; readonly: boolean = false; disabled: boolean = false; required: boolean = false; autocomplete: string = ""; inputmode: string = ""; minlength: string = ""; maxlength: string = ""; pattern: string = ""; min: string = ""; max: string = ""; step: string = ""; class: string = ""
|
||
- Outputs/events: input({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); change({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); focus({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); blur({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); invalid({ value: string | number | boolean | null | object; name: string; message: string; sourceEvent: Event }); keydown({ key: string; value: string | number | boolean | null | object; name: string; sourceEvent: Event }); keyup({ key: string; value: string | number | boolean | null | object; name: string; sourceEvent: Event })
|
||
- Slots: none
|
||
|
||
### `InputGroup`
|
||
|
||
- Category: forms; mount: `InputGroup`; source: `components/InputGroup.wrn`.
|
||
- Purpose: Theme-aware, responsive input group component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Input group"; hiddenLabel: boolean = false; value: string = ""; placeholder: string = ""; type: string = "text"; startText: string = ""; endText: string = ""; icon: string = ""; iconPosition: string = "start"; actionLabel: string = ""; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; variant: string = "normal"; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); submit({ value: string | number | boolean | null | object; name: string; sourceEvent: Event }); action({ name: string; sourceEvent: Event })
|
||
- Slots: none
|
||
|
||
### `InputNumber`
|
||
|
||
- Category: advanced-forms; mount: `InputNumber`; source: `components/InputNumber.wrn`.
|
||
- Purpose: Theme-aware, responsive input number component.
|
||
- Props: size: string = "default"; color: string = "primary"; variant: string = "default"; class: string = ""; id: string = ""; name: string = "quantity"; value: number = 0; min: string = ""; max: string = ""; step: number = 1; precision: string = "auto"; label: string = ""; description: string = ""; helpText: string = ""; error: string = ""; invalid: boolean = false; prefix: string = ""; suffix: string = ""; placeholder: string = ""; autocomplete: string = "off"; inputMode: string = "decimal"; ariaLabel: string = ""; required: boolean = false; disabled: boolean = false; inputDisabled: boolean = false; buttonsDisabled: boolean = false; readonly: boolean = false; allowInput: boolean = true; keyboard: boolean = true; wheel: boolean = false; clamp: boolean = true; fullWidth: boolean = false; showButtons: boolean = true; showValidationMessage: boolean = true; decrementLabel: string = "Decrease value"; incrementLabel: string = "Increase value"; controlsLabel: string = "Quantity controls"; requiredMessage: string = "A value is required."; minMessage: string = "Value is below the minimum."; maxMessage: string = "Value is above the maximum."
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); increment({ value: number; previousValue?: number; sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); decrement({ value: number; previousValue?: number; sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `Kbd`
|
||
|
||
- Category: layout; mount: `Kbd`; source: `components/Kbd.wrn`.
|
||
- Purpose: Theme-aware, responsive kbd component.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "K"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `LayoutSplitter`
|
||
|
||
- Category: layout; mount: `LayoutSplitter`; source: `components/LayoutSplitter.wrn`.
|
||
- Purpose: Theme-aware, responsive layout splitter component.
|
||
- Props: color: string = "primary"; size: number = 50; orientation: string = "horizontal"; minSize: number = 15; step: number = 5; label: string = "Resize panels"; class: string = ""
|
||
- Outputs/events: sizeChange({ size: number })
|
||
- Slots: start, end, default
|
||
|
||
### `LegendIndicator`
|
||
|
||
- Category: base; mount: `LegendIndicator`; source: `components/LegendIndicator.wrn`.
|
||
- Purpose: Theme-aware, responsive legend indicator component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Legend Indicator"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: toggle({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); select({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
|
||
- Slots: default
|
||
|
||
### `Link`
|
||
|
||
- Category: layout; mount: `Link`; source: `components/Link.wrn`.
|
||
- Purpose: Render an accessible internal or external link with target, relation, size, color, and public focus or click events.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Link"; href: string = "#"; target: string = ""; rel: string = ""; underline: string = "hover"; external: boolean = false; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `List`
|
||
|
||
- Category: base; mount: `List`; source: `components/List.wrn`.
|
||
- Purpose: Present structured responsive linked or status items with icons, descriptions, actions, and selection events.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "List"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: select({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `ListGroup`
|
||
|
||
- Category: base; mount: `ListGroup`; source: `components/ListGroup.wrn`.
|
||
- Purpose: Theme-aware, responsive list group component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "List Group"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: select({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
|
||
- Slots: default
|
||
|
||
### `Map`
|
||
|
||
- Category: integrations; mount: `Map`; source: `components/Map.wrn`.
|
||
- Purpose: Present responsive location information and markers with map-ready metadata and movement or marker events.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Map"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: markerClick({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); select({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); zoom({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `MarketingSectionHeader`
|
||
|
||
- Category: marketing; mount: `MarketingSectionHeader`; source: `components/MarketingSectionHeader.wrn`.
|
||
- Purpose: Introduce marketing content with an eyebrow, title, description, and optional linked action.
|
||
- Props: id: string = ""; eyebrow: string = ""; title: string = ""; description: string = ""; align: string = "split"; size: string = "default"; color: string = "primary"; actionLabel: string = ""; actionHref: string = ""; actionIcon: string = ""; actionExternal: boolean = false; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: icon, actions, default
|
||
|
||
### `Marquee`
|
||
|
||
- Category: base; mount: `Marquee`; source: `components/Marquee.wrn`.
|
||
- Purpose: Continuously present responsive labels, partners, notices, or capabilities with pause and resume behavior.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Marquee"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: pause({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); resume({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `MegaMenu`
|
||
|
||
- Category: navigation; mount: `MegaMenu`; source: `components/MegaMenu.wrn`.
|
||
- Purpose: Theme-aware, responsive mega menu component.
|
||
- Props: color: string = "primary"; size: string = "default"; label: string = "Menu"; icon: string = ""; columns: unknown[] = []; footer: string = ""; defaultOpen: boolean = false; class: string = ""
|
||
- Outputs/events: open({ sourceEvent: Event }); close({ reason: string }); select({ item: object; value: string })
|
||
- Slots: default
|
||
|
||
### `MetricCard`
|
||
|
||
- Category: data; mount: `MetricCard`; source: `components/MetricCard.wrn`.
|
||
- Purpose: Display one operational metric with value, suffix, description, icon, trend, progress, and optional action.
|
||
- Props: label: string = "Metric"; value: string = "0"; description: string = ""; icon: string = ""; iconStyle: string = "soft"; prefix: string = ""; suffix: string = ""; badge: string = ""; trend: string = ""; trendLabel: string = ""; trendDirection: string = "neutral"; progress: number = -1; progressLabel: string = ""; href: string = ""; target: string = ""; rel: string = ""; external: boolean = false; actionLabel: string = ""; actionIcon: string = ""; showArrow: boolean = true; selectable: boolean = false; disabled: boolean = false; size: string = "default"; color: string = "primary"; variant: string = "default"; hover: string = "lift"; align: string = "left"; class: string = ""
|
||
- Outputs/events: select({ label: string; value: string; href: string; sourceEvent: Event }); action({ label: string; value: string; href: string; sourceEvent: Event })
|
||
- Slots: default, footer
|
||
|
||
### `MetricGrid`
|
||
|
||
- Category: data; mount: `MetricGrid`; source: `components/MetricGrid.wrn`.
|
||
- Purpose: Arrange operational metrics, KPIs, public statistics, or service indicators in a responsive equal-height grid.
|
||
- Props: items: unknown[] = []; columns: number = 4; tabletColumns: number = 2; mobileColumns: number = 1; gap: string = "md"; equalHeight: boolean = true; dividers: boolean = false; size: string = "default"; color: string = "primary"; variant: string = "default"; maxWidth: string = "full"; minItemWidth: string = ""; class: string = ""
|
||
- Outputs/events: select({ item: string | number | boolean | null | object; itemIndex: number; sourceEvent: Event }); action({ item: string | number | boolean | null | object; itemIndex: number; sourceEvent: Event })
|
||
- Slots: default
|
||
|
||
### `Modal`
|
||
|
||
- Category: overlays; mount: `Modal`; source: `components/Modal.wrn`.
|
||
- Purpose: Present an accessible modal dialog with focus management, confirmation, cancellation, slots, and responsive sizing.
|
||
- Props: open: boolean = false; defaultOpen: boolean = false; title: string = "Modal"; description: string = ""; icon: string = ""; label: string = "Modal dialog"; size: string = "md"; placement: string = "center"; color: string = "primary"; variant: string = "default"; showClose: boolean = true; closeLabel: string = "Close modal"; closeOnBackdrop: boolean = true; closeOnEscape: boolean = true; closeOnCancel: boolean = true; closeOnConfirm: boolean = false; showFooter: boolean = true; cancelLabel: string = "Cancel"; cancelIcon: string = ""; confirmLabel: string = "Confirm"; confirmIcon: string = ""; confirmDisabled: boolean = false; confirmLoading: boolean = false; destructive: boolean = false; triggerLabel: string = ""; triggerIcon: string = ""; scrollable: boolean = true; scrollBehavior: string = "inside"; class: string = ""
|
||
- Outputs/events: open({ sourceEvent: Event }); close({ reason: string; sourceEvent: Event }); cancel({ sourceEvent: Event }); confirm({ sourceEvent: Event })
|
||
- Slots: trigger, header, default, footer
|
||
|
||
### `Nav`
|
||
|
||
- Category: navigation; mount: `Nav`; source: `components/Nav.wrn`.
|
||
- Purpose: Theme-aware, responsive nav component.
|
||
- Props: color: string = "primary"; size: string = "default"; items: unknown[] = []; active: string = ""; orientation: string = "horizontal"; label: string = "Main"; collapsible: boolean = true; toggleLabel: string = "Menu"; class: string = ""
|
||
- Outputs/events: select({ item: object; value: string })
|
||
- Slots: default
|
||
|
||
### `Navbar`
|
||
|
||
- Category: navigation; mount: `Navbar`; source: `components/Navbar.wrn`.
|
||
- Purpose: Theme-aware, responsive navbar component.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Primary navigation"; topbarLabel: string = "Utility navigation"; brand: Record<string, unknown> = {}; items: unknown[] = []; actions: unknown[] = []; active: string = ""; sticky: boolean = false; openOnHover: boolean = false; maxWidth: string = "full"; mobileLabel: string = "Toggle navigation"; class: string = ""
|
||
- Outputs/events: toggle({ open: boolean }); open({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); close({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); select({ item: string | number | boolean | null | object; value: string | number | boolean; level: string }); action({ item: string | number | boolean | null | object; value: string | number | boolean })
|
||
- Slots: topbar, actions
|
||
|
||
### `PageHeader`
|
||
|
||
- Category: marketing; mount: `PageHeader`; source: `components/PageHeader.wrn`.
|
||
- Purpose: Introduce an internal or public page with breadcrumbs, icon, title, description, and primary or secondary actions.
|
||
- Props: eyebrow: string = ""; title: string = ""; description: string = ""; icon: string = ""; id: string = "page-title"; align: string = "left"; centered: boolean = false; compact: boolean = false; size: string = "default"; maxWidth: string = "xl"; showBreadcrumbs: boolean = false; breadcrumbs: unknown[] = []; breadcrumbParent: string = ""; breadcrumbParentHref: string = ""; breadcrumbCurrent: string = ""; primaryLabel: string = ""; primaryHref: string = ""; primaryIcon: string = ""; secondaryLabel: string = ""; secondaryHref: string = ""; secondaryIcon: string = ""; color: string = "primary"; variant: string = "default"; borderBottom: boolean = true; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: meta, actions, default
|
||
|
||
### `Pagination`
|
||
|
||
- Category: navigation; mount: `Pagination`; source: `components/Pagination.wrn`.
|
||
- Purpose: Theme-aware, responsive pagination component.
|
||
- Props: color: string = "primary"; size: string = "default"; page: number = 1; pageSize: number = 10; total: number = 0; variant: string = "compact"; siblingCount: number = 1; showSummary: boolean = true; label: string = "Pagination"; previousLabel: string = "Previous"; nextLabel: string = "Next"; hrefTemplate: string = ""; class: string = ""
|
||
- Outputs/events: change({ page: number; pageSize: number }); previous({ page: number }); next({ page: number })
|
||
- Slots: default
|
||
|
||
### `PinInput`
|
||
|
||
- Category: advanced-forms; mount: `PinInput`; source: `components/PinInput.wrn`.
|
||
- Purpose: Secure multi-cell PIN and verification-code input with regex and paste support.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Verification code"; name: string = "pin"; value: string = ""; length: number = 4; pattern: string = "[0-9]"; type: string = "text"; inputMode: string = "numeric"; placeholder: string = "○"; autocomplete: string = "one-time-code"; masked: boolean = false; disabled: boolean = false; readonly: boolean = false; required: boolean = false; autoFocus: boolean = false; autoSubmit: boolean = false; allowPaste: boolean = true; clearable: boolean = true; clearLabel: string = "Clear code"; separator: string = ""; groupSize: number = 0; helpText: string = ""; invalid: boolean = false; validationMessage: string = ""; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); complete({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); paste({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); clear({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); error({ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string)
|
||
- Slots: none
|
||
|
||
### `Popover`
|
||
|
||
- Category: overlays; mount: `Popover`; source: `components/Popover.wrn`.
|
||
- Purpose: Display anchored supporting content with configurable trigger, placement, responsive sizing, and open or close events.
|
||
- Props: open: boolean = false; defaultOpen: boolean = false; triggerLabel: string = "Open popover"; triggerIcon: string = ""; title: string = ""; description: string = ""; icon: string = ""; placement: string = "bottom-start"; width: string = "md"; size: string = "default"; color: string = "primary"; variant: string = "raised"; showArrow: boolean = true; showClose: boolean = false; closeLabel: string = "Close popover"; closeOnOutside: boolean = true; closeOnEscape: boolean = true; actionLabel: string = ""; actionHref: string = ""; actionIcon: string = ""; closeOnAction: boolean = true; disabled: boolean = false; class: string = ""
|
||
- Outputs/events: toggle({ open: boolean; sourceEvent: Event; reason?: object }); open({ sourceEvent: Event }); close({ reason: string; sourceEvent: Event }); action({ href: string; sourceEvent: Event })
|
||
- Slots: trigger, header, default, footer
|
||
|
||
### `PortalDashboard`
|
||
|
||
- Category: core; mount: `PortalDashboard`; source: `components/PortalDashboard.wrn`.
|
||
- Purpose: Reusable portal dashboard component.
|
||
- Props: size: string = "default"; color: string = "primary"; eyebrow: string = "Overview"; eyebrowKey: string = ""; title: string = "Dashboard"; titleKey: string = ""; description: string = ""; descriptionKey: string = ""; userName: string = ""; metrics: unknown[] = []; actions: unknown[] = []; updates: unknown[] = []; tasks: unknown[] = []; class: string = ""
|
||
- Outputs/events: action({ item: string | number | boolean | null | object; value: string | number | boolean; index: number }); navigate({ item: string | number | boolean | null | object; value: string | number | boolean; index: number })
|
||
- Slots: hero-action
|
||
|
||
### `PreferenceSwitcher`
|
||
|
||
- Category: core; mount: `PreferenceSwitcher`; source: `components/PreferenceSwitcher.wrn`.
|
||
- Purpose: Reusable preference switcher component.
|
||
- Props: size: string = "default"; color: string = "primary"; themeLabel: string = "Theme"; colorLabel: string = "Accent color"; languageLabel: string = "Language"; languages: string = [; colors: string = [; compact: boolean = true; class: string = ""
|
||
- Outputs/events: theme({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); color({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); language({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
|
||
- Slots: none
|
||
|
||
### `Progress`
|
||
|
||
- Category: base; mount: `Progress`; source: `components/progress.wrn`.
|
||
- Purpose: Theme-aware, responsive progress component.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Progress"; value: number = 50; max: number = 100; showValue: boolean = true; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: none
|
||
|
||
### `PublicPageShell`
|
||
|
||
- Category: layout; mount: `PublicPageShell`; source: `components/PublicPageShell.wrn`.
|
||
- Purpose: Provide the outer responsive structure, width, background, slots, overflow, and minimum-height behavior for public pages.
|
||
- Props: maxWidth: string = "full"; fullWidth: boolean = true; headerOffset: string = "none"; background: string = "default"; overflow: string = "clip"; minHeight: string = "screen"; size: string = "default"; color: string = "primary"; variant: string = "default"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: before, default, after
|
||
|
||
### `Radio`
|
||
|
||
- Category: forms; mount: `Radio`; source: `components/radio.wrn`.
|
||
- Purpose: Theme-aware, responsive radio component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Radio"; hiddenLabel: boolean = false; placeholder: string = ""; variant: string = "normal"; icon: string = ""; iconPosition: string = "start"; value: string = "on"; options: unknown[] = []; checked: boolean = false; orientation: string = "vertical"; card: boolean = false; rightAligned: boolean = false; list: boolean = false; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); invalid({ message?: string; value: string | number | boolean | null | object; sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `RangeSlider`
|
||
|
||
- Category: forms; mount: `RangeSlider`; source: `components/RangeSlider.wrn`.
|
||
- Purpose: Theme-aware, responsive range slider component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Range"; hiddenLabel: boolean = false; placeholder: string = ""; variant: string = "normal"; icon: string = ""; iconPosition: string = "start"; value: number = 50; min: number = 0; max: number = 100; step: number = 1; showValue: boolean = true; showBounds: boolean = true; showSteps: boolean = false; marks: unknown[] = []; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input(({ value: number; name: string; sourceEvent: Event }) | ({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])); change(({ value: number; name: string; sourceEvent: Event }) | ({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `Rating`
|
||
|
||
- Category: base; mount: `Rating`; source: `components/Rating.wrn`.
|
||
- Purpose: Theme-aware, responsive rating component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Rating"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
|
||
- Slots: default
|
||
|
||
### `Scrollspy`
|
||
|
||
- Category: navigation; mount: `Scrollspy`; source: `components/Scrollspy.wrn`.
|
||
- Purpose: Theme-aware, responsive scrollspy component.
|
||
- Props: color: string = "primary"; size: string = "default"; items: unknown[] = []; active: string = ""; label: string = "On this page"; heading: string = ""; class: string = ""
|
||
- Outputs/events: change({ href: string; label: string })
|
||
- Slots: default
|
||
|
||
### `SearchBox`
|
||
|
||
- Category: forms; mount: `SearchBox`; source: `components/SearchBox.wrn`.
|
||
- Purpose: Provide an accessible responsive search field with labels, validation states, sizes, and input or change events.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Search Box"; name: string = ""; value: string = ""; placeholder: string = ""; type: string = "search"; min: string = ""; max: string = ""; step: string = ""; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: search({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); clear({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `Section`
|
||
|
||
- Category: layout; mount: `Section`; source: `components/Section.wrn`.
|
||
- Purpose: Create a responsive themed page section with controlled spacing, width, borders, and surface treatment.
|
||
- Props: id: string = ""; size: string = "default"; color: string = "primary"; variant: string = "default"; spacing: string = "lg"; maxWidth: string = "xl"; fullWidth: boolean = false; borderTop: boolean = false; borderBottom: boolean = false; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `SectionHeader`
|
||
|
||
- Category: layout; mount: `SectionHeader`; source: `components/SectionHeader.wrn`.
|
||
- Purpose: Introduce a section with an eyebrow, title, description, alignment, and responsive heading hierarchy.
|
||
- Props: id: string = ""; eyebrow: string = ""; title: string = ""; description: string = ""; align: string = "left"; size: string = "default"; color: string = "primary"; headingLevel: number = 2; maxWidth: string = "3xl"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: icon, default, actions
|
||
|
||
### `Select`
|
||
|
||
- Category: forms; mount: `Select`; source: `components/select.wrn`.
|
||
- Purpose: Theme-aware, responsive select component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Select"; hiddenLabel: boolean = false; value: string = ""; values: unknown[] = []; options: unknown[] = []; placeholder: string = "Select an option"; variant: string = "normal"; icon: string = ""; iconPosition: string = "start"; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; multiple: boolean = false; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); open({ name: string; sourceEvent: Event }); close({ name: string; sourceEvent: Event }); invalid({ name: string; message: string; sourceEvent: Event })
|
||
- Slots: none
|
||
|
||
### `Sidebar`
|
||
|
||
- Category: navigation; mount: `Sidebar`; source: `components/Sidebar.wrn`.
|
||
- Purpose: Theme-aware, responsive sidebar component.
|
||
- Props: color: string = "primary"; size: string = "default"; label: string = "Sidebar"; items: unknown[] = []; active: string = ""; mobileLabel: string = "Open navigation"; drawerTitle: string = "Navigation"; class: string = ""
|
||
- Outputs/events: toggle({ open: boolean }); open({ sourceEvent: Event }); close({ source: string }); select({ item: object; value: string; level: number })
|
||
- Slots: default, drawer
|
||
|
||
### `Skeleton`
|
||
|
||
- Category: base; mount: `Skeleton`; source: `components/skeleton.wrn`.
|
||
- Purpose: Theme-aware, responsive skeleton component.
|
||
- Props: color: string = "primary"; label: string = "Loading"; size: string = "md"; lines: number = 3; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: none
|
||
|
||
### `Spinner`
|
||
|
||
- Category: base; mount: `Spinner`; source: `components/spinner.wrn`.
|
||
- Purpose: Theme-aware, responsive spinner component.
|
||
- Props: color: string = "primary"; label: string = "Loading"; size: string = "md"; lines: number = 3; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: none
|
||
|
||
### `SplitHero`
|
||
|
||
- Category: marketing; mount: `SplitHero`; source: `components/SplitHero.wrn`.
|
||
- Purpose: Build a responsive two-column introduction balancing descriptive content with a visual, image, or structured data panel.
|
||
- Props: eyebrow: string = ""; eyebrowIcon: string = "icon-[lucide--sparkles]"; title: string = "A better digital experience"; highlight: string = ""; description: string = ""; primaryLabel: string = ""; primaryHref: string = ""; primaryIcon: string = ""; secondaryLabel: string = ""; secondaryHref: string = ""; secondaryIcon: string = ""; visualPosition: string = "right"; reverse: boolean = false; ratio: string = "balanced"; align: string = "left"; size: string = "default"; color: string = "primary"; variant: string = "default"; maxWidth: string = "xl"; fullBleed: boolean = true; backgroundImage: string = ""; visualImage: string = ""; visualAlt: string = ""; visualIcon: string = ""; visualEyebrow: string = ""; visualTitle: string = ""; visualDescription: string = ""; visualItems: unknown[] = []; visualStyle: string = "panel"; trustItems: unknown[] = []; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default, actions, trust, visual
|
||
|
||
### `StatsBar`
|
||
|
||
- Category: data; mount: `StatsBar`; source: `components/StatsBar.wrn`.
|
||
- Purpose: Present a compact responsive strip of key facts, counts, performance indicators, or trust signals.
|
||
- Props: items: unknown[] = []; columns: number = 4; compact: boolean = true; dividers: boolean = true; icons: boolean = true; size: string = "default"; color: string = "primary"; variant: string = "raised"; maxWidth: string = "xl"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: none
|
||
|
||
### `Stepper`
|
||
|
||
- Category: navigation; mount: `Stepper`; source: `components/Stepper.wrn`.
|
||
- Purpose: Theme-aware, responsive stepper component.
|
||
- Props: color: string = "primary"; size: string = "default"; steps: unknown[] = []; active: number = 0; orientation: string = "horizontal"; clickable: boolean = false; label: string = "Progress"; showPanel: boolean = false; controls: boolean = false; allowSkip: boolean = false; nextDisabled: boolean = false; backLabel: string = "Back"; nextLabel: string = "Next"; skipLabel: string = "Skip"; finishLabel: string = "Finish"; class: string = ""
|
||
- Outputs/events: change({ index: number; step: object }); back({ index: number; step: object }); next({ index: number; step: object }); skip({ index: number; step: object }); finish({ index: number; step: object })
|
||
- Slots: step-{index}, panel-{index}, default
|
||
|
||
### `StrongPassword`
|
||
|
||
- Category: advanced-forms; mount: `StrongPassword`; source: `components/StrongPassword.wrn`.
|
||
- Purpose: Theme-aware, responsive strong password component.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Password"; name: string = "password"; value: string = ""; placeholder: string = "Create a strong password"; autocomplete: string = "new-password"; minLength: number = 8; specialCharactersSet: string = "!@#$%^&*()_+-=[]{}|;:,.<>?"; requireLowercase: boolean = true; requireUppercase: boolean = true; requireNumber: boolean = true; requireSpecialCharacter: boolean = true; showRequirements: boolean = true; presentation: string = "inline"; hintText: string = "Use a unique password you do not use elsewhere."; emptyLabel: string = "Enter a password"; weakLabel: string = "Weak"; fairLabel: string = "Fair"; goodLabel: string = "Good"; strongLabel: string = "Strong"; disabled: boolean = false; readonly: boolean = false; required: boolean = false; invalid: boolean = false; validationMessage: string = ""; class: string = ""
|
||
- Outputs/events: input({ value: string; score: number; maximumScore: number; percent: number; level: string }); change({ value: string; score: number; maximumScore: number; percent: number; level: string }); strength({ value: string; score: number; maximumScore: number; percent: number; level: string })
|
||
- Slots: none
|
||
|
||
### `StyledIcon`
|
||
|
||
- Category: base; mount: `StyledIcon`; source: `components/StyledIcon.wrn`.
|
||
- Purpose: Theme-aware, responsive styled icon component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Styled Icon"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `Switch`
|
||
|
||
- Category: forms; mount: `Switch`; source: `components/switch.wrn`.
|
||
- Purpose: Theme-aware, responsive switch component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Switch"; hiddenLabel: boolean = false; placeholder: string = ""; variant: string = "normal"; icon: string = ""; iconPosition: string = "start"; value: string = "on"; checked: boolean = false; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `Tabs`
|
||
|
||
- Category: navigation; mount: `Tabs`; source: `components/Tabs.wrn`.
|
||
- Purpose: Switch between related responsive content panels with horizontal or vertical orientation and selection events.
|
||
- Props: color: string = "primary"; size: string = "default"; items: unknown[] = []; active: string = ""; orientation: string = "horizontal"; mode: string = "client"; param: string = "tab"; label: string = "Tabs"; class: string = ""
|
||
- Outputs/events: change({ value: string; item: object; index: number }); select({ value: string; item: object; index: number })
|
||
- Slots: panel-{valueOf(item, index)}, default
|
||
|
||
### `TextLink`
|
||
|
||
- Category: marketing; mount: `TextLink`; source: `components/TextLink.wrn`.
|
||
- Purpose: Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling.
|
||
- Props: label: string = "Learn more"; href: string = "#"; target: string = ""; rel: string = ""; external: boolean = false; icon: string = ""; iconPosition: string = "start"; showArrow: boolean = true; underline: boolean = false; size: string = "default"; color: string = "primary"; variant: string = "default"; disabled: boolean = false; class: string = ""
|
||
- Outputs/events: click({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `Textarea`
|
||
|
||
- Category: forms; mount: `Textarea`; source: `components/textarea.wrn`.
|
||
- Purpose: Theme-aware, responsive textarea component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Textarea"; hiddenLabel: boolean = false; placeholder: string = ""; value: string = ""; variant: string = "normal"; icon: string = ""; iconPosition: string = "start"; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; rows: number = 5; resize: string = "vertical"; readonly: boolean = false; disabled: boolean = false; required: boolean = false; minlength: string = ""; maxlength: string = ""; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); invalid({ value: string | number | boolean | null | object; name: string; message: string; sourceEvent: Event })
|
||
- Slots: none
|
||
|
||
### `TimePicker`
|
||
|
||
- Category: forms; mount: `TimePicker`; source: `components/TimePicker.wrn`.
|
||
- Purpose: Theme-aware, responsive time picker component.
|
||
- Props: size: string = "default"; color: string = "primary"; id: string = ""; name: string = ""; label: string = "Time"; hiddenLabel: boolean = false; value: string = ""; placeholder: string = ""; variant: string = "normal"; icon: string = "icon-[lucide--clock-3]"; iconPosition: string = "end"; helperText: string = ""; cornerHint: string = ""; error: string = ""; inline: boolean = false; min: string = ""; max: string = ""; step: string = ""; format: string = "24"; minuteStep: number = 5; hours: string = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"]; minutes: string = ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"]; readonly: boolean = false; disabled: boolean = false; required: boolean = false; class: string = ""
|
||
- Outputs/events: input({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); change({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]); focus({ value: string; name: string; sourceEvent: Event }); blur({ value: string; name: string; sourceEvent: Event }); open({ value: string; name: string; sourceEvent: Event }); close({ value: string; name: string; sourceEvent: Event }); invalid({ name: string; message: string; sourceEvent: Event })
|
||
- Slots: none
|
||
|
||
### `Timeline`
|
||
|
||
- Category: base; mount: `Timeline`; source: `components/Timeline.wrn`.
|
||
- Purpose: Present responsive chronological activity, milestones, or workflow status with rich item metadata.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Timeline"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: select({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
### `Toaster`
|
||
|
||
- Category: core; mount: `Toaster`; source: `components/Toaster.wrn`.
|
||
- Purpose: Reusable toaster component.
|
||
- Props: color: string = "info"; size: string = "default"; position: string = "bottom-right"; duration: number = 4500; max: number = 4; pauseOnHover: boolean = true; showIcon: boolean = true; successIcon: string = ""; dangerIcon: string = ""; warningIcon: string = ""; infoIcon: string = ""; closable: boolean = true; showProgress: boolean = true; closeLabel: string = "Dismiss notification"; class: string = ""
|
||
- Outputs/events: show({ id: number; message: string; tone: string }); dismiss({ id: number; reason: string }); action({ id: number; sourceEvent: Event })
|
||
- Slots: none
|
||
|
||
### `ToggleCount`
|
||
|
||
- Category: advanced-forms; mount: `ToggleCount`; source: `components/ToggleCount.wrn`.
|
||
- Purpose: Theme-aware, responsive toggle count component.
|
||
- Props: size: string = "default"; color: string = "primary"; variant: string = "segmented"; class: string = ""; name: string = "billing-cycle"; value: string = "monthly"; firstValue: string = "monthly"; firstLabel: string = "Monthly"; secondValue: string = "annual"; secondLabel: string = "Annual"; ariaLabel: string = "Billing frequency"; items: unknown[] = []; currency: string = "$"; suffix: string = ""; firstValueKey: string = "monthly"; secondValueKey: string = "annual"; emptyValue: string = "—"; align: string = "end"; fullWidth: boolean = true; disabled: boolean = false; animate: boolean = true; animationDuration: number = 450; animationSteps: number = 18
|
||
- Outputs/events: change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); toggle({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: none
|
||
|
||
### `TogglePassword`
|
||
|
||
- Category: advanced-forms; mount: `TogglePassword`; source: `components/TogglePassword.wrn`.
|
||
- Purpose: Accessible password field with optional show and hide controls.
|
||
- Props: size: string = "default"; color: string = "primary"; label: string = "Password"; name: string = "password"; value: string = ""; placeholder: string = "Enter your password"; autocomplete: string = "current-password"; minlength: string = ""; maxlength: string = ""; pattern: string = "(?=._[a-z])(?=._[A-Z])(?=._[0-9])(?=._[^A-Za-z0-9]).{8,}"; fields: unknown[] = []; visible: boolean = false; toggleable: boolean = true; toggleMode: string = "button"; checkboxLabel: string = "Show password"; showLabel: string = "Show password"; hideLabel: string = "Hide password"; disabled: boolean = false; readonly: boolean = false; required: boolean = false; invalid: boolean = false; helpText: string = ""; validationMessage: string = ""; cornerHint: string = ""; cornerHref: string = ""; class: string = ""
|
||
- Outputs/events: input({ name?: string; value: string | number | boolean | null | object; visible: boolean }); change({ name?: string; value: string | number | boolean | null | object; visible: boolean }); toggle({ visible: boolean })
|
||
- Slots: none
|
||
|
||
### `Tooltip`
|
||
|
||
- Category: overlays; mount: `Tooltip`; source: `components/tooltip.wrn`.
|
||
- Purpose: Show concise accessible contextual help on hover, focus, click, or controlled open state.
|
||
- Props: id: string = ""; open: boolean = false; defaultOpen: boolean = false; title: string = ""; description: string = ""; content: string = "Tooltip"; trigger: string = "hover"; placement: string = "top"; size: string = "default"; color: string = "primary"; variant: string = "dark"; maxWidth: string = "18rem"; offset: number = 10; showArrow: boolean = true; interactive: boolean = false; disabled: boolean = false; class: string = ""
|
||
- Outputs/events: toggle({ open: boolean; reason: string; sourceEvent: Event }); open({ reason: string; sourceEvent: Event }); close({ reason: string; sourceEvent: Event })
|
||
- Slots: trigger, default
|
||
|
||
### `TreeView`
|
||
|
||
- Category: base; mount: `TreeView`; source: `components/TreeView.wrn`.
|
||
- Purpose: Theme-aware, responsive tree view component.
|
||
- Props: title: string = "Tree View"; description: string = ""; items: unknown[] = []; valueKey: string = "value"; labelKey: string = "label"; defaultExpanded: unknown[] = []; selected: string = ""; size: string = "default"; color: string = "primary"; class: string = ""
|
||
- Outputs/events: select({ item: object; value: string; sourceEvent?: Event }); toggle({ item: object; value: string; expanded: boolean; sourceEvent?: Event }); expand({ item: object; value: string; sourceEvent?: Event }); collapse({ item: object; value: string; sourceEvent?: Event })
|
||
- Slots: default
|
||
|
||
### `Typography`
|
||
|
||
- Category: layout; mount: `Typography`; source: `components/Typography.wrn`.
|
||
- Purpose: Apply consistent readable responsive typography, widths, columns, spacing, and editorial hierarchy.
|
||
- Props: size: string = "default"; color: string = "primary"; columns: number = 2; gap: string = "md"; maxWidth: string = "xl"; class: string = ""
|
||
- Outputs/events: none
|
||
- Slots: default
|
||
|
||
### `WysiwygEditor`
|
||
|
||
- Category: integrations; mount: `WysiwygEditor`; source: `components/WysiwygEditor.wrn`.
|
||
- Purpose: Theme-aware, responsive wysiwyg editor component.
|
||
- Props: size: string = "default"; color: string = "primary"; title: string = "Wysiwyg Editor"; description: string = ""; items: unknown[] = []; variant: string = "default"; class: string = ""
|
||
- Outputs/events: input({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); change({ value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null); focus({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }); blur({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
|
||
- Slots: default
|
||
|
||
## Appendix D — all other package-owned `.wrn` blocks
|
||
|
||
### `@wrnexus/auth` (19)
|
||
|
||
- `packages/auth/components/AccountStatus.wrn`
|
||
- `packages/auth/components/AuthProviderButtons.wrn`
|
||
- `packages/auth/components/AuthSecurityNotice.wrn`
|
||
- `packages/auth/components/AuthShell.wrn`
|
||
- `packages/auth/components/AuthenticatorSetup.wrn`
|
||
- `packages/auth/components/DeviceSessions.wrn`
|
||
- `packages/auth/components/ForgotPassword.wrn`
|
||
- `packages/auth/components/ImpersonationBanner.wrn`
|
||
- `packages/auth/components/InvitationAccept.wrn`
|
||
- `packages/auth/components/MagicLinkSignIn.wrn`
|
||
- `packages/auth/components/OtpSignIn.wrn`
|
||
- `packages/auth/components/PasskeyButton.wrn`
|
||
- `packages/auth/components/RecoveryCodes.wrn`
|
||
- `packages/auth/components/ResetPassword.wrn`
|
||
- `packages/auth/components/SignIn.wrn`
|
||
- `packages/auth/components/SignUp.wrn`
|
||
- `packages/auth/components/TwoFactorChallenge.wrn`
|
||
- `packages/auth/components/VerifyEmail.wrn`
|
||
- `packages/auth/components/VerifyPhone.wrn`
|
||
|
||
### `@wrnexus/captcha` (3)
|
||
|
||
- `packages/captcha/components/Captcha.wrn`
|
||
- `packages/captcha/components/CaptchaField.wrn`
|
||
- `packages/captcha/components/CaptchaStatus.wrn`
|
||
|
||
### `@wrnexus/i18n` (2)
|
||
|
||
- `packages/i18n/components/LanguageSwitcher.wrn`
|
||
- `packages/i18n/components/LocaleStatus.wrn`
|
||
|
||
### `@wrnexus/image` (3)
|
||
|
||
- `packages/image/components/ImageCard.wrn`
|
||
- `packages/image/components/OptimizedImage.wrn`
|
||
- `packages/image/components/Picture.wrn`
|
||
|
||
### `@wrnexus/language-server` (1)
|
||
|
||
- `packages/language-server/test/fixtures/html-editing-check.wrn`
|
||
|
||
### `@wrnexus/realtime` (7)
|
||
|
||
- `packages/realtime/components/MessageBubble.wrn`
|
||
- `packages/realtime/components/MessageComposer.wrn`
|
||
- `packages/realtime/components/PresenceList.wrn`
|
||
- `packages/realtime/components/RealtimeRoom.wrn`
|
||
- `packages/realtime/components/RoomMeta.wrn`
|
||
- `packages/realtime/components/RoomStatus.wrn`
|
||
- `packages/realtime/components/TypingIndicator.wrn`
|
||
|
||
### `@wrnexus/uploader` (2)
|
||
|
||
- `packages/uploader/components/UploadDropzone.wrn`
|
||
- `packages/uploader/components/UploadStatus.wrn`
|
||
|
||
### `@wrnexus/validation` (2)
|
||
|
||
- `packages/validation/components/FieldError.wrn`
|
||
- `packages/validation/components/ValidationSummary.wrn`
|
||
|
||
## Appendix E — authoritative files
|
||
|
||
- Language parser/AST: `packages/syntax/src/parser.ts`, `v060.ts`, `api-sections.ts`, `spec.ts`.
|
||
- Compiler/runtime: `packages/compiler/src`, `packages/csr/src`, `packages/ssr/src`, `packages/dev-server/src`.
|
||
- Migration registry: `packages/cli/src/update.ts`.
|
||
- Public exports: `docs/public-api-0.8.json` (checked by `scripts/check-public-api.mjs`).
|
||
- UI blocks: `packages/ui/component-reference.json` and `packages/ui/COMPONENTS.md`.
|
||
- Latest feature designs: `docs/superpowers/specs/2026-08-19-typed-api-block-design.md`, `2026-08-18-react-islands-design.md`, and `2026-08-18-wrn-html-editing-design.md`.
|
||
|
||
---
|
||
|
||
This report is reproducible: run `node scripts/generate-complete-framework-report.mjs` after implementation or generated-reference changes.
|