@plitzi/sdk-shared 0.38.9 → 0.38.10

package/CHANGELOG.md

@@ -1,5 +1,86 @@
 # @plitzi/sdk-shared
 
+## 0.38.10
+
+### Patch Changes
+
+- 200da2f: - **`focus-on-field-box`** (`@plitzi/sdk-authoring`): a warning for a `focus` or `focus-visible` state on a text
+  field's or a select's `input` slot. That slot is the box the field is drawn in, a `<div>` that never takes focus, so
+  the rule was never seen and a keyboard user tabbing to the field found no ring. The fix it names: `'focus-within'` on
+  the same class, or the state on the `field` slot.
+  - **`modalContainer` says how it is laid out** (`@plitzi/sdk-elements`): its description now names its slots and how
+    they sit — the dim layer and the dialog side by side, not one inside the other; the dialog centred by `top`/`left`
+    50% and a `translate`. A space styled the dim layer as a flex container to place the dialog, which moved nothing.
+  - **A field shows where the keyboard is** (`@plitzi/plitzi-sdk`, `@plitzi/sdk-elements`): a text field's or a select's
+    box is ringed (`2px solid currentColor`) while the field inside has keyboard focus, and a textarea while it has. No
+    text field or select showed any focus at all: the box had `outline: none`, and the field inherited it. One class of
+    specificity, so whatever a space writes about the outline wins; never in the builder's canvas, where the selection is
+    the ring. The field no longer inherits the box's outline — the box draws it.
+  - **The dim layer of a modal and a dialog is `rgb(0 0 0 / 50%)`** (`@plitzi/plitzi-sdk`, `@plitzi/sdk-elements`), not
+    black at `opacity: 0.5`: the default looks the same, and a colour a space gives the layer is drawn as it is — it was
+    halved. A space that set its own colour sees it darker: the one it wrote.
+  - **`required-message-unused`** (`@plitzi/sdk-authoring`): a warning for a `requiredMessage` on a field nothing requires —
+    since 0.38.9 a field is optional unless `required: true`, so the message is never shown and an empty answer is sent.
+    The formControl's description, the cheat sheet and the forms recipe say the default.
+  - **A page's title can say its record** (`@plitzi/sdk-shared`, `@plitzi/sdk-server`, `@plitzi/sdk-elements`,
+    `@plitzi/sdk-authoring`): `seoTitle` and `seoDescription` may be templates over the page's `runtime: 'server'`
+    providers (its layouts' too) and `navigation` — `'{{ apiContainer_post.title }} — Blog'`. The server evaluates them
+    as it writes the head, from the answers it already has; the browser evaluates the same over `rsc.data`, so the tab
+    follows a navigation from record to record. One that reads anything else — a browser provider, `state` — is refused
+    (`page-template`): it was written into the head as it was, braces included. A declaration's `serverTemplates` names
+    the attributes the page server evaluates against a context of its own (a page's title and description, a provider's
+    `notFound`): the element runtime leaves them as written — interpolated where the page renders, a `|default(…)`
+    resolved to its fallback before the head could read the providers — and the authoring lint reads the same list.
+  - **A page says when its address shows nothing** (`@plitzi/sdk-server`, `@plitzi/sdk-authoring`): `notFound` on the
+    page, one expression over the same answers its title reads — `"{{ not (apiContainer_feed.topics|find('slug',
+navigation.routeParams.slug)) }}"` — sends it with status 404, rendered as written. A provider's own `notFound` reads
+    only its answer, and one in a layout is every page's: a record read from the layout had no way to say it was not
+    there, and the page answered 200.
+  - **The Export keeps the flows of a plugin hosted by `custom`** (`@plitzi/sdk-authoring`): `specFromSpace` judged such
+    an element by `custom`'s own triggers and callbacks, and dropped a flow on the component's event (`onChange` on an
+    editor) as one "a custom never fires" — the space read back was not the space written.
+  - **`page check` reads every word on the page, in the colour the browser paints it** (`@plitzi/sdk-authoring`): what a
+    plugin draws inside an element of the space is measured too, named by the element and a selector; the measure is
+    WCAG's contrast (under 2:1 is unreadable), not "nearly the same colour"; and a colour the browser answers as
+    `oklch()`, `oklab()` or `color(srgb …)` — every token and every `color-mix()` — is read as that, where it was read as
+    `rgb()` numbers and came out near black. A plugin's dark-on-dark status line passed as "nothing wrong".
+  - **`verify` checks every theme the space can be painted in** (`@plitzi/cli`): light and dark, unless the space says
+    light only — "48 checks at 1440 and 390 px, light and dark". A page unreadable in the dark theme passed in the light
+    one; a failure names the theme it was found in.
+  - **`plitzi upgrade` says where fields became optional** (`@plitzi/cli`): for a project last upgraded before 0.38.9,
+    each `formControl(…)` with no `required`, at its file and line — said, never written. And a `.gitkeep` is asked for
+    only in a folder with nothing else in it: `upgrade` wrote one beside code, and `doctor` called it missing once deleted
+    as AGENTS.md asks ("nothing unused") — the three now say the same.
+  - **`devMode` and `devReload` are the project's** (`@plitzi/sdk-server`): `src/config/serverOptions.ts` may set them,
+    over `NODE_ENV`, which they still follow when left out. A deployment started without `NODE_ENV` (a container's `CMD`)
+    says `devMode: false`, and a public action answers with its output alone.
+  - **`page shot --from load`** (`@plitzi/cli`): `--frames` start as soon as the page's HTML is in, not once it settles —
+    an entrance that plays while the page loads had ended before the first picture.
+  - **`heavy-animation` says where each animation is** (`@plitzi/sdk-authoring`): the class and its variant, state or
+    slot — or the `customCss` rule — and writes the fix against that selector. It said "in `customCss`" for an animation
+    declared on a class's variant, and offered `.glow`, a class no space has.
+  - **`page shot --steps`** (`@plitzi/cli`): an interaction played step by step — `click`, `type`, `press`, `wait`,
+    `wait-for`, `shot [label]`, `frames <n> [ms]`, separated by `;` or written in a file (`@file`) — each picture labelled
+    with its step and the time since the first, and said when nothing changed since the one before. A queue filling, a
+    restart, an opening frame by frame took a Playwright script of the project's own. Targets take Playwright's selectors
+    too (`text=Saved`).
+  - **A space's task may take a `number` param** (`@plitzi/sdk-server`): saved functions refused it ("a type the builder
+    cannot draw") while a project's server ran it, so code that worked self-hosted failed on the platform — and the
+    builder draws one, a callback's. A step's params now arrive as the types the task declares, on every server: a
+    `number` written as text is the number, a `boolean` written `'true'` is `true`, as the browser reads a callback's.
+  - **`page shot --as <username>`** (`@plitzi/cli`): signs in first, as `page check --as` does, the password from
+    `PLITZI_CHECK_PASSWORD` in `.env`. A page for signed-in visitors was pictured as the sign-in page it sent the browser
+    to, without a word; `page shot` now says when the page sent it elsewhere, and that the picture is of that page.
+  - **A capture is of the page at rest** (`@plitzi/sdk-mcp`): the local screenshot client takes every picture with
+    `prefers-reduced-motion: reduce`, as the browser pod now does — the declared motion and a space's own keyframes that
+    honour the query are shown finished. A splash still covering its page, or an arrival caught halfway, was what a
+    thumbnail or a `plitzi_look` showed of a page that animates as it loads.
+  - **The server renders in the visitor's theme, not only the class** (`@plitzi/sdk-shared`): `ThemeProvider` set the
+    starting theme from a layout effect, which never runs on a server, so a page was drawn from the theme store's own
+    start — `{{ theme.resolved }}` was `light` under a `<html class="dark">`, and whatever named the scheme (a picture's
+    address, a `when` rule) was swapped for the other one as the page hydrated. The theme a host supplies (the cookie) is
+    now the server's snapshot of the store, and the hydration's; the shared store is never written on the server.
+
 ## 0.38.9
 
 ### Patch Changes

package/dist/authoring/declare.d.ts

@@ -67,6 +67,14 @@ export interface ElementDeclarationData {
      * `plitzi page check`), which would otherwise wait for it to be on screen and report it hidden.
      */
     drawsNothing?: boolean;
+    /**
+     * The attributes the page server evaluates against a context of its own, never where the element renders: a
+     * provider's `notFound`, read against its answer; a page's title and description, read against its server providers.
+     * Interpolated in the element's own scope they resolved to nothing — a `|default(…)` to its fallback — before the
+     * reader that has their names could see them. Read by the element runtime, which leaves them as written, and by the
+     * authoring lint, which holds them to that context.
+     */
+    serverTemplates?: readonly string[];
     content?: {
         attributes?: Record<string, unknown>;
         definition?: {

package/dist/index.mjs

@@ -70,27 +70,27 @@ import jn from "./schema/SchemaContext.mjs";
 import { ANCHOR_PATTERN as Mn, anchorOf as Nn, isAnchor as Pn, uniqueAnchor as Fn } from "./schema/anchor.mjs";
 import { COMPONENT_PROPS_SOURCE as In, EMPTY_SCHEMA as Ln, VARIABLE_REGEX as Rn } from "./schema/schemaConstants.mjs";
 import { findLayoutCycle as zn, resolveLayoutChain as Bn } from "./schema/layoutChain.mjs";
-import { collectServerElements as Vn, hasServerElements as Hn, notFoundProvider as Un } from "./schema/serverElements.mjs";
-import { isSnippet as Wn } from "./schema/snippet.mjs";
-import Gn from "./network/NetworkContext.mjs";
-import Kn from "./network/NetworkInternalContext.mjs";
-import { elementFromWire as qn, schemaFromWire as Jn, schemaToWire as Yn } from "./schema/wire.mjs";
-import { SpaceEvents as Xn, spaceEventSchemas as Zn, validateSpaceEvent as Qn } from "./network/spaceEvents.mjs";
-import $n from "./network/graphql/builder/Mutations/index.mjs";
-import er from "./network/graphql/builder/Queries/index.mjs";
-import tr from "./network/graphql/builder/Subscriptions/index.mjs";
-import nr from "./network/graphql/sdk/Mutations/index.mjs";
-import rr from "./network/graphql/sdk/Queries/index.mjs";
-import ir, { RTEvent as ar, RTEventCloseCode as or, getInstance as sr, isRTEvent as cr, isRTEventCloseCode as lr, setInstance as ur } from "./websockets/RTCodec.mjs";
-import { THEME_CLASSES as dr, THEME_COOKIE_NAME as fr, applyThemeClass as pr, isTheme as mr, readThemeCookie as hr, themeFromCookies as gr, writeThemeCookie as _r } from "./theme/themeCookie.mjs";
-import vr, { createThemeState as yr, createThemeStore as br, resolveScheme as xr, setAreaTheme as Sr, setMachineScheme as Cr, setThemeMode as wr, themeFor as Tr } from "./theme/themeStore.mjs";
-import { useThemeStore as Er } from "./theme/ThemeScope.mjs";
-import Dr from "./theme/ThemeProvider.mjs";
-import Or, { SPACE_THEME_AREA as kr } from "./theme/useTheme.mjs";
-import Ar from "./server/actions/useActionsSync.mjs";
-import jr, { cancelRsc as Mr, currentRscLocation as Nr, releaseRscRequests as Pr, rscDataPath as Fr } from "./server/rsc/refreshRsc.mjs";
-import Ir from "./server/rsc/useRscRefresh.mjs";
-import Lr from "./server/rsc/useRscSync.mjs";
-import { PAINTED_STATE_BUDGET as Rr, clearPaintedEntry as zr, paintedEntryFromCookies as Br, paintedKeys as Vr, paintedStateCookieName as Hr, paintedStateFor as Ur, pickPainted as Wr, readPaintedEntry as Gr, writePaintedEntry as Kr } from "./state/paintedState.mjs";
-import { runtimeStatePersist as qr, stateOwner as Jr } from "./state/runtimeStatePersist.mjs";
-export { Mn as ANCHOR_PATTERN, x as BODYLESS_METHODS, y as BuilderContext, $n as BuilderMutations, er as BuilderQueries, In as COMPONENT_PROPS_SOURCE, N as COMPUTED_GLOBALS, S as CONNECTOR_HTTP_METHODS, an as CONTENT_PSEUDOS, mn as CURRENT_SELECTOR, Me as ComponentContext, C as DEFAULT_READ_ENDPOINT, Te as DEV_TOOLS_ATTRIBUTE, St as DISPLAY_MODES, gt as DISPLAY_MODE_MIN_WIDTH, we as DevToolsContext, w as EMPTY_RESPONSE_METHODS, Ln as EMPTY_SCHEMA, ft as EMPTY_STYLE_SCHEMA, hn as EXPANDED_SELECTOR, Ne as FLAG_GATE_PATTERN, Ue as FLAG_LAYERS, Pe as FLAG_NAME_PATTERN, Ft as FontValidationError, on as GENERATED_PSEUDOS, P as GLOBAL_SOURCES, gn as HIDDEN_CLASS, Ee as HIDE_DEV_TOOLS_CSS, ee as INTERVAL_TRIGGER, zt as LAYOUT_GRIDS, m as MAX_PARAM_PASSES, te as MIN_INTERVAL_MS, Yt as MOTION_CONDITIONS, Gn as NetworkContext, Kn as NetworkInternalContext, Rr as PAINTED_STATE_BUDGET, _n as PARENT_ANCESTOR, yt as PLUGIN_CSS_LAYER, sn as PSEUDO_PROPERTIES, oe as ParamsFromURL, ke as PlitziConsole, ot as PlitziServiceContext, st as PlitziServiceProvider, T as READ_ENDPOINT_NAMES, ir as RTCodec, ar as RTEvent, or as RTEventCloseCode, bt as RUNTIME_CSS_LAYER, Ht as RUNTIME_STYLE_ID, kr as SPACE_THEME_AREA, Xt as STYLE_CONDITION_LABELS, Zt as STYLE_MOTION_CONDITIONS, cn as STYLE_PSEUDOS, ln as STYLE_PSEUDO_LABELS, vn as STYLE_STATES, yn as STYLE_STATE_LABELS, Tt as SYSTEM_FONTS, jn as SchemaContext, nr as SdkMutations, rr as SdkQueries, tr as SpaceEventSubscription, Xn as SpaceEvents, pt as StyleBindingsAllowed, lt as StyleVariableCategory, dr as THEME_CLASSES, fr as THEME_COOKIE_NAME, Dr as ThemeProvider, Rn as VARIABLE_REGEX, a as VISITOR_NAME, ct as WHILE_RUNNING_MODES, E as WRITE_ENDPOINT_NAMES, Nn as anchorOf, pr as applyThemeClass, t as authFailureFromResponse, Et as availableFonts, mt as baseDefaultValue, Mr as cancelRsc, Qt as canonicalCondition, o as checkVisitorRoles, zr as clearPaintedEntry, Vn as collectServerElements, $t as conditionAtRule, en as conditionLabel, tn as conditionOfAtRule, k as connectorPresets, D as connectorTokens, b as contexts, B as cookieFromHeader, Ae as createStoreDevToolsLogger, yr as createThemeState, br as createThemeStore, Nr as currentRscLocation, De as debugCookieName, se as delay, Xe as describeChange, $e as diffSchema, et as diffStyle, he as disableReactDevTools, _t as displayModeAt, vt as displayModeWidthRem, V as documentCookies, qn as elementFromWire, H as elementOf, A as emptyManifest, ce as emptyObject, F as evaluateComputed, ae as evaluateRuleGroup, Lt as fallbackForFamily, Dt as familiesInCss, L as fetchManifest, Ze as fieldChanges, c as filters, zn as findLayoutCycle, We as flagUserFromSSR, Ge as flagValues, Le as flagsCookieName, Ot as fontFamilyStack, wt as fontLinkAssets, kt as fontUrlResolver, Rt as fontsFromCss, At as fontsToHead, Re as forcedFlagsFromCookies, K as formatDate, q as formatDateUTC, J as formatFromNow, Y as formatUTCToLocal, R as generateFacade, ve as getBindingsDetails, O as getConnectorTokens, le as getDisplayName, X as getDurationMs, sr as getInstance, ue as getKeyDecoded, de as getPathsFromObeject, ye as getSourceName, jt as googleCss2Url, Mt as googleTextSubsetUrl, Ke as hasConditions, Hn as hasServerElements, f as hasTemplateSyntax, p as hasValidToken, fe as hexToRGB, bn as inCascadeOrder, xt as inPluginLayer, ht as inheritableAttributesBase, g as inspectTemplate, ne as intervalOf, Pn as isAnchor, j as isConnectorManifestDraft, un as isContentValue, re as isDate, Ct as isDisplayMode, U as isElementTarget, Fe as isFlagName, pe as isInViewport, Oe as isInteractionFlow, xn as isKnownState, W as isNodeTarget, Sn as isParentAncestor, cr as isRTEvent, lr as isRTEventCloseCode, e as isRecord, Nt as isSafeFontUrl, Ie as isSchemaFlag, Wn as isSnippet, Cn as isStartingState, nn as isStyleCondition, dn as isStylePseudo, Tn as isStyleRules, ut as isStyleVariableCategory, mr as isTheme, ie as isUserEdit, Z as isValidFormat, tt as jsonCopy, Bt as layoutGridCss, Vt as layoutGridLook, I as liveSources, me as makeId, Ut as markStyleCache, Kt as mergeSnippetStyle, G as nodeOf, Un as notFoundProvider, n as onAuthFailure, je as pConsole, Br as paintedEntryFromCookies, Vr as paintedKeys, Hr as paintedStateCookieName, Ur as paintedStateFor, rn as parseContainerCondition, Q as parseDate, ze as parseFlagList, It as parseSpaceFont, qe as passesFlagGate, Wr as pickPainted, Pt as primaryFamily, l as processTwig, u as processTwigParam, d as processTwigValue, fn as pseudoHonours, pn as pseudoSuffix, Gr as readPaintedEntry, hr as readThemeCookie, jr as refreshRsc, Pr as releaseRscRequests, r as reportAuthFailure, Je as resolveFlags, Bn as resolveLayoutChain, xr as resolveScheme, h as resolveStepParam, Se as resolveVariables, Fr as rscDataPath, qr as runtimeStatePersist, i as sameRegistrableDomain, qt as sameSelector, nt as sameValue, Jn as schemaFromWire, Yn as schemaToWire, Jt as selectorsOf, Be as serializeFlagList, Sr as setAreaTheme, En as setAtKeys, ur as setInstance, Cr as setMachineScheme, wr as setThemeMode, Zn as spaceEventSchemas, Jr as stateOwner, wn as stateSuffix, Wt as styleCacheFromDocument, Gt as styleCacheTravelsInDocument, dt as styleConstants, Dn as styleTargetKeys, On as styleTargetProblem, kn as styleTargetRules, z as syntaxHighlight, _ as templatePaths, v as templateRootNames, Tr as themeFor, gr as themeFromCookies, vr as themeStore, $ as toUnixSeconds, Ye as undeclaredFlagOverrides, Fn as uniqueAnchor, Qe as uniqueLines, Ar as useActionsSync, rt as useFontHead, it as useNetwork, at as usePlitziServiceContext, be as useRegisterSource, Ce as useResolvedVariables, Ir as useRscRefresh, Lr as useRscSync, xe as useStableValue, Or as useTheme, Er as useThemeStore, ge as utility, _e as utilityOptions, M as validateConnectorManifest, Qn as validateSpaceEvent, An as valueAtKeys, s as visitorAccess, Ve as withForcedFlag, He as writeForcedFlags, Kr as writePaintedEntry, _r as writeThemeCookie };
+import { collectServerElements as Vn, hasServerElements as Hn, notFoundProvider as Un, pageNotFound as Wn, pageSeoText as Gn, pageServerContext as Kn } from "./schema/serverElements.mjs";
+import { isSnippet as qn } from "./schema/snippet.mjs";
+import Jn from "./network/NetworkContext.mjs";
+import Yn from "./network/NetworkInternalContext.mjs";
+import { elementFromWire as Xn, schemaFromWire as Zn, schemaToWire as Qn } from "./schema/wire.mjs";
+import { SpaceEvents as $n, spaceEventSchemas as er, validateSpaceEvent as tr } from "./network/spaceEvents.mjs";
+import nr from "./network/graphql/builder/Mutations/index.mjs";
+import rr from "./network/graphql/builder/Queries/index.mjs";
+import ir from "./network/graphql/builder/Subscriptions/index.mjs";
+import ar from "./network/graphql/sdk/Mutations/index.mjs";
+import or from "./network/graphql/sdk/Queries/index.mjs";
+import sr, { RTEvent as cr, RTEventCloseCode as lr, getInstance as ur, isRTEvent as dr, isRTEventCloseCode as fr, setInstance as pr } from "./websockets/RTCodec.mjs";
+import { THEME_CLASSES as mr, THEME_COOKIE_NAME as hr, applyThemeClass as gr, isTheme as _r, readThemeCookie as vr, themeFromCookies as yr, writeThemeCookie as br } from "./theme/themeCookie.mjs";
+import xr, { createThemeState as Sr, createThemeStore as Cr, resolveScheme as wr, setAreaTheme as Tr, setMachineScheme as Er, setThemeMode as Dr, startingThemeState as Or, themeFor as kr } from "./theme/themeStore.mjs";
+import { ThemeStartContext as Ar, useThemeState as jr, useThemeStore as Mr } from "./theme/ThemeScope.mjs";
+import Nr from "./theme/ThemeProvider.mjs";
+import Pr, { SPACE_THEME_AREA as Fr } from "./theme/useTheme.mjs";
+import Ir from "./server/actions/useActionsSync.mjs";
+import Lr, { cancelRsc as Rr, currentRscLocation as zr, releaseRscRequests as Br, rscDataPath as Vr } from "./server/rsc/refreshRsc.mjs";
+import Hr from "./server/rsc/useRscRefresh.mjs";
+import Ur from "./server/rsc/useRscSync.mjs";
+import { PAINTED_STATE_BUDGET as Wr, clearPaintedEntry as Gr, paintedEntryFromCookies as Kr, paintedKeys as qr, paintedStateCookieName as Jr, paintedStateFor as Yr, pickPainted as Xr, readPaintedEntry as Zr, writePaintedEntry as Qr } from "./state/paintedState.mjs";
+import { runtimeStatePersist as $r, stateOwner as ei } from "./state/runtimeStatePersist.mjs";
+export { Mn as ANCHOR_PATTERN, x as BODYLESS_METHODS, y as BuilderContext, nr as BuilderMutations, rr as BuilderQueries, In as COMPONENT_PROPS_SOURCE, N as COMPUTED_GLOBALS, S as CONNECTOR_HTTP_METHODS, an as CONTENT_PSEUDOS, mn as CURRENT_SELECTOR, Me as ComponentContext, C as DEFAULT_READ_ENDPOINT, Te as DEV_TOOLS_ATTRIBUTE, St as DISPLAY_MODES, gt as DISPLAY_MODE_MIN_WIDTH, we as DevToolsContext, w as EMPTY_RESPONSE_METHODS, Ln as EMPTY_SCHEMA, ft as EMPTY_STYLE_SCHEMA, hn as EXPANDED_SELECTOR, Ne as FLAG_GATE_PATTERN, Ue as FLAG_LAYERS, Pe as FLAG_NAME_PATTERN, Ft as FontValidationError, on as GENERATED_PSEUDOS, P as GLOBAL_SOURCES, gn as HIDDEN_CLASS, Ee as HIDE_DEV_TOOLS_CSS, ee as INTERVAL_TRIGGER, zt as LAYOUT_GRIDS, m as MAX_PARAM_PASSES, te as MIN_INTERVAL_MS, Yt as MOTION_CONDITIONS, Jn as NetworkContext, Yn as NetworkInternalContext, Wr as PAINTED_STATE_BUDGET, _n as PARENT_ANCESTOR, yt as PLUGIN_CSS_LAYER, sn as PSEUDO_PROPERTIES, oe as ParamsFromURL, ke as PlitziConsole, ot as PlitziServiceContext, st as PlitziServiceProvider, T as READ_ENDPOINT_NAMES, sr as RTCodec, cr as RTEvent, lr as RTEventCloseCode, bt as RUNTIME_CSS_LAYER, Ht as RUNTIME_STYLE_ID, Fr as SPACE_THEME_AREA, Xt as STYLE_CONDITION_LABELS, Zt as STYLE_MOTION_CONDITIONS, cn as STYLE_PSEUDOS, ln as STYLE_PSEUDO_LABELS, vn as STYLE_STATES, yn as STYLE_STATE_LABELS, Tt as SYSTEM_FONTS, jn as SchemaContext, ar as SdkMutations, or as SdkQueries, ir as SpaceEventSubscription, $n as SpaceEvents, pt as StyleBindingsAllowed, lt as StyleVariableCategory, mr as THEME_CLASSES, hr as THEME_COOKIE_NAME, Nr as ThemeProvider, Ar as ThemeStartContext, Rn as VARIABLE_REGEX, a as VISITOR_NAME, ct as WHILE_RUNNING_MODES, E as WRITE_ENDPOINT_NAMES, Nn as anchorOf, gr as applyThemeClass, t as authFailureFromResponse, Et as availableFonts, mt as baseDefaultValue, Rr as cancelRsc, Qt as canonicalCondition, o as checkVisitorRoles, Gr as clearPaintedEntry, Vn as collectServerElements, $t as conditionAtRule, en as conditionLabel, tn as conditionOfAtRule, k as connectorPresets, D as connectorTokens, b as contexts, B as cookieFromHeader, Ae as createStoreDevToolsLogger, Sr as createThemeState, Cr as createThemeStore, zr as currentRscLocation, De as debugCookieName, se as delay, Xe as describeChange, $e as diffSchema, et as diffStyle, he as disableReactDevTools, _t as displayModeAt, vt as displayModeWidthRem, V as documentCookies, Xn as elementFromWire, H as elementOf, A as emptyManifest, ce as emptyObject, F as evaluateComputed, ae as evaluateRuleGroup, Lt as fallbackForFamily, Dt as familiesInCss, L as fetchManifest, Ze as fieldChanges, c as filters, zn as findLayoutCycle, We as flagUserFromSSR, Ge as flagValues, Le as flagsCookieName, Ot as fontFamilyStack, wt as fontLinkAssets, kt as fontUrlResolver, Rt as fontsFromCss, At as fontsToHead, Re as forcedFlagsFromCookies, K as formatDate, q as formatDateUTC, J as formatFromNow, Y as formatUTCToLocal, R as generateFacade, ve as getBindingsDetails, O as getConnectorTokens, le as getDisplayName, X as getDurationMs, ur as getInstance, ue as getKeyDecoded, de as getPathsFromObeject, ye as getSourceName, jt as googleCss2Url, Mt as googleTextSubsetUrl, Ke as hasConditions, Hn as hasServerElements, f as hasTemplateSyntax, p as hasValidToken, fe as hexToRGB, bn as inCascadeOrder, xt as inPluginLayer, ht as inheritableAttributesBase, g as inspectTemplate, ne as intervalOf, Pn as isAnchor, j as isConnectorManifestDraft, un as isContentValue, re as isDate, Ct as isDisplayMode, U as isElementTarget, Fe as isFlagName, pe as isInViewport, Oe as isInteractionFlow, xn as isKnownState, W as isNodeTarget, Sn as isParentAncestor, dr as isRTEvent, fr as isRTEventCloseCode, e as isRecord, Nt as isSafeFontUrl, Ie as isSchemaFlag, qn as isSnippet, Cn as isStartingState, nn as isStyleCondition, dn as isStylePseudo, Tn as isStyleRules, ut as isStyleVariableCategory, _r as isTheme, ie as isUserEdit, Z as isValidFormat, tt as jsonCopy, Bt as layoutGridCss, Vt as layoutGridLook, I as liveSources, me as makeId, Ut as markStyleCache, Kt as mergeSnippetStyle, G as nodeOf, Un as notFoundProvider, n as onAuthFailure, je as pConsole, Wn as pageNotFound, Gn as pageSeoText, Kn as pageServerContext, Kr as paintedEntryFromCookies, qr as paintedKeys, Jr as paintedStateCookieName, Yr as paintedStateFor, rn as parseContainerCondition, Q as parseDate, ze as parseFlagList, It as parseSpaceFont, qe as passesFlagGate, Xr as pickPainted, Pt as primaryFamily, l as processTwig, u as processTwigParam, d as processTwigValue, fn as pseudoHonours, pn as pseudoSuffix, Zr as readPaintedEntry, vr as readThemeCookie, Lr as refreshRsc, Br as releaseRscRequests, r as reportAuthFailure, Je as resolveFlags, Bn as resolveLayoutChain, wr as resolveScheme, h as resolveStepParam, Se as resolveVariables, Vr as rscDataPath, $r as runtimeStatePersist, i as sameRegistrableDomain, qt as sameSelector, nt as sameValue, Zn as schemaFromWire, Qn as schemaToWire, Jt as selectorsOf, Be as serializeFlagList, Tr as setAreaTheme, En as setAtKeys, pr as setInstance, Er as setMachineScheme, Dr as setThemeMode, er as spaceEventSchemas, Or as startingThemeState, ei as stateOwner, wn as stateSuffix, Wt as styleCacheFromDocument, Gt as styleCacheTravelsInDocument, dt as styleConstants, Dn as styleTargetKeys, On as styleTargetProblem, kn as styleTargetRules, z as syntaxHighlight, _ as templatePaths, v as templateRootNames, kr as themeFor, yr as themeFromCookies, xr as themeStore, $ as toUnixSeconds, Ye as undeclaredFlagOverrides, Fn as uniqueAnchor, Qe as uniqueLines, Ir as useActionsSync, rt as useFontHead, it as useNetwork, at as usePlitziServiceContext, be as useRegisterSource, Ce as useResolvedVariables, Hr as useRscRefresh, Ur as useRscSync, xe as useStableValue, Pr as useTheme, jr as useThemeState, Mr as useThemeStore, ge as utility, _e as utilityOptions, M as validateConnectorManifest, tr as validateSpaceEvent, An as valueAtKeys, s as visitorAccess, Ve as withForcedFlag, He as writeForcedFlags, Qr as writePaintedEntry, br as writeThemeCookie };

package/dist/schema/index.mjs

@@ -2,6 +2,6 @@ import e from "./SchemaContext.mjs";
 import { ANCHOR_PATTERN as t, anchorOf as n, isAnchor as r, uniqueAnchor as i } from "./anchor.mjs";
 import { COMPONENT_PROPS_SOURCE as a, EMPTY_SCHEMA as o, VARIABLE_REGEX as s } from "./schemaConstants.mjs";
 import { findLayoutCycle as c, resolveLayoutChain as l } from "./layoutChain.mjs";
-import { collectServerElements as u, hasServerElements as d, notFoundProvider as f } from "./serverElements.mjs";
-import { isSnippet as p } from "./snippet.mjs";
-export { t as ANCHOR_PATTERN, a as COMPONENT_PROPS_SOURCE, o as EMPTY_SCHEMA, e as SchemaContext, s as VARIABLE_REGEX, n as anchorOf, u as collectServerElements, c as findLayoutCycle, d as hasServerElements, r as isAnchor, p as isSnippet, f as notFoundProvider, l as resolveLayoutChain, i as uniqueAnchor };
+import { collectServerElements as u, hasServerElements as d, notFoundProvider as f, pageNotFound as p, pageSeoText as m, pageServerContext as h } from "./serverElements.mjs";
+import { isSnippet as g } from "./snippet.mjs";
+export { t as ANCHOR_PATTERN, a as COMPONENT_PROPS_SOURCE, o as EMPTY_SCHEMA, e as SchemaContext, s as VARIABLE_REGEX, n as anchorOf, u as collectServerElements, c as findLayoutCycle, d as hasServerElements, r as isAnchor, g as isSnippet, f as notFoundProvider, p as pageNotFound, m as pageSeoText, h as pageServerContext, l as resolveLayoutChain, i as uniqueAnchor };

package/dist/schema/serverElements.d.ts

@@ -20,9 +20,14 @@ import { Element, Schema } from '../types';
  * Given the flags as they resolved, an element gated off by one is skipped with its whole subtree — it will not be
  * rendered, so nothing in it wants data, and resolving it would put a feature that is off into the payload anyway.
  */
-export declare const collectServerElements: (schema: Schema, pageId: string | undefined, ids?: string[], flags?: Record<string, boolean>) => Element[];
+export declare const collectServerElements: (schema: Pick<Schema, "flat">, pageId: string | undefined, ids?: string[], flags?: Record<string, boolean>) => Element[];
 /** Whether anything on this page consumes server data at all — the question both RSC gates actually ask. */
 export declare const hasServerElements: (schema: Schema, pageId: string | undefined, flags?: Record<string, boolean>) => boolean;
+/** Where the visitor is: what a template on the server reads beside the page's data, as `navigation`. */
+export type ServerNavigation = {
+    routeParams: Record<string, unknown>;
+    queryParams: Record<string, unknown>;
+};
 /**
  * The server provider of a page whose answer says the address shows nothing — its `notFound`, a template against
  * that answer (`{{ source.found == false }}`) — by id; the page is then sent with status 404, rendered as written.
@@ -30,7 +35,23 @@ export declare const hasServerElements: (schema: Schema, pageId: string | undefi
  * Only `true` counts: a template that does not evaluate comes back as its own text, and a typo must leave the page
  * found rather than turn every visit into a 404.
  */
-export declare const notFoundProvider: (elements: Element[], serverData: Record<string, unknown>, navigation: {
-    routeParams: Record<string, unknown>;
-    queryParams: Record<string, unknown>;
-}) => string | undefined;
+export declare const notFoundProvider: (elements: Element[], serverData: Record<string, unknown>, navigation: ServerNavigation) => string | undefined;
+/**
+ * What a page's own templates read — its title, its description, its `notFound`: every server provider of the page and
+ * of the shells around it, by the name its descendants read it by (`apiContainer_capsule`), with its answer — and
+ * `navigation`. The server has both before it writes the head, and the browser has the same answer in `rsc.data`, so
+ * the two write one title.
+ */
+export declare const pageServerContext: (elements: Element[], serverData: Record<string, unknown>, navigation: ServerNavigation) => Record<string, unknown>;
+/**
+ * A page's title or description as the head carries it: its words, or its template evaluated against
+ * `pageServerContext`. Blank, or a template that did not evaluate — it comes back as its own text — is nothing, and the
+ * deployment's own title stays: braces never reach a tab or a link preview.
+ */
+export declare const pageSeoText: (value: unknown, context: Record<string, unknown>) => string | undefined;
+/**
+ * Whether a page's own `notFound` — a template over `pageServerContext` — says the address shows nothing: a record
+ * read by a provider the page shares with others, in its layout, which cannot say it for any one page itself. Only
+ * `true` counts, as for a provider's.
+ */
+export declare const pageNotFound: (template: unknown, context: Record<string, unknown>) => boolean;

package/dist/schema/serverElements.mjs

@@ -1,27 +1,35 @@
 import { processTwigValue as e } from "../helpers/twigWrapper/processTwig/processTwig.mjs";
-import { passesFlagGate as t } from "../flags/resolveFlags.mjs";
-import { resolveLayoutChain as n } from "./layoutChain.mjs";
+import t from "../dataSource/helpers/getSourceName.mjs";
+import { passesFlagGate as n } from "../flags/resolveFlags.mjs";
+import { resolveLayoutChain as r } from "./layoutChain.mjs";
 //#region src/schema/serverElements.ts
-var r = (e, r, i, a) => {
-	if (r === void 0) return [];
-	let o = i ? new Set(i) : void 0, s = [], c = /* @__PURE__ */ new Set(), l = e.flat[r], u = (e) => typeof e == "string" ? e : "", d = [r, ...l ? n((t) => e.flat[t], u(l.attributes.layout), u(l.attributes.layoutContainer)).map((e) => e.layout) : []];
+var i = (e, t, i, a) => {
+	if (t === void 0) return [];
+	let o = i ? new Set(i) : void 0, s = [], c = /* @__PURE__ */ new Set(), l = e.flat[t], u = (e) => typeof e == "string" ? e : "", d = [t, ...l ? r((t) => e.flat[t], u(l.attributes.layout), u(l.attributes.layoutContainer)).map((e) => e.layout) : []];
 	for (; d.length > 0;) {
-		let n = d.pop();
-		if (n === void 0 || c.has(n)) continue;
-		c.add(n);
-		let r = e.flat[n];
-		if (!r || a && !t(r.definition.flag, a)) continue;
+		let t = d.pop();
+		if (t === void 0 || c.has(t)) continue;
+		c.add(t);
+		let r = e.flat[t];
+		if (!r || a && !n(r.definition.flag, a)) continue;
 		r.definition.runtime === "server" && (!o || o.has(r.id)) && s.push(r);
 		let { items: i } = r.definition;
 		i && d.push(...i);
 	}
 	return s;
-}, i = (e, t, n) => r(e, t, void 0, n).length > 0, a = (t, n, r) => t.find((t) => {
+}, a = (e, t, n) => i(e, t, void 0, n).length > 0, o = (t, n, r) => t.find((t) => {
 	let i = t.attributes.notFound;
 	return typeof i == "string" && i !== "" && Object.hasOwn(n, t.id) && e(i, {
 		source: n[t.id],
 		navigation: r
 	}) === !0;
-})?.id;
+})?.id, s = (e, n, r) => ({
+	...Object.fromEntries(e.filter((e) => Object.hasOwn(n, e.id)).map((e) => [t(e.definition.type, e.id), n[e.id]])),
+	navigation: r
+}), c = /\{[{%]/, l = (t, n) => {
+	if (typeof t != "string") return;
+	let r = c.test(t) ? e(t, n) : t, i = typeof r == "string" || typeof r == "number" ? String(r).trim() : "";
+	return i === "" || c.test(i) ? void 0 : i;
+}, u = (t, n) => typeof t == "string" && t !== "" && e(t, n) === !0;
 //#endregion
-export { r as collectServerElements, i as hasServerElements, a as notFoundProvider };
+export { i as collectServerElements, a as hasServerElements, o as notFoundProvider, u as pageNotFound, l as pageSeoText, s as pageServerContext };

package/dist/theme/ThemeProvider.mjs

@@ -1,60 +1,69 @@
 import { useCommonStoreSync as e } from "../store/index.mjs";
 import { THEME_COOKIE_NAME as t, applyThemeClass as n, readThemeCookie as r, writeThemeCookie as i } from "./themeCookie.mjs";
 import a, { createThemeStore as o, resolveScheme as s, setMachineScheme as c, setThemeMode as l } from "./themeStore.mjs";
-import u from "./ThemeScope.mjs";
-import { use as d, useEffect as f, useId as p, useRef as m, useState as h, useSyncExternalStore as g } from "react";
-import { StoreContext as _, useIsomorphicLayoutEffect as v } from "@plitzi/nexus/react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import u, { ThemeStartContext as d, useThemeState as f } from "./ThemeScope.mjs";
+import { use as p, useEffect as m, useId as h, useRef as g, useState as _ } from "react";
+import { StoreContext as v, useIsomorphicLayoutEffect as y } from "@plitzi/nexus/react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/theme/ThemeProvider.tsx
-var S = "(prefers-color-scheme: dark)", C = () => window.matchMedia(S).matches ? "dark" : "light", w = ({ state: t }) => (e([
-	"theme.mode",
-	"theme.resolved",
-	"theme.areas"
-], [
-	t.mode,
-	s(t.mode, t.scheme),
-	t.areas
-]), null), T = ({ defaultTheme: e = "system", theme: s, scope: T = "document", cookieName: E = t, children: D }) => {
-	let O = T === "container", k = p(), [A] = h(() => O ? o(`theme${k}`) : void 0), j = A ?? a, M = m({
+var S = "(prefers-color-scheme: dark)", C = () => window.matchMedia(S).matches ? "dark" : "light", w = ({ store: t }) => {
+	let n = f(t);
+	return e([
+		"theme.mode",
+		"theme.resolved",
+		"theme.areas"
+	], [
+		n.mode,
+		s(n.mode, n.scheme),
+		n.areas
+	]), null;
+}, T = ({ defaultTheme: e = "system", theme: s, scope: f = "document", cookieName: T = t, children: E }) => {
+	let D = f === "container", O = h(), [k] = _(() => D ? o(`theme${O}`) : void 0), A = k ?? a, j = g({
 		mode: e,
 		remembered: !1
 	});
-	v(() => {
-		let t = O ? void 0 : r(E), n = s ?? t ?? e;
-		M.current = {
+	y(() => {
+		let t = D ? void 0 : r(T), n = s ?? t ?? e;
+		j.current = {
 			mode: n,
 			remembered: t !== void 0
-		}, j.batch(() => {
-			c(C(), j), l(n, j);
+		}, A.batch(() => {
+			c(C(), A), l(n, A);
 		});
 	}, [
 		e,
 		s,
-		E,
-		O,
-		j
+		T,
+		D,
+		A
 	]);
-	let N = g(j.subscribe, j.getState, j.getState), P = d(_) !== void 0;
-	f(() => {
-		let e = window.matchMedia(S), t = () => c(e.matches ? "dark" : "light", j);
+	let M = s ?? e, N = p(v) !== void 0;
+	m(() => {
+		let e = window.matchMedia(S), t = () => c(e.matches ? "dark" : "light", A);
 		return e.addEventListener("change", t), t(), () => e.removeEventListener("change", t);
-	}, [j]), f(() => {
-		if (O) return;
+	}, [A]), m(() => {
+		if (D) return;
 		let e = () => {
-			let { mode: e } = j.getState();
-			(M.current.remembered || e !== M.current.mode) && (i(e, E), M.current.remembered = !0), n(e, document.documentElement);
+			let { mode: e } = A.getState();
+			(j.current.remembered || e !== j.current.mode) && (i(e, T), j.current.remembered = !0), n(e, document.documentElement);
 		};
-		return e(), j.subscribe(e);
+		return e(), A.subscribe(e);
 	}, [
-		E,
-		O,
-		j
+		T,
+		D,
+		A
 	]);
-	let F = P ? /* @__PURE__ */ b(w, { state: N }) : null;
-	return O ? /* @__PURE__ */ x(u, {
-		value: A,
-		children: [F, D]
-	}) : /* @__PURE__ */ x(y, { children: [F, D] });
+	let P = N ? /* @__PURE__ */ b(w, { store: A }) : null;
+	return D ? /* @__PURE__ */ b(u, {
+		value: k,
+		children: /* @__PURE__ */ x(d, {
+			value: M,
+			children: [P, E]
+		})
+	}) : /* @__PURE__ */ x(d, {
+		value: M,
+		children: [P, E]
+	});
 };
 //#endregion
 export { T as default };

package/dist/theme/ThemeScope.d.ts

@@ -1,4 +1,5 @@
 import { ThemeStoreInstance } from './themeStore';
+import { Theme, ThemeState } from '../types';
 /**
  * Which theme store the tree under here reads.
  *
@@ -11,6 +12,25 @@ import { ThemeStoreInstance } from './themeStore';
  * Deliberately NOT the way ordinary consumers reach the theme: a panel in a shadow root and an editor in a portal
  * are under no provider at all, and they still have to get an answer. That is what the fall-through is for.
  */
-declare const ThemeScopeContext: import('react').Context<import('@plitzi/nexus').StoreApi<import('..').ThemeState> | undefined>;
+declare const ThemeScopeContext: import('react').Context<import('@plitzi/nexus').StoreApi<ThemeState> | undefined>;
 export declare const useThemeStore: () => ThemeStoreInstance;
 export default ThemeScopeContext;
+/**
+ * The mode the surface under a `ThemeProvider` starts in: the theme its host supplied — the cookie a server read — or
+ * else its default.
+ *
+ * For the render that runs before any effect can: the server's, and the hydration that has to agree with it. The
+ * provider sets the store from a layout effect, which never runs on a server — so the page was rendered from the
+ * store's own starting state, `system` resolving to `light`, whatever the cookie said. The class on `<html>` was right
+ * and `{{ theme.resolved }}` was not: a picture whose address names the scheme was the light one, swapped for the dark
+ * one as the page hydrated.
+ */
+export declare const ThemeStartContext: import('react').Context<Theme | undefined>;
+/**
+ * The theme store's state, as the server rendered it until the surface is live.
+ *
+ * The starting state is the server snapshot, so the server renders with it and the hydration reads the same — it is
+ * never written into the store there, which on a server is one module-level singleton every request shares. Once
+ * hydrated, the store answers, which the provider has set by then.
+ */
+export declare const useThemeState: (store: ThemeStoreInstance) => ThemeState;

package/dist/theme/ThemeScope.mjs

@@ -1,7 +1,10 @@
 import { sharedContext as e } from "../helpers/sharedContext.mjs";
-import t from "./themeStore.mjs";
-import { use as n } from "react";
+import t, { startingThemeState as n } from "./themeStore.mjs";
+import { use as r, useMemo as i, useSyncExternalStore as a } from "react";
 //#region src/theme/ThemeScope.ts
-var r = e("ThemeScopeContext", void 0), i = () => n(r) ?? t;
+var o = e("ThemeScopeContext", void 0), s = () => r(o) ?? t, c = e("ThemeStartContext", void 0), l = (e) => {
+	let t = r(c), o = i(() => t === void 0 ? void 0 : n(t), [t]);
+	return a(e.subscribe, e.getState, () => o ?? e.getState());
+};
 //#endregion
-export { r as default, i as useThemeStore };
+export { c as ThemeStartContext, o as default, l as useThemeState, s as useThemeStore };

package/dist/theme/index.mjs

@@ -1,6 +1,6 @@
 import { THEME_CLASSES as e, THEME_COOKIE_NAME as t, applyThemeClass as n, isTheme as r, readThemeCookie as i, themeFromCookies as a, writeThemeCookie as o } from "./themeCookie.mjs";
-import s, { createThemeState as c, createThemeStore as l, resolveScheme as u, setAreaTheme as d, setMachineScheme as f, setThemeMode as p, themeFor as m } from "./themeStore.mjs";
-import { useThemeStore as h } from "./ThemeScope.mjs";
-import g from "./ThemeProvider.mjs";
-import _, { SPACE_THEME_AREA as v } from "./useTheme.mjs";
-export { v as SPACE_THEME_AREA, e as THEME_CLASSES, t as THEME_COOKIE_NAME, g as ThemeProvider, n as applyThemeClass, c as createThemeState, l as createThemeStore, r as isTheme, i as readThemeCookie, u as resolveScheme, d as setAreaTheme, f as setMachineScheme, p as setThemeMode, m as themeFor, a as themeFromCookies, s as themeStore, _ as useTheme, h as useThemeStore, o as writeThemeCookie };
+import s, { createThemeState as c, createThemeStore as l, resolveScheme as u, setAreaTheme as d, setMachineScheme as f, setThemeMode as p, startingThemeState as m, themeFor as h } from "./themeStore.mjs";
+import { ThemeStartContext as g, useThemeState as _, useThemeStore as v } from "./ThemeScope.mjs";
+import y from "./ThemeProvider.mjs";
+import b, { SPACE_THEME_AREA as x } from "./useTheme.mjs";
+export { x as SPACE_THEME_AREA, e as THEME_CLASSES, t as THEME_COOKIE_NAME, y as ThemeProvider, g as ThemeStartContext, n as applyThemeClass, c as createThemeState, l as createThemeStore, r as isTheme, i as readThemeCookie, u as resolveScheme, d as setAreaTheme, f as setMachineScheme, p as setThemeMode, m as startingThemeState, h as themeFor, a as themeFromCookies, s as themeStore, b as useTheme, _ as useThemeState, v as useThemeStore, o as writeThemeCookie };

package/dist/theme/themeStore.d.ts

@@ -1,5 +1,11 @@
 import { ColorScheme, Theme, ThemeState } from '../types';
 export declare const createThemeState: () => ThemeState;
+/**
+ * The state a surface starts in, before anything could ask the machine: the mode it opens with, and `light` for what a
+ * `system` mode resolves to until the browser answers — the one guess a server has to make, and the one the
+ * stylesheet's media queries correct without a class.
+ */
+export declare const startingThemeState: (mode: Theme) => ThemeState;
 /**
  * The theme, as a store rather than a context.
  *

package/dist/theme/themeStore.mjs

@@ -4,14 +4,17 @@ var t = () => ({
 	mode: "system",
 	scheme: "light",
 	areas: {}
-}), n = (n = "theme") => e(t(), { id: n }), r = n(), i = (e, t) => e === "system" ? t : e, a = (e, t) => (t ? e.areas[t] : void 0) ?? e.mode, o = (e, t = r) => {
+}), n = (e) => ({
+	...t(),
+	mode: e
+}), r = (n = "theme") => e(t(), { id: n }), i = r(), a = (e, t) => e === "system" ? t : e, o = (e, t) => (t ? e.areas[t] : void 0) ?? e.mode, s = (e, t = i) => {
 	t.batch(() => {
 		t.setState("mode", e), t.setState("areas", {});
 	});
-}, s = (e, t, n = r) => {
+}, c = (e, t, n = i) => {
 	n.setState(`areas.${e}`, t);
-}, c = (e, t = r) => {
+}, l = (e, t = i) => {
 	t.setState("scheme", e);
 };
 //#endregion
-export { t as createThemeState, n as createThemeStore, r as default, i as resolveScheme, s as setAreaTheme, c as setMachineScheme, o as setThemeMode, a as themeFor };
+export { t as createThemeState, r as createThemeStore, i as default, a as resolveScheme, c as setAreaTheme, l as setMachineScheme, s as setThemeMode, n as startingThemeState, o as themeFor };

package/dist/theme/useTheme.mjs

@@ -1,10 +1,10 @@
 import { resolveScheme as e, setAreaTheme as t, setThemeMode as n, themeFor as r } from "./themeStore.mjs";
-import { useThemeStore as i } from "./ThemeScope.mjs";
-import { useCallback as a, useMemo as o, useSyncExternalStore as s } from "react";
+import { useThemeState as i, useThemeStore as a } from "./ThemeScope.mjs";
+import { useCallback as o, useMemo as s } from "react";
 //#region src/theme/useTheme.ts
 var c = "canvas", l = (c) => {
-	let l = i(), u = s(l.subscribe, l.getState, l.getState), d = r(u, c), f = e(d, u.scheme), p = a((e) => c ? t(c, e, l) : n(e, l), [c, l]), m = a(() => p(f === "dark" ? "light" : "dark"), [f, p]);
-	return o(() => ({
+	let l = a(), u = i(l), d = r(u, c), f = e(d, u.scheme), p = o((e) => c ? t(c, e, l) : n(e, l), [c, l]), m = o(() => p(f === "dark" ? "light" : "dark"), [f, p]);
+	return s(() => ({
 		theme: d,
 		resolvedTheme: f,
 		setTheme: p,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-shared",
-  "version": "0.38.9",
+  "version": "0.38.10",
   "license": "AGPL-3.0",
   "files": [
     "dist",