@purestack/ts-components 1.1.7 → 1.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purestack/ts-components",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "packageManager": "yarn@4.9.2",
   "module": "./dist/ts-components.mjs",
   "types": "./dist/ts-components.d.mts",
@@ -46,16 +46,16 @@
     "test": "vitest"
   },
   "devDependencies": {
-    "@purestack/ts-minidom": "^1.1.7",
-    "@purestack/ts-render": "^1.1.7"
+    "@purestack/ts-minidom": "^1.1.9",
+    "@purestack/ts-render": "^1.1.9"
   },
   "dependencies": {
-    "@purestack/ts-common": "^1.1.7",
-    "@purestack/ts-css": "^1.1.7",
-    "@purestack/ts-page-scripts": "^1.1.7",
-    "@purestack/ts-style": "^1.1.7",
-    "@purestack/ts-util": "^1.1.7",
-    "regor": "^1.7.3"
+    "@purestack/ts-common": "^1.1.9",
+    "@purestack/ts-css": "^1.1.9",
+    "@purestack/ts-page-scripts": "^1.1.9",
+    "@purestack/ts-style": "^1.1.9",
+    "@purestack/ts-util": "^1.1.9",
+    "regor": "^1.7.4"
   },
   "regorComponents": [
     "AlertBox",

package/src/standard/btn/btn.ts

@@ -1,4 +1,4 @@
-import { type TsSsgContext, tryResolveTsSsgContext } from '@purestack/ts-common'
+import { type PageContext, tryResolvePageContext } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import {
   type ComputedRef,
@@ -104,7 +104,7 @@ function defineButtonLinkComponent() {
       'iconOnly',
       'ariaLabel',
     ],
-    context: (head) => resolveBtnLink(head.props, tryResolveTsSsgContext(head)),
+    context: (head) => resolveBtnLink(head.props, tryResolvePageContext(head)),
   })
 }
 
