@pro-laico/create-atomic-payload 0.1.4

package/template/src/endpoints/seed/shortcutSet.ts

@@ -0,0 +1,187 @@
+import { Page, ShortcutSet } from '@/ts/types'
+
+type ShortcutSetArgs = { page: Page }
+
+export const shortcutSet: (args: ShortcutSetArgs) => Omit<ShortcutSet, 'createdAt' | 'updatedAt' | 'id'> = ({ page }) => {
+  return {
+    active: true,
+    title: 'Base Shortcut Set',
+
+    testPath: page,
+
+    shortcuts: [
+      {
+        name: 'page-main',
+        ClassName: 'flex\nflex-1\nflex-col\npx-2',
+        id: '6927555aeb8aaaca85b3a425',
+      },
+
+      {
+        name: 'no-scrollbar',
+        ClassName: '[scrollbar-width:none]\n[-ms-overflow-style:none]',
+        id: '6930657ac59442e39df9579d',
+      },
+
+      {
+        name: 'nice-scrollbar',
+        ClassName:
+          'overflow-y-auto\n[&::-webkit-scrollbar]:w-1\n[&::-webkit-scrollbar]:p-[2px]\n[&::-webkit-scrollbar-thumb]:rounded-full\n[&::-webkit-scrollbar-thumb]:bg-foreground/30\n[&::-webkit-scrollbar-track]:bg-background\nhover:[&::-webkit-scrollbar-thumb]:bg-foreground/60',
+        id: '69334bb9f7cd753c11ea0d73',
+      },
+
+      {
+        name: 'ui-seperator',
+        ClassName:
+          'bg-border\nshrink-0\ndata-[orientation=vertical]:h-4\ndata-[orientation=vertical]:w-[1px]\ndata-[orientation=horizontal]:w-full\ndata-[orientation=horizontal]:h-[1px]',
+        id: '69288288df37686e6978aec5',
+      },
+
+      {
+        name: 'icon-outline',
+        ClassName: 'rounded-full\nborder-1',
+        id: '69275568eb8aaaca85b3a426',
+      },
+
+      {
+        name: 'icon-inline',
+        ClassName: 'self-center\nsize-[1em]\nrounded-full\nborder-1\nfill-foreground\nstroke-foreground',
+        id: '6927556eeb8aaaca85b3a427',
+      },
+
+      {
+        name: 'form-label',
+        ClassName:
+          'flex\nitems-center\ngap-2\ntext-sm\nleading-none\nfont-medium\nselect-none\ngroup-data-[disabled=true]:pointer-events-none\ngroup-data-[disabled=true]:opacity-50\npeer-disabled:cursor-not-allowed\npeer-disabled:opacity-50',
+        id: '6930868816ba198a13e06c5f',
+      },
+
+      {
+        name: 'form-input',
+        ClassName:
+          'w-full\nmin-w-0\nh-9\npx-3\npy-1\nrounded-md\nborder\nborder-input\nbg-transparent\ndark:bg-input/30\ntext-base\nmd:text-sm\nfile:inline-flex\nfile:h-7\nfile:border-0\nfile:bg-transparent\nfile:text-sm\nfile:font-medium\nfile:text-foreground\nplaceholder:text-muted-foreground\nselection:bg-primary\nselection:text-primary-foreground\nshadow-xs\ntransition-[color,box-shadow]\noutline-none\nfocus-visible:border-ring\nfocus-visible:ring-ring/50\nfocus-visible:ring-[3px]\naria-invalid:border-destructive\naria-invalid:ring-destructive/20\ndark:aria-invalid:ring-destructive/40\ndata-[error]:border-destructive\ndisabled:pointer-events-none\ndisabled:cursor-not-allowed\ndisabled:opacity-50',
+        id: '693086f716ba198a13e06c60',
+      },
+
+      {
+        name: 'form-textarea',
+        ClassName:
+          'flex\nfield-sizing-content\nw-full\nmin-h-16\npx-3\npy-2\nrounded-md\nborder\nborder-input\nbg-transparent\ndark:bg-input/30\ntext-base\nmd:text-sm\nshadow-xs\ntransition-[color,box-shadow]\noutline-none\nfocus-visible:border-ring\nfocus-visible:ring-ring/50\nfocus-visible:ring-[3px]\nplaceholder:text-muted-foreground\naria-invalid:border-destructive\naria-invalid:ring-destructive/20\ndark:aria-invalid:ring-destructive/40\ndisabled:cursor-not-allowed\ndisabled:opacity-50',
+        id: '6931c91837a7f512e091f8d7',
+      },
+
+      {
+        name: 'menu-trigger-text',
+        ClassName:
+          "inline-flex\nitems-center\njustify-center\nshrink-0\nwhitespace-nowrap\nh-8\nrounded-md\ngap-1.5\npx-3\nhas-[>svg]:px-2.5\ntext-sm\nfont-medium\ntransition-all\noutline-none\nfocus-visible:border-ring\nfocus-visible:ring-ring/50\nfocus-visible:ring-[3px]\naria-invalid:border-destructive\naria-invalid:ring-destructive/20\ndark:aria-invalid:ring-destructive/40\nhover:bg-accent\nhover:text-accent-foreground\ndark:hover:bg-accent/50\ndisabled:pointer-events-none\ndisabled:opacity-50\n[&_svg]:pointer-events-none\n[&_svg]:shrink-0\n[&_svg:not([class*='size-'])]:size-4",
+        id: '69287f44df37686e6978aeb3',
+      },
+
+      {
+        name: 'menu-trigger-icon',
+        ClassName:
+          "items-center\njustify-center\nshrink-0\ngap-2\nwhitespace-nowrap\nsize-8\nrounded-md\ntext-sm\nfont-medium\ntransition-all\noutline-none\nfocus-visible:border-ring\nfocus-visible:ring-ring/50\nfocus-visible:ring-[3px]\naria-invalid:border-destructive\naria-invalid:ring-destructive/20\ndark:aria-invalid:ring-destructive/40\nhover:bg-accent\nhover:text-accent-foreground\ndark:hover:bg-accent/50\ndisabled:pointer-events-none\ndisabled:opacity-50\n[&_svg]:pointer-events-none\n[&_svg]:shrink-0\n[&_svg:not([class*='size-'])]:size-4",
+        id: '692880dedf37686e6978aec0',
+      },
+
+      {
+        name: 'menu-trigger-both',
+        ClassName:
+          "inline-flex\nitems-center\njustify-center\nshrink-0\nh-8\nrounded-md\ngap-1.5\npx-3\nhas-[>svg]:px-2.5\nwhitespace-nowrap\ntext-sm\nfont-medium\ntransition-all\noutline-none\nshadow-none\nfocus-visible:border-ring\nfocus-visible:ring-ring/50\nfocus-visible:ring-[3px]\naria-invalid:border-destructive\naria-invalid:ring-destructive/20\ndark:aria-invalid:ring-destructive/40\nhover:bg-accent\nhover:text-accent-foreground\ndark:hover:bg-accent/50\ndisabled:pointer-events-none\ndisabled:opacity-50\n[&_svg]:pointer-events-none\n[&_svg]:shrink-0\n[&_svg:not([class*='size-'])]:size-4",
+        id: '69288c655a0c1e888eb3e6f2',
+      },
+
+      {
+        name: 'trigger',
+        ClassName:
+          "inline-flex\nitems-center\njustify-center\nshrink-0\ngap-2\nwhitespace-nowrap\nrounded-md\ncursor-pointer\ntext-sm\nfont-medium\ntransition-all\noutline-none\nfocus-visible:border-ring\nfocus-visible:ring-ring/50\nfocus-visible:ring-[3px]\naria-invalid:border-destructive\naria-invalid:ring-destructive/20\ndark:aria-invalid:ring-destructive/40\ndisabled:pointer-events-none\ndisabled:opacity-50\n[&_svg]:pointer-events-none\n[&_svg]:shrink-0\n[&_svg:not([class*='size-'])]:size-4",
+        id: '69307477e303ad21a77bdd55',
+      },
+
+      {
+        name: 'trigger-style-base',
+        ClassName: 'bg-primary\ntext-primary-foreground\nhover:bg-primary/90',
+        id: '69332a133dc3aa372c7fa544',
+      },
+
+      {
+        name: 'trigger-style-destructive',
+        ClassName:
+          'bg-destructive\ndark:bg-destructive/60\ntext-white\nhover:bg-destructive/90\nfocus-visible:ring-destructive/20\ndark:focus-visible:ring-destructive/40',
+        id: '69332a323dc3aa372c7fa545',
+      },
+
+      {
+        name: 'trigger-style-outline',
+        ClassName:
+          'border\ndark:border-input\nbg-background\ndark:bg-input/30\nshadow-xs\nhover:bg-accent\ndark:hover:bg-input/50\nhover:text-accent-foreground',
+        id: '69332a433dc3aa372c7fa546',
+      },
+
+      {
+        name: 'trigger-style-secondary',
+        ClassName: 'bg-secondary\ntext-secondary-foreground\nhover:bg-secondary/80',
+        id: '69332a463dc3aa372c7fa547',
+      },
+
+      {
+        name: 'trigger-style-ghost',
+        ClassName: 'hover:bg-accent\nhover:text-accent-foreground\ndark:hover:bg-accent/50',
+        id: '69332a4a3dc3aa372c7fa548',
+      },
+
+      {
+        name: 'trigger-style-link',
+        ClassName: 'text-primary\nunderline-offset-4\nhover:underline',
+        id: '69332a5d3dc3aa372c7fa549',
+      },
+
+      {
+        name: 'trigger-size-sm',
+        ClassName: 'h-8\nrounded-md\ngap-1.5\npx-3\nhas-[>svg]:px-2.5',
+        id: '69332b1f3dc3aa372c7fa54b',
+      },
+
+      {
+        name: 'trigger-size-base',
+        ClassName: 'h-9\npx-4\npy-2\nhas-[>svg]:px-3',
+        id: '69332b153dc3aa372c7fa54a',
+      },
+
+      {
+        name: 'trigger-size-lg',
+        ClassName: 'h-10\nrounded-md\npx-6\nhas-[>svg]:px-4',
+        id: '69332b243dc3aa372c7fa54c',
+      },
+
+      {
+        name: 'trigger-size-icon',
+        ClassName: 'size-9',
+        id: '69332b2a3dc3aa372c7fa54d',
+      },
+
+      {
+        name: 'trigger-size-icon-sm',
+        ClassName: 'size-8',
+        id: '69332b313dc3aa372c7fa54e',
+      },
+
+      {
+        name: 'trigger-size-icon-lg',
+        ClassName: 'size-10',
+        id: '69332b393dc3aa372c7fa54f',
+      },
+
+      {
+        name: 'consent-trigger',
+        ClassName:
+          'h-8\nw-20\nrounded-md\ngap-1.5\ntext-white\nbg-destructive/60\nhover:bg-destructive/90\ndata-[enabled]:bg-success/60\ndata-[enabled]:hover:bg-success/80',
+        id: '69332da5245a1e195635a6b1',
+      },
+    ],
+
+    defaultShortcuts: [],
+    _status: 'published',
+    'apf-classes': false,
+    'apf-active': false,
+  }
+}

