refactor(ui): consume element authoring interface

Author: DevBot

packages/content/README.md

@@ -60,7 +60,7 @@ export default defineConfig({
 import { compileMdx } from '@openelement/content/mdx';
 
 const mod = await compileMdx(source, {
-  jsxImportSource: '@openelement/core',
+  jsxImportSource: '@openelement/element',
 });
 ```
 

packages/element/src/index.ts

@@ -87,6 +87,7 @@ export type { IslandOptions } from './internal/protocol/island.ts';
 // ─── StyleSheet (re-export from core) ────────────────────
 
 export { StyleSheet } from './internal/core/style-sheet.ts';
+export { createLogger } from './internal/core/logger.ts';
 export type { StyleSheetLike, StyleSheetRule } from './internal/protocol/style-sheet.ts';
 
 // App-owned contracts use these types without reopening the retired protocol package.
@@ -101,3 +102,4 @@ export type {
   OpenElementRouteKind,
   OpenElementRouteNode,
 } from './internal/protocol/app-model.ts';
+export type { OpenElementPackageManifest } from './internal/protocol/manifest.ts';

packages/ui/deno.json

@@ -29,7 +29,7 @@
   "imports": {},
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "@openelement/core"
+    "jsxImportSource": "@openelement/element"
   },
   "publish": {
     "include": [

packages/ui/src/daisy-classes.ts

@@ -5,7 +5,7 @@
  * and SSR bundles do not depend on a file-system path next to import.meta.url.
  */
 
-import { StyleSheet, type StyleSheetLike } from '@openelement/core/style-sheet';
+import { StyleSheet, type StyleSheetLike } from '@openelement/element';
 
 const sheet: StyleSheetLike = new StyleSheet();
 sheet.replaceSync(`/**

packages/ui/src/manifest.ts

@@ -5,7 +5,7 @@
  * tools/generate-ui-manifest.ts and is run via `deno task generate:ui-manifest`.
  */
 
-import type { OpenElementPackageManifest } from '@openelement/protocol/manifest';
+import type { OpenElementPackageManifest } from '@openelement/element';
 import manifestData from './generated-manifest.json' with { type: 'json' };
 
 export const manifest: OpenElementPackageManifest = manifestData as OpenElementPackageManifest;

packages/ui/src/open-badge.tsx

@@ -1,12 +1,12 @@
-/** @jsxImportSource @openelement/core */
+/** @jsxImportSource @openelement/element */
 /**
  * @openelement/ui - open-badge
  *
  * Compact status badge backed by Open Props semantic tokens.
  */
 
 import { OpenElement } from '@openelement/element';
-import { StyleSheet, type StyleSheetLike } from '@openelement/core/style-sheet';
+import { StyleSheet, type StyleSheetLike } from '@openelement/element';
 
 export const tagName = 'open-badge';
 

packages/ui/src/open-brand-mark.tsx

@@ -5,7 +5,7 @@
  */
 
 import { OpenElement } from '@openelement/element';
-import { StyleSheet, type StyleSheetLike } from '@openelement/core/style-sheet';
+import { StyleSheet, type StyleSheetLike } from '@openelement/element';
 
 export const tagName = 'open-brand-mark';
 

packages/ui/src/open-button.tsx

@@ -1,4 +1,4 @@
-/** @jsxImportSource @openelement/core */
+/** @jsxImportSource @openelement/element */
 /**
  * @openelement/ui - open-button
  *
@@ -22,8 +22,8 @@
  */
 
 import { OpenElement } from '@openelement/element';
-import { StyleSheet, type StyleSheetLike } from '@openelement/core/style-sheet';
-import { escapeAttr } from '@openelement/core/static';
+import { StyleSheet, type StyleSheetLike } from '@openelement/element';
+import { escapeAttr } from '@openelement/element';
 
 export const tagName = 'open-button';
 

packages/ui/src/open-callout.tsx

@@ -1,4 +1,4 @@
-/** @jsxImportSource @openelement/core */
+/** @jsxImportSource @openelement/element */
 /**
  * @openelement/ui - OpenCallout Component
  *
@@ -15,8 +15,8 @@
  */
 
 import { OpenElement } from '@openelement/element';
-import { StyleSheet, type StyleSheetLike } from '@openelement/core/style-sheet';
-import { escapeHtml } from '@openelement/core';
+import { StyleSheet, type StyleSheetLike } from '@openelement/element';
+import { escapeHtml } from '@openelement/element';
 
 export const tagName = 'open-callout';
 

packages/ui/src/open-card.tsx

@@ -1,4 +1,4 @@
-/** @jsxImportSource @openelement/core */
+/** @jsxImportSource @openelement/element */
 /**
  * @openelement/ui - open-card
  *
@@ -25,7 +25,7 @@
  */
 
 import { OpenElement } from '@openelement/element';
-import { StyleSheet, type StyleSheetLike } from '@openelement/core/style-sheet';
+import { StyleSheet, type StyleSheetLike } from '@openelement/element';
 export const tagName = 'open-card';
 
 const sheet: StyleSheetLike = new StyleSheet();