@@ -132,7 +132,7 @@ function resolveBtn(props: Btn): Btn {
 
 function resolveBtnLink(
   props: BtnLink,
-  context: TsSsgContext | undefined,
+  context: PageContext | undefined,
 ): BtnLink {
   return {
     ...props,
@@ -176,7 +176,7 @@ function resolveShowEndIcon(props: BtnBase) {
   return hasIcon && unref(props.iconPosition) === 'end'
 }
 
-function resolveButtonHref(props: BtnLink, context: TsSsgContext | undefined) {
+function resolveButtonHref(props: BtnLink, context: PageContext | undefined) {
   const value = unref(props.href)
   const href = typeof value === 'string' ? value.trim() : undefined
   return href ? (context?.resolvePublicHref(href) ?? href) : undefined

package/src/standard/classicLogo/classicLogo.ts

@@ -1,7 +1,7 @@
 import {
   type ClassicLogoConfig,
-  type TsSsgContext,
-  tryResolveTsSsgContext,
+  type PageContext,
+  tryResolvePageContext,
 } from '@purestack/ts-common'
 import {
   getCurrentThemePaletteVar,
@@ -19,8 +19,16 @@ import {
 } from 'regor'
 
 const logoTemplate = html`<div class="classic-logo" :style="logo.layoutStyle">
-  <a class="classic-logo__link" :href="logo.href === null ? undefined : (logo.href ?? '/')" :aria-label="logo.ariaLabel">
-    <span class="classic-logo__glyph" :style="logo.glyphStyle" aria-hidden="true">
+  <a
+    class="classic-logo__link"
+    :href="logo.href === null ? undefined : (logo.href ?? '/')"
+    :aria-label="logo.ariaLabel"
+  >
+    <span
+      class="classic-logo__glyph"
+      :style="logo.glyphStyle"
+      aria-hidden="true"
+    >
       <Icon :name="logo.icon" r-if="logo.icon"/>
       <span class="classic-logo__glyph-mark" r-else></span>
     </span>
@@ -105,7 +113,7 @@ interface ResolvedClassicLogo {
 
 function resolveClassicLogo(
   props: Partial<ClassicLogoConfig>,
-  context: TsSsgContext | undefined,
+  context: PageContext | undefined,
 ): ResolvedClassicLogo {
   const brand = props.brand
   const letterColors = props.letterColors
@@ -416,7 +424,7 @@ function defineClassicLogoComponent() {
             Object.entries(direct).filter(([, value]) => value !== undefined),
           ),
         }
-        return resolveClassicLogo(options, tryResolveTsSsgContext(head))
+        return resolveClassicLogo(options, tryResolvePageContext(head))
       }),
     }),
   })

package/src/standard/composer/composer.ts

@@ -65,7 +65,9 @@ export interface Composer {
 }
 
 const composerTemplate = html`<div class="composer-field">
-  <span class="composer-field__label" r-if="label">{{ label }}</span>
+  <span class="composer-field__label" r-if="label"
+    >{{ label }}</span
+  >
   <div class="composer" :class="classes">
     <div class="composer__toolbar" role="toolbar" aria-label="Composer tools">
       <button
@@ -74,7 +76,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Bold"
         aria-label="Bold"
         :disabled="disabled"
-        @click="format('bold')">
+        @click="format('bold')"
+      >
         <Icon name="lucide:bold"/>
       </button>
       <button
@@ -83,7 +86,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Italic"
         aria-label="Italic"
         :disabled="disabled"
-        @click="format('italic')">
+        @click="format('italic')"
+      >
         <Icon name="lucide:italic"/>
       </button>
       <button
@@ -92,7 +96,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Underline"
         aria-label="Underline"
         :disabled="disabled"
-        @click="format('underline')">
+        @click="format('underline')"
+      >
         <Icon name="lucide:underline"/>
       </button>
       <span class="composer__divider" aria-hidden="true"></span>
@@ -102,7 +107,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Align left"
         aria-label="Align left"
         :disabled="disabled"
-        @click="format('justifyLeft')">
+        @click="format('justifyLeft')"
+      >
         <Icon name="tabler:align-left"/>
       </button>
       <button
@@ -111,7 +117,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Align center"
         aria-label="Align center"
         :disabled="disabled"
-        @click="format('justifyCenter')">
+        @click="format('justifyCenter')"
+      >
         <Icon name="tabler:align-center"/>
       </button>
       <button
@@ -120,7 +127,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Align right"
         aria-label="Align right"
         :disabled="disabled"
-        @click="format('justifyRight')">
+        @click="format('justifyRight')"
+      >
         <Icon name="tabler:align-right"/>
       </button>
       <span class="composer__divider" aria-hidden="true"></span>
@@ -130,7 +138,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Bulleted list"
         aria-label="Bulleted list"
         :disabled="disabled"
-        @click="format('insertUnorderedList')">
+        @click="format('insertUnorderedList')"
+      >
         <Icon name="lucide:list"/>
       </button>
       <button
@@ -139,7 +148,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Numbered list"
         aria-label="Numbered list"
         :disabled="disabled"
-        @click="format('insertOrderedList')">
+        @click="format('insertOrderedList')"
+      >
         <Icon name="lucide:list-ordered"/>
       </button>
       <button
@@ -148,7 +158,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Link"
         aria-label="Link"
         :disabled="disabled"
-        @click="createLink">
+        @click="createLink"
+      >
         <Icon name="lucide:link"/>
       </button>
       <span class="composer__divider" aria-hidden="true"></span>
@@ -158,7 +169,8 @@ const composerTemplate = html`<div class="composer-field">
         title="Clear formatting"
         aria-label="Clear formatting"
         :disabled="disabled"
-        @click="format('removeFormat')">
+        @click="format('removeFormat')"
+      >
         <Icon name="lucide:eraser"/>
       </button>
       <button
@@ -168,7 +180,8 @@ const composerTemplate = html`<div class="composer-field">
         aria-label="HTML source"
         :aria-pressed="sourceMode ? 'true' : 'false'"
         :disabled="disabled"
-        @click="toggleSourceMode">
+        @click="toggleSourceMode"
+      >
         <Icon name="lucide:code"/>
       </button>
     </div>
@@ -187,7 +200,8 @@ const composerTemplate = html`<div class="composer-field">
         @input="handleInput"
         @paste="handlePaste"
         @dragover="handleDragOver"
-        @drop="handleDrop"></div>
+        @drop="handleDrop"
+      ></div>
       <textarea
         r-if="sourceMode"
         :id="sourceId"
@@ -198,7 +212,8 @@ const composerTemplate = html`<div class="composer-field">
         :aria-label="label || placeholder || 'Message body source'"
         spellcheck="false"
         :value="sourceHtml"
-        @input="handleSourceInput"></textarea>
+        @input="handleSourceInput"
+      ></textarea>
     </div>
   </div>
 </div>`

package/src/standard/composer/emailHtmlPolicy.ts

@@ -432,7 +432,10 @@ export function normalizeEmailContentId(value: string) {
 }
 
 function stripImportant(value: string) {
-  return value.replace(/\s*!important\s*$/i, '').trim()
+  const trimmed = value.trim()
+  return trimmed.slice(-10).toLowerCase() === '!important'
+    ? trimmed.slice(0, -10).trimEnd()
+    : trimmed
 }
 
 function isSafeCssValue(value: string) {

package/src/standard/consent/consent.ts

@@ -1,9 +1,9 @@
 import type {
   ConsentCategory,
   ConsentConfig,
-  TsSsgContext,
+  PageContext,
 } from '@purestack/ts-common'
-import { resolveTsSsgContext } from '@purestack/ts-common'
+import { resolvePageContext } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import { defineComponent, html, type RefOrValue } from 'regor'
 import type {
@@ -115,7 +115,9 @@ const consentTemplate = html`<section class="consent" data-consent-root r-if="en
         </Flex>
 
         <Flex align="center" wrap="true">
-          <Btn tone="accent" data-consent-action="save"> {{ saveLabel }} </Btn>
+          <Btn tone="accent" data-consent-action="save">
+            {{ saveLabel }}
+          </Btn>
           <Btn tone="accent" data-consent-action="accept-all">
             {{ acceptAllLabel }}
           </Btn>
@@ -142,12 +144,12 @@ const consentTemplate = html`<section class="consent" data-consent-root r-if="en
 function defineConsentComponent() {
   return defineComponent<Consent>(consentTemplate, {
     props: ['tone', 'variant', 'variantMode'],
-    context: (head) => resolveConsent(resolveTsSsgContext(head), head.props),
+    context: (head) => resolveConsent(resolvePageContext(head), head.props),
   })
 }
 
 function resolveConsent(
-  context: TsSsgContext,
+  context: PageContext,
   props: Partial<Consent>,
 ): Consent {
   const consent = context.site.consent

package/src/standard/form/form.ts

@@ -1,4 +1,4 @@
-import { tryResolveTsSsgContext } from '@purestack/ts-common'
+import { tryResolvePageContext } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import {
   type ComponentHead,
@@ -73,7 +73,9 @@ const formAssistLinkTemplate = html`<a
   {{ label }}
 </a>`
 
-const formSubmitTemplate = html`<Btn type="submit" :tone="tone" :variant="variant">{{ label }}</Btn>`
+const formSubmitTemplate = html`<Btn type="submit" :tone="tone" :variant="variant"
+  >{{ label }}</Btn
+>`
 
 const formDividerTemplate = html`<div class="form-block__divider" :data-label="label"></div>`
 
@@ -154,7 +156,7 @@ function resolveAppForm(head: ComponentHead<AppForm>): AppForm {
 function resolvePublicAction(head: ComponentHead<AppForm>) {
   const action = unref(head.props.action)
   if (!action) return action
-  return tryResolveTsSsgContext(head)?.resolvePublicHref(action) ?? action
+  return tryResolvePageContext(head)?.resolvePublicHref(action) ?? action
 }
 
 function resolveFormAssistLink(
@@ -184,7 +186,7 @@ function resolvePublicHref(
   head: ComponentHead<FormAssistLink>,
 ) {
   if (!href) return undefined
-  return tryResolveTsSsgContext(head)?.resolvePublicHref(href) ?? href
+  return tryResolvePageContext(head)?.resolvePublicHref(href) ?? href
 }
 
 function resolveFormSubmit(head: ComponentHead<FormSubmit>): FormSubmit {

package/src/standard/logo/logo.ts

@@ -1,7 +1,7 @@
 import {
   type LogoConfig,
-  type TsSsgContext,
-  tryResolveTsSsgContext,
+  type PageContext,
+  tryResolvePageContext,
 } from '@purestack/ts-common'
 import {
   getSemanticToneClass,
@@ -33,21 +33,52 @@ export interface SiteLogo extends ReactiveLogoOptions {
   initials?: ComputedRef<string>
 }
 
-const logoTemplate = html`<a class="site-logo" :class="classes" :style="logoStyle"
-  :href="resolvedHref" :role="resolvedHref ? undefined : 'img'" :aria-label="accessibleName">
-  <span class="site-logo__mark" r-if="options.layout !== 'wordmark'" aria-hidden="true">
+const logoTemplate = html`<a
+  class="site-logo"
+  :class="classes"
+  :style="logoStyle"
+  :href="resolvedHref"
+  :role="resolvedHref ? undefined : 'img'"
+  :aria-label="accessibleName"
+>
+  <span
+    class="site-logo__mark"
+    r-if="options.layout !== 'wordmark'"
+    aria-hidden="true"
+  >
     <slot name="mark">
       <span class="site-logo__images" r-if="resolvedImage">
-        <img class="site-logo__image" :class="{ 'site-logo__image--light': resolvedDarkImage }" :src="resolvedImage" alt="" decoding="async"/>
-        <img class="site-logo__image site-logo__image--dark" r-if="resolvedDarkImage" :src="resolvedDarkImage" alt="" decoding="async"/>
+        <img
+          class="site-logo__image"
+          :class="{ 'site-logo__image--light': resolvedDarkImage }"
+          :src="resolvedImage"
+          alt=""
+          decoding="async"/>
+        <img
+          class="site-logo__image site-logo__image--dark"
+          r-if="resolvedDarkImage"
+          :src="resolvedDarkImage"
+          alt=""
+          decoding="async"/>
       </span>
       <Icon r-else-if="options.icon" :name="options.icon"/>
       <span class="site-logo__monogram" r-else>{{ initials }}</span>
     </slot>
   </span>
-  <span class="site-logo__copy" r-if="options.layout !== 'mark'" aria-hidden="true">
-    <span class="site-logo__name"><span class="site-logo__brand">{{ options.brand }}</span><span class="site-logo__suffix" r-if="options.suffix">{{ options.suffix }}</span></span>
-    <span class="site-logo__subtitle" r-if="options.subtitle">{{ options.subtitle }}</span>
+  <span
+    class="site-logo__copy"
+    r-if="options.layout !== 'mark'"
+    aria-hidden="true"
+  >
+    <span class="site-logo__name"
+      ><span class="site-logo__brand">{{ options.brand }}</span
+      ><span class="site-logo__suffix" r-if="options.suffix"
+        >{{ options.suffix }}</span
+      ></span
+    >
+    <span class="site-logo__subtitle" r-if="options.subtitle"
+      >{{ options.subtitle }}</span
+    >
   </span>
 </a>`
 
@@ -78,7 +109,7 @@ const logoProps = [
   'gap',
 ] as const satisfies readonly (keyof LogoConfig)[]
 
-function resolveSiteLogo(props: SiteLogo, context?: TsSsgContext): SiteLogo {
+function resolveSiteLogo(props: SiteLogo, context?: PageContext): SiteLogo {
   const options = computed<LogoConfig>(() => {
     const config = flatten(unref(props.config) ?? {}) as Partial<LogoConfig>
     const read = <K extends keyof LogoConfig>(
@@ -186,7 +217,7 @@ export function defineLogoComponents() {
     siteLogo: defineComponent<SiteLogo>(logoTemplate, {
       props: ['config', ...logoProps],
       context: (head) =>
-        resolveSiteLogo(head.props, tryResolveTsSsgContext(head)),
+        resolveSiteLogo(head.props, tryResolvePageContext(head)),
     }),
   }
 }

package/src/standard/modal/modal.ts

@@ -1,4 +1,4 @@
-import { tryResolveTsSsgContext } from '@purestack/ts-common'
+import { tryResolvePageContext } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import {
   type ComponentHead,
@@ -167,5 +167,5 @@ function resolveModalRootClass(props: Modal) {
 }
 
 function markModalRuntimeEmbed(head: ComponentHead<Modal>) {
-  tryResolveTsSsgContext(head)?.recordRuntimeEmbed('modal', 'head')
+  tryResolvePageContext(head)?.recordRuntimeEmbed('modal', 'head')
 }

package/src/standard/navMenu/navMenu.ts

@@ -1,7 +1,7 @@
 import {
   type NavItem,
-  type TsSsgContext,
-  tryResolveTsSsgContext,
+  type PageContext,
+  tryResolvePageContext,
 } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import { urlNormalizer } from '@purestack/ts-util'
@@ -109,8 +109,8 @@ const navMenuTemplate = html`<nav
       r-if="resolvedSignInEnabled"
       class="nav__account"
       :enabled="resolvedSignInEnabled"
-        :signedIn="signInSignedIn"
-        :avatarSrc="signInAvatarSrc"
+      :signedIn="signInSignedIn"
+      :avatarSrc="signInAvatarSrc"
       :avatarAlt="signInAvatarAlt"/>
     <button
       class="nav__panel-toggle tone-fill-surface-all tone-text-surface-all tone-border-surface-all"
@@ -152,7 +152,7 @@ const navMenuTemplate = html`<nav
   </script>
 </nav>`
 
-function resolveNavItems(context?: TsSsgContext): NavItem[] {
+function resolveNavItems(context?: PageContext): NavItem[] {
   const items = context?.navigation?.items ?? []
   if (items.length > 0) return items
   return context?.navigation?.global ?? []
@@ -160,7 +160,7 @@ function resolveNavItems(context?: TsSsgContext): NavItem[] {
 
 function resolveCurrentPath(
   currentUrl: string | undefined,
-  context?: TsSsgContext,
+  context?: PageContext,
 ): string | undefined {
   const fromProp = urlNormalizer.normalizeInternalPath(currentUrl)
   if (fromProp) return fromProp
@@ -250,7 +250,7 @@ function defineNavMenuComponent() {
       'signInAvatarAlt',
     ],
     context: (head) => {
-      const context = tryResolveTsSsgContext(head)
+      const context = tryResolvePageContext(head)
       const props = head.props
       return {
         ...props,

package/src/standard/pageLinks/pageLinks.ts

@@ -1,9 +1,9 @@
 import type {
+  PageContext,
   PageNavigationLink,
   PageNavigationLinks,
-  TsSsgContext,
 } from '@purestack/ts-common'
-import { resolveTsSsgContext } from '@purestack/ts-common'
+import { resolvePageContext } from '@purestack/ts-common'
 import { defineComponent, html } from 'regor'
 
 export interface PageLinks extends PageNavigationLinks {
@@ -59,7 +59,7 @@ const pageLinksTemplate = html`<Grid
 
 function resolvePageLinks(
   props: PageLinks,
-  context: TsSsgContext | undefined,
+  context: PageContext | undefined,
 ): PageLinks {
   const previous = props.previous ?? context?.navigation?.pageLinks?.previous
   const next = props.next ?? context?.navigation?.pageLinks?.next
@@ -80,7 +80,7 @@ function resolvePageLink(link: PageNavigationLink | undefined) {
 function definePageLinksComponent() {
   return defineComponent<PageLinks>(pageLinksTemplate, {
     props: ['previous', 'next'],
-    context: (head) => resolvePageLinks(head.props, resolveTsSsgContext(head)),
+    context: (head) => resolvePageLinks(head.props, resolvePageContext(head)),
   })
 }
 

package/src/standard/pageScript/pageScript.ts

@@ -1,4 +1,4 @@
-import { resolveTsSsgContext } from '@purestack/ts-common'
+import { resolvePageContext } from '@purestack/ts-common'
 import {
   dirnamePosix,
   joinPosix,
@@ -41,10 +41,7 @@ const pageScriptTemplate = html`<script
   :nomodule="noModule"
 ></script>`
 
-const regorAppTemplate = html`<App><PageScript
-  :src="src"
-  :sourceRelPath="sourceRelPath"
-/></App>`
+const regorAppTemplate = html`<App><PageScript :src="src" :sourceRelPath="sourceRelPath"/></App>`
 
 function definePageScriptComponent() {
   return defineComponent<PageScript>(pageScriptTemplate, {
@@ -84,16 +81,16 @@ export function defineScriptComponents() {
 
 function resolvePageScript(head: ComponentHead<PageScript>): PageScript {
   const props = flatten(head.props)
-  const tsSsgContext = resolveTsSsgContext(head)
+  const pageContext = resolvePageContext(head)
   const ownerRelPath =
-    toOptionalString(props.sourceRelPath) ?? tsSsgContext.pageInfo.relPath
+    toOptionalString(props.sourceRelPath) ?? pageContext.pageInfo.relPath
   const src = resolveScriptSrc(
     props.src,
     ownerRelPath,
     (sourceRelPath) => {
-      tsSsgContext.recordScriptEntrypoint(sourceRelPath)
+      pageContext.recordScriptEntrypoint(sourceRelPath)
     },
-    tsSsgContext.resolveScriptPublicPath,
+    pageContext.resolveScriptPublicPath,
   )
   return {
     ...props,

package/src/standard/pageToc/pageToc.ts

@@ -1,5 +1,5 @@
-import type { PageOutlineItem, TsSsgContext } from '@purestack/ts-common'
-import { resolveTsSsgContext } from '@purestack/ts-common'
+import type { PageContext, PageOutlineItem } from '@purestack/ts-common'
+import { resolvePageContext } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import {
   type ComputedRef,
@@ -33,11 +33,7 @@ export interface PageTocItem extends PageOutlineItem {
   children?: PageTocItem[]
 }
 
-const pageTocTemplate = html`<nav
-  class="page-toc"
-  :class="classes"
-  aria-label="On this page"
->
+const pageTocTemplate = html`<nav class="page-toc" :class="classes" aria-label="On this page">
   <button
     class="page-toc__panel-toggle tone-fill-button-all tone-text-button-all tone-border-button-all"
     type="button"
@@ -120,7 +116,7 @@ function omitSingleDocumentHeading(items: PageOutlineItem[]) {
   return item.children ?? []
 }
 
-function resolveItems(props: PageToc, context: TsSsgContext | undefined) {
+function resolveItems(props: PageToc, context: PageContext | undefined) {
   const items = unref(props.outline) ?? context?.outline ?? []
   return toPageTocItems(omitSingleDocumentHeading(items))
 }
@@ -135,7 +131,7 @@ function definePageTocComponent() {
   return defineComponent<PageToc>(pageTocTemplate, {
     props: ['outline', 'title', 'tone', 'variant', 'variantMode'],
     context: (head) => {
-      const context = resolveTsSsgContext(head)
+      const context = resolvePageContext(head)
       return {
         title: resolveTitle(head.props),
         classes: computed(() =>

package/src/standard/searchBox/searchBox.ts

@@ -1,6 +1,6 @@
-import type { TsSsgContext } from '@purestack/ts-common'
+import type { PageContext } from '@purestack/ts-common'
 
-import { resolveTsSsgContext } from '@purestack/ts-common'
+import { resolvePageContext } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import { defineComponent, html, type RefOrValue } from 'regor'
 import type { ComponentVariant } from '../componentVariant'
@@ -36,7 +36,7 @@ function defineSearchBoxComponent() {
     context: (head) => ({
       tone: head.props.tone,
       variant: head.props.variant,
-      placeholder: resolveSearchPlaceholder(resolveTsSsgContext(head)),
+      placeholder: resolveSearchPlaceholder(resolvePageContext(head)),
     }),
   })
 }
@@ -45,7 +45,7 @@ export function defineSearchComponents() {
   return { searchBox: defineSearchBoxComponent() }
 }
 
-function resolveSearchPlaceholder(context: TsSsgContext): string {
+function resolveSearchPlaceholder(context: PageContext): string {
   const title = context?.site?.siteTitle
   if (typeof title !== 'string') return 'Search'
   const trimmed = title.trim()

package/src/standard/signIn/signIn.ts

@@ -1,4 +1,4 @@
-import { tryResolveTsSsgContext } from '@purestack/ts-common'
+import { tryResolvePageContext } from '@purestack/ts-common'
 import type { SemanticTone } from '@purestack/ts-style'
 import {
   type ComputedRef,
@@ -159,7 +159,7 @@ export function defineSignInComponents() {
 }
 
 function resolveSignIn(props: SignIn, head: unknown): SignIn {
-  const auth = tryResolveTsSsgContext(head)?.site?.auth
+  const auth = tryResolvePageContext(head)?.site?.auth
   return {
     ...props,
     authEnabled: computed(() => unref(props.enabled) ?? auth?.enabled === true),