@ohhwells/bridge 0.1.78 → 0.1.80

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 (8) hide show
  1. package/dist/index.cjs +1059 -138
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +9 -3
  4. package/dist/index.d.ts +9 -3
  5. package/dist/index.js +1059 -138
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +3 -0
  8. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -20,7 +20,7 @@ declare function OhhwellsBridge(): react_jsx_runtime.JSX.Element;
20
20
  */
21
21
  declare const AI_TREE_SCHEMA_VERSIONS: readonly [1];
22
22
  type SectionScaffold = 'stacked' | 'split' | 'overlay';
23
- type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget';
23
+ type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget' | 'group';
24
24
  interface AiBlockNode {
25
25
  type: AiBlockType;
26
26
  span: number;
@@ -44,6 +44,10 @@ interface AiSectionSettings {
44
44
  verticalPosition?: 'top' | 'center';
45
45
  overlayIntensity?: 'low' | 'medium' | 'high';
46
46
  backgroundMedia?: string;
47
+ /** Tinted band behind the section, resolved against the brand tokens. */
48
+ sectionBackground?: 'default' | 'surface' | 'accent' | 'accent-soft';
49
+ /** Vertical distribution of column content (stacked/split scaffolds). */
50
+ textDistribution?: 'top' | 'center' | 'space-between';
47
51
  }
48
52
  interface AiLayoutTree {
49
53
  schemaVersion: number;
@@ -135,6 +139,8 @@ declare function isRenderableTree(value: unknown): value is AiLayoutTree;
135
139
  interface AiTreeRendererProps {
136
140
  tree: AiLayoutTree;
137
141
  brand?: AiBrandKit;
142
+ /** The host template's button corner radius (e.g. "0px", "8px"); a form's submit adopts it. */
143
+ buttonRadius?: string | null;
138
144
  /** Resolves a media ref to a URL; null renders a placeholder. */
139
145
  resolveMedia?: (ref: string) => string | null;
140
146
  /**
@@ -144,7 +150,7 @@ interface AiTreeRendererProps {
144
150
  */
145
151
  editKeyPrefix?: string;
146
152
  }
147
- declare function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
153
+ declare function AiTreeRenderer({ tree, brand, buttonRadius, resolveMedia, editKeyPrefix, }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
148
154
 
149
155
  type LinkPage = {
150
156
  path: string;
@@ -249,7 +255,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
249
255
 
250
256
  declare const toggleVariants: (props?: ({
251
257
  variant?: "default" | "outline" | null | undefined;
252
- size?: "default" | "sm" | "lg" | null | undefined;
258
+ size?: "default" | "lg" | "sm" | null | undefined;
253
259
  } & class_variance_authority_types.ClassProp) | undefined) => string;
254
260
  declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
255
261
 
package/dist/index.d.ts CHANGED
@@ -20,7 +20,7 @@ declare function OhhwellsBridge(): react_jsx_runtime.JSX.Element;
20
20
  */
21
21
  declare const AI_TREE_SCHEMA_VERSIONS: readonly [1];
22
22
  type SectionScaffold = 'stacked' | 'split' | 'overlay';
23
- type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget';
23
+ type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget' | 'group';
24
24
  interface AiBlockNode {
25
25
  type: AiBlockType;
26
26
  span: number;
@@ -44,6 +44,10 @@ interface AiSectionSettings {
44
44
  verticalPosition?: 'top' | 'center';
45
45
  overlayIntensity?: 'low' | 'medium' | 'high';
46
46
  backgroundMedia?: string;
47
+ /** Tinted band behind the section, resolved against the brand tokens. */
48
+ sectionBackground?: 'default' | 'surface' | 'accent' | 'accent-soft';
49
+ /** Vertical distribution of column content (stacked/split scaffolds). */
50
+ textDistribution?: 'top' | 'center' | 'space-between';
47
51
  }
48
52
  interface AiLayoutTree {
49
53
  schemaVersion: number;
@@ -135,6 +139,8 @@ declare function isRenderableTree(value: unknown): value is AiLayoutTree;
135
139
  interface AiTreeRendererProps {
136
140
  tree: AiLayoutTree;
137
141
  brand?: AiBrandKit;
142
+ /** The host template's button corner radius (e.g. "0px", "8px"); a form's submit adopts it. */
143
+ buttonRadius?: string | null;
138
144
  /** Resolves a media ref to a URL; null renders a placeholder. */
139
145
  resolveMedia?: (ref: string) => string | null;
140
146
  /**
@@ -144,7 +150,7 @@ interface AiTreeRendererProps {
144
150
  */
145
151
  editKeyPrefix?: string;
146
152
  }
147
- declare function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
153
+ declare function AiTreeRenderer({ tree, brand, buttonRadius, resolveMedia, editKeyPrefix, }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
148
154
 
149
155
  type LinkPage = {
150
156
  path: string;
@@ -249,7 +255,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
249
255
 
250
256
  declare const toggleVariants: (props?: ({
251
257
  variant?: "default" | "outline" | null | undefined;
252
- size?: "default" | "sm" | "lg" | null | undefined;
258
+ size?: "default" | "lg" | "sm" | null | undefined;
253
259
  } & class_variance_authority_types.ClassProp) | undefined) => string;
254
260
  declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
255
261