@sdxc/mail 2026.9.30 → 2026.10.2

package/README.md

@@ -1,7 +1,7 @@
 # @sdxc/mail
 
 Transport-agnostic transactional email: pluggable transports, one mailer that normalizes
-every message, and a `remix/ui` layout kit that renders both body parts.
+every message, and a `remix/component` layout kit that renders both body parts.
 
 A `Mailer` owns normalization — sender defaults, address coercion, plain-text derivation,
 validation — and hands the result to a `Transport`, the only piece that knows a provider.
@@ -15,7 +15,7 @@ npm add @sdxc/mail
 
 Send outcomes are reported as a `Result` from
 [`@sdxc/result`](https://www.npmjs.com/package/@sdxc/result), which is where `isFailure`
-and `unwrap` come from, and bodies are `remix/ui` trees from
+and `unwrap` come from, and bodies are `remix/component` trees from
 [`remix`](https://www.npmjs.com/package/remix). The middleware records deferred sends on
 the current log from [`@sdxc/logger`](https://www.npmjs.com/package/@sdxc/logger), and
 `@sdxc/mail/markdown` renders documents parsed by
@@ -60,7 +60,7 @@ second authoring step.
 
 ```tsx
 import type { Email as EmailContract } from "@sdxc/mail";
-import type { Handle } from "remix/ui";
+import type { Handle } from "remix/component";
 
 import { Email } from "@sdxc/mail";
 
@@ -259,7 +259,7 @@ product identity.
 
 ### Types
 
-`Result` below comes from `@sdxc/result` and `RemixElement` from `remix/ui`.
+`Result` below comes from `@sdxc/result` and `RemixElement` from `remix/component`.
 
 ```typescript
 interface Address {

package/dist/components.d.ts

@@ -7,7 +7,7 @@
  * @author [Sergio Xalambrí](https://sergiodxa.com)
  * @copyright Sergio Xalambrí 2026
  */
-import type { Handle, RemixNode } from "remix/ui";
+import type { Handle, RemixNode } from "remix/component";
 /**
  * A web font to load, and what to use instead everywhere it does not arrive. It
  * is a prop of {@link Layout} instead of its own component because `@font-face`
@@ -84,7 +84,7 @@ export declare namespace Layout {
  *
  * @example <Email.Layout preview="Your invite is ready"><Email.Text>Hi</Email.Text></Email.Layout>
  */
-export declare function Layout(handle: Handle<Layout.Props>): () => import("remix/ui").RemixElement;
+export declare function Layout(handle: Handle<Layout.Props>): () => import("remix/component").RemixElement;
 export declare namespace Heading {
     /** Props accepted by {@link Heading}. */
     interface Props {
@@ -104,7 +104,7 @@ export declare namespace Heading {
  *
  * @example <Email.Heading level={2}>You have been invited</Email.Heading>
  */
-export declare function Heading(handle: Handle<Heading.Props>): () => import("remix/ui").RemixElement;
+export declare function Heading(handle: Handle<Heading.Props>): () => import("remix/component").RemixElement;
 export declare namespace Text {
     /** Props accepted by {@link Text}. */
     interface Props {
@@ -126,7 +126,7 @@ export declare namespace Text {
  *
  * @example <Email.Text muted>This link expires in 24 hours.</Email.Text>
  */
-export declare function Text(handle: Handle<Text.Props>): () => import("remix/ui").RemixElement;
+export declare function Text(handle: Handle<Text.Props>): () => import("remix/component").RemixElement;
 export declare namespace Button {
     /** Props accepted by {@link Button}. */
     interface Props {
@@ -149,7 +149,7 @@ export declare namespace Button {
  *
  * @example <Email.Button href={url}>Accept invite</Email.Button>
  */
-export declare function Button(handle: Handle<Button.Props>): () => import("remix/ui").RemixElement;
+export declare function Button(handle: Handle<Button.Props>): () => import("remix/component").RemixElement;
 export declare namespace Table {
     /** One row: what is being reported, and what it says. */
     interface Row {
@@ -173,7 +173,7 @@ export declare namespace Table {
  *
  * @example <Email.Table rows={[{ label: "Status", value: "Up" }]} />
  */
-export declare function Table(handle: Handle<Table.Props>): () => import("remix/ui").RemixElement | null;
+export declare function Table(handle: Handle<Table.Props>): () => import("remix/component").RemixElement | null;
 export declare namespace Footer {
     /** Props accepted by {@link Footer}. */
     interface Props {
@@ -191,7 +191,7 @@ export declare namespace Footer {
  *
  * @example <Email.Footer>Sent because you were invited to a team.</Email.Footer>
  */
-export declare function Footer(handle: Handle<Footer.Props>): () => import("remix/ui").RemixElement;
+export declare function Footer(handle: Handle<Footer.Props>): () => import("remix/component").RemixElement;
 export declare namespace Section {
     /** Props accepted by {@link Section}. */
     interface Props {
@@ -212,7 +212,7 @@ export declare namespace Section {
  *
  * @example <Email.Section padding="24px 0"><Email.Text>Grouped copy</Email.Text></Email.Section>
  */
-export declare function Section(handle: Handle<Section.Props>): () => import("remix/ui").RemixElement;
+export declare function Section(handle: Handle<Section.Props>): () => import("remix/component").RemixElement;
 export declare namespace Row {
     /** Props accepted by {@link Row}. */
     interface Props {
@@ -229,7 +229,7 @@ export declare namespace Row {
  *
  * @example <Email.Row><Email.Column width="50%">Left</Email.Column><Email.Column>Right</Email.Column></Email.Row>
  */
-export declare function Row(handle: Handle<Row.Props>): () => import("remix/ui").RemixElement;
+export declare function Row(handle: Handle<Row.Props>): () => import("remix/component").RemixElement;
 export declare namespace Column {
     /** Props accepted by {@link Column}. */
     interface Props {
@@ -256,7 +256,7 @@ export declare namespace Column {
  *
  * @example <Email.Column width="120" valign="top"><Email.Img src={logo} alt="Acme" /></Email.Column>
  */
-export declare function Column(handle: Handle<Column.Props>): () => import("remix/ui").RemixElement;
+export declare function Column(handle: Handle<Column.Props>): () => import("remix/component").RemixElement;
 export declare namespace Link {
     /** Props accepted by {@link Link}. */
     interface Props {
@@ -277,7 +277,7 @@ export declare namespace Link {
  *
  * @example <Email.Link href={url}>the settings page</Email.Link>
  */
-export declare function Link(handle: Handle<Link.Props>): () => import("remix/ui").RemixElement;
+export declare function Link(handle: Handle<Link.Props>): () => import("remix/component").RemixElement;
 export declare namespace Img {
     /** Props accepted by {@link Img}. */
     interface Props {
@@ -306,7 +306,7 @@ export declare namespace Img {
  *
  * @example <Email.Img src="https://acme.com/logo.png" alt="Acme" width={120} />
  */
-export declare function Img(handle: Handle<Img.Props>): () => import("remix/ui").RemixElement;
+export declare function Img(handle: Handle<Img.Props>): () => import("remix/component").RemixElement;
 export declare namespace Hr {
     /** Props accepted by {@link Hr}. */
     interface Props {
@@ -323,7 +323,7 @@ export declare namespace Hr {
  *
  * @example <Email.Hr />
  */
-export declare function Hr(handle: Handle<Hr.Props>): () => import("remix/ui").RemixElement;
+export declare function Hr(handle: Handle<Hr.Props>): () => import("remix/component").RemixElement;
 /** Monospace stack, chosen so no family needs quoting inside a `style` attribute. */
 export declare const MONO_FAMILY = "ui-monospace, SFMono-Regular, Menlo, Consolas, Liberation Mono, monospace";
 /** Fill behind code, light enough to sit inside the card without reading as a block. */
@@ -343,4 +343,4 @@ export declare namespace CodeInline {
  *
  * @example <Email.Text>Set <Email.CodeInline>DEBUG=1</Email.CodeInline> and retry.</Email.Text>
  */
-export declare function CodeInline(handle: Handle<CodeInline.Props>): () => import("remix/ui").RemixElement;
+export declare function CodeInline(handle: Handle<CodeInline.Props>): () => import("remix/component").RemixElement;

package/dist/components.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "remix/ui/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "remix/component/jsx-runtime";
 /**
  * Font stack that resolves to a native UI face in every major mail client. No family
  * needs quoting, which keeps the inline style free of escaped character references.

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Transport-agnostic transactional mail: the message contract, the mailer that
- * normalizes and delivers it, the rendering layer that turns a `remix/ui` tree into
+ * normalizes and delivers it, the rendering layer that turns a `remix/component` tree into
  * both body parts, and the unbranded layout kit for authoring one. Transports live
  * behind their own subpaths so importing one never pulls another's dependency.
  *

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Transport-agnostic transactional mail: the message contract, the mailer that
- * normalizes and delivers it, the rendering layer that turns a `remix/ui` tree into
+ * normalizes and delivers it, the rendering layer that turns a `remix/component` tree into
  * both body parts, and the unbranded layout kit for authoring one. Transports live
  * behind their own subpaths so importing one never pulls another's dependency.
  *

package/dist/markdown.d.ts

@@ -8,7 +8,7 @@
  */
 import type { Token } from "@sdxc/highlight";
 import type { Markdown as Ast } from "@sdxc/markdown";
-import type { Handle } from "remix/ui";
+import type { Handle } from "remix/component";
 export declare namespace CodeBlock {
     /** Props accepted by {@link CodeBlock}. */
     interface Props {
@@ -27,7 +27,7 @@ export declare namespace CodeBlock {
  *
  * @example <CodeBlock language="bash" code="bun run deploy" />
  */
-export declare function CodeBlock(handle: Handle<CodeBlock.Props>): () => import("remix/ui").RemixElement;
+export declare function CodeBlock(handle: Handle<CodeBlock.Props>): () => import("remix/component").RemixElement;
 export declare namespace Markdown {
     /** Props accepted by {@link Markdown}. */
     interface Props {
@@ -43,4 +43,4 @@ export declare namespace Markdown {
  *
  * @example <Markdown document={notes} />
  */
-export declare function Markdown(handle: Handle<Markdown.Props>): () => import("remix/ui").RemixElement;
+export declare function Markdown(handle: Handle<Markdown.Props>): () => import("remix/component").RemixElement;

package/dist/markdown.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "remix/ui/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "remix/component/jsx-runtime";
 import { tokenize } from "@sdxc/highlight";
 import { CODE_COLOR, CodeInline, Heading, Hr, Img, Link, MONO_FAMILY, Text } from "./components.js";
 /**

package/dist/render.d.ts

@@ -6,7 +6,7 @@
  * @author [Sergio Xalambrí](https://sergiodxa.com)
  * @copyright Sergio Xalambrí 2026
  */
-import type { RemixElement } from "remix/ui";
+import type { RemixElement } from "remix/component";
 /** The two body parts produced from a single email tree. */
 export interface RenderedEmail {
     /** Serialized HTML of the tree. */

package/dist/render.js

@@ -6,7 +6,7 @@
  * @author [Sergio Xalambrí](https://sergiodxa.com)
  * @copyright Sergio Xalambrí 2026
  */
-import { renderToString } from "remix/ui/server";
+import { renderToString } from "remix/component/server";
 import { htmlToText } from "./lib/html-to-text.js";
 /**
  * The document type every mail client is calibrated against.

package/dist/types.d.ts

@@ -7,7 +7,7 @@
  * @copyright Sergio Xalambrí 2026
  */
 import type { Result } from "@sdxc/result";
-import type { RemixElement } from "remix/ui";
+import type { RemixElement } from "remix/component";
 import type { MailError } from "./errors.js";
 /** A single mailbox, optionally with the display name clients show instead of it. */
 export interface Address {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@sdxc/mail",
-	"version": "2026.9.30",
-	"description": "Transport-agnostic transactional email with pluggable transports and remix/ui rendering",
+	"version": "2026.10.2",
+	"description": "Transport-agnostic transactional email with pluggable transports and remix/component rendering",
 	"license": "MIT",
 	"type": "module",
 	"exports": {
@@ -13,14 +13,14 @@
 		"./unsubscribe": "./dist/unsubscribe.js"
 	},
 	"dependencies": {
-		"@sdxc/crypto": "2026.9.28",
-		"@sdxc/highlight": "2026.9.30",
-		"@sdxc/logger": "2026.9.29",
-		"@sdxc/markdown": "2026.9.29",
-		"@sdxc/result": "2026.9.15",
-		"remix": "3.0.0-rc.4"
+		"@sdxc/crypto": "2026.10.2",
+		"@sdxc/highlight": "2026.10.2",
+		"@sdxc/logger": "2026.10.2",
+		"@sdxc/markdown": "2026.10.2",
+		"@sdxc/result": "2026.10.2",
+		"remix": "3.0.0"
 	},
-	"gitHead": "81432d2333817dfd7ee61634baff813432ecee9c",
+	"gitHead": "7582e46f150b052ba145945661ac9937f5f26f27",
 	"publishConfig": {
 		"access": "public"
 	},