npm - @ankhorage/zora - Versions diffs - 27.1.13 → 27.2.0 - Mend

@ankhorage/zora 27.1.13 → 27.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,11 @@
 # Changelog
+## 27.2.0
+### Minor Changes
+- 1e83f94: Expose a browser-safe authoring entrypoint with released Surface controls and theme runtime.
 ## 27.1.13
 ### Patch Changes

package/README.md CHANGED Viewed

@@ -1,11 +1,13 @@
 <!-- markdownlint-disable MD013 MD033 -->
 <!-- This file is generated by Paradox. Do not edit manually. -->
-# @ankhorage/zora
+# ZORA
-![license: MIT](././paradox/badges/license.svg) ![npm: v27.1.13](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![paradox: warnings](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v27.2.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![paradox: warnings](././paradox/badges/docs.svg)
-Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
+Provides opinionated React Native and React Native Web UI components, theme primitives, registries, and reader surfaces built on @ankhorage/surface.
+Give independently released applications a reusable, cross-platform presentation layer with explicit public entrypoints for components, themes, registries, readers, and authoring controls.
 ## Usage

package/dist/authoring.browser.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbound/AuthoringBindingEditorAdapter';
+export { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';
+export { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';
+export { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';
+export type { AuthoringBindingControlState, AuthoringBindingEditorAdapterProps, AuthoringPropertyControlState, AuthoringPropertyInspectorAdapterProps, AuthoringSelectionAdapterProps, AuthoringSelectionItemState, ThemeEditorAdapterProps, ThemeRecipeFieldControlState, } from './types/authoring-adapters';
+export type { ButtonProps, CardProps, FieldProps, PressableProps, TextInputProps, TextProps, ThemeProviderProps, ThemeRuntime, ViewProps, } from '@ankhorage/surface/authoring-controls';
+export { Button, Card, Field, Pressable, Text, TextInput, ThemeProvider, useTheme, View, } from '@ankhorage/surface/authoring-controls';
+//# sourceMappingURL=authoring.browser.d.ts.map

package/dist/authoring.browser.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"authoring.browser.d.ts","sourceRoot":"","sources":["../src/authoring.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oEAAoE,CAAC;AACnH,OAAO,EAAE,iCAAiC,EAAE,MAAM,wEAAwE,CAAC;AAC3H,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC;AAC7F,YAAY,EACV,4BAA4B,EAC5B,kCAAkC,EAClC,6BAA6B,EAC7B,sCAAsC,EACtC,8BAA8B,EAC9B,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,GAC7B,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,WAAW,EACX,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,SAAS,GACV,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAQ,EACR,IAAI,GACL,MAAM,uCAAuC,CAAC"}

package/dist/authoring.browser.js ADDED Viewed

@@ -0,0 +1,6 @@
+export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbound/AuthoringBindingEditorAdapter';
+export { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';
+export { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';
+export { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';
+export { Button, Card, Field, Pressable, Text, TextInput, ThemeProvider, useTheme, View, } from '@ankhorage/surface/authoring-controls';
+//# sourceMappingURL=authoring.browser.js.map

package/dist/authoring.browser.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"authoring.browser.js","sourceRoot":"","sources":["../src/authoring.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oEAAoE,CAAC;AACnH,OAAO,EAAE,iCAAiC,EAAE,MAAM,wEAAwE,CAAC;AAC3H,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC;AAsB7F,OAAO,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAQ,EACR,IAAI,GACL,MAAM,uCAAuC,CAAC","sourcesContent":["export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbound/AuthoringBindingEditorAdapter';\nexport { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';\nexport { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';\nexport { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';\nexport type {\n AuthoringBindingControlState,\n AuthoringBindingEditorAdapterProps,\n AuthoringPropertyControlState,\n AuthoringPropertyInspectorAdapterProps,\n AuthoringSelectionAdapterProps,\n AuthoringSelectionItemState,\n ThemeEditorAdapterProps,\n ThemeRecipeFieldControlState,\n} from './types/authoring-adapters';\nexport type {\n ButtonProps,\n CardProps,\n FieldProps,\n PressableProps,\n TextInputProps,\n TextProps,\n ThemeProviderProps,\n ThemeRuntime,\n ViewProps,\n} from '@ankhorage/surface/authoring-controls';\nexport {\n Button,\n Card,\n Field,\n Pressable,\n Text,\n TextInput,\n ThemeProvider,\n useTheme,\n View,\n} from '@ankhorage/surface/authoring-controls';\n"]}

package/dist/authoring.d.ts CHANGED Viewed

@@ -3,4 +3,6 @@ export { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/
 export { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';
 export { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';
 export type { AuthoringBindingControlState, AuthoringBindingEditorAdapterProps, AuthoringPropertyControlState, AuthoringPropertyInspectorAdapterProps, AuthoringSelectionAdapterProps, AuthoringSelectionItemState, ThemeEditorAdapterProps, ThemeRecipeFieldControlState, } from './types/authoring-adapters';
+export type { ButtonProps, CardProps, FieldProps, PressableProps, TextInputProps, TextProps, ThemeProviderProps, ThemeRuntime, ViewProps, } from '@ankhorage/surface/authoring-controls';
+export { Button, Card, Field, Pressable, Text, TextInput, ThemeProvider, useTheme, View, } from '@ankhorage/surface/authoring-controls';
 //# sourceMappingURL=authoring.d.ts.map

package/dist/authoring.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"authoring.d.ts","sourceRoot":"","sources":["../src/authoring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oEAAoE,CAAC;AACnH,OAAO,EAAE,iCAAiC,EAAE,MAAM,wEAAwE,CAAC;AAC3H,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC;AAC7F,YAAY,EACV,4BAA4B,EAC5B,kCAAkC,EAClC,6BAA6B,EAC7B,sCAAsC,EACtC,8BAA8B,EAC9B,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,GAC7B,MAAM,4BAA4B,CAAC"}
1	+ {"version":3,"file":"authoring.d.ts","sourceRoot":"","sources":["../src/authoring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oEAAoE,CAAC;AACnH,OAAO,EAAE,iCAAiC,EAAE,MAAM,wEAAwE,CAAC;AAC3H,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC;AAC7F,YAAY,EACV,4BAA4B,EAC5B,kCAAkC,EAClC,6BAA6B,EAC7B,sCAAsC,EACtC,8BAA8B,EAC9B,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,GAC7B,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,WAAW,EACX,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,SAAS,GACV,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAQ,EACR,IAAI,GACL,MAAM,uCAAuC,CAAC"}

package/dist/authoring.js CHANGED Viewed

@@ -2,4 +2,5 @@ export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbo
 export { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';
 export { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';
 export { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';
+export { Button, Card, Field, Pressable, Text, TextInput, ThemeProvider, useTheme, View, } from '@ankhorage/surface/authoring-controls';
 //# sourceMappingURL=authoring.js.map

package/dist/authoring.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"authoring.js","sourceRoot":"","sources":["../src/authoring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oEAAoE,CAAC;AACnH,OAAO,EAAE,iCAAiC,EAAE,MAAM,wEAAwE,CAAC;AAC3H,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC","sourcesContent":["export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbound/AuthoringBindingEditorAdapter';\nexport { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';\nexport { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';\nexport { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';\nexport type {\n AuthoringBindingControlState,\n AuthoringBindingEditorAdapterProps,\n AuthoringPropertyControlState,\n AuthoringPropertyInspectorAdapterProps,\n AuthoringSelectionAdapterProps,\n AuthoringSelectionItemState,\n ThemeEditorAdapterProps,\n ThemeRecipeFieldControlState,\n} from './types/authoring-adapters';\n"]}
1	+ {"version":3,"file":"authoring.js","sourceRoot":"","sources":["../src/authoring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oEAAoE,CAAC;AACnH,OAAO,EAAE,iCAAiC,EAAE,MAAM,wEAAwE,CAAC;AAC3H,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC;AAsB7F,OAAO,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAQ,EACR,IAAI,GACL,MAAM,uCAAuC,CAAC","sourcesContent":["export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbound/AuthoringBindingEditorAdapter';\nexport { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';\nexport { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';\nexport { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';\nexport type {\n AuthoringBindingControlState,\n AuthoringBindingEditorAdapterProps,\n AuthoringPropertyControlState,\n AuthoringPropertyInspectorAdapterProps,\n AuthoringSelectionAdapterProps,\n AuthoringSelectionItemState,\n ThemeEditorAdapterProps,\n ThemeRecipeFieldControlState,\n} from './types/authoring-adapters';\nexport type {\n ButtonProps,\n CardProps,\n FieldProps,\n PressableProps,\n TextInputProps,\n TextProps,\n ThemeProviderProps,\n ThemeRuntime,\n ViewProps,\n} from '@ankhorage/surface/authoring-controls';\nexport {\n Button,\n Card,\n Field,\n Pressable,\n Text,\n TextInput,\n ThemeProvider,\n useTheme,\n View,\n} from '@ankhorage/surface/authoring-controls';\n"]}

package/dist/features/button/utils/resolveButtonThemeRecipe.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ export declare function resolveButtonThemeRecipe(input: {
     readonly variant?: ZoraButtonVariant;
     readonly size?: ZoraControlSize;
     readonly themeFields: Readonly<Record<string, ThemeRecipeOverrideValue>>;
-}): Pick<import("@ankhorage/surface").ButtonProps, "color" | "size" | "variant">;
+}): Pick<import("@ankhorage/surface").ButtonProps, "color" | "variant" | "size">;
 //# sourceMappingURL=resolveButtonThemeRecipe.d.ts.map

package/dist/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthoringBindingEditorAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;~~AAI~~/F,oHAAoH;AACpH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,QAAQ,EAAE,EAC7D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,QAAgB,GACjB,EAAE,kCAAkC,CAAC,KAAK,EAAE,QAAQ,CAAC,4BAoCrD"}
1	+ {"version":3,"file":"AuthoringBindingEditorAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE/F,oHAAoH;AACpH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,QAAQ,EAAE,EAC7D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,QAAgB,GACjB,EAAE,kCAAkC,CAAC,KAAK,EAAE,QAAQ,CAAC,4BAoCrD"}

package/dist/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.js CHANGED Viewed

@@ -1,6 +1,5 @@
+import { Field, View } from '@ankhorage/surface/authoring-controls';
 import React from 'react';
-import { Field } from '../../../form/public';
-import { View } from '../../../layout/public';
 /*** Presents canonical bindable properties while leaving binding representation and mutation ownership external. */
 export function AuthoringBindingEditorAdapter({ node, component, getBinding, onBindingChange, renderBinding, isBindingDisabled, isBindingRequired, disabled = false, }) {
     if (node === null || component === null)
@@ -12,7 +11,7 @@ export function AuthoringBindingEditorAdapter({ node, component, getBinding, onB
       {Object.entries(bindings).map(([name, meta]) => {
             const controlDisabled = disabled || isBindingDisabled?.(node, name) === true;
             const required = isBindingRequired?.(node, name) === true;
-            return (<Field key={name} description={meta.description} disabled={controlDisabled} label={meta.label ?? name} required={required}>
+            return (<Field key={name} helperText={meta.description} disabled={controlDisabled} label={meta.label ?? name} required={required}>
             {renderBinding({
                     node,
                     component,

package/dist/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthoringBindingEditorAdapter.js","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~MAAM,OAAO,CAAC;AAG1B,OAAO,~~EAAE,~~KAAK~~,EAAE,MAAM,~~sBAAsB~~,CAAC;~~AAC7C~~,OAAO,~~EAAE~~,~~IAAI,EAAE,~~MAAM,~~wBAAwB~~,CAAC;~~AAE9C~~,oHAAoH;AACpH,MAAM,UAAU,6BAA6B,CAAkB,EAC7D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GAAG,KAAK,GACoC;IACpD,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC3C,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YAC7C,MAAM,eAAe,GAAG,QAAQ,IAAI,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;YAC7E,MAAM,QAAQ,GAAG,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;YAC1D,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,~~WAAW~~,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,~~CAC9B~~,QAAQ,CAAC,CAAC,eAAe,CAAC,CAC1B,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAC1B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;YAAA,CAAC,aAAa,CAAC;oBACb,IAAI;oBACJ,SAAS;oBACT,IAAI;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI;oBACzB,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC;oBAC/B,QAAQ,EAAE,eAAe;oBACzB,QAAQ;oBACR,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;wBACpB,IAAI,CAAC,eAAe;4BAAE,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;oBAC/D,CAAC;iBACF,CAAC,CACJ;UAAA,EAAE,KAAK,CAAC,CACT,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import ~~React~~ ~~from~~ ~~'react';\n\nimport~~ ~~type { AuthoringBindingEditorAdapterProps~~ } from '~~../../../../types~~/authoring-~~adapters~~';\nimport { ~~Field }~~ from '~~../../../form/public~~';\nimport { ~~View~~ } from '~~../../../layout~~/~~public~~';\n\n/*** Presents canonical bindable properties while leaving binding representation and mutation ownership external. */\nexport function AuthoringBindingEditorAdapter<TNode, TBinding>({\n node,\n component,\n getBinding,\n onBindingChange,\n renderBinding,\n isBindingDisabled,\n isBindingRequired,\n disabled = false,\n}: AuthoringBindingEditorAdapterProps<TNode, TBinding>) {\n if (node === null \|\| component === null) return null;\n const bindings = component.bindings?.props;\n if (bindings === undefined) return null;\n\n return (\n <View gap=\"m\">\n {Object.entries(bindings).map(([name, meta]) => {\n const controlDisabled = disabled \|\| isBindingDisabled?.(node, name) === true;\n const required = isBindingRequired?.(node, name) === true;\n return (\n <Field\n key={name}\n ~~description~~={meta.description}\n disabled={controlDisabled}\n label={meta.label ?? name}\n required={required}\n >\n {renderBinding({\n node,\n component,\n name,\n label: meta.label ?? name,\n description: meta.description,\n binding: getBinding(node, name),\n disabled: controlDisabled,\n required,\n onChange: (binding) => {\n if (!controlDisabled) onBindingChange?.(node, name, binding);\n },\n })}\n </Field>\n );\n })}\n </View>\n );\n}\n"]}
1	+ {"version":3,"file":"AuthoringBindingEditorAdapter.js","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oHAAoH;AACpH,MAAM,UAAU,6BAA6B,CAAkB,EAC7D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GAAG,KAAK,GACoC;IACpD,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC3C,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YAC7C,MAAM,eAAe,GAAG,QAAQ,IAAI,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;YAC7E,MAAM,QAAQ,GAAG,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;YAC1D,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,UAAU,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC7B,QAAQ,CAAC,CAAC,eAAe,CAAC,CAC1B,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAC1B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;YAAA,CAAC,aAAa,CAAC;oBACb,IAAI;oBACJ,SAAS;oBACT,IAAI;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI;oBACzB,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC;oBAC/B,QAAQ,EAAE,eAAe;oBACzB,QAAQ;oBACR,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;wBACpB,IAAI,CAAC,eAAe;4BAAE,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;oBAC/D,CAAC;iBACF,CAAC,CACJ;UAAA,EAAE,KAAK,CAAC,CACT,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { Field, View } from '@ankhorage/surface/authoring-controls';\nimport React from 'react';\n\nimport type { AuthoringBindingEditorAdapterProps } from '../../../../types/authoring-adapters';\n\n/*** Presents canonical bindable properties while leaving binding representation and mutation ownership external. */\nexport function AuthoringBindingEditorAdapter<TNode, TBinding>({\n node,\n component,\n getBinding,\n onBindingChange,\n renderBinding,\n isBindingDisabled,\n isBindingRequired,\n disabled = false,\n}: AuthoringBindingEditorAdapterProps<TNode, TBinding>) {\n if (node === null \|\| component === null) return null;\n const bindings = component.bindings?.props;\n if (bindings === undefined) return null;\n\n return (\n <View gap=\"m\">\n {Object.entries(bindings).map(([name, meta]) => {\n const controlDisabled = disabled \|\| isBindingDisabled?.(node, name) === true;\n const required = isBindingRequired?.(node, name) === true;\n return (\n <Field\n key={name}\n helperText={meta.description}\n disabled={controlDisabled}\n label={meta.label ?? name}\n required={required}\n >\n {renderBinding({\n node,\n component,\n name,\n label: meta.label ?? name,\n description: meta.description,\n binding: getBinding(node, name),\n disabled: controlDisabled,\n required,\n onChange: (binding) => {\n if (!controlDisabled) onBindingChange?.(node, name, binding);\n },\n })}\n </Field>\n );\n })}\n </View>\n );\n}\n"]}

package/dist/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthoringPropertyInspectorAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,sCAAsC,EAAE,MAAM,sCAAsC,CAAC;~~AAInG~~,2GAA2G;AAC3G,wBAAgB,iCAAiC,CAAC,KAAK,EAAE,EACvD,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,QAAgB,GACjB,EAAE,sCAAsC,CAAC,KAAK,CAAC,4BAiC/C"}
1	+ {"version":3,"file":"AuthoringPropertyInspectorAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,sCAAsC,EAAE,MAAM,sCAAsC,CAAC;AAEnG,2GAA2G;AAC3G,wBAAgB,iCAAiC,CAAC,KAAK,EAAE,EACvD,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,QAAgB,GACjB,EAAE,sCAAsC,CAAC,KAAK,CAAC,4BAiC/C"}

package/dist/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.js CHANGED Viewed

@@ -1,6 +1,5 @@
+import { Field, View } from '@ankhorage/surface/authoring-controls';
 import React from 'react';
-import { Field } from '../../../form/public';
-import { View } from '../../../layout/public';
 /*** Presents canonical component properties while keeping node storage and mutations with the consumer. */
 export function AuthoringPropertyInspectorAdapter({ node, component, getPropertyValue, onPropertyChange, renderProperty, isPropertyDisabled, isPropertyRequired, disabled = false, }) {
     if (node === null || component === null)
@@ -9,7 +8,7 @@ export function AuthoringPropertyInspectorAdapter({ node, component, getProperty
       {Object.entries(component.props).map(([name, schema]) => {
             const controlDisabled = disabled || isPropertyDisabled?.(node, name, schema) === true;
             const required = isPropertyRequired?.(node, name, schema) === true;
-            return (<Field key={name} description={schema.label === undefined ? undefined : schema.category} disabled={controlDisabled} label={schema.label ?? name} required={required}>
+            return (<Field key={name} helperText={schema.label === undefined ? undefined : schema.category} disabled={controlDisabled} label={schema.label ?? name} required={required}>
             {renderProperty({
                     node,
                     component,

package/dist/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthoringPropertyInspectorAdapter.js","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~MAAM,OAAO,CAAC;AAG1B,OAAO,~~EAAE,~~KAAK~~,EAAE,MAAM,~~sBAAsB~~,CAAC;~~AAC7C~~,OAAO,~~EAAE~~,~~IAAI,EAAE,~~MAAM,~~wBAAwB~~,CAAC;~~AAE9C~~,2GAA2G;AAC3G,MAAM,UAAU,iCAAiC,CAAQ,EACvD,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,GAAG,KAAK,GAC8B;IAC9C,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAErD,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE;YACtD,MAAM,eAAe,GAAG,QAAQ,IAAI,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;YACtF,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;YACnE,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,~~WAAW~~,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,~~CACtE~~,QAAQ,CAAC,CAAC,eAAe,CAAC,CAC1B,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAC5B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;YAAA,CAAC,cAAc,CAAC;oBACd,IAAI;oBACJ,SAAS;oBACT,IAAI;oBACJ,MAAM;oBACN,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC;oBACnC,QAAQ,EAAE,eAAe;oBACzB,QAAQ;oBACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,IAAI,CAAC,eAAe;4BAAE,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;oBAC9D,CAAC;iBACF,CAAC,CACJ;UAAA,EAAE,KAAK,CAAC,CACT,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import ~~React~~ ~~from~~ ~~'react';\n\nimport~~ ~~type { AuthoringPropertyInspectorAdapterProps~~ } from '~~../../../../types~~/authoring-~~adapters~~';\nimport { ~~Field }~~ from '~~../../../form/public~~';\nimport { ~~View~~ } from '~~../../../layout~~/~~public~~';\n\n/*** Presents canonical component properties while keeping node storage and mutations with the consumer. */\nexport function AuthoringPropertyInspectorAdapter<TNode>({\n node,\n component,\n getPropertyValue,\n onPropertyChange,\n renderProperty,\n isPropertyDisabled,\n isPropertyRequired,\n disabled = false,\n}: AuthoringPropertyInspectorAdapterProps<TNode>) {\n if (node === null \|\| component === null) return null;\n\n return (\n <View gap=\"m\">\n {Object.entries(component.props).map(([name, schema]) => {\n const controlDisabled = disabled \|\| isPropertyDisabled?.(node, name, schema) === true;\n const required = isPropertyRequired?.(node, name, schema) === true;\n return (\n <Field\n key={name}\n ~~description~~={schema.label === undefined ? undefined : schema.category}\n disabled={controlDisabled}\n label={schema.label ?? name}\n required={required}\n >\n {renderProperty({\n node,\n component,\n name,\n schema,\n value: getPropertyValue(node, name),\n disabled: controlDisabled,\n required,\n onChange: (value) => {\n if (!controlDisabled) onPropertyChange?.(node, name, value);\n },\n })}\n </Field>\n );\n })}\n </View>\n );\n}\n"]}
1	+ {"version":3,"file":"AuthoringPropertyInspectorAdapter.js","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,2GAA2G;AAC3G,MAAM,UAAU,iCAAiC,CAAQ,EACvD,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,GAAG,KAAK,GAC8B;IAC9C,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAErD,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE;YACtD,MAAM,eAAe,GAAG,QAAQ,IAAI,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;YACtF,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;YACnE,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACrE,QAAQ,CAAC,CAAC,eAAe,CAAC,CAC1B,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAC5B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;YAAA,CAAC,cAAc,CAAC;oBACd,IAAI;oBACJ,SAAS;oBACT,IAAI;oBACJ,MAAM;oBACN,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC;oBACnC,QAAQ,EAAE,eAAe;oBACzB,QAAQ;oBACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,IAAI,CAAC,eAAe;4BAAE,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;oBAC9D,CAAC;iBACF,CAAC,CACJ;UAAA,EAAE,KAAK,CAAC,CACT,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { Field, View } from '@ankhorage/surface/authoring-controls';\nimport React from 'react';\n\nimport type { AuthoringPropertyInspectorAdapterProps } from '../../../../types/authoring-adapters';\n\n/*** Presents canonical component properties while keeping node storage and mutations with the consumer. */\nexport function AuthoringPropertyInspectorAdapter<TNode>({\n node,\n component,\n getPropertyValue,\n onPropertyChange,\n renderProperty,\n isPropertyDisabled,\n isPropertyRequired,\n disabled = false,\n}: AuthoringPropertyInspectorAdapterProps<TNode>) {\n if (node === null \|\| component === null) return null;\n\n return (\n <View gap=\"m\">\n {Object.entries(component.props).map(([name, schema]) => {\n const controlDisabled = disabled \|\| isPropertyDisabled?.(node, name, schema) === true;\n const required = isPropertyRequired?.(node, name, schema) === true;\n return (\n <Field\n key={name}\n helperText={schema.label === undefined ? undefined : schema.category}\n disabled={controlDisabled}\n label={schema.label ?? name}\n required={required}\n >\n {renderProperty({\n node,\n component,\n name,\n schema,\n value: getPropertyValue(node, name),\n disabled: controlDisabled,\n required,\n onChange: (value) => {\n if (!controlDisabled) onPropertyChange?.(node, name, value);\n },\n })}\n </Field>\n );\n })}\n </View>\n );\n}\n"]}

package/dist/features/registry/adapters/inbound/ThemeEditorAdapter.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeEditorAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/ThemeEditorAdapter.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;~~AAMpF~~,4FAA4F;AAC5F,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,EACzC,KAAK,EACL,OAAgC,EAChC,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,eAAe,EACf,QAAgB,GACjB,EAAE,uBAAuB,CAAC,MAAM,CAAC,~~4BA0CjC~~"}
1	+ {"version":3,"file":"ThemeEditorAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/ThemeEditorAdapter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAGpF,4FAA4F;AAC5F,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,EACzC,KAAK,EACL,OAAgC,EAChC,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,eAAe,EACf,QAAgB,GACjB,EAAE,uBAAuB,CAAC,MAAM,CAAC,4BA4CjC"}

package/dist/features/registry/adapters/inbound/ThemeEditorAdapter.js CHANGED Viewed

@@ -1,19 +1,19 @@
+import { Card, Field, Text, View } from '@ankhorage/surface/authoring-controls';
 import React from 'react';
-import { Card } from '../../../card/public';
-import { Field } from '../../../form/public';
-import { View } from '../../../layout/public';
 import { ZORA_THEME_RECIPE_META } from '../../themeRecipeMeta';
 /*** Presents ZORA recipe fields without taking ownership of a consumer's theme document. */
 export function ThemeEditorAdapter({ theme, recipes = ZORA_THEME_RECIPE_META, getRecipeFieldValue, onRecipeFieldChange, renderField, isFieldDisabled, isFieldRequired, disabled = false, }) {
     if (theme === null)
         return null;
     return (<View gap="m">
-      {Object.entries(recipes).map(([recipeName, recipe]) => (<Card key={recipeName} description={recipe.description} title={recipe.name}>
+      {Object.entries(recipes).map(([recipeName, recipe]) => (<Card key={recipeName}>
           <View gap="m">
+            <Text>{recipe.name}</Text>
+            {recipe.description === undefined ? null : <Text>{recipe.description}</Text>}
             {Object.entries(recipe.fields).map(([fieldName, field]) => {
                 const controlDisabled = disabled || isFieldDisabled?.(theme, recipeName, fieldName) === true;
                 const required = isFieldRequired?.(theme, recipeName, fieldName) === true;
-                return (<Field key={fieldName} description={field.description} disabled={controlDisabled} label={field.label} required={required}>
+                return (<Field key={fieldName} helperText={field.description} disabled={controlDisabled} label={field.label} required={required}>
                   {renderField({
                         theme,
                         recipeName,

package/dist/features/registry/adapters/inbound/ThemeEditorAdapter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeEditorAdapter.js","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/ThemeEditorAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,~~EAAE,IAAI,EAAE,~~MAAM~~,~~sBAAsB~~,~~CAAC;AAC5C~~,~~OAAO,~~EAAE,~~KAAK~~,EAAE,MAAM,~~sBAAsB~~,CAAC;~~AAC7C~~,OAAO,~~EAAE~~,~~IAAI,EAAE,~~MAAM,~~wBAAwB~~,CAAC;~~AAC9C~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,4FAA4F;AAC5F,MAAM,UAAU,kBAAkB,CAAS,EACzC,KAAK,EACL,OAAO,GAAG,sBAAsB,EAChC,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,eAAe,EACf,QAAQ,GAAG,KAAK,GACgB;IAChC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CACrD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,~~WAAW~~,CAAC,CAAC,~~MAAM~~,CAAC,~~WAAW~~,CAAC,CAAC,~~KAAK~~,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,~~CACzE;UAAA~~,CAAC,IAAI,CAAC,~~GAAG~~,CAAC,~~GAAG~~,~~CACX~~;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;gBACxD,MAAM,eAAe,GACnB,QAAQ,IAAI,eAAe,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,KAAK,IAAI,CAAC;gBACvE,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,KAAK,IAAI,CAAC;gBAC1E,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,~~WAAW~~,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,~~CAC/B~~,QAAQ,CAAC,CAAC,eAAe,CAAC,CAC1B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;kBAAA,CAAC,WAAW,CAAC;wBACX,KAAK;wBACL,UAAU;wBACV,SAAS;wBACT,KAAK;wBACL,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC;wBACxD,QAAQ,EAAE,eAAe;wBACzB,QAAQ;wBACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,IAAI,CAAC,eAAe,EAAE,CAAC;gCACrB,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;4BAC7D,CAAC;wBACH,CAAC;qBACF,CAAC,CACJ;gBAAA,EAAE,KAAK,CAAC,CACT,CAAC;YACJ,CAAC,CAAC,CACJ;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import ~~React~~ ~~from~~ ~~'react';\n\nimport~~ ~~type~~ { ~~ThemeEditorAdapterProps~~ } from '~~../../../../types~~/authoring-~~adapters~~';\nimport { ~~Card }~~ from '~~../../../card/public~~';\nimport { ~~Field } from '../../../form/public';\nimport~~ { ~~View~~ } from '~~../../../layout~~/~~public~~';\nimport { ZORA_THEME_RECIPE_META } from '../../themeRecipeMeta';\n\n/*** Presents ZORA recipe fields without taking ownership of a consumer's theme document. */\nexport function ThemeEditorAdapter<TTheme>({\n theme,\n recipes = ZORA_THEME_RECIPE_META,\n getRecipeFieldValue,\n onRecipeFieldChange,\n renderField,\n isFieldDisabled,\n isFieldRequired,\n disabled = false,\n}: ThemeEditorAdapterProps<TTheme>) {\n if (theme === null) return null;\n\n return (\n <View gap=\"m\">\n {Object.entries(recipes).map(([recipeName, recipe]) => (\n <Card key={recipeName} ~~description={recipe.description} title={recipe.name}~~>\n <View gap=\"m\">\n {Object.entries(recipe.fields).map(([fieldName, field]) => {\n const controlDisabled =\n disabled \|\| isFieldDisabled?.(theme, recipeName, fieldName) === true;\n const required = isFieldRequired?.(theme, recipeName, fieldName) === true;\n return (\n <Field\n key={fieldName}\n ~~description~~={field.description}\n disabled={controlDisabled}\n label={field.label}\n required={required}\n >\n {renderField({\n theme,\n recipeName,\n fieldName,\n field,\n value: getRecipeFieldValue(theme, recipeName, fieldName),\n disabled: controlDisabled,\n required,\n onChange: (value) => {\n if (!controlDisabled) {\n onRecipeFieldChange?.(theme, recipeName, fieldName, value);\n }\n },\n })}\n </Field>\n );\n })}\n </View>\n </Card>\n ))}\n </View>\n );\n}\n"]}
1	+ {"version":3,"file":"ThemeEditorAdapter.js","sourceRoot":"","sources":["../../../../../src/features/registry/adapters/inbound/ThemeEditorAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,4FAA4F;AAC5F,MAAM,UAAU,kBAAkB,CAAS,EACzC,KAAK,EACL,OAAO,GAAG,sBAAsB,EAChC,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,eAAe,EACf,QAAQ,GAAG,KAAK,GACgB;IAChC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CACrD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CACpB;UAAA,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;YAAA,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CACzB;YAAA,CAAC,MAAM,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CAC5E;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;gBACxD,MAAM,eAAe,GACnB,QAAQ,IAAI,eAAe,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,KAAK,IAAI,CAAC;gBACvE,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,KAAK,IAAI,CAAC;gBAC1E,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,UAAU,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC9B,QAAQ,CAAC,CAAC,eAAe,CAAC,CAC1B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;kBAAA,CAAC,WAAW,CAAC;wBACX,KAAK;wBACL,UAAU;wBACV,SAAS;wBACT,KAAK;wBACL,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC;wBACxD,QAAQ,EAAE,eAAe;wBACzB,QAAQ;wBACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,IAAI,CAAC,eAAe,EAAE,CAAC;gCACrB,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;4BAC7D,CAAC;wBACH,CAAC;qBACF,CAAC,CACJ;gBAAA,EAAE,KAAK,CAAC,CACT,CAAC;YACJ,CAAC,CAAC,CACJ;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { Card, Field, Text, View } from '@ankhorage/surface/authoring-controls';\nimport React from 'react';\n\nimport type { ThemeEditorAdapterProps } from '../../../../types/authoring-adapters';\nimport { ZORA_THEME_RECIPE_META } from '../../themeRecipeMeta';\n\n/*** Presents ZORA recipe fields without taking ownership of a consumer's theme document. */\nexport function ThemeEditorAdapter<TTheme>({\n theme,\n recipes = ZORA_THEME_RECIPE_META,\n getRecipeFieldValue,\n onRecipeFieldChange,\n renderField,\n isFieldDisabled,\n isFieldRequired,\n disabled = false,\n}: ThemeEditorAdapterProps<TTheme>) {\n if (theme === null) return null;\n\n return (\n <View gap=\"m\">\n {Object.entries(recipes).map(([recipeName, recipe]) => (\n <Card key={recipeName}>\n <View gap=\"m\">\n <Text>{recipe.name}</Text>\n {recipe.description === undefined ? null : <Text>{recipe.description}</Text>}\n {Object.entries(recipe.fields).map(([fieldName, field]) => {\n const controlDisabled =\n disabled \|\| isFieldDisabled?.(theme, recipeName, fieldName) === true;\n const required = isFieldRequired?.(theme, recipeName, fieldName) === true;\n return (\n <Field\n key={fieldName}\n helperText={field.description}\n disabled={controlDisabled}\n label={field.label}\n required={required}\n >\n {renderField({\n theme,\n recipeName,\n fieldName,\n field,\n value: getRecipeFieldValue(theme, recipeName, fieldName),\n disabled: controlDisabled,\n required,\n onChange: (value) => {\n if (!controlDisabled) {\n onRecipeFieldChange?.(theme, recipeName, fieldName, value);\n }\n },\n })}\n </Field>\n );\n })}\n </View>\n </Card>\n ))}\n </View>\n );\n}\n"]}

package/dist/features/selection/adapters/inbound/SelectableItem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Pressable } from '@ankhorage/surface';
+import { Pressable } from '@ankhorage/surface/authoring-controls';
 import React from 'react';
 import { Platform } from 'react-native';
 import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';

package/dist/features/selection/adapters/inbound/SelectableItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectableItem.js","sourceRoot":"","sources":["../../../../../src/features/selection/adapters/inbound/SelectableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,~~oBAAoB~~,CAAC;~~AAE/C~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA8B,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,iDAAiD;AACjD,SAAS,cAAc,CAAC,OAAqC;IAC3D,OAAO,OAAO,IAAI,QAAQ,CAAC;AAC7B,CAAC;AAED,kFAAkF;AAClF,SAAS,YAAY,CACnB,QAAyC;IAEzC,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC;AACxC,CAAC;AAED,4EAA4E;AAC5E,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AAEtE,uEAAuE;AACvE,SAAS,mBAAmB,CAAC,EAC3B,EAAE,EACF,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,iBAAiB,EACjB,QAAQ,GACY;IACpB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IAE1C,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,MAAuB,EAAE,EAAE;QAC1B,IAAI,gBAAgB,IAAI,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAChE,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,CAAC,CACrD,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,gBAAgB,IAAI,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAChE,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,gBAAgB,IAAI,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAChE,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,SAAS,CAAC,QAAQ,IAAI,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAClE,SAAS,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC;QACL,EAAE;QACF,QAAQ;QACR,QAAQ,EAAE,gBAAgB;QAC1B,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,QAAQ;QACR,MAAM;QACN,MAAM;QACN,KAAK;KACN,CAAC,EACF,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAClF,CAAC;IAEF,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACxE,IAAI,eAAe,KAAK,QAAQ;QAAE,OAAO,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;IAExD,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACxD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,gBAAgB,IAAI,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAChE,SAAS,CAAC,QAAQ,CAChB,EAAE,EACF,2BAA2B,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAChF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,SAAS,CACR,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,CAC7D,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAC3B,WAAW,CAAC,CAAC,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAC5E,OAAO,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAEpE;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["import { Pressable } from '@ankhorage/surface';\nimport type { SelectionIntent } from '@ankhorage/utility/selection';\nimport React from 'react';\nimport { type GestureResponderEvent, Platform } from 'react-native';\n\nimport type {\n SelectableItemProps,\n SelectableItemState,\n SelectionTrigger,\n} from '../../../../types/selection';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { resolveSelectionEventIntent } from '../../application/resolveSelectionEventIntent';\nimport { useSelection } from './SelectionProvider';\n\n/*** Resolve the configured selection trigger. /\nfunction resolveTrigger(trigger: SelectionTrigger \| undefined): SelectionTrigger {\n return trigger ?? 'manual';\n}\n\n/** Narrow render-prop children without changing ordinary React-node children. /\nfunction isRenderProp(\n children: SelectableItemProps['children'],\n): children is (state: SelectableItemState) => React.ReactNode {\n return typeof children === 'function';\n}\n\n/** Adds selection behavior to arbitrary child content via render props. /\nexport const SelectableItem = withZoraThemeScope(SelectableItemInner);\n\n/** Render a selectable item inside the inherited ZORA theme scope. */\nfunction SelectableItemInner({\n id,\n trigger,\n disabled = false,\n interactionPolicy,\n children,\n}: SelectableItemProps) {\n const selection = useSelection();\n const resolvedTrigger = resolveTrigger(trigger);\n const resolvedDisabled = selection.disabled \|\| disabled;\n const selected = selection.isSelected(id);\n\n const activate = React.useCallback(\n (intent: SelectionIntent) => {\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.activate(id, intent);\n },\n [id, interactionPolicy, resolvedDisabled, selection],\n );\n const select = React.useCallback(() => {\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.select(id);\n }, [id, interactionPolicy, resolvedDisabled, selection]);\n const toggle = React.useCallback(() => {\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.toggle(id);\n }, [id, interactionPolicy, resolvedDisabled, selection]);\n const clear = React.useCallback(() => {\n if (selection.disabled \|\| interactionPolicy === 'passive') return;\n selection.clear();\n }, [interactionPolicy, selection]);\n\n const itemState = React.useMemo<SelectableItemState>(\n () => ({\n id,\n selected,\n disabled: resolvedDisabled,\n mode: selection.mode,\n activate,\n select,\n toggle,\n clear,\n }),\n [activate, clear, id, resolvedDisabled, select, selected, selection.mode, toggle],\n );\n\n const content = isRenderProp(children) ? children(itemState) : children;\n if (resolvedTrigger === 'manual') return <>{content}</>;\n\n const handleActivation = (event: GestureResponderEvent) => {\n event.stopPropagation();\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.activate(\n id,\n resolveSelectionEventIntent(event, Platform.OS === 'web' ? 'pointer' : 'touch'),\n );\n };\n\n return (\n <Pressable\n interactionPolicy={interactionPolicy}\n accessibilityRole=\"button\"\n accessibilityState={{ disabled: resolvedDisabled, selected }}\n disabled={resolvedDisabled}\n onLongPress={resolvedTrigger === 'longPress' ? handleActivation : undefined}\n onPress={resolvedTrigger === 'press' ? handleActivation : undefined}\n >\n {content}\n </Pressable>\n );\n}\n"]}
1	+ {"version":3,"file":"SelectableItem.js","sourceRoot":"","sources":["../../../../../src/features/selection/adapters/inbound/SelectableItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Pressable } from '@ankhorage/surface/authoring-controls';\nimport type { SelectionIntent } from '@ankhorage/utility/selection';\nimport React from 'react';\nimport { type GestureResponderEvent, Platform } from 'react-native';\n\nimport type {\n SelectableItemProps,\n SelectableItemState,\n SelectionTrigger,\n} from '../../../../types/selection';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { resolveSelectionEventIntent } from '../../application/resolveSelectionEventIntent';\nimport { useSelection } from './SelectionProvider';\n\n/*** Resolve the configured selection trigger. /\nfunction resolveTrigger(trigger: SelectionTrigger \| undefined): SelectionTrigger {\n return trigger ?? 'manual';\n}\n\n/** Narrow render-prop children without changing ordinary React-node children. /\nfunction isRenderProp(\n children: SelectableItemProps['children'],\n): children is (state: SelectableItemState) => React.ReactNode {\n return typeof children === 'function';\n}\n\n/** Adds selection behavior to arbitrary child content via render props. /\nexport const SelectableItem = withZoraThemeScope(SelectableItemInner);\n\n/** Render a selectable item inside the inherited ZORA theme scope. */\nfunction SelectableItemInner({\n id,\n trigger,\n disabled = false,\n interactionPolicy,\n children,\n}: SelectableItemProps) {\n const selection = useSelection();\n const resolvedTrigger = resolveTrigger(trigger);\n const resolvedDisabled = selection.disabled \|\| disabled;\n const selected = selection.isSelected(id);\n\n const activate = React.useCallback(\n (intent: SelectionIntent) => {\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.activate(id, intent);\n },\n [id, interactionPolicy, resolvedDisabled, selection],\n );\n const select = React.useCallback(() => {\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.select(id);\n }, [id, interactionPolicy, resolvedDisabled, selection]);\n const toggle = React.useCallback(() => {\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.toggle(id);\n }, [id, interactionPolicy, resolvedDisabled, selection]);\n const clear = React.useCallback(() => {\n if (selection.disabled \|\| interactionPolicy === 'passive') return;\n selection.clear();\n }, [interactionPolicy, selection]);\n\n const itemState = React.useMemo<SelectableItemState>(\n () => ({\n id,\n selected,\n disabled: resolvedDisabled,\n mode: selection.mode,\n activate,\n select,\n toggle,\n clear,\n }),\n [activate, clear, id, resolvedDisabled, select, selected, selection.mode, toggle],\n );\n\n const content = isRenderProp(children) ? children(itemState) : children;\n if (resolvedTrigger === 'manual') return <>{content}</>;\n\n const handleActivation = (event: GestureResponderEvent) => {\n event.stopPropagation();\n if (resolvedDisabled \|\| interactionPolicy === 'passive') return;\n selection.activate(\n id,\n resolveSelectionEventIntent(event, Platform.OS === 'web' ? 'pointer' : 'touch'),\n );\n };\n\n return (\n <Pressable\n interactionPolicy={interactionPolicy}\n accessibilityRole=\"button\"\n accessibilityState={{ disabled: resolvedDisabled, selected }}\n disabled={resolvedDisabled}\n onLongPress={resolvedTrigger === 'longPress' ? handleActivation : undefined}\n onPress={resolvedTrigger === 'press' ? handleActivation : undefined}\n >\n {content}\n </Pressable>\n );\n}\n"]}

package/dist/features/typography/utils/resolveHeadingThemeRecipe.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { HeadingSize } from '../../../types/heading';
 export declare function resolveHeadingThemeRecipe(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>): {
     color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "error" | "success" | "warning" | "info" | "danger" | undefined;
     emphasis: "default" | "muted" | "subtle" | "inverse" | undefined;
-    align: "justify" | "left" | "right" | "center" | "auto" | undefined;
+    align: "center" | "justify" | "left" | "right" | "auto" | undefined;
     weight: "bold" | "regular" | "medium" | "semiBold" | undefined;
     italic: boolean | undefined;
     size: HeadingSize | undefined;

package/dist/features/typography/utils/resolveTextThemeRecipe.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { TextVariant } from '../../../types/text';
 export declare function resolveTextThemeRecipe(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>): {
     color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "error" | "success" | "warning" | "info" | "danger" | undefined;
     emphasis: "default" | "muted" | "subtle" | "inverse" | undefined;
-    align: "justify" | "left" | "right" | "center" | "auto" | undefined;
+    align: "center" | "justify" | "left" | "right" | "auto" | undefined;
     weight: "bold" | "regular" | "medium" | "semiBold" | undefined;
     italic: boolean | undefined;
     variant: TextVariant | undefined;

package/dist/features/typography/utils/resolveTypographyThemeRecipeFields.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';
 export declare function resolveTypographyThemeRecipeFields(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>): {
     color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "error" | "success" | "warning" | "info" | "danger" | undefined;
     emphasis: "default" | "muted" | "subtle" | "inverse" | undefined;
-    align: "justify" | "left" | "right" | "center" | "auto" | undefined;
+    align: "center" | "justify" | "left" | "right" | "auto" | undefined;
     weight: "bold" | "regular" | "medium" | "semiBold" | undefined;
     italic: boolean | undefined;
 };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "27.1.13",
+  "version": "27.2.0",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -120,8 +120,8 @@
     },
     "./authoring": {
       "react-native": "./src/authoring.ts",
-      "browser": "./src/authoring.ts",
-      "types": "./dist/authoring.d.ts",
+      "browser": "./web-dist/authoring/index.js",
+      "types": "./web-dist/authoring/index.d.ts",
       "import": "./dist/authoring.js",
       "default": "./dist/authoring.js"
     },
@@ -156,6 +156,7 @@
     "prepack": "bun run build",
     "test": "bun run build && bun test src examples/grid-workspaces/time examples/grid-workspaces/plugins --isolate",
     "test:packed-web-consumer": "bun scripts/verify-packed-web-consumer.ts",
+    "test:packed-authoring-consumer": "bun scripts/verify-packed-web-consumer.ts --authoring",
     "test:chess:chromium": "bun scripts/test-chess-chromium.ts",
     "test:graph-view:chromium": "bun scripts/test-graph-view-chromium.ts",
     "typecheck": "bun x tsc --noEmit -p tsconfig.json && bun x tsc --noEmit -p tsconfig.scripts.json && bun x tsc -p tsconfig.typecheck.json",
@@ -163,7 +164,7 @@
   },
   "devDependencies": {
     "@ankhorage/devtools": "^2.3.47",
-    "@ankhorage/paradox": "^0.4.1",
+    "@ankhorage/paradox": "^0.5.0",
     "@react-native-vector-icons/fontawesome": "^14.0.0",
     "@react-native-vector-icons/fontawesome5": "^14.0.0",
     "@react-native-vector-icons/fontawesome6": "^14.0.0",

package/src/authoring.browser.ts ADDED Viewed

@@ -0,0 +1,36 @@
+export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbound/AuthoringBindingEditorAdapter';
+export { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';
+export { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';
+export { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';
+export type {
+  AuthoringBindingControlState,
+  AuthoringBindingEditorAdapterProps,
+  AuthoringPropertyControlState,
+  AuthoringPropertyInspectorAdapterProps,
+  AuthoringSelectionAdapterProps,
+  AuthoringSelectionItemState,
+  ThemeEditorAdapterProps,
+  ThemeRecipeFieldControlState,
+} from './types/authoring-adapters';
+export type {
+  ButtonProps,
+  CardProps,
+  FieldProps,
+  PressableProps,
+  TextInputProps,
+  TextProps,
+  ThemeProviderProps,
+  ThemeRuntime,
+  ViewProps,
+} from '@ankhorage/surface/authoring-controls';
+export {
+  Button,
+  Card,
+  Field,
+  Pressable,
+  Text,
+  TextInput,
+  ThemeProvider,
+  useTheme,
+  View,
+} from '@ankhorage/surface/authoring-controls';

package/src/authoring.ts CHANGED Viewed

@@ -12,3 +12,25 @@ export type {
   ThemeEditorAdapterProps,
   ThemeRecipeFieldControlState,
 } from './types/authoring-adapters';
+export type {
+  ButtonProps,
+  CardProps,
+  FieldProps,
+  PressableProps,
+  TextInputProps,
+  TextProps,
+  ThemeProviderProps,
+  ThemeRuntime,
+  ViewProps,
+} from '@ankhorage/surface/authoring-controls';
+export {
+  Button,
+  Card,
+  Field,
+  Pressable,
+  Text,
+  TextInput,
+  ThemeProvider,
+  useTheme,
+  View,
+} from '@ankhorage/surface/authoring-controls';

package/src/features/registry/adapters/inbound/AuthoringBindingEditorAdapter.tsx CHANGED Viewed

@@ -1,8 +1,7 @@
+import { Field, View } from '@ankhorage/surface/authoring-controls';
 import React from 'react';
 import type { AuthoringBindingEditorAdapterProps } from '../../../../types/authoring-adapters';
-import { Field } from '../../../form/public';
-import { View } from '../../../layout/public';
 /*** Presents canonical bindable properties while leaving binding representation and mutation ownership external. */
 export function AuthoringBindingEditorAdapter<TNode, TBinding>({
@@ -27,7 +26,7 @@ export function AuthoringBindingEditorAdapter<TNode, TBinding>({
         return (
           <Field
             key={name}
-            description={meta.description}
+            helperText={meta.description}
             disabled={controlDisabled}
             label={meta.label ?? name}
             required={required}

package/src/features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter.tsx CHANGED Viewed

@@ -1,8 +1,7 @@
+import { Field, View } from '@ankhorage/surface/authoring-controls';
 import React from 'react';
 import type { AuthoringPropertyInspectorAdapterProps } from '../../../../types/authoring-adapters';
-import { Field } from '../../../form/public';
-import { View } from '../../../layout/public';
 /*** Presents canonical component properties while keeping node storage and mutations with the consumer. */
 export function AuthoringPropertyInspectorAdapter<TNode>({
@@ -25,7 +24,7 @@ export function AuthoringPropertyInspectorAdapter<TNode>({
         return (
           <Field
             key={name}
-            description={schema.label === undefined ? undefined : schema.category}
+            helperText={schema.label === undefined ? undefined : schema.category}
             disabled={controlDisabled}
             label={schema.label ?? name}
             required={required}

package/src/features/registry/adapters/inbound/ThemeEditorAdapter.tsx CHANGED Viewed

@@ -1,9 +1,7 @@
+import { Card, Field, Text, View } from '@ankhorage/surface/authoring-controls';
 import React from 'react';
 import type { ThemeEditorAdapterProps } from '../../../../types/authoring-adapters';
-import { Card } from '../../../card/public';
-import { Field } from '../../../form/public';
-import { View } from '../../../layout/public';
 import { ZORA_THEME_RECIPE_META } from '../../themeRecipeMeta';
 /*** Presents ZORA recipe fields without taking ownership of a consumer's theme document. */
@@ -22,8 +20,10 @@ export function ThemeEditorAdapter<TTheme>({
   return (
     <View gap="m">
       {Object.entries(recipes).map(([recipeName, recipe]) => (
-        <Card key={recipeName} description={recipe.description} title={recipe.name}>
+        <Card key={recipeName}>
           <View gap="m">
+            <Text>{recipe.name}</Text>
+            {recipe.description === undefined ? null : <Text>{recipe.description}</Text>}
             {Object.entries(recipe.fields).map(([fieldName, field]) => {
               const controlDisabled =
                 disabled || isFieldDisabled?.(theme, recipeName, fieldName) === true;
@@ -31,7 +31,7 @@ export function ThemeEditorAdapter<TTheme>({
               return (
                 <Field
                   key={fieldName}
-                  description={field.description}
+                  helperText={field.description}
                   disabled={controlDisabled}
                   label={field.label}
                   required={required}

package/src/features/registry/adapters/inbound/authoringAdapters.test.tsx CHANGED Viewed

@@ -77,6 +77,7 @@ describe('authoring adapters', () => {
     expect(selected).toEqual([{ id: 'second' }, null]);
     expect(findElement(element, 'SelectionProvider')?.props.selectedIds).toEqual(['first']);
+    expect(findElement(element, 'SelectableItem')).toBeDefined();
   });
   test('passes required state and real property mutations while preventing disabled mutations', async () => {
@@ -198,13 +199,18 @@ async function loadAdapters(): Promise<LoadedAdapters> {
         name: 'inert-zora-authoring-controls',
         setup(builder) {
           builder.onResolve(
-            { filter: /(?:card|form|layout|registry|selection)\/public$/u },
+            {
+              filter:
+                /(?:card|form|layout|registry|selection)\/public$|@ankhorage\/surface\/authoring-controls/u,
+            },
             ({ path }) => ({ path, namespace: 'inert-zora-controls' }),
           );
           builder.onLoad({ filter: /.*/u, namespace: 'inert-zora-controls' }, () => ({
             loader: 'js',
-            contents: `export const Card='Card', Field='Field', View='View',
-              SelectableItem='SelectableItem', SelectionProvider='SelectionProvider';`,
+            contents: `export const Button='Button', Card='Card', Field='Field', Pressable='Pressable', Text='Text',
+              TextInput='TextInput', ThemeProvider='ThemeProvider', useTheme=()=>undefined,
+              View='View', SelectableItem='SelectableItem', SelectionProvider='SelectionProvider',
+              useSelection=()=>({ disabled:false, isSelected:()=>false, select:()=>undefined });`,
           }));
         },
       },

package/src/features/selection/adapters/inbound/SelectableItem.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Pressable } from '@ankhorage/surface';
+import { Pressable } from '@ankhorage/surface/authoring-controls';
 import type { SelectionIntent } from '@ankhorage/utility/selection';
 import React from 'react';
 import { type GestureResponderEvent, Platform } from 'react-native';

package/src/packedWebConsumerAcceptance.test.ts CHANGED Viewed

@@ -18,3 +18,27 @@ test(
   },
   { timeout: 120_000 },
 );
+/** Verifies the published authoring package in an independent Vite/RNW consumer installation. */
+test(
+  'installs, renders, and bundles the public authoring entrypoint',
+  () => {
+    const subprocess = Bun.spawnSync({
+      cmd: [
+        process.execPath,
+        'scripts/verify-packed-web-consumer.ts',
+        '--skip-build',
+        '--authoring',
+      ],
+      stderr: 'pipe',
+      stdout: 'pipe',
+    });
+    const output = `${subprocess.stdout.toString()}\n${subprocess.stderr.toString()}`;
+    expect(subprocess.exitCode, output).toBe(0);
+    expect(output).toContain(
+      'Packed ZORA authoring consumer Vite/RNW render and controlled selection passed.',
+    );
+  },
+  { timeout: 120_000 },
+);

package/src/webPackageExports.test.ts CHANGED Viewed

@@ -12,6 +12,16 @@ const forbiddenWebDependencies = [
   'react-native-gesture-handler',
 ] as const;
+const authoringControls = [
+  'Button',
+  'Card',
+  'Field',
+  'Pressable',
+  'Text',
+  'TextInput',
+  'View',
+] as const;
 /** Verifies that stable package web subpaths resolve only their requested UI graph. */
 test('publishes SSR-safe ordinary UI through canonical web subpaths', async () => {
   const packageJson = (await Bun.file('package.json').json()) as {
@@ -107,3 +117,11 @@ test('SSR-renders ordinary UI from its public web subpaths', async () => {
   expect(markup).toContain('Web entrypoint');
   expect(markup).toContain('Continue');
 });
+/** Verifies that the authoring boundary delegates its portable controls to released Surface. */
+test('publishes browser-safe authoring controls through the released Surface boundary', async () => {
+  const entrypoint = await Bun.file(join('src', 'authoring.ts')).text();
+  expect(entrypoint).toContain("from '@ankhorage/surface/authoring-controls'");
+  for (const control of authoringControls) expect(entrypoint).toContain(control);
+  expect(entrypoint).not.toContain("from './features/theme/runtime'");
+});

package/web-dist/authoring/index.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export { AuthoringBindingEditorAdapter } from './features/registry/adapters/inbound/AuthoringBindingEditorAdapter';
+export { AuthoringPropertyInspectorAdapter } from './features/registry/adapters/inbound/AuthoringPropertyInspectorAdapter';
+export { AuthoringSelectionAdapter } from './features/registry/adapters/inbound/AuthoringSelectionAdapter';
+export { ThemeEditorAdapter } from './features/registry/adapters/inbound/ThemeEditorAdapter';
+export type { AuthoringBindingControlState, AuthoringBindingEditorAdapterProps, AuthoringPropertyControlState, AuthoringPropertyInspectorAdapterProps, AuthoringSelectionAdapterProps, AuthoringSelectionItemState, ThemeEditorAdapterProps, ThemeRecipeFieldControlState, } from './types/authoring-adapters';
+export type { ButtonProps, CardProps, FieldProps, PressableProps, TextInputProps, TextProps, ThemeProviderProps, ThemeRuntime, ViewProps, } from '@ankhorage/surface/authoring-controls';
+export { Button, Card, Field, Pressable, Text, TextInput, ThemeProvider, useTheme, View, } from '@ankhorage/surface/authoring-controls';
+//# sourceMappingURL=authoring.browser.d.ts.map