package/template/src/endpoints/seed/siteMetaData.ts

@@ -0,0 +1,10 @@
+import { SiteMetaDatum } from '@/ts/types'
+
+export const siteMetaData: Omit<SiteMetaDatum, 'createdAt' | 'updatedAt' | 'id'> = {
+  siteName: 'Atomic Payload',
+  fallbackSiteDescription: 'The Website Builder Where All You Need To Know Is Tailwind.',
+  fallbackOGImage: null,
+  fallbackLightFavicon: null,
+  fallbackDarkFavicon: null,
+  _status: 'published',
+}

package/template/src/fields/actions/changeKey.ts

@@ -0,0 +1,12 @@
+import { APField } from '@/fields/apf'
+import deepMerge from '@/utilities/deepMerge'
+import type { APArgs, APFieldWrapper } from '@/ts/types'
+
+/** Used in attributer actions to change the output data attributes key. Without impacting the key within the atomic store
+ *
+ * @defaults { name: 'changeKey', apf: ['actions'], type: 'text', kebab: true }
+ */
+export const ChangeKeyField: APFieldWrapper<'text', 'name' | 'apf' | 'type' | 'kebab'> = (args) => {
+  const baseField: APArgs<'text'> = { type: 'text', apf: ['actions'], name: 'changeKey', kebab: true }
+  return APField(deepMerge(baseField, args))
+}

package/template/src/fields/actions/index.ts

@@ -0,0 +1,6 @@
+export * from './keyText'
+export * from './setData'
+export * from './changeKey'
+export * from './persisted'
+export * from './initialValueCheckbox'
+export * from './strict'

package/template/src/fields/actions/initialValueCheckbox.ts

@@ -0,0 +1,14 @@
+import { APField } from '@/fields/apf'
+import deepMerge from '@/utilities/deepMerge'
+import type { APArgs, APFieldWrapper } from '@/ts/types'
+
+const description = 'The initial value to set the key to. Checked = true, Unchecked = false. First click set the opposite of this value.'
+
+/** Typically utilized to set what the initial value of an action will be.
+ *
+ * @defaults { name: 'initialValue', apf: ['actions'], type: 'checkbox' }
+ */
+export const InitialValueCheckboxField: APFieldWrapper<'checkbox', 'name' | 'apf' | 'type'> = (args) => {
+  const baseField: APArgs<'checkbox'> = { name: 'initialValue', type: 'checkbox', apf: ['actions'], admin: { description } }
+  return APField(deepMerge(baseField, args))
+}

package/template/src/fields/actions/keyText.ts

@@ -0,0 +1,10 @@
+import { APField } from '@/fields/apf'
+import deepMerge from '@/utilities/deepMerge'
+import type { APArgs, APFieldWrapper } from '@/ts/types'
+
+const description = 'The name of the key to set. Use Kebab Case. (e.g. status-accepted)'
+
+export const KeyTextField: APFieldWrapper<'text', 'name' | 'apf' | 'type'> = (args) => {
+  const baseField: APArgs<'text'> = { name: 'key', type: 'text', apf: ['actions'], kebab: true, required: true, admin: { description } }
+  return APField(deepMerge(baseField, args))
+}

package/template/src/fields/actions/persisted.ts

@@ -0,0 +1,14 @@
+import { APField } from '@/fields/apf'
+import deepMerge from '@/utilities/deepMerge'
+import type { APArgs, APFieldWrapper } from '@/ts/types'
+
+const description =
+  'If true, the value will be persisted in the browser storage, and replace the initial value. Beware of FOUC is using these for initial visual state.'
+
+/** Used in actions to persist the value in the browser storage.
+ * @defaults { name: 'persisted', apf: ['actions'], type: 'checkbox' }
+ */
+export const PersistedField: APFieldWrapper<'checkbox', 'name' | 'apf' | 'type'> = (args) => {
+  const baseField: APArgs<'checkbox'> = { name: 'persisted', type: 'checkbox', apf: ['actions'], admin: { description } }
+  return APField(deepMerge(baseField, args))
+}

package/template/src/fields/actions/setData.ts

@@ -0,0 +1,20 @@
+import { APField } from '@/fields/apf'
+import deepMerge from '@/utilities/deepMerge'
+import type { APArgs, APFieldWrapper } from '@/ts/types'
+
+const description = 'If true, the value will be set as a data attribute on the element. Which can be used by atomic classes.'
+
+/** Used in actions to set the value as a data attribute on the element. Which can be used by atomic classes.
+ *
+ * @defaults { name: 'setDA', apf: ['actions'], type: 'checkbox' }
+ */
+export const SetDataField: APFieldWrapper<'checkbox', 'name' | 'apf' | 'type'> = (args) => {
+  const baseField: APArgs<'checkbox'> = {
+    name: 'setDA',
+    type: 'checkbox',
+    apf: ['actions'],
+    admin: { description },
+    label: 'Set As Data Attribute (Atomic Class)',
+  }
+  return APField(deepMerge(baseField, args))
+}

package/template/src/fields/actions/strict/index.ts

@@ -0,0 +1,3 @@
+export * from './keySelect'
+export * from './listenSelect'
+export * from './performSelect'

package/template/src/fields/actions/strict/keySelect.ts

@@ -0,0 +1,28 @@
+import { APField } from '@/fields/apf'
+import deepMerge from '@/utilities/deepMerge'
+import type { APArgs, APFieldWrapper } from '@/ts/types'
+import { StrictSet, strictSelectRegistry } from './registry'
+
+type PresetFields = 'type' | 'typescriptSchema' | 'apf' | 'name' | 'options' | 'required'
+
+export const KeySelectField: APFieldWrapper<'select', PresetFields, { set: StrictSet }> = (args) => {
+  let set: StrictSet = 'cookieConsent'
+  let rest: Omit<APArgs<'select'>, PresetFields> = {}
+
+  if (args) {
+    const { set: setArg, ...restArg } = args
+    set = setArg || 'cookieConsent'
+    rest = restArg
+  }
+
+  const baseField: APArgs<'select'> = {
+    name: 'key',
+    type: 'select',
+    apf: ['actions'],
+    required: true,
+    options: strictSelectRegistry[set].key.options,
+    typescriptSchema: [() => ({ $ref: `#/definitions/${strictSelectRegistry[set].key.meta()?.id}` })],
+  }
+  return APField(deepMerge(baseField, rest))
+}
+export default KeySelectField

package/template/src/fields/actions/strict/listenSelect.ts

@@ -0,0 +1,28 @@
+import { APField } from '@/fields/apf'
+import deepMerge from '@/utilities/deepMerge'
+import { APArgs, APFieldWrapper } from '@/ts/types'
+import { strictSelectRegistry, StrictSet } from './registry'
+
+type PresetFields = 'type' | 'typescriptSchema' | 'apf' | 'name' | 'options' | 'required'
+
+export const ListenSelectField: APFieldWrapper<'select', PresetFields, { set: StrictSet }> = (args) => {
+  let set: StrictSet = 'cookieConsent'
+  let rest: Omit<APArgs<'select'>, PresetFields> = {}
+
+  if (args) {
+    const { set: setArg, ...restArg } = args
+    set = setArg || 'cookieConsent'
+    rest = restArg
+  }
+  const baseField: APArgs<'select'> = {
+    name: 'listen',
+    type: 'select',
+    apf: ['actions'],
+    required: true,
+    options: strictSelectRegistry[set].listen.options,
+    typescriptSchema: [() => ({ $ref: `#/definitions/${strictSelectRegistry[set]?.listen?.meta()?.id}` })],
+  }
+
+  return APField(deepMerge(baseField, rest))
+}
+export default ListenSelectField

package/template/src/fields/actions/strict/performSelect.ts

@@ -0,0 +1,30 @@
+import { APField } from '@/fields/apf'
+import { APArgs, APFieldWrapper } from '@/ts/types'
+import deepMerge from '@/utilities/deepMerge'
+import { strictSelectRegistry, StrictSet } from './registry'
+
+type PresetFields = 'type' | 'typescriptSchema' | 'apf' | 'name' | 'options' | 'required'
+
+export const PerformSelectField: APFieldWrapper<'select', PresetFields, { set: StrictSet }> = (args) => {
+  let set: StrictSet = 'cookieConsent'
+  let rest: Omit<APArgs<'select'>, PresetFields> = {}
+
+  if (args) {
+    const { set: setArg, ...restArg } = args
+    set = setArg || 'cookieConsent'
+    rest = restArg
+  }
+
+  const baseField: APArgs<'select'> = {
+    name: 'perform',
+    type: 'select',
+    apf: ['actions'],
+    required: true,
+    options: strictSelectRegistry[set].perform.options,
+    typescriptSchema: [() => ({ $ref: `#/definitions/${strictSelectRegistry[set]?.perform?.meta()?.id}` })],
+  }
+
+  return APField(deepMerge(baseField, rest))
+}
+
+export default PerformSelectField

package/template/src/fields/actions/strict/registry/cookieConsent.ts

@@ -0,0 +1,14 @@
+import { z } from '@/ts/zap'
+
+export const cookieConsentKeys = z.ap.add(
+  z.enum(['functional', 'security', 'analytics', 'marketing', 'userData', 'adPersonalization', 'contentPersonalization']),
+  { id: 'CookieConsentPreferenceKeys' },
+)
+export const cookieConsentListen = z.ap.add(z.enum(['preference', 'accept', 'decline', 'hasConsented', 'previouslyConsented']), {
+  id: 'CookieConsentListen',
+})
+export const cookieConsentPerform = z.ap.add(z.enum(['preference', 'accept', 'decline']), { id: 'CookieConsentPerform' })
+
+const cookieConsent = { key: cookieConsentKeys, listen: cookieConsentListen, perform: cookieConsentPerform }
+
+export default cookieConsent

package/template/src/fields/actions/strict/registry/index.ts

@@ -0,0 +1,6 @@
+import theme from './theme'
+import cookieConsent from './cookieConsent'
+
+export type StrictSet = 'cookieConsent' | 'theme'
+
+export const strictSelectRegistry = { cookieConsent, theme }

package/template/src/fields/actions/strict/registry/theme.ts

@@ -0,0 +1,9 @@
+import { z } from '@/ts/zap'
+
+export const themeKeys = z.ap.add(z.enum(['mode']), { id: 'ThemeKeys' })
+export const themeListen = z.ap.add(z.enum(['mode']), { id: 'ThemeListen' })
+export const themePerform = z.ap.add(z.enum(['light', 'dark', 'system', 'cycle']), { id: 'ThemePerform' })
+
+const theme = { key: themeKeys, listen: themeListen, perform: themePerform }
+
+export default theme

package/template/src/fields/active.ts

@@ -0,0 +1,16 @@
+import { APField } from './apf'
+import deepMerge from '@/utilities/deepMerge'
+import type { APFieldWrapper, APArgs } from '@/ts/types'
+
+export const ActiveField: APFieldWrapper<'checkbox', 'name' | 'apf' | 'type' | 'defaultValue'> = (args) => {
+  const baseField: APArgs<'checkbox'> = {
+    type: 'checkbox',
+    apf: ['active'],
+    name: 'active',
+    required: true,
+    index: true,
+    admin: { style: { maxWidth: '100px', alignSelf: 'center' } },
+  }
+
+  return APField(deepMerge(baseField, args))
+}

package/template/src/fields/apf/index.ts

@@ -0,0 +1,69 @@
+import deepMerge from '@/utilities/deepMerge'
+import { APFieldPath, APFieldLabelPath } from '@/ui'
+import type { APFieldType, APArgs, APReturn } from '@/ts/types'
+
+/** Filters out undefined values from an object */
+function definedProps<T extends Record<string, unknown>>(obj: T): Partial<T> {
+  return Object.fromEntries(Object.entries(obj).filter(([, value]) => value !== undefined)) as Partial<T>
+}
+
+/** Utility Field For Adding Atomic Payload Functionality to Fields */
+export function APField(args: APArgs<'text'>): APReturn<'text'>
+export function APField(args: APArgs<'select'>): APReturn<'select'>
+export function APField(args: APArgs<'number'>): APReturn<'number'>
+export function APField(args: APArgs<'textarea'>): APReturn<'textarea'>
+export function APField(args: APArgs<'checkbox'>): APReturn<'checkbox'>
+export function APField(args: APFieldType['args']): APFieldType['return'] {
+  const { type, name, apf, docLink, ...baseArgs } = args
+
+  const possiblyUndefinedProps = definedProps({ docLink })
+
+  const baseField = {
+    name,
+    admin: {
+      components: {
+        Field: {
+          path: APFieldPath,
+          clientProps: { type, apf, ...possiblyUndefinedProps },
+        },
+        // Fields Select & Number Use This Since We Use The Payload Field Component
+        Label: {
+          path: APFieldLabelPath,
+          clientProps: { type, apf, ...possiblyUndefinedProps },
+        },
+      },
+    },
+  }
+
+  switch (type) {
+    case 'text': {
+      const { kebab, ...rest } = baseArgs as APArgs<'text'>
+
+      if (kebab) Object.assign(baseField.admin.components.Field.clientProps!, { kebab: args.kebab })
+
+      return deepMerge({ type: 'text', ...baseField }, rest)
+    }
+    case 'textarea': {
+      const { kebab, ...rest } = baseArgs as APArgs<'textarea'>
+
+      if (kebab) Object.assign(baseField.admin.components.Field.clientProps!, { kebab: args.kebab })
+
+      return deepMerge({ type: 'textarea', ...baseField }, rest)
+    }
+    case 'checkbox': {
+      const { ...rest } = baseArgs as APArgs<'checkbox'>
+
+      return deepMerge({ type: 'checkbox', ...baseField }, rest)
+    }
+    case 'select': {
+      const { options, ...rest } = baseArgs as APArgs<'select'>
+
+      return deepMerge({ type: 'select', options, ...baseField }, rest)
+    }
+    case 'number': {
+      const { ...rest } = baseArgs as APArgs<'number'>
+
+      return deepMerge({ type: 'number', ...baseField }, rest)
+    }
+  }
+}

package/template/src/fields/apf/storage.ts

@@ -0,0 +1,38 @@
+import { CheckboxField } from 'payload'
+import { APFunction } from '@/ts/types/apf'
+import { virtualAPFAfterReadFieldHook, virtualAPFBeforeChangeFieldHook } from '@/hooks/field/apf'
+
+/** Atomic Payload Functions Registry */
+export const apfRegistry: Record<APFunction, string> = {
+  seo: 'apf-seo',
+  form: 'apf-form',
+  page: 'apf-page',
+  pages: 'apf-pages',
+  active: 'apf-active',
+  actions: 'apf-actions',
+  classes: 'apf-classes',
+  sitemap: 'apf-sitemap',
+  siteMetadata: 'apf-siteMetadata',
+}
+
+/** Template field for APF checkboxes */
+const apfFieldTemplate: Omit<CheckboxField, 'name'> = {
+  type: 'checkbox',
+  virtual: true,
+  admin: { readOnly: true, hidden: true },
+  hooks: { beforeValidate: [virtualAPFBeforeChangeFieldHook], afterRead: [virtualAPFAfterReadFieldHook] },
+}
+
+/**
+ * Generate APF fields for specific APFunctions
+ * @param apFunctions - Array of APFunctions to include
+ * @returns Array of checkbox fields for the specified APFunctions
+ */
+export const generateAPFFields = (apFunctions: APFunction[]): CheckboxField[] => {
+  return apFunctions.map((apFunction) => ({ ...apfFieldTemplate, name: apfRegistry[apFunction] }))
+}
+
+/**Sets all APF fields*/
+export const apfStorage = generateAPFFields(Object.keys(apfRegistry) as APFunction[])
+
+export default apfStorage

package/template/src/fields/blocks/actions.ts

@@ -0,0 +1,30 @@
+import { BlocksField } from 'payload'
+import { ActionBlocksPath } from '@/ui'
+import { ActionBlockType } from '@/ts/types'
+
+const AllActionBlocks: ActionBlockType[] = [
+  'ActSetCC',
+  'ActCCToDA',
+  'ActSetTheme',
+  'ActResetForm',
+  'ActDSSetBool',
+  'ActSubmitForm',
+  'ActDSBoolToDA',
+  'ActDSTextToDA',
+  'ActDSCycleText',
+  'ActFormErrorToDA',
+  'ActSetPortalOpen',
+  'ActFormStatusToDA',
+]
+
+export const ActionBlocks = (prefix: 'trigger' | 'content'): BlocksField => {
+  return {
+    type: 'blocks',
+    name: 'actionBlocks',
+    blocks: [],
+    label: `${prefix.charAt(0).toUpperCase() + prefix.slice(1)} Actions`,
+    blockReferences: AllActionBlocks,
+    typescriptSchema: [() => ({ $ref: `#/definitions/ActionBlocks` })],
+    admin: { initCollapsed: true, components: { Field: { path: ActionBlocksPath, clientProps: { placement: prefix } } } },
+  }
+}

package/template/src/fields/blocks/backdropChildren.ts

@@ -0,0 +1,11 @@
+import { BlocksField } from 'payload'
+
+export const BackdropChildren: BlocksField = {
+  name: 'backdropChildren',
+  label: 'Blocks',
+  type: 'blocks',
+  blocks: [],
+  blockReferences: ['SVGChild'],
+  typescriptSchema: [() => ({ $ref: `#/definitions/BackdropChildren` })],
+  admin: { description: 'You can add backdrop blocks that will be displayed in the portal backdrop div.' },
+}

package/template/src/fields/blocks/children.ts

@@ -0,0 +1,15 @@
+import { BlocksField } from 'payload'
+import { ChildBlockType } from '@/ts/types'
+
+const AllChildBlocks: ChildBlockType[] = ['AtomicChild', 'SimpleTextChild', 'RichTextChild', 'ImageChild', 'VideoChild', 'IconChild', 'SVGChild']
+
+/** Adds all children blocks to a collection or global. Do not use in anything other than a collection or global.*/
+export const ChildrenBlocks: BlocksField = {
+  name: 'children',
+  type: 'blocks',
+  blocks: [],
+  admin: { initCollapsed: true },
+  blockReferences: AllChildBlocks,
+  labels: { singular: 'Child', plural: 'Children' },
+  typescriptSchema: [() => ({ $ref: `#/definitions/ChildBlocks` })],
+}

package/template/src/fields/blocks/submitForm/form.ts

@@ -0,0 +1,24 @@
+import { BlocksField } from 'payload'
+import { FormRateLimitBlockType, FormSanitationBlockType, FormValidationBlockType } from '@/ts/types'
+
+type formFunctionRegistry = {
+  RateLimit: FormRateLimitBlockType[]
+  Sanitation: FormSanitationBlockType[]
+  Validation: FormValidationBlockType[]
+}
+
+const formFunctionRegistry: formFunctionRegistry = {
+  RateLimit: ['FrlSimpleSlidingWindow'],
+  Sanitation: ['FsCombineTwoFields'],
+  Validation: ['FvIsUnique'],
+}
+
+export const formFunctionsBlockTemplate = (variant: keyof typeof formFunctionRegistry): BlocksField => {
+  return {
+    name: `form${variant}Blocks`,
+    type: 'blocks',
+    blocks: [],
+    blockReferences: formFunctionRegistry[variant],
+    typescriptSchema: [() => ({ $ref: `#/definitions/Form${variant}Blocks` })],
+  }
+}

package/template/src/fields/blocks/submitForm/input.ts

@@ -0,0 +1,25 @@
+import { BlocksField } from 'payload'
+import { InputBlocksPath } from '@/ui'
+import { useOn } from '@/blocks/submitForm/input/useOn'
+import { InputSanitationBlockType, InputValidationBlockType } from '@/ts/types'
+
+type InputFunctionRegistry = {
+  Sanitation: InputSanitationBlockType[]
+  Validation: InputValidationBlockType[]
+}
+
+const inputFunctionRegistry: InputFunctionRegistry = {
+  Sanitation: ['IsTrimText'],
+  Validation: ['IvContains', 'IvDoesNotContain'],
+}
+
+export const inputFunctionsBlockTemplate = (variant: keyof typeof inputFunctionRegistry): BlocksField => {
+  return {
+    name: `input${variant}Blocks`,
+    type: 'blocks',
+    blocks: [],
+    blockReferences: inputFunctionRegistry[variant],
+    typescriptSchema: [() => ({ $ref: `#/definitions/Input${variant}Blocks` })],
+    admin: { initCollapsed: true, components: { Field: { path: InputBlocksPath, clientProps: { usedOn: useOn } } } },
+  }
+}