@crediblemark/build 0.25.7 → 0.25.8

package/dist/index.css

@@ -2848,8 +2848,8 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
 }
 
 /* css-module:/home/runner/work/credbuild/credbuild/plugins/blocks/styles.module.css/#css-module-data */
-._BlocksPlugin_1ey1i_1 {
-  padding: 16px;
+._BlocksPlugin_1q0b2_1 {
+  padding: 0 16px 16px 16px;
   height: 100%;
   overflow-y: auto;
   box-sizing: border-box;
@@ -2882,3 +2882,189 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
     padding: 16px;
   }
 }
+
+/* css-module:/home/runner/work/credbuild/credbuild/plugins/code/styles.module.css/#css-module-data */
+._CodePlugin_77s8n_1 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+._CodePanel_77s8n_9 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 12px;
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+._CodePanel-title_77s8n_18 {
+  font-size: 11px !important;
+  font-weight: 600 !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.05em !important;
+  color: var(--cb-silver-muted) !important;
+  margin-bottom: 12px !important;
+}
+._CodePanel_77s8n_9 textarea._CodePanel-textarea_77s8n_27 {
+  height: 180px !important;
+  min-height: 180px !important;
+  width: 100% !important;
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace !important;
+  font-size: 12px !important;
+  line-height: 1.5 !important;
+  background-color: var(--cb-bg-base) !important;
+  color: var(--cb-silver) !important;
+  border: 1px solid var(--cb-border) !important;
+  border-radius: var(--cb-radius-m) !important;
+  padding: 10px !important;
+  resize: none !important;
+  box-sizing: border-box !important;
+  margin-bottom: 12px !important;
+}
+._CodePanel_77s8n_9 textarea._CodePanel-textarea_77s8n_27:focus {
+  border-color: var(--cb-gold) !important;
+  outline: none !important;
+}
+._CodePanel-optionsSection_77s8n_49 {
+  margin-bottom: 12px !important;
+}
+._CodePanel-optionTitle_77s8n_53 {
+  font-size: 11px !important;
+  font-weight: 600 !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.05em !important;
+  color: var(--cb-silver-muted) !important;
+  margin-bottom: 6px !important;
+}
+._CodePanel-radioGroup_77s8n_62 {
+  display: flex !important;
+  flex-direction: column !important;
+  gap: 6px !important;
+}
+._CodePanel-radioLabel_77s8n_68 {
+  display: flex !important;
+  align-items: center !important;
+  gap: 8px !important;
+  font-size: 12px !important;
+  color: var(--cb-silver) !important;
+  cursor: pointer !important;
+}
+._CodePanel-radioInput_77s8n_77 {
+  accent-color: var(--cb-gold) !important;
+  cursor: pointer !important;
+  margin: 0 !important;
+  width: auto !important;
+  height: auto !important;
+  min-height: 0 !important;
+  display: inline-block !important;
+}
+._CodePanel-button_77s8n_87 {
+  background: var(--cb-gold) !important;
+  color: var(--cb-bg-base) !important;
+  border: none !important;
+  padding: 8px 16px !important;
+  border-radius: var(--cb-radius-m) !important;
+  font-weight: 700 !important;
+  font-size: 11px !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.05em !important;
+  cursor: pointer !important;
+  transition: opacity 0.2s ease, transform 0.1s ease !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  gap: 8px !important;
+  height: 36px !important;
+  width: auto !important;
+}
+._CodePanel-button_77s8n_87:hover {
+  opacity: 0.9 !important;
+}
+._CodePanel-button_77s8n_87:active {
+  transform: scale(0.98) !important;
+}
+._CodePanel-button_77s8n_87:disabled {
+  opacity: 0.5 !important;
+  cursor: not-allowed !important;
+}
+._CodePanel-error_77s8n_120 {
+  color: #f87171 !important;
+  font-size: 11px !important;
+  margin-bottom: 12px !important;
+  line-height: 1.4 !important;
+  padding: 8px !important;
+  background-color: rgba(239, 68, 68, 0.1) !important;
+  border: 1px solid rgba(239, 68, 68, 0.2) !important;
+  border-radius: var(--cb-radius-m) !important;
+}
+._CodePanel-success_77s8n_131 {
+  color: #34d399 !important;
+  font-size: 11px !important;
+  margin-bottom: 12px !important;
+  line-height: 1.4 !important;
+  padding: 8px !important;
+  background-color: rgba(16, 185, 129, 0.1) !important;
+  border: 1px solid rgba(16, 185, 129, 0.2) !important;
+  border-radius: var(--cb-radius-m) !important;
+}
+._CodePanel-promptSection_77s8n_142 {
+  margin-top: 16px !important;
+  border-top: 1px solid var(--cb-border) !important;
+  padding-top: 12px !important;
+}
+._CodePanel-promptHeader_77s8n_148 {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  margin-bottom: 8px !important;
+}
+._CodePanel-promptText_77s8n_155 {
+  font-size: 11px !important;
+  line-height: 1.5 !important;
+  background-color: var(--cb-bg-base) !important;
+  color: var(--cb-silver-muted) !important;
+  border: 1px solid var(--cb-border) !important;
+  border-radius: var(--cb-radius-m) !important;
+  padding: 10px !important;
+  white-space: pre-wrap !important;
+  font-family: inherit !important;
+  max-height: 80px !important;
+  overflow-y: auto !important;
+}
+._CodePanel-copyBtn_77s8n_169 {
+  background: transparent !important;
+  border: 1px solid var(--cb-border) !important;
+  color: var(--cb-silver-muted) !important;
+  padding: 4px 8px !important;
+  border-radius: var(--cb-radius-m) !important;
+  font-size: 10px !important;
+  font-weight: 600 !important;
+  cursor: pointer !important;
+  display: flex !important;
+  align-items: center !important;
+  gap: 4px !important;
+  transition: all 0.2s ease !important;
+  height: auto !important;
+  width: auto !important;
+  line-height: 1 !important;
+}
+._CodePanel-copyBtn_77s8n_169:hover {
+  border-color: var(--cb-gold) !important;
+  color: var(--cb-gold) !important;
+  background-color: var(--cb-gold-faint) !important;
+}
+._CodePanel-copyBtn--copied_77s8n_193 {
+  color: #34d399 !important;
+  border-color: rgba(16, 185, 129, 0.4) !important;
+  background-color: rgba(16, 185, 129, 0.05) !important;
+}

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import { p as Field, q as FieldProps, r as ResponsiveValue, s as DropZoneProps, a as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, C as CredBuildAction, V as Viewports, I as IframeConfig, t as InitialHistory, M as Metadata, i as ResolveDataTrigger, u as ItemSelector, c as ComponentData, v as PluginInternal } from './actions-LaZpJ1KE.mjs';
-export { w as Adaptor, A as AppState, x as ArrayField, y as ArrayState, z as AsFieldProps, B as BaseData, E as BaseField, G as CacheOpts, m as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, b as Content, T as CredBuildComponent, X as CredBuildContext, Y as CredBuildMetadata, Z as CustomField, _ as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, $ as DefaultRootProps, a0 as DefaultRootRenderProps, a1 as Direction, a2 as DragAxis, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, o as RichtextField, ai as RootConfig, R as RootData, h as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithCredBuildProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-LaZpJ1KE.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BO8uRNcW.mjs';
+import { r as Field, s as FieldProps, a as Config, U as UserGenerics, D as Data, g as UiState, O as OnAction, b as Permissions, e as Plugin, f as Overrides, i as FieldTransforms, C as CredBuildAction, V as Viewports, I as IframeConfig, t as InitialHistory, M as Metadata, d as ResolveDataTrigger, u as ItemSelector, c as ComponentData, v as PluginInternal } from './actions-CKSDxt4l.mjs';
+export { w as Adaptor, A as AppState, x as ArrayField, y as ArrayState, z as AsFieldProps, B as BaseData, E as BaseField, G as CacheOpts, h as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, m as Content, T as CredBuildComponent, X as CredBuildContext, Y as CredBuildMetadata, Z as CustomField, _ as CustomFieldRender, o as DefaultComponentProps, n as DefaultComponents, p as DefaultRootFieldProps, $ as DefaultRootProps, a0 as DefaultRootRenderProps, a1 as Direction, a2 as DragAxis, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, k as ResponsiveValue, ah as RichText, j as RichtextField, ai as RootConfig, q as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithCredBuildProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-CKSDxt4l.mjs';
+export { C as ColorPickerField, D as DropZone, R as ResponsiveSliderField, S as SliderField, m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-B_jHFa3L.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-CD3PszvP.mjs';
+import { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-Ds4Dkkyr.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -71,38 +71,6 @@ declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<Value
     value: any;
 }): react_jsx_runtime.JSX.Element | null;
 
-type SliderFieldProps = {
-    value: string | number;
-    onChange: (value: string | number) => void;
-    label?: string;
-    min?: number;
-    max?: number;
-    step?: number;
-    unit?: string;
-    defaultValue?: string | number;
-    useUnits?: boolean;
-    style?: react__default.CSSProperties;
-};
-declare const SliderField: ({ value, onChange, min, max, step, unit, defaultValue, useUnits, style }: SliderFieldProps) => react_jsx_runtime.JSX.Element;
-
-type ResponsiveSliderFieldProps = {
-    value: ResponsiveValue;
-    onChange: (value: ResponsiveValue) => void;
-    label?: string;
-    unit?: string;
-    max?: number;
-    min?: number;
-    step?: number;
-    defaultValue?: number | ResponsiveValue;
-};
-declare const ResponsiveSliderField: ({ value, onChange, label, unit, max, min, step, defaultValue }: ResponsiveSliderFieldProps) => react_jsx_runtime.JSX.Element;
-
-type ColorPickerFieldProps = {
-    value: string;
-    onChange: (value: string) => void;
-};
-declare const ColorPickerField: ({ value, onChange }: ColorPickerFieldProps) => react_jsx_runtime.JSX.Element;
-
 declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
@@ -137,8 +105,6 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, suppressHydrationWarning, }: {
     active?: boolean;
     children: ReactNode;
@@ -336,4 +302,6 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, AutoField, Button, ColorPickerField, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, ResponsiveSliderField, ResponsiveValue, RichTextMenu, Separator, SliderField, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };
+declare const codePlugin: () => Plugin;
+
+export { Action, ActionBar, AutoField, Button, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, Separator, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, codePlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { p as Field, q as FieldProps, r as ResponsiveValue, s as DropZoneProps, a as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, C as CredBuildAction, V as Viewports, I as IframeConfig, t as InitialHistory, M as Metadata, i as ResolveDataTrigger, u as ItemSelector, c as ComponentData, v as PluginInternal } from './actions-LaZpJ1KE.js';
-export { w as Adaptor, A as AppState, x as ArrayField, y as ArrayState, z as AsFieldProps, B as BaseData, E as BaseField, G as CacheOpts, m as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, b as Content, T as CredBuildComponent, X as CredBuildContext, Y as CredBuildMetadata, Z as CustomField, _ as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, $ as DefaultRootProps, a0 as DefaultRootRenderProps, a1 as Direction, a2 as DragAxis, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, o as RichtextField, ai as RootConfig, R as RootData, h as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithCredBuildProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-LaZpJ1KE.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BEw6kTXm.js';
+import { r as Field, s as FieldProps, a as Config, U as UserGenerics, D as Data, g as UiState, O as OnAction, b as Permissions, e as Plugin, f as Overrides, i as FieldTransforms, C as CredBuildAction, V as Viewports, I as IframeConfig, t as InitialHistory, M as Metadata, d as ResolveDataTrigger, u as ItemSelector, c as ComponentData, v as PluginInternal } from './actions-CKSDxt4l.js';
+export { w as Adaptor, A as AppState, x as ArrayField, y as ArrayState, z as AsFieldProps, B as BaseData, E as BaseField, G as CacheOpts, h as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, m as Content, T as CredBuildComponent, X as CredBuildContext, Y as CredBuildMetadata, Z as CustomField, _ as CustomFieldRender, o as DefaultComponentProps, n as DefaultComponents, p as DefaultRootFieldProps, $ as DefaultRootProps, a0 as DefaultRootRenderProps, a1 as Direction, a2 as DragAxis, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, k as ResponsiveValue, ah as RichText, j as RichtextField, ai as RootConfig, q as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithCredBuildProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-CKSDxt4l.js';
+export { C as ColorPickerField, D as DropZone, R as ResponsiveSliderField, S as SliderField, m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DHMRjk5Z.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-Bj2x5pZ7.js';
+import { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DwajIHZf.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -71,38 +71,6 @@ declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<Value
     value: any;
 }): react_jsx_runtime.JSX.Element | null;
 
-type SliderFieldProps = {
-    value: string | number;
-    onChange: (value: string | number) => void;
-    label?: string;
-    min?: number;
-    max?: number;
-    step?: number;
-    unit?: string;
-    defaultValue?: string | number;
-    useUnits?: boolean;
-    style?: react__default.CSSProperties;
-};
-declare const SliderField: ({ value, onChange, min, max, step, unit, defaultValue, useUnits, style }: SliderFieldProps) => react_jsx_runtime.JSX.Element;
-
-type ResponsiveSliderFieldProps = {
-    value: ResponsiveValue;
-    onChange: (value: ResponsiveValue) => void;
-    label?: string;
-    unit?: string;
-    max?: number;
-    min?: number;
-    step?: number;
-    defaultValue?: number | ResponsiveValue;
-};
-declare const ResponsiveSliderField: ({ value, onChange, label, unit, max, min, step, defaultValue }: ResponsiveSliderFieldProps) => react_jsx_runtime.JSX.Element;
-
-type ColorPickerFieldProps = {
-    value: string;
-    onChange: (value: string) => void;
-};
-declare const ColorPickerField: ({ value, onChange }: ColorPickerFieldProps) => react_jsx_runtime.JSX.Element;
-
 declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
@@ -137,8 +105,6 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, suppressHydrationWarning, }: {
     active?: boolean;
     children: ReactNode;
@@ -336,4 +302,6 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, AutoField, Button, ColorPickerField, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, ResponsiveSliderField, ResponsiveValue, RichTextMenu, Separator, SliderField, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };
+declare const codePlugin: () => Plugin;
+
+export { Action, ActionBar, AutoField, Button, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, Separator, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, codePlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };