blocks-dusted 0.1.11 → 0.1.13

package/templates/blocks/DD-Masonry/config.ts

@@ -1,475 +1,475 @@
-import type { Block } from 'payload'
-
-// Lexical integration
-export const MasonryMediaBlockFeature = {
-  type: 'masonryMediaBlock',
-  fields: [
-    // MasonryMediaBlock fields will be used
-  ]
-}
-
-export const DDMasonry: Block = {
-  slug: 'DD-Masonry',
-  interfaceName: 'DDMasonry',
-  labels: {
-    singular: 'Masonry Media Block',
-    plural: 'Masonry Media Blocks'
-  },
-  fields: [
-    {
-      name: 'mediaFiles',
-      type: 'upload',
-      relationTo: 'media',
-      hasMany: true,
-      required: false,
-      label: 'Bulk Add Media',
-      admin: {
-        description:
-          'Select many media files at once. On save, each selected file will be appended into the "items" list with default settings. Existing items are never removed.'
-      },
-      filterOptions: () => {
-        return {} // Return all media, ignore folders
-      },
-      hooks: {
-        beforeChange: [
-          ({ value, siblingData }) => {
-            const selected = Array.isArray(value) ? value : value ? [value] : []
-
-            const currentItems = Array.isArray(siblingData?.items) ? siblingData.items : []
-
-            const existingMediaIds = new Set(
-              currentItems
-                .map((item: any) => {
-                  const mediaValue = item?.media
-
-                  if (typeof mediaValue === 'number' || typeof mediaValue === 'string') {
-                    return mediaValue
-                  }
-
-                  if (mediaValue && typeof mediaValue === 'object' && 'id' in mediaValue) {
-                    return (mediaValue as any).id
-                  }
-
-                  return undefined
-                })
-                .filter((v: any) => v !== undefined)
-            )
-
-            const newItems = selected
-              .filter((mediaId) => mediaId !== null && mediaId !== undefined)
-              .filter((mediaId) => !existingMediaIds.has(mediaId as any))
-              .map((mediaId) => {
-                existingMediaIds.add(mediaId as any)
-
-                return {
-                  // Leave `id` empty so the existing row-level hook auto-generates it
-                  media: mediaId as any,
-                  linkType: 'none',
-                  newTab: false,
-                  aspectRatio: '1/1',
-                  showTextOverlay: false
-                }
-              })
-
-            if (newItems.length > 0) {
-              siblingData.items = [...currentItems, ...newItems]
-            }
-
-            // Treat this field as a "bulk add" input — clear it after processing
-            return []
-          }
-        ]
-      }
-    },
-    {
-      name: 'items',
-      type: 'array',
-      label: 'Media Items',
-      minRows: 1,
-      fields: [
-        {
-          name: 'media',
-          type: 'upload',
-          relationTo: 'media',
-          required: true,
-          filterOptions: () => {
-            return {} // Return all media, ignore folders
-          }
-        },
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'linkType',
-              type: 'radio',
-              admin: { layout: 'horizontal', width: '50%' },
-              defaultValue: 'none',
-              options: [
-                { label: 'No Link', value: 'none' },
-                { label: 'Internal link', value: 'reference' },
-                { label: 'Custom URL', value: 'custom' }
-              ]
-            },
-            {
-              name: 'newTab',
-              type: 'checkbox',
-              admin: {
-                style: { alignSelf: 'flex-end' },
-                width: '50%',
-                condition: (_, siblingData) => siblingData?.linkType !== 'none'
-              },
-              label: 'Open in new tab',
-              defaultValue: false
-            }
-          ]
-        },
-        {
-          name: 'reference',
-          type: 'relationship',
-          admin: {
-            condition: (_, siblingData) => siblingData?.linkType === 'reference',
-            width: '100%'
-          },
-          label: 'Document to link to',
-          relationTo: ['pages', 'posts']
-        },
-        {
-          name: 'url',
-          type: 'text',
-          admin: {
-            condition: (_, siblingData) => siblingData?.linkType === 'custom',
-            width: '100%'
-          },
-          label: 'Custom URL'
-        },
-        {
-          name: 'aspectRatio',
-          type: 'select',
-          defaultValue: '1/1',
-          admin: { width: '50%' },
-          options: [
-            { label: 'Square (1:1)', value: '1/1' },
-            { label: 'Portrait (2:3)', value: '2/3' },
-            { label: 'Landscape (3:2)', value: '3/2' },
-            { label: 'Wide (16:9)', value: '16/9' }
-          ]
-        },
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'showTextOverlay',
-              type: 'checkbox',
-              label: 'Show Text Overlay',
-              defaultValue: false,
-              admin: { width: '50%' }
-            },
-            {
-              name: 'textOverlay',
-              type: 'text',
-              label: 'Overlay Text',
-              admin: {
-                width: '50%',
-                condition: (data: any, siblingData: any) => siblingData?.showTextOverlay
-              }
-            }
-          ]
-        }
-      ]
-    },
-    {
-      admin: {
-        initCollapsed: true,
-        className: 'custom-css-class'
-      },
-      type: 'collapsible',
-      label: 'Layout Settings',
-      fields: [
-        {
-          type: 'group',
-          name: 'layout',
-          label: false,
-          fields: [
-            {
-              name: 'columns',
-              type: 'group',
-              label: 'Column Configuration',
-              fields: [
-                {
-                  type: 'row',
-                  fields: [
-                    {
-                      name: 'desktop',
-                      type: 'number',
-                      label: 'Desktop (≥1500px)',
-                      defaultValue: 5,
-                      min: 1,
-                      max: 8,
-                      admin: { width: '25%' }
-                    },
-                    {
-                      name: 'laptop',
-                      type: 'number',
-                      label: 'Laptop (≥1000px)',
-                      defaultValue: 4,
-                      min: 1,
-                      max: 6,
-                      admin: { width: '25%' }
-                    },
-                    {
-                      name: 'tablet',
-                      type: 'number',
-                      label: 'Tablet (≥600px)',
-                      defaultValue: 3,
-                      min: 1,
-                      max: 4,
-                      admin: { width: '25%' }
-                    },
-                    {
-                      name: 'mobile',
-                      type: 'number',
-                      label: 'Mobile (≥400px)',
-                      defaultValue: 2,
-                      min: 1,
-                      max: 3,
-                      admin: { width: '25%' }
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              name: 'gap',
-              type: 'number',
-              label: 'Gap between items (px)',
-              defaultValue: 16
-            }
-          ]
-        },
-        {
-          type: 'group',
-          name: 'animation',
-          label: 'Animation Settings',
-          fields: [
-            {
-              name: 'enableAnimation',
-              type: 'checkbox',
-              label: 'Enable Animation',
-              defaultValue: true,
-              admin: {
-                description:
-                  'Toggle animations on/off. When disabled, items appear instantly without any entrance animation.'
-              }
-            },
-            {
-              type: 'row',
-              fields: [
-                {
-                  name: 'animateFrom',
-                  type: 'select',
-                  label: 'Animate From',
-                  defaultValue: 'bottom',
-                  admin: {
-                    width: '33%',
-                    condition: (_, siblingData) => siblingData?.enableAnimation !== false
-                  },
-                  options: [
-                    { label: 'Bottom', value: 'bottom' },
-                    { label: 'Top', value: 'top' },
-                    { label: 'Left', value: 'left' },
-                    { label: 'Right', value: 'right' },
-                    { label: 'Center', value: 'center' },
-                    { label: 'Random', value: 'random' }
-                  ],
-                  dbName: 'animation_from'
-                },
-                {
-                  name: 'ease',
-                  type: 'select',
-                  label: 'Easing',
-                  defaultValue: 'power3.out',
-                  admin: {
-                    width: '33%',
-                    condition: (_, siblingData) => siblingData?.enableAnimation !== false
-                  },
-                  options: [
-                    { label: 'Power3 Out', value: 'power3.out' },
-                    { label: 'Power2 Out', value: 'power2.out' },
-                    { label: 'Power4 Out', value: 'power4.out' },
-                    { label: 'Back Out', value: 'back.out' },
-                    { label: 'Elastic Out', value: 'elastic.out' },
-                    { label: 'Bounce Out', value: 'bounce.out' }
-                  ],
-                  dbName: 'animation_ease'
-                },
-                {
-                  name: 'repeatOnScroll',
-                  type: 'checkbox',
-                  label: 'Repeat on Scroll',
-                  defaultValue: false,
-                  admin: {
-                    width: '34%',
-                    style: { alignSelf: 'flex-end' },
-                    condition: (_, siblingData) => siblingData?.enableAnimation !== false
-                  }
-                }
-              ]
-            },
-            {
-              type: 'row',
-              fields: [
-                {
-                  name: 'duration',
-                  type: 'number',
-                  label: 'Duration (seconds)',
-                  defaultValue: 0.6,
-                  min: 0.1,
-                  max: 2,
-                  admin: {
-                    width: '50%',
-                    condition: (_, siblingData) => siblingData?.enableAnimation !== false
-                  }
-                },
-                {
-                  name: 'stagger',
-                  type: 'number',
-                  label: 'Stagger Delay (seconds)',
-                  defaultValue: 0.05,
-                  min: 0,
-                  max: 0.5,
-                  admin: {
-                    width: '50%',
-                    condition: (_, siblingData) => siblingData?.enableAnimation !== false
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          type: 'group',
-          name: 'interaction',
-          label: 'Interaction Settings',
-          fields: [
-            {
-              type: 'row',
-              fields: [
-                {
-                  name: 'scaleOnHover',
-                  type: 'checkbox',
-                  label: 'Scale on Hover',
-                  defaultValue: true,
-                  admin: { width: '33%' }
-                },
-                {
-                  name: 'blurToFocus',
-                  type: 'checkbox',
-                  label: 'Blur to Focus Effect',
-                  defaultValue: true,
-                  admin: { width: '33%' }
-                },
-                {
-                  name: 'colorShiftOnHover',
-                  type: 'checkbox',
-                  label: 'Color Shift on Hover',
-                  defaultValue: false,
-                  admin: { width: '34%' }
-                }
-              ]
-            },
-            {
-              name: 'hoverScale',
-              type: 'number',
-              label: 'Hover Scale Amount',
-              defaultValue: 0.95,
-              min: 0.5,
-              max: 1.5,
-              admin: {
-                width: '50%',
-                condition: (data: any, siblingData: any) => siblingData?.scaleOnHover
-              }
-            },
-            {
-              name: 'customHoverColors',
-              type: 'group',
-              label: 'Custom Hover Colors',
-              admin: {
-                condition: (data: any, siblingData: any) => siblingData?.colorShiftOnHover
-              },
-              fields: [
-                {
-                  type: 'row',
-                  fields: [
-                    {
-                      name: 'fromColor',
-                      type: 'text',
-                      label: 'From Color',
-                      defaultValue: 'rgba(236, 72, 153, 0.5)',
-                      admin: { width: '50%' }
-                    },
-                    {
-                      name: 'toColor',
-                      type: 'text',
-                      label: 'To Color',
-                      defaultValue: 'rgba(14, 165, 233, 0.5)',
-                      admin: { width: '50%' }
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        },
-        {
-          type: 'group',
-          name: 'advanced',
-          label: 'Advanced Settings',
-          fields: [
-            {
-              type: 'row',
-              fields: [
-                {
-                  name: 'sectionId',
-                  type: 'text',
-                  label: 'Section ID',
-                  admin: { width: '50%' }
-                },
-                {
-                  name: 'customClassName',
-                  type: 'text',
-                  label: 'Custom Class Name',
-                  defaultValue: 'min-h-[50vh] mt-16',
-                  admin: { width: '50%' }
-                }
-              ]
-            },
-            {
-              type: 'row',
-              fields: [
-                {
-                  name: 'enableParallax',
-                  type: 'checkbox',
-                  label: 'Enable Parallax',
-                  defaultValue: false,
-                  admin: { width: '50%' }
-                },
-                {
-                  name: 'parallaxSpeed',
-                  type: 'number',
-                  label: 'Parallax Speed',
-                  defaultValue: 0.5,
-                  min: -2,
-                  max: 2,
-                  admin: {
-                    width: '50%',
-                    condition: (data: any, siblingData: any) => siblingData?.enableParallax
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}
+import type { Block } from 'payload'
+
+// Lexical integration
+export const MasonryMediaBlockFeature = {
+  type: 'masonryMediaBlock',
+  fields: [
+    // MasonryMediaBlock fields will be used
+  ],
+}
+
+export const DDMasonry: Block = {
+  slug: 'DD-Masonry',
+  interfaceName: 'DDMasonry',
+  labels: {
+    singular: 'Masonry Media Block',
+    plural: 'Masonry Media Blocks',
+  },
+  fields: [
+    {
+      name: 'mediaFiles',
+      type: 'upload',
+      relationTo: 'media',
+      hasMany: true,
+      required: false,
+      label: 'Bulk Add Media',
+      admin: {
+        description:
+          'Select many media files at once. On save, each selected file will be appended into the "items" list with default settings. Existing items are never removed.',
+      },
+      filterOptions: () => {
+        return {} // Return all media, ignore folders
+      },
+      hooks: {
+        beforeChange: [
+          ({ value, siblingData }) => {
+            const selected = Array.isArray(value) ? value : value ? [value] : []
+
+            const currentItems = Array.isArray(siblingData?.items) ? siblingData.items : []
+
+            const existingMediaIds = new Set(
+              currentItems
+                .map((item: any) => {
+                  const mediaValue = item?.media
+
+                  if (typeof mediaValue === 'number' || typeof mediaValue === 'string') {
+                    return mediaValue
+                  }
+
+                  if (mediaValue && typeof mediaValue === 'object' && 'id' in mediaValue) {
+                    return (mediaValue as any).id
+                  }
+
+                  return undefined
+                })
+                .filter((v: any) => v !== undefined),
+            )
+
+            const newItems = selected
+              .filter((mediaId) => mediaId !== null && mediaId !== undefined)
+              .filter((mediaId) => !existingMediaIds.has(mediaId as any))
+              .map((mediaId) => {
+                existingMediaIds.add(mediaId as any)
+
+                return {
+                  // Leave `id` empty so the existing row-level hook auto-generates it
+                  media: mediaId as any,
+                  linkType: 'none',
+                  newTab: false,
+                  aspectRatio: '1/1',
+                  showTextOverlay: false,
+                }
+              })
+
+            if (newItems.length > 0) {
+              siblingData.items = [...currentItems, ...newItems]
+            }
+
+            // Treat this field as a "bulk add" input — clear it after processing
+            return []
+          },
+        ],
+      },
+    },
+    {
+      name: 'items',
+      type: 'array',
+      label: 'Media Items',
+      minRows: 1,
+      fields: [
+        {
+          name: 'media',
+          type: 'upload',
+          relationTo: 'media',
+          required: true,
+          filterOptions: () => {
+            return {} // Return all media, ignore folders
+          },
+        },
+        {
+          type: 'row',
+          fields: [
+            {
+              name: 'linkType',
+              type: 'radio',
+              admin: { layout: 'horizontal', width: '50%' },
+              defaultValue: 'none',
+              options: [
+                { label: 'No Link', value: 'none' },
+                { label: 'Internal link', value: 'reference' },
+                { label: 'Custom URL', value: 'custom' },
+              ],
+            },
+            {
+              name: 'newTab',
+              type: 'checkbox',
+              admin: {
+                style: { alignSelf: 'flex-end' },
+                width: '50%',
+                condition: (_, siblingData) => siblingData?.linkType !== 'none',
+              },
+              label: 'Open in new tab',
+              defaultValue: false,
+            },
+          ],
+        },
+        {
+          name: 'reference',
+          type: 'relationship',
+          admin: {
+            condition: (_, siblingData) => siblingData?.linkType === 'reference',
+            width: '100%',
+          },
+          label: 'Document to link to',
+          relationTo: ['pages'],
+        },
+        {
+          name: 'url',
+          type: 'text',
+          admin: {
+            condition: (_, siblingData) => siblingData?.linkType === 'custom',
+            width: '100%',
+          },
+          label: 'Custom URL',
+        },
+        {
+          name: 'aspectRatio',
+          type: 'select',
+          defaultValue: '1/1',
+          admin: { width: '50%' },
+          options: [
+            { label: 'Square (1:1)', value: '1/1' },
+            { label: 'Portrait (2:3)', value: '2/3' },
+            { label: 'Landscape (3:2)', value: '3/2' },
+            { label: 'Wide (16:9)', value: '16/9' },
+          ],
+        },
+        {
+          type: 'row',
+          fields: [
+            {
+              name: 'showTextOverlay',
+              type: 'checkbox',
+              label: 'Show Text Overlay',
+              defaultValue: false,
+              admin: { width: '50%' },
+            },
+            {
+              name: 'textOverlay',
+              type: 'text',
+              label: 'Overlay Text',
+              admin: {
+                width: '50%',
+                condition: (data: any, siblingData: any) => siblingData?.showTextOverlay,
+              },
+            },
+          ],
+        },
+      ],
+    },
+    {
+      admin: {
+        initCollapsed: true,
+        className: 'custom-css-class',
+      },
+      type: 'collapsible',
+      label: 'Layout Settings',
+      fields: [
+        {
+          type: 'group',
+          name: 'layout',
+          label: false,
+          fields: [
+            {
+              name: 'columns',
+              type: 'group',
+              label: 'Column Configuration',
+              fields: [
+                {
+                  type: 'row',
+                  fields: [
+                    {
+                      name: 'desktop',
+                      type: 'number',
+                      label: 'Desktop (< 500px)',
+                      defaultValue: 5,
+                      min: 1,
+                      max: 8,
+                      admin: { width: '25%' },
+                    },
+                    {
+                      name: 'laptop',
+                      type: 'number',
+                      label: 'Laptop (>1000px)',
+                      defaultValue: 4,
+                      min: 1,
+                      max: 6,
+                      admin: { width: '25%' },
+                    },
+                    {
+                      name: 'tablet',
+                      type: 'number',
+                      label: 'Tablet (>600px)',
+                      defaultValue: 3,
+                      min: 1,
+                      max: 4,
+                      admin: { width: '25%' },
+                    },
+                    {
+                      name: 'mobile',
+                      type: 'number',
+                      label: 'Mobile (>400px)',
+                      defaultValue: 2,
+                      min: 1,
+                      max: 3,
+                      admin: { width: '25%' },
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: 'gap',
+              type: 'number',
+              label: 'Gap between items (px)',
+              defaultValue: 16,
+            },
+          ],
+        },
+        {
+          type: 'group',
+          name: 'animation',
+          label: 'Animation Settings',
+          fields: [
+            {
+              name: 'enableAnimation',
+              type: 'checkbox',
+              label: 'Enable Animation',
+              defaultValue: true,
+              admin: {
+                description:
+                  'Toggle animations on/off. When disabled, items appear instantly without any entrance animation.',
+              },
+            },
+            {
+              type: 'row',
+              fields: [
+                {
+                  name: 'animateFrom',
+                  type: 'select',
+                  label: 'Animate From',
+                  defaultValue: 'bottom',
+                  admin: {
+                    width: '33%',
+                    condition: (_, siblingData) => siblingData?.enableAnimation !== false,
+                  },
+                  options: [
+                    { label: 'Bottom', value: 'bottom' },
+                    { label: 'Top', value: 'top' },
+                    { label: 'Left', value: 'left' },
+                    { label: 'Right', value: 'right' },
+                    { label: 'Center', value: 'center' },
+                    { label: 'Random', value: 'random' },
+                  ],
+                  dbName: 'animation_from',
+                },
+                {
+                  name: 'ease',
+                  type: 'select',
+                  label: 'Easing',
+                  defaultValue: 'power3.out',
+                  admin: {
+                    width: '33%',
+                    condition: (_, siblingData) => siblingData?.enableAnimation !== false,
+                  },
+                  options: [
+                    { label: 'Power3 Out', value: 'power3.out' },
+                    { label: 'Power2 Out', value: 'power2.out' },
+                    { label: 'Power4 Out', value: 'power4.out' },
+                    { label: 'Back Out', value: 'back.out' },
+                    { label: 'Elastic Out', value: 'elastic.out' },
+                    { label: 'Bounce Out', value: 'bounce.out' },
+                  ],
+                  dbName: 'animation_ease',
+                },
+                {
+                  name: 'repeatOnScroll',
+                  type: 'checkbox',
+                  label: 'Repeat on Scroll',
+                  defaultValue: false,
+                  admin: {
+                    width: '34%',
+                    style: { alignSelf: 'flex-end' },
+                    condition: (_, siblingData) => siblingData?.enableAnimation !== false,
+                  },
+                },
+              ],
+            },
+            {
+              type: 'row',
+              fields: [
+                {
+                  name: 'duration',
+                  type: 'number',
+                  label: 'Duration (seconds)',
+                  defaultValue: 0.6,
+                  min: 0.1,
+                  max: 2,
+                  admin: {
+                    width: '50%',
+                    condition: (_, siblingData) => siblingData?.enableAnimation !== false,
+                  },
+                },
+                {
+                  name: 'stagger',
+                  type: 'number',
+                  label: 'Stagger Delay (seconds)',
+                  defaultValue: 0.05,
+                  min: 0,
+                  max: 0.5,
+                  admin: {
+                    width: '50%',
+                    condition: (_, siblingData) => siblingData?.enableAnimation !== false,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'group',
+          name: 'interaction',
+          label: 'Interaction Settings',
+          fields: [
+            {
+              type: 'row',
+              fields: [
+                {
+                  name: 'scaleOnHover',
+                  type: 'checkbox',
+                  label: 'Scale on Hover',
+                  defaultValue: true,
+                  admin: { width: '33%' },
+                },
+                {
+                  name: 'blurToFocus',
+                  type: 'checkbox',
+                  label: 'Blur to Focus Effect',
+                  defaultValue: true,
+                  admin: { width: '33%' },
+                },
+                {
+                  name: 'colorShiftOnHover',
+                  type: 'checkbox',
+                  label: 'Color Shift on Hover',
+                  defaultValue: false,
+                  admin: { width: '34%' },
+                },
+              ],
+            },
+            {
+              name: 'hoverScale',
+              type: 'number',
+              label: 'Hover Scale Amount',
+              defaultValue: 0.95,
+              min: 0.5,
+              max: 1.5,
+              admin: {
+                width: '50%',
+                condition: (data: any, siblingData: any) => siblingData?.scaleOnHover,
+              },
+            },
+            {
+              name: 'customHoverColors',
+              type: 'group',
+              label: 'Custom Hover Colors',
+              admin: {
+                condition: (data: any, siblingData: any) => siblingData?.colorShiftOnHover,
+              },
+              fields: [
+                {
+                  type: 'row',
+                  fields: [
+                    {
+                      name: 'fromColor',
+                      type: 'text',
+                      label: 'From Color',
+                      defaultValue: 'rgba(236, 72, 153, 0.5)',
+                      admin: { width: '50%' },
+                    },
+                    {
+                      name: 'toColor',
+                      type: 'text',
+                      label: 'To Color',
+                      defaultValue: 'rgba(14, 165, 233, 0.5)',
+                      admin: { width: '50%' },
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'group',
+          name: 'advanced',
+          label: 'Advanced Settings',
+          fields: [
+            {
+              type: 'row',
+              fields: [
+                {
+                  name: 'sectionId',
+                  type: 'text',
+                  label: 'Section ID',
+                  admin: { width: '50%' },
+                },
+                {
+                  name: 'customClassName',
+                  type: 'text',
+                  label: 'Custom Class Name',
+                  defaultValue: 'min-h-[50vh] mt-16',
+                  admin: { width: '50%' },
+                },
+              ],
+            },
+            {
+              type: 'row',
+              fields: [
+                {
+                  name: 'enableParallax',
+                  type: 'checkbox',
+                  label: 'Enable Parallax',
+                  defaultValue: false,
+                  admin: { width: '50%' },
+                },
+                {
+                  name: 'parallaxSpeed',
+                  type: 'number',
+                  label: 'Parallax Speed',
+                  defaultValue: 0.5,
+                  min: -2,
+                  max: 2,
+                  admin: {
+                    width: '50%',
+                    condition: (data: any, siblingData: any) => siblingData?.enableParallax,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}