@payloadcms/ui 3.0.0-alpha.0

package/dist/forms/RenderFields/index.scss

@@ -0,0 +1,55 @@
+@import '../../scss/styles.scss';
+
+.render-fields {
+  --spacing-field: var(--base);
+
+  &--margins-small {
+    --spacing-field: var(--base);
+  }
+
+  &--margins-none {
+    --spacing-field: 0;
+  }
+
+  & > .field-type {
+    margin-bottom: var(--spacing-field);
+
+    &[type='hidden'] {
+      margin-bottom: 0;
+    }
+
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // at the top-level, add extra margins for the following field types
+  &:not(.render-fields--margins-small) {
+    & > .field-type {
+      &.group-field,
+      &.blocks-field,
+      &.array-field,
+      &.collapsible-field,
+      &.rich-text {
+        margin-top: calc(var(--spacing-field) * 2);
+        margin-bottom: calc(var(--spacing-field) * 2);
+
+        &:first-child {
+          margin-top: 0;
+        }
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  @include small-break {
+    --spacing-field: calc(var(--base) / 2);
+  }
+}

package/dist/forms/RenderFields/types.d.ts

@@ -0,0 +1,8 @@
+import type { FieldMap } from '../../utilities/buildComponentMap/types';
+export type Props = {
+    className?: string;
+    fieldMap: FieldMap;
+    forceRender?: boolean;
+    margins?: 'small' | false;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/RenderFields/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAEvE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAC1B,CAAA"}

package/dist/forms/RowLabel/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { Props } from './types';
+export declare const RowLabel: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/RowLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAQpC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BpC,CAAA"}

package/dist/forms/RowLabel/types.d.ts

@@ -0,0 +1,13 @@
+import type { I18n } from '@payloadcms/translations';
+import type { RowLabel, RowLabelComponent } from 'payload/types';
+import type { FormState } from '../..';
+export type Props = {
+    className?: string;
+    data: FormState;
+    i18n: I18n;
+    label?: RowLabel;
+    path: string;
+    rowNumber?: number;
+};
+export declare function isComponent(label: RowLabel): label is RowLabelComponent;
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/RowLabel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAIhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,IAAI,iBAAiB,CAEvE"}

package/dist/forms/Submit/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from '../../elements/Button/types';
+import './index.scss';
+declare const FormSubmit: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export default FormSubmit;
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/Submit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Submit/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAIxD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,UAAU,iFAad,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/forms/Submit/index.scss

@@ -0,0 +1,5 @@
+form > .form-submit {
+  .btn {
+    width: 100%;
+  }
+}

package/dist/forms/WatchChildErrors/buildPathSegments.d.ts

@@ -0,0 +1,3 @@
+import type { FieldMap } from '../../utilities/buildComponentMap/types';
+export declare const buildPathSegments: (parentPath: string, fieldMap: FieldMap) => string[];
+//# sourceMappingURL=buildPathSegments.d.ts.map

package/dist/forms/WatchChildErrors/buildPathSegments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildPathSegments.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAEvE,eAAO,MAAM,iBAAiB,eAAgB,MAAM,yBAAuB,MAAM,EA0BhF,CAAA"}

package/dist/forms/WatchChildErrors/getFieldStateFromPaths.d.ts

@@ -0,0 +1,9 @@
+import type { FormState } from '../Form/types';
+export declare const getFieldStateFromPaths: ({ formState, pathSegments, }: {
+    formState: FormState;
+    pathSegments: string[];
+}) => {
+    errorCount: number;
+    fieldState: FormState;
+};
+//# sourceMappingURL=getFieldStateFromPaths.d.ts.map

package/dist/forms/WatchChildErrors/getFieldStateFromPaths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFieldStateFromPaths.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/getFieldStateFromPaths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,eAAO,MAAM,sBAAsB;eAItB,SAAS;kBACN,MAAM,EAAE;;gBAEV,MAAM;gBACN,SAAS;CA0BtB,CAAA"}

package/dist/forms/WatchChildErrors/getNestedFieldState.d.ts

@@ -0,0 +1,13 @@
+import type { Field } from 'payload/types';
+import type { FormState } from '../Form/types';
+export declare const getNestedFieldState: ({ fieldSchema, formState, pathSegments: pathSegmentsFromProps, }: {
+    fieldSchema?: Field[];
+    formState?: FormState;
+    path: string;
+    pathSegments?: string[];
+}) => {
+    errorCount: number;
+    fieldState: FormState;
+    pathSegments: string[];
+};
+//# sourceMappingURL=getNestedFieldState.d.ts.map

package/dist/forms/WatchChildErrors/getNestedFieldState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNestedFieldState.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/getNestedFieldState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAK9C,eAAO,MAAM,mBAAmB;kBAMhB,KAAK,EAAE;gBACT,SAAS;UACf,MAAM;mBACG,MAAM,EAAE;;gBAEX,MAAM;gBACN,SAAS;kBACP,MAAM,EAAE;CAcvB,CAAA"}

package/dist/forms/WatchChildErrors/index.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { FieldMap } from '../../utilities/buildComponentMap/types';
+type TrackSubSchemaErrorCountProps = {
+    fieldMap?: FieldMap;
+    path: string;
+    setErrorCount: (count: number) => void;
+};
+export declare const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/WatchChildErrors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAOvE,KAAK,6BAA6B,GAAG;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsBpE,CAAA"}

package/dist/forms/fields/Array/ArrayRow.d.ts

@@ -0,0 +1,29 @@
+import type { FieldPermissions } from 'payload/auth';
+import type { ArrayField, RowLabel as RowLabelType } from 'payload/types';
+import React from 'react';
+import type { UseDraggableSortableReturn } from '../../../elements/DraggableSortable/useDraggableSortable/types';
+import type { FieldMap } from '../../../utilities/buildComponentMap/types';
+import type { Row } from '../../Form/types';
+import './index.scss';
+type ArrayRowProps = UseDraggableSortableReturn & {
+    CustomRowLabel?: RowLabelType;
+    addRow: (rowIndex: number) => void;
+    duplicateRow: (rowIndex: number) => void;
+    fieldMap: FieldMap;
+    forceRender?: boolean;
+    hasMaxRows?: boolean;
+    indexPath: string;
+    labels: ArrayField['labels'];
+    moveRow: (fromIndex: number, toIndex: number) => void;
+    path: string;
+    permissions: FieldPermissions;
+    readOnly?: boolean;
+    removeRow: (rowIndex: number) => void;
+    row: Row;
+    rowCount: number;
+    rowIndex: number;
+    setCollapse: (rowID: string, collapsed: boolean) => void;
+};
+export declare const ArrayRow: React.FC<ArrayRowProps>;
+export {};
+//# sourceMappingURL=ArrayRow.d.ts.map

package/dist/forms/fields/Array/ArrayRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayRow.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Array/ArrayRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAGzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAChH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAU3C,OAAO,cAAc,CAAA;AAIrB,KAAK,aAAa,GAAG,0BAA0B,GAAG;IAChD,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACzD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoG5C,CAAA"}

package/dist/forms/fields/Array/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const ArrayFieldType: React.FC<Props>;
+export default ArrayFieldType;
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Array/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Array/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAkBpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiQnC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/forms/fields/Array/index.scss

@@ -0,0 +1,107 @@
+@import '../../../scss/styles.scss';
+
+.array-field {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--base) / 2);
+
+  &__header {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 2);
+
+    &__header-content {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
+  }
+
+  &--has-no-error {
+    > .array-field__header .array-field__header-content {
+      color: var(--theme-text);
+    }
+  }
+
+  &__header-content {
+    display: flex;
+    align-items: center;
+    gap: base(0.5);
+  }
+
+  &__header-wrap {
+    display: flex;
+    align-items: flex-end;
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  &__header-actions {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+
+  &__header-action {
+    @extend %btn-reset;
+    cursor: pointer;
+    margin-left: base(0.5);
+
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+  }
+
+  &__error-wrap {
+    position: relative;
+  }
+
+  &__row-header {
+    display: flex;
+    align-items: center;
+    gap: base(0.5);
+    pointer-events: none;
+  }
+
+  &__draggable-rows {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 2);
+  }
+
+  &__title {
+    margin-bottom: 0;
+  }
+
+  &__add-row {
+    align-self: flex-start;
+    color: var(--theme-elevation-400);
+    margin: 0;
+
+    &:hover {
+      color: var(--theme-elevation-800);
+    }
+  }
+}
+
+html[data-theme='light'] {
+  .array-field {
+    &--has-error {
+      > .array-field__header .array-field__header-content {
+        color: var(--theme-error-750);
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .array-field {
+    &--has-error {
+      > .array-field__header .array-field__header-content {
+        color: var(--theme-error-500);
+      }
+    }
+  }
+}

package/dist/forms/fields/Array/types.d.ts

@@ -0,0 +1,10 @@
+import type { FieldPermissions } from 'payload/auth';
+import type { FormFieldBase } from '../shared';
+export type Props = FormFieldBase & {
+    forceRender?: boolean;
+    indexPath: string;
+    label: false | string;
+    name?: string;
+    permissions: FieldPermissions;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Array/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Array/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;CAC9B,CAAA"}

package/dist/forms/fields/Blocks/BlockRow.d.ts

@@ -0,0 +1,29 @@
+import type { FieldPermissions } from 'payload/auth';
+import type { Labels } from 'payload/types';
+import React from 'react';
+import type { UseDraggableSortableReturn } from '../../../elements/DraggableSortable/useDraggableSortable/types';
+import type { ReducedBlock } from '../../../utilities/buildComponentMap/types';
+import type { Row } from '../../Form/types';
+type BlockFieldProps = UseDraggableSortableReturn & {
+    addRow: (rowIndex: number, blockType: string) => void;
+    block: ReducedBlock;
+    blocks: ReducedBlock[];
+    duplicateRow: (rowIndex: number) => void;
+    forceRender?: boolean;
+    hasMaxRows?: boolean;
+    indexPath: string;
+    labels: Labels;
+    moveRow: (fromIndex: number, toIndex: number) => void;
+    path: string;
+    permissions: FieldPermissions;
+    readOnly: boolean;
+    removeRow: (rowIndex: number) => void;
+    row: Row;
+    rowCount: number;
+    rowIndex: number;
+    schemaPath: string;
+    setCollapse: (id: string, collapsed: boolean) => void;
+};
+export declare const BlockRow: React.FC<BlockFieldProps>;
+export {};
+//# sourceMappingURL=BlockRow.d.ts.map

package/dist/forms/fields/Blocks/BlockRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAChH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAC9E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAe3C,KAAK,eAAe,GAAG,0BAA0B,GAAG;IAClD,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,KAAK,EAAE,YAAY,CAAA;IACnB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0G9C,CAAA"}

package/dist/forms/fields/Blocks/BlocksDrawer/BlockSearch/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+declare const BlockSearch: React.FC<{
+    setSearchTerm: (term: string) => void;
+}>;
+export default BlockSearch;
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Blocks/BlocksDrawer/BlockSearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAkBpE,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/forms/fields/Blocks/BlocksDrawer/BlockSearch/index.scss

@@ -0,0 +1,37 @@
+@import '../../../../../scss/styles.scss';
+
+$icon-width: base(1);
+$icon-margin: base(0.25);
+
+.block-search {
+  position: sticky;
+  top: 0;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  z-index: 1;
+
+  &__input {
+    @include formInput;
+    padding-right: calc(#{$icon-width} + #{$icon-margin} * 2);
+  }
+
+  .search {
+    position: absolute;
+    top: 50%;
+    transform: translate3d(0, -50%, 0);
+    right: base(0.25);
+    width: $icon-width;
+    margin: 0 $icon-margin;
+
+    .stroke {
+      stroke: var(--theme-elevation-300);
+    }
+  }
+
+  @include mid-break {
+    &__input {
+      margin-bottom: 0;
+    }
+  }
+}

package/dist/forms/fields/Blocks/BlocksDrawer/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+export declare const BlocksDrawer: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Blocks/BlocksDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOpC,OAAO,cAAc,CAAA;AAYrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+DxC,CAAA"}

package/dist/forms/fields/Blocks/BlocksDrawer/index.scss

@@ -0,0 +1,48 @@
+@import '../../../../scss/styles.scss';
+
+.blocks-drawer {
+  &__blocks-wrapper {
+    padding-top: base(1.5);
+  }
+
+  &__blocks {
+    position: relative;
+    padding: 0;
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    gap: base(1);
+  }
+
+  &__default-image {
+    width: 100%;
+    overflow: hidden;
+    padding-top: base(0.75);
+  }
+
+  @include large-break {
+    &__blocks {
+      grid-template-columns: repeat(5, 1fr);
+    }
+  }
+
+  @include mid-break {
+    &__blocks-wrapper {
+      padding-top: base(1.75);
+    }
+    &__blocks {
+      grid-template-columns: repeat(3, 1fr);
+      gap: base(0.5);
+    }
+  }
+
+  @include small-break {
+    &__blocks-wrapper {
+      padding-top: base(0.75);
+    }
+
+    &__blocks {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+}

package/dist/forms/fields/Blocks/BlocksDrawer/types.d.ts

@@ -0,0 +1,10 @@
+import type { Labels } from 'payload/types';
+import type { ReducedBlock } from '../../../../utilities/buildComponentMap/types';
+export type Props = {
+    addRow: (index: number, blockType?: string) => void;
+    addRowIndex: number;
+    blocks: ReducedBlock[];
+    drawerSlug: string;
+    labels: Labels;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Blocks/BlocksDrawer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/BlocksDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/forms/fields/Blocks/RowActions.d.ts

@@ -0,0 +1,17 @@
+import type { Labels } from 'payload/types';
+import React from 'react';
+import type { FieldMap, ReducedBlock } from '../../../utilities/buildComponentMap/types';
+export declare const RowActions: React.FC<{
+    addRow: (rowIndex: number, blockType: string) => void;
+    blockType: string;
+    blocks: ReducedBlock[];
+    duplicateRow: (rowIndex: number, blockType: string) => void;
+    fieldMap: FieldMap;
+    hasMaxRows?: boolean;
+    labels: Labels;
+    moveRow: (fromIndex: number, toIndex: number) => void;
+    removeRow: (rowIndex: number) => void;
+    rowCount: number;
+    rowIndex: number;
+}>;
+//# sourceMappingURL=RowActions.d.ts.map

package/dist/forms/fields/Blocks/RowActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAMxF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3D,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB,CA+CA,CAAA"}

package/dist/forms/fields/Blocks/SectionTitle/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+/**
+ * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`
+ * property from/into the provided path.
+ */
+declare const SectionTitle: React.FC<Props>;
+export default SectionTitle;
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Blocks/SectionTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/SectionTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8BjC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/forms/fields/Blocks/SectionTitle/index.scss

@@ -0,0 +1,50 @@
+@import '../../../../scss/styles.scss';
+
+.section-title {
+  position: relative;
+  min-width: 0;
+
+  &:after {
+    display: block;
+    content: attr(data-value) ' ';
+    visibility: hidden;
+    white-space: nowrap;
+    min-width: base(2.5);
+  }
+
+  &:after,
+  &__input {
+    font-family: var(--font-body);
+    font-weight: 600;
+    font-size: base(0.625);
+    padding: 0;
+  }
+
+  &__input {
+    color: var(--theme-elevation-800);
+    background-color: transparent;
+    border: none;
+    width: 100%;
+    text-overflow: ellipsis;
+    resize: none;
+    appearance: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    &:hover {
+      box-shadow: inset 0px -2px 0px -1px var(--theme-elevation-150);
+    }
+
+    &:hover,
+    &:focus {
+      outline: 0;
+    }
+
+    &:focus {
+      box-shadow: none;
+    }
+  }
+}

package/dist/forms/fields/Blocks/SectionTitle/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type Props = {
+    customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    customValue?: string;
+    path: string;
+    readOnly: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Blocks/SectionTitle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/SectionTitle/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA"}

package/dist/forms/fields/Blocks/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const BlocksField: React.FC<Props>;
+export default BlocksField;
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Blocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Blocks/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAqBpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6RhC,CAAA;AAED,eAAe,WAAW,CAAA"}