pagepilot-visual-editor 1.0.8 → 1.0.10

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 (64) hide show
  1. package/README.md +105 -1
  2. package/dist/blocks-internal/block-button/src/index.d.ts +10 -10
  3. package/dist/blocks-internal/block-columns-container/src/index.d.ts +3 -3
  4. package/dist/blocks-internal/block-container/src/index.d.ts +8 -8
  5. package/dist/blocks-internal/block-grid/src/index.d.ts +1 -1
  6. package/dist/blocks-internal/block-heading/src/index.d.ts +7 -7
  7. package/dist/blocks-internal/block-html/src/index.d.ts +2 -2
  8. package/dist/blocks-internal/block-iframe/src/index.d.ts +2 -2
  9. package/dist/blocks-internal/block-image/src/index.d.ts +3 -3
  10. package/dist/blocks-internal/block-list/src/index.d.ts +6 -6
  11. package/dist/blocks-internal/block-logo/src/index.d.ts +2 -2
  12. package/dist/blocks-internal/block-stepper/src/index.d.ts +5 -5
  13. package/dist/blocks-internal/block-text/src/index.d.ts +4 -4
  14. package/dist/blocks-internal/block-video/src/index.d.ts +3 -3
  15. package/dist/blocks-internal/block-youtube-url/src/index.d.ts +3 -3
  16. package/dist/editor/renderSections.d.ts +2 -0
  17. package/dist/editor-sample/App/InspectorDrawer/LayersPanelStyles.d.ts +2 -2
  18. package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/templateApplyHelpers.d.ts +2 -14
  19. package/dist/editor-sample/App/shared/editor.styles.d.ts +3 -3
  20. package/dist/editor-sample/documents/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts +3 -3
  21. package/dist/editor-sample/documents/blocks/Container/ContainerPropsSchema.d.ts +8 -8
  22. package/dist/editor-sample/documents/blocks/DemoPicker/DemoPropsSchema.d.ts +2 -2
  23. package/dist/editor-sample/documents/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts +3 -3
  24. package/dist/editor-sample/documents/blocks/FormsPicker/FormsPropsSchema.d.ts +2 -2
  25. package/dist/editor-sample/documents/blocks/Grid/GridPropsSchema.d.ts +3 -3
  26. package/dist/editor-sample/documents/blocks/Marquee/MarqueePropsSchema.d.ts +2 -2
  27. package/dist/editor-sample/documents/blocks/MenuPicker/MenuPropsSchema.d.ts +2 -2
  28. package/dist/editor-sample/documents/blocks/PricingAccordion/PricingAccordionPropsSchema.d.ts +2 -2
  29. package/dist/editor-sample/documents/blocks/Rating/RatingPropsSchema.d.ts +2 -2
  30. package/dist/editor-sample/documents/blocks/helpers/zod.d.ts +3 -3
  31. package/dist/editor-sample/documents/editor/EditorContext.d.ts +2 -2
  32. package/dist/editor-sample/documents/editor/core.d.ts +85 -85
  33. package/dist/editor-sample/documents/editor/templateVariables.d.ts +4 -75
  34. package/dist/email-builder-core/blocks/AccessibilityTools/AccessibilityToolsPropsSchema.d.ts +3 -3
  35. package/dist/email-builder-core/blocks/Calendly/CalendlyPropsSchema.d.ts +2 -2
  36. package/dist/email-builder-core/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts +3 -3
  37. package/dist/email-builder-core/blocks/Container/ContainerPropsSchema.d.ts +8 -8
  38. package/dist/email-builder-core/blocks/DemoPicker/DemoPropsSchema.d.ts +2 -2
  39. package/dist/email-builder-core/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts +5 -5
  40. package/dist/email-builder-core/blocks/EmailLayout/EmailLayoutReader.d.ts +1 -1
  41. package/dist/email-builder-core/blocks/FlexColumns/FlexColumnsPropsSchema.d.ts +2 -2
  42. package/dist/email-builder-core/blocks/FormsPicker/FormsPropsSchema.d.ts +2 -2
  43. package/dist/email-builder-core/blocks/Grid/GridPropsSchema.d.ts +3 -3
  44. package/dist/email-builder-core/blocks/Marquee/MarqueePropsSchema.d.ts +2 -2
  45. package/dist/email-builder-core/blocks/MenuPicker/MenuPropsSchema.d.ts +4 -4
  46. package/dist/email-builder-core/blocks/Pagination/PaginationPropsSchema.d.ts +5 -5
  47. package/dist/email-builder-core/blocks/PricingAccordion/PricingAccordionPropsSchema.d.ts +2 -2
  48. package/dist/email-builder-core/blocks/Rating/RatingPropsSchema.d.ts +2 -2
  49. package/dist/email-builder-core/blocks/SkipLink/SkipLinkPropsSchema.d.ts +2 -2
  50. package/dist/email-builder-core/blocks/Table/TablePropsSchema.d.ts +2 -2
  51. package/dist/index.cjs +225 -221
  52. package/dist/index.d.ts +2 -0
  53. package/dist/index.js +15913 -15530
  54. package/dist/render-core/collectSubtreeIds.d.ts +1 -0
  55. package/dist/render-core/combineSections.d.ts +37 -0
  56. package/dist/render-core/stubs/editorContext.d.ts +10 -0
  57. package/dist/render-core/stubs/usePreviewScreen.d.ts +7 -0
  58. package/dist/render-core/templateBaking.d.ts +35 -0
  59. package/dist/render-core/templateEnvelope.d.ts +11 -0
  60. package/dist/render.cjs +726 -0
  61. package/dist/render.d.ts +4 -0
  62. package/dist/render.js +15085 -0
  63. package/dist/renderToStaticHtml.d.ts +107 -0
  64. package/package.json +11 -3
package/README.md CHANGED
@@ -935,6 +935,105 @@ import { Reader, renderToStaticMarkup } from "pagepilot-visual-editor";
935
935
  const html = renderToStaticMarkup(myDoc, { rootBlockId: "root" });
936
936
  ```
937
937
 
938
+ ### `renderToStaticHtml(CONFIGURATION, options)`
939
+
940
+ Higher-level renderer that always runs through the **same code path** the editor uses on Save Changes / Publish: bake formFields, sanitize block types this build doesn't know about (e.g. `Mdx` → `Text`), then call `renderToStaticMarkup`. One function, three call shapes — the first is sync, the API-backed shapes return a `Promise<string>`.
941
+
942
+ #### Zero-dependency subpath (`pagepilot-visual-editor/render`)
943
+
944
+ If you only need HTML generation (server-side, serverless, CLI, static export) and **don't** want to install MUI / Emotion / zustand just to import a render function, use the render subpath. It ships as an editor-free bundle whose only external dependencies are `react` and `react-dom/server`:
945
+
946
+ ```ts
947
+ import { renderToStaticHtml } from "pagepilot-visual-editor/render";
948
+ ```
949
+
950
+ ```bash
951
+ # Only react + react-dom needed for the render subpath.
952
+ npm install pagepilot-visual-editor react react-dom
953
+ ```
954
+
955
+ Nothing else changes — the same three call shapes and options documented below apply to both entries. The main entry (`import from "pagepilot-visual-editor"`) still exports the same symbol for hosts that already have MUI installed for `<PagePilotEditor>`.
956
+
957
+ **1. Sync — render a document you already have in memory**
958
+
959
+ ```ts
960
+ import { renderToStaticHtml } from "pagepilot-visual-editor/render";
961
+
962
+ const generatedHtml = renderToStaticHtml(CONFIGURATION, {
963
+ rootBlockId: "root",
964
+ });
965
+ ```
966
+
967
+ - `CONFIGURATION` is the document tree (`{ root: { type: "EmailLayout", … }, "block-…": {…} }`) — the same shape stored on `contentMetadata.document`.
968
+ - Any `{{token}}`s in the doc are resolved automatically using `document.root.data.formFields`; unknown block types are coerced to `Text` blocks that carry the original `props.html` / `props.text` / `props.markdown`.
969
+
970
+ **2. Async — fetch a page from the pagepilot API and render every section**
971
+
972
+ ```ts
973
+ const generatedHtml = await renderToStaticHtml(CONFIGURATION, {
974
+ rootBlockId: "root",
975
+ pageId, // required — page `_id`
976
+ baseUrl, // e.g. "https://pagepilot.fabbuilder.com/api"
977
+ tenantId, // required
978
+ authToken, // optional bearer for private pages
979
+ });
980
+ ```
981
+
982
+ - `GET ${baseUrl}/tenant/${tenantId}/page/${pageId}`.
983
+ - Every section's `contentMetadata.document` is baked (with its own `formFields`) and re-rendered — the stored `section.content` HTML is **never reused**.
984
+ - Multi-section pages are wrapped in a `<!doctype html>` shell (viewport meta, body background/font from the first internal section's EmailLayout). Pass `wrapInDocumentShell: false` to get bare fragments instead.
985
+ - `CONFIGURATION` acts as a fallback if the API returns no sections.
986
+
987
+ **3. Async — fetch a template, override `variables`, render**
988
+
989
+ ```ts
990
+ const generatedHtml = await renderToStaticHtml({}, {
991
+ rootBlockId: "root",
992
+ templateId, // required — template `_id`
993
+ baseUrl,
994
+ tenantId, // needed unless `isGlobal: true`
995
+ authToken, // optional (skipped when `isGlobal: true`)
996
+ isGlobal: false, // true → GET /global-template/:templateId (public, no auth)
997
+ variables: { fname: "Ishaan", ctaText: "Book Now" },
998
+ });
999
+ ```
1000
+
1001
+ - **`isGlobal: false`** (default): `GET ${baseUrl}/tenant/${tenantId}/template/${templateId}` with the bearer token.
1002
+ - **`isGlobal: true`**: `GET ${baseUrl}/global-template/${templateId}` — public endpoint, no auth header sent.
1003
+ - `variables` accepts two shapes:
1004
+ - Flat map — `{ fieldId: value }`. Values are stringified. Ids not on the template are appended as text fields, so `{{fname}}` still substitutes even if the template's authors never declared a `fname` field.
1005
+ - Array of formField objects — `[{ id, name, type, value, itemFields?, sourceBlockId?, rowIds? }, …]`. Each entry deep-merges onto the template's existing field with the same `id`, so you can override array/repeatable fields (`fabFaqs`, etc.) end-to-end, not just their scalar `value`.
1006
+ - Template envelope shapes handled: flat `configuration.root`, page-envelope `configuration.content.contentMetadata.document`, older `configuration.contentMetadata.document`, and `isIndividualBlock` block templates (a synthetic `EmailLayout` root is generated around `configuration.rootBlockId`).
1007
+
1008
+ **All options**
1009
+
1010
+ ```ts
1011
+ type RenderToStaticHtmlOptions = {
1012
+ rootBlockId?: string; // "root"
1013
+ injectElementIds?: boolean; // true — emits `id="ahd-<blockId>"`
1014
+ minifyCss?: boolean; // true
1015
+ includePageCSS?: boolean; // true
1016
+ lang?: string; // falls back to document.root.data.lang
1017
+ skipLink?: TSkipLink; // falls back to root.data.skipLink
1018
+ accessibilityTools?: TA11yTools; // falls back to root.data.accessibilityTools
1019
+ injectTabsScrollSyncScript?: boolean; // true when the doc has a Tabs block
1020
+ injectCarouselScript?: boolean; // true when the doc has a Carousel block
1021
+ injectFontAssets?: boolean; // banners only
1022
+ seo?: TSeo;
1023
+ headHtml?: string; // appended before </head>
1024
+ bodyBottomHtml?: string; // appended before </body>
1025
+ isBanner?: boolean;
1026
+ // Page-only:
1027
+ pageId?: string; tenantId?: string; baseUrl?: string; authToken?: string;
1028
+ wrapInDocumentShell?: boolean; // true — set false to get raw fragments
1029
+ // Template-only:
1030
+ templateId?: string; isGlobal?: boolean;
1031
+ variables?: Record<string, string | number | boolean | null | undefined>
1032
+ | Array<Partial<TemplateFormField>>;
1033
+ fetchFn?: typeof fetch; // custom fetch for Node < 18 / tracing
1034
+ };
1035
+ ```
1036
+
938
1037
  ---
939
1038
 
940
1039
  ## Exports
@@ -955,7 +1054,8 @@ export {
955
1054
  // Reader / renderer
956
1055
  export {
957
1056
  Reader, ReaderBlock,
958
- renderToStaticMarkup,
1057
+ renderToStaticMarkup, // low-level React → HTML string
1058
+ renderToStaticHtml, // high-level: bake + sanitize + render, also fetches page / template from the API
959
1059
  ReaderBlockSchema, ReaderDocumentSchema,
960
1060
  } from "pagepilot-visual-editor";
961
1061
 
@@ -972,6 +1072,10 @@ export type {
972
1072
  BlockKey, BlockToggles,
973
1073
  PagepilotApiConfig, ListParams, PageListRow, PageListResponse,
974
1074
  TReaderBlock, TReaderDocument, TReaderBlockProps, TReaderProps,
1075
+ RenderToStaticHtmlOptions,
1076
+ RenderToStaticHtmlSyncOptions,
1077
+ RenderToStaticHtmlPageOptions,
1078
+ RenderToStaticHtmlTemplateOptions,
975
1079
  } from "pagepilot-visual-editor";
976
1080
  ```
977
1081
 
@@ -35,22 +35,22 @@ export declare const ButtonPropsSchema: z.ZodObject<{
35
35
  BEBAS_NEUE: "BEBAS_NEUE";
36
36
  }>>>;
37
37
  fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
38
- bold: "bold";
39
- normal: "normal";
40
38
  400: "400";
41
39
  500: "500";
42
40
  600: "600";
43
41
  700: "700";
42
+ normal: "normal";
43
+ bold: "bold";
44
44
  }>>>;
45
45
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
46
- center: "center";
47
- left: "left";
48
46
  right: "right";
47
+ left: "left";
48
+ center: "center";
49
49
  }>>>;
50
50
  buttonTextAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
51
- center: "center";
52
- left: "left";
53
51
  right: "right";
52
+ left: "left";
53
+ center: "center";
54
54
  }>>>;
55
55
  padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
56
56
  top: z.ZodNumber;
@@ -108,20 +108,20 @@ export declare const ButtonPropsSchema: z.ZodObject<{
108
108
  widthMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
109
109
  size: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
110
110
  small: "small";
111
- large: "large";
112
111
  medium: "medium";
112
+ large: "large";
113
113
  "x-small": "x-small";
114
114
  }>>>;
115
115
  sizeTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
116
116
  small: "small";
117
- large: "large";
118
117
  medium: "medium";
118
+ large: "large";
119
119
  "x-small": "x-small";
120
120
  }>>>;
121
121
  sizeMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
122
122
  small: "small";
123
- large: "large";
124
123
  medium: "medium";
124
+ large: "large";
125
125
  "x-small": "x-small";
126
126
  }>>>;
127
127
  text: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -140,8 +140,8 @@ export declare const ButtonPropsSchema: z.ZodObject<{
140
140
  iconEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
141
141
  iconName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
142
142
  iconAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
143
- left: "left";
144
143
  right: "right";
144
+ left: "left";
145
145
  }>>>;
146
146
  ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
147
147
  goToStep: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -52,18 +52,18 @@ export declare const ColumnsContainerPropsSchema: z.ZodObject<{
52
52
  vertical: "vertical";
53
53
  }>>>;
54
54
  contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
55
- bottom: "bottom";
56
55
  top: "top";
56
+ bottom: "bottom";
57
57
  middle: "middle";
58
58
  }>>>;
59
59
  contentAlignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
60
- bottom: "bottom";
61
60
  top: "top";
61
+ bottom: "bottom";
62
62
  middle: "middle";
63
63
  }>>>;
64
64
  contentAlignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
65
- bottom: "bottom";
66
65
  top: "top";
66
+ bottom: "bottom";
67
67
  middle: "middle";
68
68
  }>>>;
69
69
  }, z.core.$strip>>>;
@@ -64,24 +64,24 @@ export declare const ContainerPropsSchema: z.ZodObject<{
64
64
  heightMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
65
65
  overflow: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
66
66
  alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
67
- center: "center";
68
- left: "left";
69
67
  right: "right";
68
+ left: "left";
69
+ center: "center";
70
70
  }>>>;
71
71
  alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
72
- center: "center";
73
- left: "left";
74
72
  right: "right";
73
+ left: "left";
74
+ center: "center";
75
75
  }>>>;
76
76
  alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
77
- center: "center";
78
- left: "left";
79
77
  right: "right";
78
+ left: "left";
79
+ center: "center";
80
80
  }>>>;
81
81
  tag: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
82
+ div: "div";
82
83
  article: "article";
83
84
  aside: "aside";
84
- div: "div";
85
85
  footer: "footer";
86
86
  header: "header";
87
87
  main: "main";
@@ -93,8 +93,8 @@ export declare const ContainerPropsSchema: z.ZodObject<{
93
93
  showLink: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
94
94
  linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
95
95
  linkTarget: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
96
- _blank: "_blank";
97
96
  _self: "_self";
97
+ _blank: "_blank";
98
98
  }>>>;
99
99
  }, z.core.$strip>>>;
100
100
  }, z.core.$strip>;
@@ -24,8 +24,8 @@ export declare const GridPropsSchema: z.ZodObject<{
24
24
  columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
25
25
  rowsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
26
26
  contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
27
- bottom: "bottom";
28
27
  top: "top";
28
+ bottom: "bottom";
29
29
  middle: "middle";
30
30
  }>>>;
31
31
  }, z.core.$strip>>>;
@@ -11,8 +11,8 @@ export declare const HeadingPropsSchema: z.ZodObject<{
11
11
  h6: "h6";
12
12
  }>>>;
13
13
  linkType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
14
- text: "text";
15
14
  link: "link";
15
+ text: "text";
16
16
  }>>>;
17
17
  url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
18
18
  openInNewTab: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -55,12 +55,12 @@ export declare const HeadingPropsSchema: z.ZodObject<{
55
55
  }>>>;
56
56
  fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
57
57
  fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
58
- bold: "bold";
59
- normal: "normal";
60
58
  400: "400";
61
59
  500: "500";
62
60
  600: "600";
63
61
  700: "700";
62
+ normal: "normal";
63
+ bold: "bold";
64
64
  }>>>;
65
65
  fontStyle: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
66
66
  normal: "normal";
@@ -68,14 +68,14 @@ export declare const HeadingPropsSchema: z.ZodObject<{
68
68
  }>>>;
69
69
  textDecoration: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
70
70
  none: "none";
71
- "line-through": "line-through";
72
71
  underline: "underline";
72
+ "line-through": "line-through";
73
73
  "underline line-through": "underline line-through";
74
74
  }>>>;
75
75
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
76
- center: "center";
77
- left: "left";
78
76
  right: "right";
77
+ left: "left";
78
+ center: "center";
79
79
  }>>>;
80
80
  padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
81
81
  top: z.ZodNumber;
@@ -102,4 +102,4 @@ export declare const HeadingPropsDefaults: {
102
102
  readonly openInNewTab: false;
103
103
  };
104
104
  export declare function Heading({ props, style }: HeadingProps): import("react/jsx-runtime").JSX.Element;
105
- export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 14 | 16 | 18 | 20 | 24 | 32;
105
+ export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 32 | 24 | 20 | 18 | 16 | 14;
@@ -36,9 +36,9 @@ export declare const HtmlPropsSchema: z.ZodObject<{
36
36
  }>>>;
37
37
  fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
38
38
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
39
- center: "center";
40
- left: "left";
41
39
  right: "right";
40
+ left: "left";
41
+ center: "center";
42
42
  }>>>;
43
43
  padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
44
44
  top: z.ZodNumber;
@@ -12,9 +12,9 @@ export declare const IframePropsSchema: z.ZodObject<{
12
12
  left: z.ZodNumber;
13
13
  }, z.core.$strip>>>;
14
14
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
15
- center: "center";
16
- left: "left";
17
15
  right: "right";
16
+ left: "left";
17
+ center: "center";
18
18
  }>>>;
19
19
  }, z.core.$strip>>>;
20
20
  props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -9,9 +9,9 @@ export declare const ImagePropsSchema: z.ZodObject<{
9
9
  }, z.core.$strip>>>;
10
10
  backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
11
11
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
12
- center: "center";
13
- left: "left";
14
12
  right: "right";
13
+ left: "left";
14
+ center: "center";
15
15
  }>>>;
16
16
  }, z.core.$strip>>>;
17
17
  props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -37,8 +37,8 @@ export declare const ImagePropsSchema: z.ZodObject<{
37
37
  decorative: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
38
38
  linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
39
39
  contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
40
- bottom: "bottom";
41
40
  top: "top";
41
+ bottom: "bottom";
42
42
  middle: "middle";
43
43
  }>>>;
44
44
  borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
@@ -9,9 +9,9 @@ export declare const ListPropsSchema: z.ZodObject<{
9
9
  color: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
10
10
  backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
11
11
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
12
- center: "center";
13
- left: "left";
14
12
  right: "right";
13
+ left: "left";
14
+ center: "center";
15
15
  }>>>;
16
16
  fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
17
17
  fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -32,19 +32,19 @@ export declare const ListPropsSchema: z.ZodObject<{
32
32
  }, z.core.$strip>>>;
33
33
  props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
34
34
  listType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
35
- ordered: "ordered";
36
35
  unordered: "unordered";
36
+ ordered: "ordered";
37
37
  }>>>;
38
38
  marker: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
39
- circle: "circle";
39
+ check: "check";
40
40
  none: "none";
41
+ circle: "circle";
41
42
  square: "square";
42
- check: "check";
43
+ decimal: "decimal";
43
44
  disc: "disc";
44
45
  dash: "dash";
45
46
  arrow: "arrow";
46
47
  cross: "cross";
47
- decimal: "decimal";
48
48
  "decimal-zero": "decimal-zero";
49
49
  "lower-alpha": "lower-alpha";
50
50
  "upper-alpha": "upper-alpha";
@@ -9,9 +9,9 @@ export declare const LogoPropsSchema: z.ZodObject<{
9
9
  }, z.core.$strip>>>;
10
10
  backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
11
11
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
12
- center: "center";
13
- left: "left";
14
12
  right: "right";
13
+ left: "left";
14
+ center: "center";
15
15
  }>>>;
16
16
  }, z.core.$strip>>>;
17
17
  props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -3,9 +3,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
3
3
  style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
4
4
  backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
5
5
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
6
- center: "center";
7
- left: "left";
8
6
  right: "right";
7
+ left: "left";
8
+ center: "center";
9
9
  }>>>;
10
10
  padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
11
11
  top: z.ZodNumber;
@@ -22,9 +22,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
22
22
  }, z.core.$strip>>>;
23
23
  props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
24
24
  stepperType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
25
- both: "both";
26
- dots: "dots";
27
25
  numeric: "numeric";
26
+ dots: "dots";
27
+ both: "both";
28
28
  }>>>;
29
29
  totalDots: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
30
30
  activeIndex: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
@@ -35,8 +35,8 @@ export declare const StepperPropsSchema: z.ZodObject<{
35
35
  numericColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
36
36
  numericFontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
37
37
  numericPosition: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
38
- left: "left";
39
38
  right: "right";
39
+ left: "left";
40
40
  above: "above";
41
41
  below: "below";
42
42
  }>>>;
@@ -36,17 +36,17 @@ export declare const TextPropsSchema: z.ZodObject<{
36
36
  BEBAS_NEUE: "BEBAS_NEUE";
37
37
  }>>>;
38
38
  fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
39
- bold: "bold";
40
- normal: "normal";
41
39
  400: "400";
42
40
  500: "500";
43
41
  600: "600";
44
42
  700: "700";
43
+ normal: "normal";
44
+ bold: "bold";
45
45
  }>>>;
46
46
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
47
- center: "center";
48
- left: "left";
49
47
  right: "right";
48
+ left: "left";
49
+ center: "center";
50
50
  }>>>;
51
51
  padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
52
52
  top: z.ZodNumber;
@@ -9,9 +9,9 @@ export declare const VideoPropsSchema: z.ZodObject<{
9
9
  }, z.core.$strip>>>;
10
10
  backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
11
11
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
12
- center: "center";
13
- left: "left";
14
12
  right: "right";
13
+ left: "left";
14
+ center: "center";
15
15
  }>>>;
16
16
  }, z.core.$strip>>>;
17
17
  props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const VideoPropsSchema: z.ZodObject<{
25
25
  alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
26
26
  linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
27
27
  contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
28
- bottom: "bottom";
29
28
  top: "top";
29
+ bottom: "bottom";
30
30
  middle: "middle";
31
31
  }>>>;
32
32
  name: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -9,9 +9,9 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
9
9
  }, z.core.$strip>>>;
10
10
  backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
11
11
  textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
12
- center: "center";
13
- left: "left";
14
12
  right: "right";
13
+ left: "left";
14
+ center: "center";
15
15
  }>>>;
16
16
  }, z.core.$strip>>>;
17
17
  props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
25
25
  alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
26
26
  linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
27
27
  contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
28
- bottom: "bottom";
29
28
  top: "top";
29
+ bottom: "bottom";
30
30
  middle: "middle";
31
31
  }>>>;
32
32
  }, z.core.$strip>>>;
@@ -0,0 +1,2 @@
1
+ export { isExternalSection, renderDocumentForSave, combineSectionsToHtml, } from '../render-core/combineSections';
2
+ export type { SectionForRender, RenderDocumentForSaveOptions, CombineSectionsOptions, } from '../render-core/combineSections';
@@ -4,10 +4,10 @@ export declare const PanelRoot: import('@emotion/styled').StyledComponent<import
4
4
  export declare const PanelHeader: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
5
5
  export declare const PanelContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
6
6
  export declare const HeaderBox: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
7
- export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
7
+ export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
8
8
  export declare const ClipboardBar: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
9
9
  export declare const ActionSpan: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
10
- export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "action" | "disabled" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
10
+ export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "color" | "disabled" | "action" | "href" | "tabIndex" | "fullWidth" | "size" | "loading" | "classes" | "sx" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
11
11
  export declare const connectorVLineSx: (depth: number, isLast: boolean, INDENT: number) => SxProps<Theme>;
12
12
  export declare const connectorHLineSx: (depth: number, INDENT: number) => SxProps<Theme>;
13
13
  export declare const rowSx: (depth: number, INDENT: number, isSelected: boolean, dropPos: "before" | "after" | "inside" | null) => SxProps<Theme>;
@@ -1,17 +1,5 @@
1
- /**
2
- * Locate the `formFields[]` array on an incoming template record no matter
3
- * where it's stored. Templates can put fields at four different spots:
4
- *
5
- * - `configuration.root.data.formFields` — page/document template.
6
- * - `configuration.formFields` when `configuration.isIndividualBlock` —
7
- * block template.
8
- * - `configuration.steps[i].contentMetadata.document.root.data.formFields`
9
- * / `configuration.slides[i].…` — multi-slot (tour/demo/carousel).
10
- * - `configuration.step.contentMetadata.document.root.data.formFields` —
11
- * single-step tooltip.
12
- * - Legacy `templateRecord.formFields` mirror at the record root.
13
- */
14
- export declare function resolveTemplateFormFields(templateRecord: any): any[];
1
+ import { resolveTemplateFormFields, resolveTemplateDocument } from '../../../../render-core/templateEnvelope';
2
+ export { resolveTemplateFormFields, resolveTemplateDocument };
15
3
  /**
16
4
  * Rewrite container-repeat fields' `sourceBlockId` / `rowIds` through an id
17
5
  * remap. Used by individual-block apply: block ids are regenerated so the
@@ -1,5 +1,5 @@
1
- export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
2
- export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
1
+ export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
2
+ export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
3
3
  export declare const widthUnitSelectSx: {
4
4
  '& .MuiOutlinedInput-notchedOutline': {
5
5
  border: string;
@@ -18,4 +18,4 @@ export declare const widthUnitSelectSx: {
18
18
  paddingBottom: string;
19
19
  };
20
20
  };
21
- export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "action" | "disabled" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
21
+ export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "color" | "disabled" | "action" | "tabIndex" | "size" | "loading" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;