sveltekit-ui 1.0.76 → 1.0.78

package/src/lib/client/types/index.js

@@ -1,3 +1,5 @@
+import { time_formats } from "$lib/Components/TimeInput/index.js"
+
 export const mime_type_extensions = {
   "image/webp": "webp",
   "image/jpeg": "jpeg",
@@ -73,2055 +75,90 @@ export const acceptable_storage_mime_types = [
   "text/markdown",
 ]
 
-const array_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Array",
-  postgres_type: "jsonb",
-  json_schema: { type: "array" },
-  validator: (input) => {
-    // validate tbd
-  },
-}
-const array_uniform_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Array Uniform",
-  postgres_type: "jsonb",
-  json_schema: { type: "array" },
-  validator: (input) => {
-    // validate tbd
-  },
-}
-const object_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Object",
-  postgres_type: "jsonb",
-  json_schema: { type: "object" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const object_uniform_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Object Uniform",
-  postgres_type: "jsonb",
-  json_schema: { type: "object" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const text_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Text",
-  postgres_type: "text",
-  json_schema: { type: "string" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const boolean_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Boolean",
-  postgres_type: "boolean",
-  json_schema: { type: "boolean" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const int_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Integer",
-  postgres_type: "int",
-  json_schema: { type: "number" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const bigint_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Big Integer",
-  postgres_type: "bigint",
-  json_schema: { type: "number" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const null_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Null",
-  postgres_type: "jsonb",
-  json_schema: { type: "null" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const epoch_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Epoch",
-  postgres_type: "bigint",
-  json_schema: { type: "number", description: "Epoch in seconds" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const float_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Float",
-  postgres_type: "float",
-  json_schema: { type: "number" },
-  validator: (input) => {
-    // validate here
-  },
-}
-const color_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Color",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    description:
-      "color parts l (lightness), c (chroma), h (hue), o (opacity) can range from 0-24. An example of a solid black that flips to white in dark mode would be { c: 0, l: 0, h: 0, o: 24, is_dark_theme_invert: true }. Generally use is_dark_theme_invert true, opacity 24, c is chroma and gets probably too vibrant over 14 so 10 is probably a standard amount and 3 if want softer or 0 for white, l is lightness and 0 is black and 24 full light typcally we assume a light backround so you might use something like l 8 for a header text. h is hue and the 0-24 range can be understood as 0: 0 oklch h val, red (pure red), 1: 14 oklch h val, orange-red (red with an orange tint), 2: 29 oklch h val, orange (warm orange), 3: 43 oklch h val, yellow-orange (a deep orange, close to golden), 4: 58 oklch h val, yellow (bright yellow), 5: 72 oklch h val, greenish-yellow (yellow with a slight green tint), 6: 87 oklch h val, yellow-green (green with strong yellow undertones), 7: 101 oklch h val, green (pure green), 8: 116 oklch h val, green-cyan (green shifting toward cyan), 9: 130 oklch h val, cyan (a strong cyan-green color), 10: 145 oklch h val, blue-green (cyan with a blue shift), 11: 159 oklch h val, cyan-blue (a cool blue-leaning cyan), 12: 174 oklch h val, light blue (sky blue, soft and light), 13: 188 oklch h val, blue (pure blue), 14: 203 oklch h val, indigo (a deep blue with hints of purple), 15: 217 oklch h val, blue-violet (a blue shifting toward purple), 16: 232 oklch h val, violet (violet with a blue tint), 17: 246 oklch h val, purple (deep purple), 18: 261 oklch h val, magenta-purple (purple with magenta tones), 19: 275 oklch h val, magenta (deep, vivid magenta), 20: 290 oklch h val, pink-magenta (magenta with a pink hue), 21: 304 oklch h val, pink (a soft, warm pink), 22: 319 oklch h val, pinkish-red (pink leaning toward red), 23: 333 oklch h val, red-pink (vivid red with pink tones), 24: 348 oklch h val, bright red (bright red, slightly pinkish) ",
-    properties: {
-      l: { type: "number" },
-      c: { type: "number" },
-      h: { type: "number" },
-      o: { type: "number" },
-      is_dark_theme_invert: { type: "boolean" },
-    },
-    additionalProperties: false,
-    required: ["l", "c", "h", "o", "is_dark_theme_invert"],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const domain_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Domain",
-  postgres_type: "text",
-  json_schema: {
-    type: "string",
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const email_address_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Email Address",
-  postgres_type: "text",
-  json_schema: {
-    type: "string",
-    // format: "email",
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const email_address_full_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Email Address Full",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    properties: {
-      domain: domain_literal?.json_schema,
-      domain_id: text_literal?.json_schema,
-      account_id: text_literal?.json_schema,
-      root_domain: domain_literal?.json_schema,
-      display_name: text_literal?.json_schema,
-      mailbox_hash: text_literal?.json_schema,
-      email_address: email_address_literal?.json_schema,
-      root_email_address: email_address_literal?.json_schema,
-      epoch_email_address_verified: epoch_literal?.json_schema,
-    },
-    additionalProperties: false,
-    required: ["domain", "root_domain", "mailbox_hash", "email_address", "root_email_address"],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const email_attachment_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Email Attachment",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    properties: {
-      name: text_literal?.json_schema,
-      content: text_literal?.json_schema,
-      content_id: text_literal?.json_schema,
-      content_type: text_literal?.json_schema,
-    },
-    additionalProperties: false,
-    required: ["name", "content", "content_id", "content_type"],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const json_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "JSON",
-  postgres_type: "jsonb",
-  json_schema: {
-    anyOf: [
-      { type: "null" },
-      { type: "boolean" },
-      { type: "number" },
-      { type: "string" },
-      {
-        type: "array",
-        items: { $ref: "#/$defs/json_literal" },
-      },
-      {
-        type: "object",
-        additionalProperties: { $ref: "#/$defs/json_literal" },
-      },
-    ],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const storage_item_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Storage Item",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    properties: {
-      id: text_literal?.json_schema,
-      db_epoch_created: epoch_literal?.json_schema,
-      db_epoch_updated: epoch_literal?.json_schema,
-      account_id: text_literal?.json_schema,
-      folder_path: { type: "array", items: text_literal?.json_schema },
-      file_name: text_literal?.json_schema,
-      file_extension: text_literal?.json_schema,
-      mime_type: text_literal?.json_schema,
-      size_kb: int_literal?.json_schema,
-      metadata: json_literal?.json_schema,
-      is_temporary: boolean_literal?.json_schema,
-      set_to_delete_initiated_at: epoch_literal?.json_schema,
-      is_public: boolean_literal?.json_schema,
-      transcription: text_literal?.json_schema,
-    },
-    additionalProperties: false,
-    required: [],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const html_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "HTML",
-  postgres_type: "text",
-  json_schema: text_literal?.json_schema,
-  validator: (input) => {
-    // validate here
-  },
-}
-const phone_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Phone Number",
-  postgres_type: "jsonb",
-  json_schema: {
-    // type: "object",
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const vector_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Vector",
-  postgres_type: "vector",
-  json_schema: {
-    type: "array",
-    items: { type: "number" },
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const icon_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Icon",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    properties: {
-      icon: text_literal?.json_schema,
-      color: color_literal?.json_schema,
-    },
-    additionalProperties: false,
-    required: ["icon", "color"],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const time_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Time",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    properties: {
-      epoch: { type: "number" },
-      granularity: { type: "string", enum: ["year", "month", "week", "day", "hour", "minute", "second"] },
-      year: { type: "number" },
-      month: { type: "number", enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] },
-      day_of_month: { type: "number", minimum: 1, maximum: 31 },
-      day_of_week: { type: "number", enum: [0, 1, 2, 3, 4, 5, 6] },
-      day_of_year: { type: "number", minimum: 1, maximum: 365 },
-      week_of_year: { type: "number", minimum: 1, maximum: 52 },
-      hour: { type: "number", minimum: 1, maximum: 24 },
-      minute: { type: "number", minimum: 1, maximum: 60 },
-      timezone: { type: "string" },
-      content: { type: "string" },
-      datetime: { type: "string" },
-    },
-    additionalProperties: false,
-    required: ["epoch"],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const time_zone_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Time Zone",
-  postgres_type: "text",
-  json_schema: text_literal?.json_schema,
-  validator: (input) => {
-    // validate here
-  },
-}
-const location_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Location Apple",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    properties: {
-      place_id: { type: "string" },
-      name: { type: "string" },
-      muid: { type: "string" },
-      latitude: { type: "number" },
-      longitude: { type: "number" },
-      formatted_address: { type: "string" },
-      country: { type: "string" },
-      country_code: { type: "string" },
-      administrative_area: { type: "string" },
-      administrative_area_code: { type: "string" },
-      locality: { type: "string" },
-      sub_locality: { type: "string" },
-      full_thoroughfare: { type: "string" },
-    },
-    required: ["latitude", "longitude", "name"],
-    additionalProperties: false,
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const cron_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Cron",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "object",
-    properties: {
-      content: { type: "string" },
-      cron: { type: "string" },
-      minute: { type: "string" },
-      hour: { type: "string" },
-      day_of_month: { type: "string" },
-      month: { type: "string" },
-      day_of_week: { type: "string" },
-    },
-    additionalProperties: false,
-    required: [],
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const variable_path_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Variable Path",
-  postgres_type: "jsonb",
-  json_schema: {
-    type: "array",
-    description: "The path to the value within variables.",
-    items: {
-      anyOf: [
-        {
-          type: "string",
-        },
-        {
-          type: "number",
-        },
-        {
-          type: "array",
-          items: {
-            anyOf: [
-              {
-                type: "string",
-              },
-              {
-                type: "number",
-              },
-            ],
-          },
-        },
-      ],
-    },
-  },
-  validator: (input) => {
-    // validate here
-  },
-}
-const content_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Content",
-  postgres_type: "jsonb",
-  // json_schema: get_content_node_json_schema("content_literal"),
-  validator: (input) => {
-    // validate here
-  },
-}
-const table_id_for_foreign_row_literal = {
-  kind: "literal",
-  category: "variables",
-  name: "Table ID for Foreign Row",
-  postgres_type: "text",
-  // json_schema: get_content_node_json_schema("content_literal"),
-  validator: (input) => {
-    // validate here
-  },
-}
-// image_literal
-// audio_literal
-// file_literal
-// dropdown_literal
-// text_array_literal
-// function_literal
+export const language_options = [
+  { key: "en", name: "English", english_name: "English", emoji: "🇺🇸" },
+  { key: "es", name: "Español", english_name: "Spanish", emoji: "🇪🇸" },
+  { key: "zh", name: "中文", english_name: "Chinese", emoji: "🇨🇳" },
+  { key: "fr", name: "Français", english_name: "French", emoji: "🇫🇷" },
+  { key: "de", name: "Deutsch", english_name: "German", emoji: "🇩🇪" },
+  { key: "ja", name: "日本語", english_name: "Japanese", emoji: "🇯🇵" },
+  { key: "pt", name: "Português", english_name: "Portuguese", emoji: "🇵🇹" },
+  { key: "it", name: "Italiano", english_name: "Italian", emoji: "🇮🇹" },
+  { key: "ru", name: "Русский", english_name: "Russian", emoji: "🇷🇺" },
+  { key: "ko", name: "한국어", english_name: "Korean", emoji: "🇰🇷" },
+  { key: "ar", name: "العربية", english_name: "Arabic", emoji: "🇸🇦" },
+  { key: "hi", name: "हिन्दी", english_name: "Hindi", emoji: "🇮🇳" },
+  { key: "nl", name: "Nederlands", english_name: "Dutch", emoji: "🇳🇱" },
+  { key: "sv", name: "Svenska", english_name: "Swedish", emoji: "🇸🇪" },
+  { key: "da", name: "Dansk", english_name: "Danish", emoji: "🇩🇰" },
+  { key: "fi", name: "Suomi", english_name: "Finnish", emoji: "🇫🇮" },
+  { key: "no", name: "Norsk", english_name: "Norwegian", emoji: "🇳🇴" },
+  { key: "pl", name: "Polski", english_name: "Polish", emoji: "🇵🇱" },
+  { key: "cs", name: "Čeština", english_name: "Czech", emoji: "🇨🇿" },
+  { key: "tr", name: "Türkçe", english_name: "Turkish", emoji: "🇹🇷" },
+  { key: "el", name: "Ελληνικά", english_name: "Greek", emoji: "🇬🇷" },
+  { key: "hu", name: "Magyar", english_name: "Hungarian", emoji: "🇭🇺" },
+  { key: "th", name: "ไทย", english_name: "Thai", emoji: "🇹🇭" },
+  { key: "id", name: "Bahasa Indonesia", english_name: "Indonesian", emoji: "🇮🇩" },
+  { key: "ro", name: "Română", english_name: "Romanian", emoji: "🇷🇴" },
+  { key: "bg", name: "Български", english_name: "Bulgarian", emoji: "🇧🇬" },
+  { key: "vi", name: "Tiếng Việt", english_name: "Vietnamese", emoji: "🇻🇳" },
+  { key: "sk", name: "Slovenčina", english_name: "Slovak", emoji: "🇸🇰" },
+  { key: "sl", name: "Slovenščina", english_name: "Slovenian", emoji: "🇸🇮" },
+  { key: "hr", name: "Hrvatski", english_name: "Croatian", emoji: "🇭🇷" },
+  { key: "sr", name: "Српски", english_name: "Serbian", emoji: "🇷🇸" },
+  { key: "bs", name: "Bosanski", english_name: "Bosnian", emoji: "🇧🇦" },
+  { key: "mk", name: "Македонски", english_name: "Macedonian", emoji: "🇲🇰" },
+  { key: "uk", name: "Українська", english_name: "Ukrainian", emoji: "🇺🇦" },
+  { key: "he", name: "עברית", english_name: "Hebrew", emoji: "🇮🇱" },
+  { key: "fa", name: "فارسی", english_name: "Persian", emoji: "🇮🇷" },
+  { key: "bn", name: "বাংলা", english_name: "Bengali", emoji: "🇧🇩" },
+  { key: "ta", name: "தமிழ்", english_name: "Tamil", emoji: "🇮🇳" },
+  { key: "te", name: "తెలుగు", english_name: "Telugu", emoji: "🇮🇳" },
+]
 
-export const literal_types = {
-  array_literal,
-  array_uniform_literal,
-  object_literal,
-  object_uniform_literal,
-  text_literal,
-  boolean_literal,
-  int_literal,
-  bigint_literal,
-  null_literal,
-  epoch_literal,
-  float_literal,
-  color_literal,
-  json_literal,
-  domain_literal,
-  email_address_literal,
-  email_address_full_literal,
-  email_attachment_literal,
-  storage_item_literal,
-  html_literal,
-  phone_literal,
-  vector_literal,
-  icon_literal,
-  time_literal,
-  time_zone_literal,
-  location_literal,
-  cron_literal,
-  content_literal,
-  table_id_for_foreign_row_literal,
-  variable_path_literal,
-}
-
-export const main_child_element_options = {
-  slot: { display_order: 0, child_min_limit: 0, child_max_limit: 99 },
-  loop: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-  div: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-  section: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-  show_conditions: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-  header: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-  footer: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-  h1: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-  h2: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-  h3: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
-  h4: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-  h5: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
-  h6: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
-  p: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
-  br: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
-  base_text: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
-  span: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
-  strong: { display_order: 19, child_min_limit: 0, child_max_limit: 99 },
-  em: { display_order: 20, child_min_limit: 0, child_max_limit: 99 },
-  strong_em: { display_order: 21, child_min_limit: 0, child_max_limit: 99 },
-  link: { display_order: 22, child_min_limit: 0, child_max_limit: 99 },
-  q: { display_order: 23, child_min_limit: 0, child_max_limit: 99 },
-  mark: { display_order: 24, child_min_limit: 0, child_max_limit: 99 },
-  s: { display_order: 25, child_min_limit: 0, child_max_limit: 99 },
-  blockquote: { display_order: 26, child_min_limit: 0, child_max_limit: 99 },
-  ul: { display_order: 27, child_min_limit: 0, child_max_limit: 99 },
-  ol: { display_order: 28, child_min_limit: 0, child_max_limit: 99 },
-  figure: { display_order: 29, child_min_limit: 0, child_max_limit: 99 },
-  picture: { display_order: 30, child_min_limit: 0, child_max_limit: 99 },
-  image: { display_order: 32, child_min_limit: 0, child_max_limit: 99 },
-  audio: { display_order: 34, child_min_limit: 0, child_max_limit: 99 },
-  video: { display_order: 35, child_min_limit: 0, child_max_limit: 99 },
-  youtube_video: { display_order: 36, child_min_limit: 0, child_max_limit: 99 },
-  x_post: { display_order: 37, child_min_limit: 0, child_max_limit: 99 },
-  table: { display_order: 38, child_min_limit: 0, child_max_limit: 99 },
-  table_advanced: { display_order: 39, child_min_limit: 0, child_max_limit: 99 },
-  hr: { display_order: 40, child_min_limit: 0, child_max_limit: 99 },
-  qr: { display_order: 41, child_min_limit: 0, child_max_limit: 99 },
-  code: { display_order: 42, child_min_limit: 0, child_max_limit: 99 },
-  code_inline: { display_order: 43, child_min_limit: 0, child_max_limit: 99 },
-  pre: { display_order: 44, child_min_limit: 0, child_max_limit: 99 },
-  json: { display_order: 45, child_min_limit: 0, child_max_limit: 99 },
-  email_address: { display_order: 46, child_min_limit: 0, child_max_limit: 99 },
-  email_address_input: { display_order: 47, child_min_limit: 0, child_max_limit: 99 },
-  phone_number: { display_order: 48, child_min_limit: 0, child_max_limit: 99 },
-  phone_number_input: { display_order: 49, child_min_limit: 0, child_max_limit: 99 },
-  time: { display_order: 50, child_min_limit: 0, child_max_limit: 99 },
-  time_input: { display_order: 51, child_min_limit: 0, child_max_limit: 99 },
-  text_input: { display_order: 52, child_min_limit: 0, child_max_limit: 99 },
-  location: { display_order: 53, child_min_limit: 0, child_max_limit: 99 },
-  location_input: { display_order: 54, child_min_limit: 0, child_max_limit: 99 },
-  slider: { display_order: 55, child_min_limit: 0, child_max_limit: 99 },
-  checkbox: { display_order: 56, child_min_limit: 0, child_max_limit: 99 },
-  number: { display_order: 57, child_min_limit: 0, child_max_limit: 99 },
-  icon: { display_order: 58, child_min_limit: 0, child_max_limit: 99 },
-  icon_input: { display_order: 59, child_min_limit: 0, child_max_limit: 99 },
-  dropdown: { display_order: 60, child_min_limit: 0, child_max_limit: 99 },
-  file: { display_order: 61, child_min_limit: 0, child_max_limit: 99 },
-  file_input: { display_order: 62, child_min_limit: 0, child_max_limit: 99 },
-  cron: { display_order: 64, child_min_limit: 0, child_max_limit: 99 },
-  cron_input: { display_order: 65, child_min_limit: 0, child_max_limit: 99 },
-  color: { display_order: 67, child_min_limit: 0, child_max_limit: 99 },
-  color_input: { display_order: 68, child_min_limit: 0, child_max_limit: 99 },
-  tag: { display_order: 69, child_min_limit: 0, child_max_limit: 99 },
-}
-
-export const content_types = {
-  slot: {
-    kind: "content",
-    category: "content",
-    name: "Slot",
-    display_order: 0,
-    attributes: {
-      val: { type: "text_literal" },
-    },
-    child_elements: {},
-  },
-  loop: {
-    kind: "content",
-    category: "variables",
-    name: "Loop",
-    display_order: 0,
-    child_elements: {
-      ...main_child_element_options,
-    },
-    validator: (input) => {
-      // validate tbd
-    },
-  },
-  div: {
-    kind: "content",
-    category: "content",
-    name: "Div",
-    display_order: 1,
-    attributes: {
-      background_color: {
-        type: "color_literal",
-        display_name: "Background Color",
-      },
-      border_color: {
-        type: "color_literal",
-        display_name: "Border Color",
-      },
-      border_radius: {
-        type: "float_literal",
-        display_name: "Border Radius",
-      },
-      padding: {
-        type: "float_literal",
-        display_name: "Padding",
-      },
-      align_content: {
-        type: "text_literal",
-        display_name: "Align Content",
-      },
-      justify_content: {
-        type: "text_literal",
-        display_name: "Justify Content",
-      },
-      gap: {
-        type: "float_literal",
-        display_name: "Gap",
-      },
-    },
-    child_elements: {
-      ...main_child_element_options,
-    },
-  },
-  section: {
-    kind: "content",
-    category: "content",
-    name: "Section",
-    display_order: 2,
-    attributes: {
-      background_color: {
-        type: "color_literal",
-        display_name: "Background Color",
-      },
-      border_color: {
-        type: "color_literal",
-        display_name: "Border Color",
-      },
-      border_radius: {
-        display_name: "Border Radius",
-        json_schema: {
-          description: "border radius number used as rem units. Typically 1 should be good",
-          type: "number",
-        },
-      },
-      padding: {
-        display_name: "Padding",
-        json_schema: {
-          description: "padding number used as rem units. Typically 1 should be good",
-          type: "number",
-        },
-      },
-    },
-    child_elements: {
-      div: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      header: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      h1: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      h2: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      h3: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      h4: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      h5: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      h6: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      p: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-      ul: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-      ol: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
-      table: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-      table_advanced: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-      figure: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
-      image: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
-      audio: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
-      video: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
-      code: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
-      blockquote: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
-      pre: { display_order: 19, child_min_limit: 0, child_max_limit: 99 },
-      hr: { display_order: 20, child_min_limit: 0, child_max_limit: 99 },
-      footer: { display_order: 21, child_min_limit: 0, child_max_limit: 99 },
-      youtube_video: { display_order: 22, child_min_limit: 0, child_max_limit: 99 },
-      x_post: { display_order: 23, child_min_limit: 0, child_max_limit: 99 },
-      time: { display_order: 24, child_min_limit: 0, child_max_limit: 99 },
-      location: { display_order: 25, child_min_limit: 0, child_max_limit: 99 },
-      json: { display_order: 26, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  show_conditions: {
-    kind: "content",
-    category: "content",
-    name: "Show Conditions",
-    display_order: 1,
-    attributes: {
-      is_run_serverside: {
-        type: "boolean_literal",
-        display_name: "Is Run Serverside",
-        default: false,
-      },
-    },
-    child_elements: {
-      show_conditions_item: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      show_conditions_item_else: { display_order: 1, child_min_limit: 0, child_max_limit: 1 },
-    },
-  },
-  show_conditions_item: {
-    kind: "content",
-    category: "content",
-    name: "Show Conditions Item",
-    display_order: 1,
-    attributes: {
-      is_show: {
-        type: "boolean_literal",
-        display_name: "Is Show",
-      },
-    },
-    child_elements: {
-      ...main_child_element_options,
-    },
-  },
-  show_conditions_item_else: {
-    kind: "content",
-    category: "content",
-    name: "Show Conditions Item Else",
-    display_order: 1,
-    attributes: {},
-    child_elements: {
-      ...main_child_element_options,
-    },
-  },
-  header: {
-    kind: "content",
-    category: "content",
-    name: "Header",
-    display_order: 3,
-    attributes: {},
-    child_elements: {
-      h1: { display_order: 1, child_min_limit: 1, child_max_limit: 1 },
-      h2: { display_order: 2, child_min_limit: 0, child_max_limit: 1 },
-    },
-  },
-  h1: {
-    kind: "content",
-    category: "content",
-    name: "Heading 1",
-    display_order: 4,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  h2: {
-    kind: "content",
-    category: "content",
-    name: "Heading 2",
-    display_order: 5,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  h3: {
-    kind: "content",
-    category: "content",
-    name: "Heading 3",
-    display_order: 6,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  h4: {
-    kind: "content",
-    category: "content",
-    name: "Heading 4",
-    display_order: 7,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  h5: {
-    kind: "content",
-    category: "content",
-    name: "Heading 5",
-    display_order: 8,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  h6: {
-    kind: "content",
-    category: "content",
-    name: "Heading 6",
-    display_order: 9,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  p: {
-    kind: "content",
-    category: "content",
-    name: "Paragraph",
-    display_order: 10,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-      s: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
-      mark: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-      code_inline: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
-      br: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
-      time: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
-      location: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
-      number: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
-      color: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  base_text: {
-    kind: "content",
-    category: "content",
-    name: "Base Text",
-    display_order: 11,
-    attributes: {
-      content: { type: "text_literal" },
-      text_color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  span: {
-    kind: "content",
-    category: "content",
-    name: "Span",
-    display_order: 12,
-    attributes: {},
-    child_elements: {},
-  },
-  strong: {
-    kind: "content",
-    category: "content",
-    name: "Strong Text",
-    display_order: 13,
-    attributes: {
-      content: { type: "text_literal" },
-      text_color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  em: {
-    kind: "content",
-    category: "content",
-    name: "Emphasized Text",
-    display_order: 14,
-    attributes: {
-      content: { type: "text_literal" },
-      text_color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  strong_em: {
-    kind: "content",
-    category: "content",
-    name: "Strong Emphasized Text",
-    display_order: 15,
-    attributes: {
-      content: { type: "text_literal" },
-      text_color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  link: {
-    kind: "content",
-    category: "content",
-    name: "Link",
-    display_order: 16,
-    attributes: {
-      href: { type: "text_literal" },
-      display_text: { type: "text_literal" },
-      text_color: { type: "color_literal" },
-      is_show_preview: { type: "boolean_literal" },
-    },
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-      s: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
-      mark: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-      code_inline: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
-      br: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
-      time: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
-      location: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
-      number: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
-      color: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  q: {
-    kind: "content",
-    category: "content",
-    name: "Quotation",
-    display_order: 17,
-    attributes: {
-      href: { type: "text_literal" },
-      content: { type: "text_literal" },
-      text_color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  mark: {
-    kind: "content",
-    category: "content",
-    name: "Mark",
-    display_order: 18,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      code_inline: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-      sub: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-      sup: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
-      s: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  s: {
-    kind: "content",
-    category: "content",
-    name: "Strikethrough",
-    display_order: 19,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      code_inline: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  blockquote: {
-    kind: "content",
-    category: "content",
-    name: "Blockquote",
-    display_order: 20,
-    attributes: {
-      cite: { type: "text_literal", display_name: "cite", default_value: null, display_order: 0 },
-    },
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-      s: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
-      mark: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-      p: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
-      ul: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
-      ol: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
-      code_inline: { display_order: 16, child_min_limit: 0, child_max_limit: 9 },
-    },
-  },
-  ul: {
-    kind: "content",
-    category: "content",
-    name: "Unordered List",
-    display_order: 21,
-    attributes: {},
-    child_elements: {
-      li: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
-    },
-  },
-  ol: {
-    kind: "content",
-    category: "content",
-    name: "Ordered List",
-    display_order: 22,
-    attributes: {},
-    child_elements: {
-      li: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
-    },
-  },
-  li: {
-    kind: "content",
-    category: "content",
-    name: "List Item",
-    display_order: 23,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      image: { display_order: 6, child_min_limit: 0, child_max_limit: 9 },
-      audio: { display_order: 6, child_min_limit: 0, child_max_limit: 9 },
-      br: { display_order: 7, child_min_limit: 0, child_max_limit: 9 },
-      q: { display_order: 8, child_min_limit: 0, child_max_limit: 9 },
-      s: { display_order: 9, child_min_limit: 0, child_max_limit: 9 },
-      mark: { display_order: 10, child_min_limit: 0, child_max_limit: 9 },
-      span: { display_order: 11, child_min_limit: 0, child_max_limit: 9 },
-      code_inline: { display_order: 12, child_min_limit: 0, child_max_limit: 9 },
-      time: { display_order: 13, child_min_limit: 0, child_max_limit: 9 },
-      location: { display_order: 14, child_min_limit: 0, child_max_limit: 9 },
-      ...main_child_element_options, // tbd
-    },
-  },
-  figure: {
-    kind: "content",
-    category: "content",
-    name: "Figure",
-    display_order: 24,
-    attributes: {
-      caption: { type: "text_literal" },
-    },
-    child_elements: {
-      picture: { display_order: 1, child_min_limit: 0, child_max_limit: 1 },
-      video: { display_order: 2, child_min_limit: 0, child_max_limit: 1 },
-      audio: { display_order: 3, child_min_limit: 0, child_max_limit: 1 },
-      blockquote: { display_order: 4, child_min_limit: 0, child_max_limit: 1 },
-    },
-  },
-  picture: {
-    kind: "content",
-    category: "content",
-    name: "Picture",
-    display_order: 25,
-    attributes: {},
-    child_elements: {
-      source: { display_order: 1, child_min_limit: 1, child_max_limit: 9 },
-    },
-  },
-  source: {
-    kind: "content",
-    category: "content",
-    name: "Source",
-    display_order: 26,
-    attributes: {
-      alt: { type: "text_literal" },
-      name: { type: "text_literal" },
-      width: { type: "int_literal" },
-      height: { type: "int_literal" },
-      file_type: { type: "text_literal" },
-      storage_id: { type: "text_literal" },
-      aspect_ratio: { type: "float_literal" },
-    },
-    child_elements: {},
-  },
-  image: {
-    kind: "content",
-    category: "content",
-    name: "Image",
-    display_order: 27,
-    attributes: {
-      alt: { type: "text_literal" },
-      name: { type: "text_literal" },
-      width: { type: "int_literal" },
-      height: { type: "int_literal" },
-      mime_type: { type: "text_literal" },
-      storage_id: { type: "text_literal" },
-      aspect_ratio: { type: "float_literal" },
-      is_storage_id_public: { type: "boolean_literal" },
-      src: { type: "text_literal" },
-      src_quick: { type: "text_literal" },
-      display_max_height: { type: "int_literal" },
-      display_max_width: { type: "int_literal" },
-      border_radius: { type: "float_literal" },
-      bg_img_blur: { type: "float_literal" },
-      bg_img_opacity: { type: "float_literal" },
-    },
-    child_elements: {},
-  },
-  audio: {
-    kind: "content",
-    category: "content",
-    name: "Audio",
-    display_order: 29,
-    attributes: {
-      ui_type: { type: "text_literal" },
-      storage_id: { type: "text_literal" },
-      is_storage_id_public: { type: "boolean_literal" },
-      src: { type: "text_literal" },
-      mime_type: { type: "text_literal" },
-      title: { type: "text_literal" },
-      album: { type: "text_literal" },
-      artist: { type: "text_literal" },
-      image_storage_id: { type: "text_literal" },
-      image_is_storage_id_public: { type: "boolean_literal" },
-      image_src: { type: "text_literal" },
-      image_src_quick: { type: "text_literal" },
-      image_mime_type: { type: "text_literal" },
-      image_width: { type: "int_literal" },
-      image_height: { type: "int_literal" },
-      image_aspect_ratio: { type: "float_literal" },
-    },
-    child_elements: {},
-  },
-  video: {
-    // tbd
-    kind: "content",
-    category: "content",
-    name: "Video",
-    display_order: 28,
-    attributes: {},
-    child_elements: {},
-  },
-  qr: {
-    kind: "content",
-    category: "content",
-    name: "QR",
-    display_order: 29,
-    attributes: {
-      margin: {
-        type: "int_literal",
-        minimum: 0,
-        maximum: 50,
-        default: 10,
-      },
-      size: {
-        type: "int_literal",
-        minimum: 50,
-        maximum: 500,
-        default: 200,
-      },
-      image_size: {
-        type: "float_literal",
-        minimum: 0.1,
-        maximum: 1,
-        default: 0.5,
-      },
-      type_number: {
-        type: "int_literal",
-        minimum: 0,
-        maximum: 4,
-        default: 0,
-      },
-      error_correction_level: {
-        type: "text_literal",
-        enum: ["L", "M", "Q", "H"],
-        default: "M",
-      },
-      color: { type: "color_literal", default: "var(--primary-t)" },
-      corner_color: {
-        type: "color_literal",
-        default: "color-mix(in oklab, var(--primary-t), var(--bg) 20%)",
-      },
-      background_color: {
-        type: "color_literal",
-        default: "var(--shadow1-t)",
-      },
-      border_color: {
-        type: "color_literal",
-        default: "var(--shadow7-t)",
-      },
-      border_radius: {
-        type: "int_literal",
-        minimum: 0,
-        maximum: 10,
-        default: 5,
-      },
-      border_width: {
-        type: "int_literal",
-        minimum: 0,
-        maximum: 3,
-        default: 5,
-      },
-      data: { type: "text_literal" },
-      image: {
-        type: "image_literal",
-      },
-      extension: {
-        type: "text_literal",
-        enum: ["svg", "png", "jpeg"],
-        default: "svg",
-      },
-      quality: {
-        type: "float_literal",
-        minimum: 0,
-        maximum: 1,
-        default: 0.8,
-      },
-    },
-    child_elements: {},
-  },
-  table: {
-    kind: "content",
-    category: "content",
-    name: "Table",
-    display_order: 30,
-    attributes: {
-      caption: { type: "text_literal" },
-    },
-    child_elements: {
-      thead: { display_order: 1, child_min_limit: 1, child_max_limit: 1 },
-      tbody: { display_order: 2, child_min_limit: 1, child_max_limit: 1 },
-      tfoot: { display_order: 3, child_min_limit: 0, child_max_limit: 1 },
-    },
-  },
-  thead: {
-    kind: "content",
-    category: "content",
-    name: "Table Header",
-    display_order: 31,
-    attributes: {},
-    child_elements: {
-      tr: { display_order: 1, child_min_limit: 1, child_max_limit: 1 },
-    },
-  },
-  tbody: {
-    kind: "content",
-    category: "content",
-    name: "Table Body",
-    display_order: 32,
-    attributes: {},
-    child_elements: {
-      tr: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
-    },
-  },
-  tfoot: {
-    kind: "content",
-    category: "content",
-    name: "Table Footer",
-    display_order: 33,
-    attributes: {},
-    child_elements: {
-      tr: { display_order: 1, child_min_limit: 0, child_max_limit: 1 },
-    },
-  },
-  tr: {
-    kind: "content",
-    category: "content",
-    name: "Table Row",
-    display_order: 34,
-    attributes: {},
-    child_elements: {
-      th: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
-      td: { display_order: 2, child_min_limit: 1, child_max_limit: 999 },
-    },
-  },
-  th: {
-    kind: "content",
-    category: "content",
-    name: "Table Head Cell",
-    display_order: 35,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  td: {
-    kind: "content",
-    category: "content",
-    name: "Table Body Cell",
-    display_order: 36,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      br: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-      sub: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
-      sup: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
-      s: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
-      mark: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
-      p: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
-      ul: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
-      ol: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
-      code_inline: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
-      code: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
-      figure: { display_order: 19, child_min_limit: 0, child_max_limit: 99 },
-      image: { display_order: 20, child_min_limit: 0, child_max_limit: 99 },
-      time: { display_order: 21, child_min_limit: 0, child_max_limit: 99 },
-      location: { display_order: 22, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  nav: {
-    kind: "content",
-    category: "content",
-    name: "Navigation",
-    display_order: 37,
-    attributes: {},
-    child_elements: {},
-  },
-  code: {
-    kind: "content",
-    category: "content",
-    name: "Code Block",
-    display_order: 38,
-    attributes: {
-      content: { type: "text_literal" },
-      language: { type: "text_literal" },
-    },
-    child_elements: {},
-  },
-  code_inline: {
-    kind: "content",
-    category: "content",
-    name: "Code Inline",
-    display_order: 39,
-    attributes: {
-      content: { type: "text_literal" },
-      color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  br: {
-    kind: "content",
-    category: "content",
-    name: "Line Break",
-    display_order: 40,
-    attributes: {},
-    child_elements: {},
-  },
-  spacer: {
-    kind: "content",
-    category: "content",
-    name: "Spacer",
-    display_order: 40,
-    attributes: {
-      mt: { type: "float_literal" },
-      mb: { type: "float_literal" },
-      ml: { type: "float_literal" },
-      mr: { type: "float_literal" },
-      is_vert: { type: "boolean_literal" },
-      color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  hr: {
-    kind: "content",
-    category: "content",
-    name: "Horizontal Rule",
-    display_order: 41,
-    attributes: {},
-    child_elements: {},
-  },
-  sub: {
-    kind: "content",
-    category: "content",
-    name: "Subscript",
-    display_order: 42,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      s: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      mark: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  sup: {
-    kind: "content",
-    category: "content",
-    name: "Superscript",
-    display_order: 43,
-    attributes: {},
-    child_elements: {
-      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      q: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-      span: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
-      s: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
-      mark: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  pre: {
-    kind: "content",
-    category: "content",
-    name: "Preformatted Text",
-    display_order: 44,
-    attributes: {},
-    child_elements: {},
-  },
-  ref: {
-    kind: "content",
-    category: "content",
-    name: "Reference",
-    display_order: 45,
-    attributes: {
-      href: { type: "text_literal" },
-      content: { type: "text_literal" },
-      text_color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  footer: {
-    kind: "content",
-    category: "content",
-    name: "Footer",
-    display_order: 46,
-    attributes: {},
-    child_elements: {
-      ol: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
-      ul: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
-      p: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
-      h4: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
-      h5: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
-      h6: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
-    },
-  },
-  youtube_video: {
-    kind: "content",
-    category: "content",
-    name: "YouTube Video",
-    display_order: 47,
-    attributes: {
-      id: { type: "text_literal" },
-      video_id: { type: "text_literal" },
-      is_dark_theme: { type: "boolean_literal" },
-    },
-    child_elements: {},
-  },
-  x_post: {
-    kind: "content",
-    category: "content",
-    name: "X Post",
-    display_order: 48,
-    attributes: {
-      post_id: { type: "text_literal" },
-    },
-    child_elements: {},
-  },
-  table_advanced: {
-    kind: "content",
-    category: "content",
-    name: "Table Advanced",
-    display_order: 51,
-    attributes: {
-      // obviously this is way off just pasted in to start
-      columns: {
-        type: "object",
-        properties: {
-          id: { type: "text_literal" },
-          description: { type: "text_literal" },
-          header_content: { type: "text_literal" },
-          body_content: { type: "text_literal" },
-          is_shown: { type: "text_literal" },
-          is_fixed: { type: "text_literal" },
-          alignment: { type: "text_literal" },
-          min_width: { type: "text_literal" },
-          max_width: { type: "text_literal" },
-          display_order: { type: "text_literal" },
-          is_use_in_short_display: { type: "boolean_literal" },
-          is_autogenerated: { type: "boolean_literal" },
-          is_updatable: { type: "boolean_literal" },
-          is_db_column: { type: "boolean_literal" },
-          db_data_type: { type: "text_literal" },
-          postgres_type: { type: "text_literal" },
-          default_value: { type: "text_literal" },
-          quick_sort_variable_path: { type: "text_literal" },
-          is_primary_key: { type: "boolean_literal" },
-          is_nullable: { type: "boolean_literal" },
-          is_force_uniqueness: { type: "boolean_literal" },
-          foreign_table_id: { type: "text_literal" },
-          is_cascade: { type: "text_literal" },
-        },
-        additionalProperties: false,
-        required: [],
-      },
-      rows_data_from_variable_path: { type: "text_literal" },
-      is_data_editable: { type: "text_literal" },
-      is_paginate: { type: "text_literal" },
-      nav_items: { type: "text_literal" },
-      sort_by: { type: "text_literal" },
-      filter: { type: "text_literal" },
-      row_searchable_content: { type: "text_literal" },
-      row_input_content: { type: "text_literal" },
-      table_header_max_height: { type: "text_literal" },
-      table_row_max_height: { type: "text_literal" },
-    },
-    child_elements: {},
-  },
-  number: {
-    kind: "content",
-    category: "content",
-    name: "Number",
-    display_order: 51,
-    attributes: {
-      val: { type: ["float_literal", "int_literal", "bigint_literal"] },
-    },
-    child_elements: {},
-  },
-  color: {
-    kind: "content",
-    category: "content",
-    name: "Color",
-    display_order: 52,
-    attributes: {
-      val: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  json: {
-    kind: "content",
-    category: "content",
-    name: "JSON",
-    display_order: 53,
-    attributes: {
-      is_show_buttons: { type: "boolean_literal" },
-      val: { type: "json_literal" },
-    },
-    child_elements: {},
-  },
-  email_address: {
-    kind: "content",
-    category: "content",
-    name: "Email Address",
-    attributes: {
-      is_full: { type: "boolean_literal" },
-      is_show_copy_to_clipboard: { type: "boolean_literal" },
-      is_show_mail_to: { type: "boolean_literal", default: false },
-    },
-  },
-  email_address_input: {
-    kind: "content",
-    category: "content",
-    name: "Email Address Input",
-    attributes: {
-      placeholder: { type: "text_literal" },
-      maximum_length: { type: "int_literal" },
-    },
-  },
-  phone: {
-    kind: "content",
-    category: "content",
-    name: "Phone",
-    attributes: {
-      is_full: { type: "boolean_literal" },
-      is_show_country_code: { type: "boolean_literal", default: true },
-      is_show_call_button: { type: "boolean_literal", default: true },
-      is_show_local: { type: "boolean_literal", default: true },
-      is_show_main_number: { type: "boolean_literal", default: true },
-      is_show_type: { type: "boolean_literal", default: true },
-    },
-  },
-  phone_input: {
-    kind: "content",
-    category: "content",
-    name: "Phone",
-    attributes: {
-      placeholder: { type: "text_literal" },
-    },
-  },
-  time_input: {
-    kind: "content",
-    category: "content",
-    name: "Time Input",
-    attributes: {
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["time_literal"],
-      },
-      granularity: {
-        type: "text_literal",
-        enum: ["year", "month", "week", "day", "hour", "minute", "second"],
-        default: "day",
-      },
-    },
-  },
-  time: {
-    kind: "content",
-    category: "content",
-    name: "Time",
-    display_order: 49,
-    attributes: {
-      hour: { type: "int_literal" },
-      year: { type: "int_literal" },
-      color: { type: "color_literal" },
-      epoch: { type: "bigint_literal" },
-      month: { type: "int_literal" },
-      minute: { type: "int_literal" },
-      second: { type: "int_literal" },
-      content: { type: "text_literal" },
-      datetime: { type: "text_literal" },
-      timezone: { type: "text_literal" },
-      day_of_week: { type: "int_literal" },
-      day_of_year: { type: "int_literal" },
-      granularity: { type: "text_literal" },
-      day_of_month: { type: "int_literal" },
-      week_of_year: { type: "int_literal" },
-    },
-    child_elements: {},
-  },
-  phone_number: {
-    kind: "content",
-    category: "content",
-    name: "Phone Number",
-    display_order: 50,
-    attributes: {
-      tbd: { type: "text_literal" },
-    },
-    child_elements: {},
-  },
-  phone_number_input: {
-    kind: "content",
-    category: "content",
-    name: "Phone Number",
-    display_order: 50,
-    attributes: {
-      tbd: { type: "text_literal" },
-    },
-    child_elements: {},
-  },
-  file: {
-    kind: "content",
-    category: "content",
-    name: "File",
-    attributes: {},
-  },
-  boolean_icon: {
-    kind: "content",
-    category: "content",
-    name: "Boolean Icon",
-    attributes: {
-      true_icon: {
-        type: "icon_literal",
-        default: "x",
-        // enum: icon_ids
-      },
-      false_icon: {
-        type: "icon_literal",
-        default: "check",
-        // enum: icon_ids
-      },
-    },
-  },
-  tag: {
-    kind: "content",
-    category: "content",
-    name: "Tag",
-    attributes: {
-      // custom options input
-      options: {
-        type: "array_uniform_literal",
-        // items: { anyOf }
-      },
-    },
-  },
-  // foreign_key: {
-  //   kind: "content",
-  //   category: "content",
-  //   name: "Foreign Key",
-  //   attributes: {},
-  // },
-  variable_path_input: {
-    kind: "content",
-    category: "content",
-    name: "Variable Path Input",
-    attributes: {},
-  },
-  number_input: {
-    kind: "content",
-    category: "content",
-    name: "Number Input",
-    attributes: {
-      label: { type: "text_literal" },
-      placeholder: { type: "text_literal" },
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["int_literal", "float_literal", "bigint_literal"],
-      },
-    },
-  },
-  text_input: {
-    kind: "content",
-    category: "content",
-    name: "Text Input",
-    attributes: {
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["text_literal"],
-      },
-      label: { type: "text_literal" },
-      placeholder: { type: "text_literal" },
-      maximum_length: { type: "int_literal" },
-      is_text_hidable: { type: "boolean_literal", default: false },
-      is_text_hidden: { type: "boolean_literal", default: false },
-    },
-  },
-  slider: {
-    kind: "content",
-    category: "content",
-    name: "Slider",
-    attributes: {
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["int_literal", "float_literal", "bigint_literal"],
-      },
-      label: { type: "text_literal" },
-      is_nullable: { type: "boolean_literal", default: false },
-      minimum: { type: "int_literal", default: 0 },
-      maximum: { type: "int_literal", default: 10 },
-      step: { type: "float_literal", default: 1 },
-      color: { type: "color_literal" },
-      is_short: { type: "boolean_literal", default: false },
-      step: { type: "int_literal", default: 1 },
-    },
-  },
-  checkbox: {
-    kind: "content",
-    category: "content",
-    name: "Checkbox",
-    attributes: {
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["boolean_literal"],
-      },
-      label: { type: "text_literal" },
-      size: { type: "float_literal", default: 2.4 },
-      type: {
-        type: "text_literal",
-        default: "checkbox",
-        enum: ["checkbox", "toggle"],
-      },
-      label: { type: "text_literal" },
-      name: { type: "text_literal" },
-      color: { type: "color_literal" },
-      // on_val
-      // off_val
-    },
-  },
-  arrow_toggle_input: {
-    kind: "content",
-    category: "content",
-    name: "Arrow Toggle",
-  },
-  icon_input: {
-    kind: "content",
-    category: "content",
-    name: "Icon Input",
-    attributes: {
-      tbd: { type: "text_literal" },
-    },
-  },
-  icon: {
-    kind: "content",
-    category: "content",
-    name: "Icon",
-    display_order: 50,
-    attributes: {
-      icon_id: { type: "text_literal" },
-      color: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  cron_input: {
-    kind: "content",
-    category: "content",
-    name: "Cron",
-    attributes: {
-      tbd: { type: "text_literal" },
-    },
-  },
-  cron: {
-    kind: "content",
-    category: "content",
-    name: "Cron",
-    attributes: {
-      tbd: { type: "text_literal" },
-    },
-  },
-  file_input: {
-    kind: "content",
-    category: "content",
-    name: "File Picker",
-    attributes: {
-      accept: {
-        type: "array_uniform_literal",
-        items: {
-          type: "text_literal",
-          // enum: mime_types
-        },
-      },
-      is_multiselect: { type: "boolean_literal", default: false },
-      is_drop_zone: { type: "boolean_literal", default: true },
-    },
-  },
-  color: {
-    kind: "content",
-    category: "content",
-    name: "Color",
-    display_order: 52,
-    attributes: {
-      val: { type: "color_literal" },
-    },
-    child_elements: {},
-  },
-  dropdown: {
-    kind: "content",
-    category: "content",
-    name: "Dropdown",
-    attributes: {
-      options: {
-        json_schema: {
-          type: "array",
-          items: {
-            type: "object",
-            properties: {
-              key: {
-                anyOf: [{ type: "string" }, { type: "number" }],
-              },
-              name: {
-                type: "string",
-              },
-            },
-            required: ["key", "name"],
-            additionalProperties: false,
-          },
-        },
-      },
-    },
-  },
-  color_input: {
-    kind: "content",
-    category: "content",
-    name: "Color Input",
-    attributes: {
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["color_literal"],
-      },
-      is_show_opacity: { type: "boolean_literal", default: true },
-      h_options: {
-        type: "array_uniform_literal",
-        items: {
-          type: "int_literal",
-          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
-        },
-      },
-      l_options: {
-        type: "array_uniform_literal",
-        items: {
-          type: "int_literal",
-          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
-        },
-      },
-      c_options: {
-        type: "array_uniform_literal",
-        items: {
-          type: "int_literal",
-          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
-        },
-      },
-      o_options: {
-        type: "array_uniform_literal",
-        items: {
-          type: "int_literal",
-          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
-        },
-      },
-    },
-  },
-  location_input: {
-    kind: "content",
-    category: "content",
-    name: "Location Input",
-    attributes: {
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["location_literal"],
-      },
-      is_show_opacity: { type: "boolean_literal", default: true },
-    },
-  },
-  location: {
-    kind: "content",
-    category: "content",
-    name: "Location",
-    attributes: {
-      // val_from_variable_path: {
-      //   type: "variable_path_literal",
-      //   allowed_types: ["location_literal"],
-      // },
-      val: { type: "location_literal" },
-      is_popover: { type: "boolean_literal", default: false },
-      is_inline: { type: "boolean_literal", default: false },
-    },
-  },
-  loop: {
-    kind: "content",
-    category: "content",
-    name: "Loop",
-    attributes: {
-      val_from_variable_path: {
-        type: "variable_path_literal",
-        allowed_types: ["array_uniform_literal", "object_uniform_literal"],
-      },
-      iter_identifier: { type: "text_literal" },
-      join_text: { type: "text_literal" },
-    },
-    child_elements: {
-      ...main_child_element_options,
-    },
-  },
-  // function_input: {}, maybe?
-}
-
-export const node_types = {
-  ...literal_types,
-  ...content_types,
-}
-
-function get_content_node_json_schema(type_id) {
-  //tbd
-}
-
-export const language_options = [
-  { key: "en", name: "English", english_name: "English", emoji: "🇺🇸" },
-  { key: "es", name: "Español", english_name: "Spanish", emoji: "🇪🇸" },
-  { key: "zh", name: "中文", english_name: "Chinese", emoji: "🇨🇳" },
-  { key: "fr", name: "Français", english_name: "French", emoji: "🇫🇷" },
-  { key: "de", name: "Deutsch", english_name: "German", emoji: "🇩🇪" },
-  { key: "ja", name: "日本語", english_name: "Japanese", emoji: "🇯🇵" },
-  { key: "pt", name: "Português", english_name: "Portuguese", emoji: "🇵🇹" },
-  { key: "it", name: "Italiano", english_name: "Italian", emoji: "🇮🇹" },
-  { key: "ru", name: "Русский", english_name: "Russian", emoji: "🇷🇺" },
-  { key: "ko", name: "한국어", english_name: "Korean", emoji: "🇰🇷" },
-  { key: "ar", name: "العربية", english_name: "Arabic", emoji: "🇸🇦" },
-  { key: "hi", name: "हिन्दी", english_name: "Hindi", emoji: "🇮🇳" },
-  { key: "nl", name: "Nederlands", english_name: "Dutch", emoji: "🇳🇱" },
-  { key: "sv", name: "Svenska", english_name: "Swedish", emoji: "🇸🇪" },
-  { key: "da", name: "Dansk", english_name: "Danish", emoji: "🇩🇰" },
-  { key: "fi", name: "Suomi", english_name: "Finnish", emoji: "🇫🇮" },
-  { key: "no", name: "Norsk", english_name: "Norwegian", emoji: "🇳🇴" },
-  { key: "pl", name: "Polski", english_name: "Polish", emoji: "🇵🇱" },
-  { key: "cs", name: "Čeština", english_name: "Czech", emoji: "🇨🇿" },
-  { key: "tr", name: "Türkçe", english_name: "Turkish", emoji: "🇹🇷" },
-  { key: "el", name: "Ελληνικά", english_name: "Greek", emoji: "🇬🇷" },
-  { key: "hu", name: "Magyar", english_name: "Hungarian", emoji: "🇭🇺" },
-  { key: "th", name: "ไทย", english_name: "Thai", emoji: "🇹🇭" },
-  { key: "id", name: "Bahasa Indonesia", english_name: "Indonesian", emoji: "🇮🇩" },
-  { key: "ro", name: "Română", english_name: "Romanian", emoji: "🇷🇴" },
-  { key: "bg", name: "Български", english_name: "Bulgarian", emoji: "🇧🇬" },
-  { key: "vi", name: "Tiếng Việt", english_name: "Vietnamese", emoji: "🇻🇳" },
-  { key: "sk", name: "Slovenčina", english_name: "Slovak", emoji: "🇸🇰" },
-  { key: "sl", name: "Slovenščina", english_name: "Slovenian", emoji: "🇸🇮" },
-  { key: "hr", name: "Hrvatski", english_name: "Croatian", emoji: "🇭🇷" },
-  { key: "sr", name: "Српски", english_name: "Serbian", emoji: "🇷🇸" },
-  { key: "bs", name: "Bosanski", english_name: "Bosnian", emoji: "🇧🇦" },
-  { key: "mk", name: "Македонски", english_name: "Macedonian", emoji: "🇲🇰" },
-  { key: "uk", name: "Українська", english_name: "Ukrainian", emoji: "🇺🇦" },
-  { key: "he", name: "עברית", english_name: "Hebrew", emoji: "🇮🇱" },
-  { key: "fa", name: "فارسی", english_name: "Persian", emoji: "🇮🇷" },
-  { key: "bn", name: "বাংলা", english_name: "Bengali", emoji: "🇧🇩" },
-  { key: "ta", name: "தமிழ்", english_name: "Tamil", emoji: "🇮🇳" },
-  { key: "te", name: "తెలుగు", english_name: "Telugu", emoji: "🇮🇳" },
-]
-// javascript: sequelize model definition using the iana timezone identifier
-
-export const time_zone_options = [
-  { key: "america/puerto_rico", name: "atlantic time / puerto rico (ast)", emoji: "🇵🇷" },
-  { key: "america/new_york", name: "eastern time / new york (est/edt)", emoji: "🇺🇸" },
-  { key: "america/toronto", name: "toronto time / toronto (est/edt)", emoji: "🇨🇦" },
-  { key: "america/halifax", name: "halifax time (ast/adt)", emoji: "🇨🇦" },
-  { key: "america/chicago", name: "central time / chicago (cst/cdt)", emoji: "🇺🇸" },
-  { key: "america/mexico_city", name: "mexico city time (cst/cdt)", emoji: "🇲🇽" },
-  { key: "america/denver", name: "mountain time / denver (mst/mdt)", emoji: "🇺🇸" },
-  { key: "america/phoenix", name: "arizona time / phoenix (mst)", emoji: "🇺🇸" },
-  { key: "america/los_angeles", name: "pacific time / los angeles (pst/pdt)", emoji: "🇺🇸" },
-  { key: "america/anchorage", name: "alaska time (akst/akdt)", emoji: "🇺🇸" },
-  { key: "america/adak", name: "hawaii-aleutian time (hast)", emoji: "🇺🇸" },
-  { key: "pacific/honolulu", name: "hawaii time (hst)", emoji: "🇺🇸" },
-  { key: "america/sao_paulo", name: "são paulo time (brt)", emoji: "🇧🇷" },
-  { key: "america/bogota", name: "bogota time (cot)", emoji: "🇨🇴" },
-  { key: "america/caracas", name: "caracas time (vet)", emoji: "🇻🇪" },
-  { key: "america/lima", name: "lima time (pet)", emoji: "🇵🇪" },
-  { key: "america/panama", name: "panama time (est)", emoji: "🇵🇦" },
-  { key: "europe/london", name: "london time (gmt/bst)", emoji: "🇬🇧" },
-  { key: "europe/berlin", name: "berlin time (cet/cest)", emoji: "🇩🇪" },
-  { key: "europe/paris", name: "paris time (cet/cest)", emoji: "🇫🇷" },
-  { key: "europe/moscow", name: "moscow time (msk)", emoji: "🇷🇺" },
-  { key: "asia/dubai", name: "dubai time (gst)", emoji: "🇦🇪" },
-  { key: "asia/tokyo", name: "tokyo time (jst)", emoji: "🇯🇵" },
-  { key: "asia/shanghai", name: "shanghai time (cst)", emoji: "🇨🇳" },
-  { key: "asia/kolkata", name: "india time (ist)", emoji: "🇮🇳" },
-  { key: "asia/singapore", name: "singapore time (sgt)", emoji: "🇸🇬" },
-  { key: "australia/sydney", name: "sydney time (aest/aedt)", emoji: "🇦🇺" },
-  { key: "pacific/auckland", name: "auckland time (nzst/nzdt)", emoji: "🇳🇿" },
-  { key: "europe/istanbul", name: "istanbul time (trt)", emoji: "🇹🇷" },
-  { key: "america/st_johns", name: "newfoundland time / st. johns (nst/ndt)", emoji: "🇨🇦" },
-  { key: "america/argentina/buenos_aires", name: "buenos aires time (art)", emoji: "🇦🇷" },
-  { key: "america/santiago", name: "santiago time (clt)", emoji: "🇨🇱" },
-  { key: "atlantic/reykjavik", name: "reykjavik time (gmt)", emoji: "🇮🇸" },
-  { key: "africa/cairo", name: "cairo time (eet)", emoji: "🇪🇬" },
-  { key: "asia/karachi", name: "pakistan time (pkt)", emoji: "🇵🇰" },
-  { key: "asia/hong_kong", name: "hong kong time (hkt)", emoji: "🇭🇰" },
-  { key: "asia/seoul", name: "seoul time (kst)", emoji: "🇰🇷" },
-  { key: "asia/bangkok", name: "bangkok time (ict)", emoji: "🇹🇭" },
-  { key: "asia/kuala_lumpur", name: "malaysia time (myt)", emoji: "🇲🇾" },
-  { key: "asia/manila", name: "philippine time / manila (pst)", emoji: "🇵🇭" },
-]
+export const time_zone_options = [
+  { key: "america/puerto_rico", name: "atlantic time / puerto rico (ast)", emoji: "🇵🇷" },
+  { key: "america/new_york", name: "eastern time / new york (est/edt)", emoji: "🇺🇸" },
+  { key: "america/toronto", name: "toronto time / toronto (est/edt)", emoji: "🇨🇦" },
+  { key: "america/halifax", name: "halifax time (ast/adt)", emoji: "🇨🇦" },
+  { key: "america/chicago", name: "central time / chicago (cst/cdt)", emoji: "🇺🇸" },
+  { key: "america/mexico_city", name: "mexico city time (cst/cdt)", emoji: "🇲🇽" },
+  { key: "america/denver", name: "mountain time / denver (mst/mdt)", emoji: "🇺🇸" },
+  { key: "america/phoenix", name: "arizona time / phoenix (mst)", emoji: "🇺🇸" },
+  { key: "america/los_angeles", name: "pacific time / los angeles (pst/pdt)", emoji: "🇺🇸" },
+  { key: "america/anchorage", name: "alaska time (akst/akdt)", emoji: "🇺🇸" },
+  { key: "america/adak", name: "hawaii-aleutian time (hast)", emoji: "🇺🇸" },
+  { key: "pacific/honolulu", name: "hawaii time (hst)", emoji: "🇺🇸" },
+  { key: "america/sao_paulo", name: "são paulo time (brt)", emoji: "🇧🇷" },
+  { key: "america/bogota", name: "bogota time (cot)", emoji: "🇨🇴" },
+  { key: "america/caracas", name: "caracas time (vet)", emoji: "🇻🇪" },
+  { key: "america/lima", name: "lima time (pet)", emoji: "🇵🇪" },
+  { key: "america/panama", name: "panama time (est)", emoji: "🇵🇦" },
+  { key: "europe/london", name: "london time (gmt/bst)", emoji: "🇬🇧" },
+  { key: "europe/berlin", name: "berlin time (cet/cest)", emoji: "🇩🇪" },
+  { key: "europe/paris", name: "paris time (cet/cest)", emoji: "🇫🇷" },
+  { key: "europe/moscow", name: "moscow time (msk)", emoji: "🇷🇺" },
+  { key: "asia/dubai", name: "dubai time (gst)", emoji: "🇦🇪" },
+  { key: "asia/tokyo", name: "tokyo time (jst)", emoji: "🇯🇵" },
+  { key: "asia/shanghai", name: "shanghai time (cst)", emoji: "🇨🇳" },
+  { key: "asia/kolkata", name: "india time (ist)", emoji: "🇮🇳" },
+  { key: "asia/singapore", name: "singapore time (sgt)", emoji: "🇸🇬" },
+  { key: "australia/sydney", name: "sydney time (aest/aedt)", emoji: "🇦🇺" },
+  { key: "pacific/auckland", name: "auckland time (nzst/nzdt)", emoji: "🇳🇿" },
+  { key: "europe/istanbul", name: "istanbul time (trt)", emoji: "🇹🇷" },
+  { key: "america/st_johns", name: "newfoundland time / st. johns (nst/ndt)", emoji: "🇨🇦" },
+  { key: "america/argentina/buenos_aires", name: "buenos aires time (art)", emoji: "🇦🇷" },
+  { key: "america/santiago", name: "santiago time (clt)", emoji: "🇨🇱" },
+  { key: "atlantic/reykjavik", name: "reykjavik time (gmt)", emoji: "🇮🇸" },
+  { key: "africa/cairo", name: "cairo time (eet)", emoji: "🇪🇬" },
+  { key: "asia/karachi", name: "pakistan time (pkt)", emoji: "🇵🇰" },
+  { key: "asia/hong_kong", name: "hong kong time (hkt)", emoji: "🇭🇰" },
+  { key: "asia/seoul", name: "seoul time (kst)", emoji: "🇰🇷" },
+  { key: "asia/bangkok", name: "bangkok time (ict)", emoji: "🇹🇭" },
+  { key: "asia/kuala_lumpur", name: "malaysia time (myt)", emoji: "🇲🇾" },
+  { key: "asia/manila", name: "philippine time / manila (pst)", emoji: "🇵🇭" },
+]
 
 export const person_trait_options = [
   { key: "white", name: "White", emoji: "✋🏻" },
@@ -2477,6 +514,2112 @@ export const person_trait_options = [
   { key: "use_android", name: "Android User", emoji: "🤖" },
 ]
 
+const array_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Array",
+  postgres_type: "jsonb",
+  json_schema: { type: "array" },
+  validator: (input) => {
+    // validate tbd
+  },
+}
+const array_uniform_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Array Uniform",
+  postgres_type: "jsonb",
+  json_schema: { type: "array" },
+  validator: (input) => {
+    // validate tbd
+  },
+}
+const object_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Object",
+  postgres_type: "jsonb",
+  json_schema: { type: "object" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const object_uniform_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Object Uniform",
+  postgres_type: "jsonb",
+  json_schema: { type: "object" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const text_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Text",
+  postgres_type: "text",
+  json_schema: { type: "string" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const boolean_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Boolean",
+  postgres_type: "boolean",
+  json_schema: { type: "boolean" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const int_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Integer",
+  postgres_type: "int",
+  json_schema: { type: "number" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const bigint_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Big Integer",
+  postgres_type: "bigint",
+  json_schema: { type: "number" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const null_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Null",
+  postgres_type: "jsonb",
+  json_schema: { type: "null" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const epoch_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Epoch",
+  postgres_type: "bigint",
+  json_schema: { type: "number", description: "Epoch in seconds" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const float_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Float",
+  postgres_type: "float",
+  json_schema: { type: "number" },
+  validator: (input) => {
+    // validate here
+  },
+}
+const color_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Color",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    description:
+      "color parts l (lightness), c (chroma), h (hue), o (opacity) can range from 0-24. An example of a solid black that flips to white in dark mode would be { c: 0, l: 0, h: 0, o: 24, is_dark_theme_invert: true }. Generally use is_dark_theme_invert true, opacity 24, c is chroma and gets probably too vibrant over 14 so 10 is probably a standard amount and 3 if want softer or 0 for white, l is lightness and 0 is black and 24 full light typcally we assume a light backround so you might use something like l 8 for a header text. h is hue and the 0-24 range can be understood as 0: 0 oklch h val, red (pure red), 1: 14 oklch h val, orange-red (red with an orange tint), 2: 29 oklch h val, orange (warm orange), 3: 43 oklch h val, yellow-orange (a deep orange, close to golden), 4: 58 oklch h val, yellow (bright yellow), 5: 72 oklch h val, greenish-yellow (yellow with a slight green tint), 6: 87 oklch h val, yellow-green (green with strong yellow undertones), 7: 101 oklch h val, green (pure green), 8: 116 oklch h val, green-cyan (green shifting toward cyan), 9: 130 oklch h val, cyan (a strong cyan-green color), 10: 145 oklch h val, blue-green (cyan with a blue shift), 11: 159 oklch h val, cyan-blue (a cool blue-leaning cyan), 12: 174 oklch h val, light blue (sky blue, soft and light), 13: 188 oklch h val, blue (pure blue), 14: 203 oklch h val, indigo (a deep blue with hints of purple), 15: 217 oklch h val, blue-violet (a blue shifting toward purple), 16: 232 oklch h val, violet (violet with a blue tint), 17: 246 oklch h val, purple (deep purple), 18: 261 oklch h val, magenta-purple (purple with magenta tones), 19: 275 oklch h val, magenta (deep, vivid magenta), 20: 290 oklch h val, pink-magenta (magenta with a pink hue), 21: 304 oklch h val, pink (a soft, warm pink), 22: 319 oklch h val, pinkish-red (pink leaning toward red), 23: 333 oklch h val, red-pink (vivid red with pink tones), 24: 348 oklch h val, bright red (bright red, slightly pinkish) ",
+    properties: {
+      l: { type: "number" },
+      c: { type: "number" },
+      h: { type: "number" },
+      o: { type: "number" },
+      is_dark_theme_invert: { type: "boolean" },
+    },
+    additionalProperties: false,
+    required: ["l", "c", "h", "o", "is_dark_theme_invert"],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const domain_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Domain",
+  postgres_type: "text",
+  json_schema: {
+    type: "string",
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const email_address_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Email Address",
+  postgres_type: "text",
+  json_schema: {
+    type: "string",
+    // format: "email",
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const email_address_full_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Email Address Full",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    properties: {
+      domain: domain_literal?.json_schema,
+      domain_id: text_literal?.json_schema,
+      account_id: text_literal?.json_schema,
+      root_domain: domain_literal?.json_schema,
+      display_name: text_literal?.json_schema,
+      mailbox_hash: text_literal?.json_schema,
+      email_address: email_address_literal?.json_schema,
+      root_email_address: email_address_literal?.json_schema,
+      epoch_email_address_verified: epoch_literal?.json_schema,
+    },
+    additionalProperties: false,
+    required: ["domain", "root_domain", "mailbox_hash", "email_address", "root_email_address"],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const email_attachment_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Email Attachment",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    properties: {
+      name: text_literal?.json_schema,
+      content: text_literal?.json_schema,
+      content_id: text_literal?.json_schema,
+      content_type: text_literal?.json_schema,
+    },
+    additionalProperties: false,
+    required: ["name", "content", "content_id", "content_type"],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const json_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "JSON",
+  postgres_type: "jsonb",
+  json_schema: {
+    anyOf: [
+      { type: "null" },
+      { type: "boolean" },
+      { type: "number" },
+      { type: "string" },
+      {
+        type: "array",
+        items: { $ref: "#/$defs/json_literal" },
+      },
+      {
+        type: "object",
+        additionalProperties: { $ref: "#/$defs/json_literal" },
+      },
+    ],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const storage_item_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Storage Item",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    properties: {
+      id: text_literal?.json_schema,
+      db_epoch_created: epoch_literal?.json_schema,
+      db_epoch_updated: epoch_literal?.json_schema,
+      account_id: text_literal?.json_schema,
+      folder_path: { type: "array", items: text_literal?.json_schema },
+      file_name: text_literal?.json_schema,
+      file_extension: text_literal?.json_schema,
+      mime_type: text_literal?.json_schema,
+      size_kb: int_literal?.json_schema,
+      metadata: json_literal?.json_schema,
+      is_temporary: boolean_literal?.json_schema,
+      set_to_delete_initiated_at: epoch_literal?.json_schema,
+      is_public: boolean_literal?.json_schema,
+      transcription: text_literal?.json_schema,
+    },
+    additionalProperties: false,
+    required: [],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const html_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "HTML",
+  postgres_type: "text",
+  json_schema: text_literal?.json_schema,
+  validator: (input) => {
+    // validate here
+  },
+}
+const phone_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Phone Number",
+  postgres_type: "jsonb",
+  json_schema: {
+    // type: "object",
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const vector_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Vector",
+  postgres_type: "vector",
+  json_schema: {
+    type: "array",
+    items: { type: "number" },
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const icon_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Icon",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    properties: {
+      icon: text_literal?.json_schema,
+      color: color_literal?.json_schema,
+    },
+    additionalProperties: false,
+    required: ["icon", "color"],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const time_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Time",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    properties: {
+      format: {
+        type: "string",
+        description: JSON.stringify(time_formats),
+      },
+      epoch: {
+        anyOf: [
+          {
+            type: "number",
+            description: "epoch in seconds",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      granularity: {
+        type: "string",
+        enum: ["year", "month", "week", "day", "hour", "minute", "second"],
+        description: ["year", "month", "week", "day", "hour", "minute", "second"].join(", "),
+      },
+      year: {
+        anyOf: [
+          {
+            type: "number",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      month: {
+        anyOf: [
+          {
+            type: "number",
+            enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_month: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 31,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_week: {
+        anyOf: [
+          {
+            type: "number",
+            enum: [0, 1, 2, 3, 4, 5, 6],
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      day_of_year: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 365,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      week_of_year: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 52,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      hour: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 24,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      minute: {
+        anyOf: [
+          {
+            type: "number",
+            minimum: 1,
+            maximum: 60,
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      timezone: {
+        anyOf: [
+          {
+            type: "string",
+            description: time_zone_options.map((h) => h?.key).join(", "),
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      content: {
+        anyOf: [
+          {
+            type: "string",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+      datetime: {
+        anyOf: [
+          {
+            type: "string",
+          },
+          {
+            type: "null",
+          },
+        ],
+        description: "derived can keep null",
+      },
+    },
+    additionalProperties: false,
+    required: ["epoch"],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const time_zone_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Time Zone",
+  postgres_type: "text",
+  json_schema: text_literal?.json_schema,
+  validator: (input) => {
+    // validate here
+  },
+}
+const location_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Location Apple",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    properties: {
+      place_id: { type: "string" },
+      name: { type: "string" },
+      muid: { type: "string" },
+      latitude: { type: "number" },
+      longitude: { type: "number" },
+      formatted_address: { type: "string" },
+      country: { type: "string" },
+      country_code: { type: "string" },
+      administrative_area: { type: "string" },
+      administrative_area_code: { type: "string" },
+      locality: { type: "string" },
+      sub_locality: { type: "string" },
+      full_thoroughfare: { type: "string" },
+    },
+    required: ["latitude", "longitude", "name"],
+    additionalProperties: false,
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const cron_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Cron",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "object",
+    properties: {
+      content: { type: "string" },
+      cron: { type: "string" },
+      minute: { type: "string" },
+      hour: { type: "string" },
+      day_of_month: { type: "string" },
+      month: { type: "string" },
+      day_of_week: { type: "string" },
+    },
+    additionalProperties: false,
+    required: [],
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const variable_path_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Variable Path",
+  postgres_type: "jsonb",
+  json_schema: {
+    type: "array",
+    description: "The path to the value within variables.",
+    items: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "number",
+        },
+        {
+          type: "array",
+          items: {
+            anyOf: [
+              {
+                type: "string",
+              },
+              {
+                type: "number",
+              },
+            ],
+          },
+        },
+      ],
+    },
+  },
+  validator: (input) => {
+    // validate here
+  },
+}
+const content_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Content",
+  postgres_type: "jsonb",
+  // json_schema: get_content_node_json_schema("content_literal"),
+  validator: (input) => {
+    // validate here
+  },
+}
+const table_id_for_foreign_row_literal = {
+  kind: "literal",
+  category: "variables",
+  name: "Table ID for Foreign Row",
+  postgres_type: "text",
+  // json_schema: get_content_node_json_schema("content_literal"),
+  validator: (input) => {
+    // validate here
+  },
+}
+// image_literal
+// audio_literal
+// file_literal
+// dropdown_literal
+// text_array_literal
+// function_literal
+
+export const literal_types = {
+  array_literal,
+  array_uniform_literal,
+  object_literal,
+  object_uniform_literal,
+  text_literal,
+  boolean_literal,
+  int_literal,
+  bigint_literal,
+  null_literal,
+  epoch_literal,
+  float_literal,
+  color_literal,
+  json_literal,
+  domain_literal,
+  email_address_literal,
+  email_address_full_literal,
+  email_attachment_literal,
+  storage_item_literal,
+  html_literal,
+  phone_literal,
+  vector_literal,
+  icon_literal,
+  time_literal,
+  time_zone_literal,
+  location_literal,
+  cron_literal,
+  content_literal,
+  table_id_for_foreign_row_literal,
+  variable_path_literal,
+}
+
+export const main_child_element_options = {
+  slot: { display_order: 0, child_min_limit: 0, child_max_limit: 99 },
+  loop: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+  div: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+  section: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+  show_conditions: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+  header: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+  footer: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+  h1: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+  h2: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+  h3: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
+  h4: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+  h5: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
+  h6: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
+  p: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
+  br: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
+  base_text: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
+  span: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
+  strong: { display_order: 19, child_min_limit: 0, child_max_limit: 99 },
+  em: { display_order: 20, child_min_limit: 0, child_max_limit: 99 },
+  strong_em: { display_order: 21, child_min_limit: 0, child_max_limit: 99 },
+  link: { display_order: 22, child_min_limit: 0, child_max_limit: 99 },
+  q: { display_order: 23, child_min_limit: 0, child_max_limit: 99 },
+  mark: { display_order: 24, child_min_limit: 0, child_max_limit: 99 },
+  s: { display_order: 25, child_min_limit: 0, child_max_limit: 99 },
+  blockquote: { display_order: 26, child_min_limit: 0, child_max_limit: 99 },
+  ul: { display_order: 27, child_min_limit: 0, child_max_limit: 99 },
+  ol: { display_order: 28, child_min_limit: 0, child_max_limit: 99 },
+  figure: { display_order: 29, child_min_limit: 0, child_max_limit: 99 },
+  picture: { display_order: 30, child_min_limit: 0, child_max_limit: 99 },
+  image: { display_order: 32, child_min_limit: 0, child_max_limit: 99 },
+  audio: { display_order: 34, child_min_limit: 0, child_max_limit: 99 },
+  video: { display_order: 35, child_min_limit: 0, child_max_limit: 99 },
+  youtube_video: { display_order: 36, child_min_limit: 0, child_max_limit: 99 },
+  x_post: { display_order: 37, child_min_limit: 0, child_max_limit: 99 },
+  table: { display_order: 38, child_min_limit: 0, child_max_limit: 99 },
+  table_advanced: { display_order: 39, child_min_limit: 0, child_max_limit: 99 },
+  hr: { display_order: 40, child_min_limit: 0, child_max_limit: 99 },
+  qr: { display_order: 41, child_min_limit: 0, child_max_limit: 99 },
+  code: { display_order: 42, child_min_limit: 0, child_max_limit: 99 },
+  code_inline: { display_order: 43, child_min_limit: 0, child_max_limit: 99 },
+  pre: { display_order: 44, child_min_limit: 0, child_max_limit: 99 },
+  json: { display_order: 45, child_min_limit: 0, child_max_limit: 99 },
+  email_address: { display_order: 46, child_min_limit: 0, child_max_limit: 99 },
+  email_address_input: { display_order: 47, child_min_limit: 0, child_max_limit: 99 },
+  phone_number: { display_order: 48, child_min_limit: 0, child_max_limit: 99 },
+  phone_number_input: { display_order: 49, child_min_limit: 0, child_max_limit: 99 },
+  time: { display_order: 50, child_min_limit: 0, child_max_limit: 99 },
+  time_input: { display_order: 51, child_min_limit: 0, child_max_limit: 99 },
+  text_input: { display_order: 52, child_min_limit: 0, child_max_limit: 99 },
+  location: { display_order: 53, child_min_limit: 0, child_max_limit: 99 },
+  location_input: { display_order: 54, child_min_limit: 0, child_max_limit: 99 },
+  slider: { display_order: 55, child_min_limit: 0, child_max_limit: 99 },
+  checkbox: { display_order: 56, child_min_limit: 0, child_max_limit: 99 },
+  number: { display_order: 57, child_min_limit: 0, child_max_limit: 99 },
+  icon: { display_order: 58, child_min_limit: 0, child_max_limit: 99 },
+  icon_input: { display_order: 59, child_min_limit: 0, child_max_limit: 99 },
+  dropdown: { display_order: 60, child_min_limit: 0, child_max_limit: 99 },
+  file: { display_order: 61, child_min_limit: 0, child_max_limit: 99 },
+  file_input: { display_order: 62, child_min_limit: 0, child_max_limit: 99 },
+  cron: { display_order: 64, child_min_limit: 0, child_max_limit: 99 },
+  cron_input: { display_order: 65, child_min_limit: 0, child_max_limit: 99 },
+  color: { display_order: 67, child_min_limit: 0, child_max_limit: 99 },
+  color_input: { display_order: 68, child_min_limit: 0, child_max_limit: 99 },
+  tag: { display_order: 69, child_min_limit: 0, child_max_limit: 99 },
+}
+
+export const content_types = {
+  slot: {
+    kind: "content",
+    category: "content",
+    name: "Slot",
+    display_order: 0,
+    attributes: {
+      val: { type: "text_literal" },
+    },
+    child_elements: {},
+  },
+  loop: {
+    kind: "content",
+    category: "variables",
+    name: "Loop",
+    display_order: 0,
+    child_elements: {
+      ...main_child_element_options,
+    },
+    validator: (input) => {
+      // validate tbd
+    },
+  },
+  div: {
+    kind: "content",
+    category: "content",
+    name: "Div",
+    display_order: 1,
+    attributes: {
+      background_color: {
+        type: "color_literal",
+        display_name: "Background Color",
+      },
+      border_color: {
+        type: "color_literal",
+        display_name: "Border Color",
+      },
+      border_radius: {
+        type: "float_literal",
+        display_name: "Border Radius",
+      },
+      padding: {
+        type: "float_literal",
+        display_name: "Padding",
+      },
+      align_content: {
+        type: "text_literal",
+        display_name: "Align Content",
+      },
+      justify_content: {
+        type: "text_literal",
+        display_name: "Justify Content",
+      },
+      gap: {
+        type: "float_literal",
+        display_name: "Gap",
+      },
+    },
+    child_elements: {
+      ...main_child_element_options,
+    },
+  },
+  section: {
+    kind: "content",
+    category: "content",
+    name: "Section",
+    display_order: 2,
+    attributes: {
+      background_color: {
+        type: "color_literal",
+        display_name: "Background Color",
+      },
+      border_color: {
+        type: "color_literal",
+        display_name: "Border Color",
+      },
+      border_radius: {
+        display_name: "Border Radius",
+        json_schema: {
+          description: "border radius number used as rem units. Typically 1 should be good",
+          type: "number",
+        },
+      },
+      padding: {
+        display_name: "Padding",
+        json_schema: {
+          description: "padding number used as rem units. Typically 1 should be good",
+          type: "number",
+        },
+      },
+    },
+    child_elements: {
+      div: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      header: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      h1: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      h2: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      h3: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      h4: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      h5: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      h6: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      p: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+      ul: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+      ol: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
+      table: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+      table_advanced: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+      figure: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
+      image: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
+      audio: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
+      video: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
+      code: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
+      blockquote: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
+      pre: { display_order: 19, child_min_limit: 0, child_max_limit: 99 },
+      hr: { display_order: 20, child_min_limit: 0, child_max_limit: 99 },
+      footer: { display_order: 21, child_min_limit: 0, child_max_limit: 99 },
+      youtube_video: { display_order: 22, child_min_limit: 0, child_max_limit: 99 },
+      x_post: { display_order: 23, child_min_limit: 0, child_max_limit: 99 },
+      time: { display_order: 24, child_min_limit: 0, child_max_limit: 99 },
+      location: { display_order: 25, child_min_limit: 0, child_max_limit: 99 },
+      json: { display_order: 26, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  show_conditions: {
+    kind: "content",
+    category: "content",
+    name: "Show Conditions",
+    display_order: 1,
+    attributes: {
+      is_run_serverside: {
+        type: "boolean_literal",
+        display_name: "Is Run Serverside",
+        default: false,
+      },
+    },
+    child_elements: {
+      show_conditions_item: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      show_conditions_item_else: { display_order: 1, child_min_limit: 0, child_max_limit: 1 },
+    },
+  },
+  show_conditions_item: {
+    kind: "content",
+    category: "content",
+    name: "Show Conditions Item",
+    display_order: 1,
+    attributes: {
+      is_show: {
+        type: "boolean_literal",
+        display_name: "Is Show",
+      },
+    },
+    child_elements: {
+      ...main_child_element_options,
+    },
+  },
+  show_conditions_item_else: {
+    kind: "content",
+    category: "content",
+    name: "Show Conditions Item Else",
+    display_order: 1,
+    attributes: {},
+    child_elements: {
+      ...main_child_element_options,
+    },
+  },
+  header: {
+    kind: "content",
+    category: "content",
+    name: "Header",
+    display_order: 3,
+    attributes: {},
+    child_elements: {
+      h1: { display_order: 1, child_min_limit: 1, child_max_limit: 1 },
+      h2: { display_order: 2, child_min_limit: 0, child_max_limit: 1 },
+    },
+  },
+  h1: {
+    kind: "content",
+    category: "content",
+    name: "Heading 1",
+    display_order: 4,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  h2: {
+    kind: "content",
+    category: "content",
+    name: "Heading 2",
+    display_order: 5,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  h3: {
+    kind: "content",
+    category: "content",
+    name: "Heading 3",
+    display_order: 6,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  h4: {
+    kind: "content",
+    category: "content",
+    name: "Heading 4",
+    display_order: 7,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  h5: {
+    kind: "content",
+    category: "content",
+    name: "Heading 5",
+    display_order: 8,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  h6: {
+    kind: "content",
+    category: "content",
+    name: "Heading 6",
+    display_order: 9,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  p: {
+    kind: "content",
+    category: "content",
+    name: "Paragraph",
+    display_order: 10,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+      s: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
+      mark: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+      code_inline: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
+      br: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
+      time: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
+      location: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
+      number: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
+      color: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  base_text: {
+    kind: "content",
+    category: "content",
+    name: "Base Text",
+    display_order: 11,
+    attributes: {
+      content: { type: "text_literal" },
+      text_color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  span: {
+    kind: "content",
+    category: "content",
+    name: "Span",
+    display_order: 12,
+    attributes: {},
+    child_elements: {},
+  },
+  strong: {
+    kind: "content",
+    category: "content",
+    name: "Strong Text",
+    display_order: 13,
+    attributes: {
+      content: { type: "text_literal" },
+      text_color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  em: {
+    kind: "content",
+    category: "content",
+    name: "Emphasized Text",
+    display_order: 14,
+    attributes: {
+      content: { type: "text_literal" },
+      text_color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  strong_em: {
+    kind: "content",
+    category: "content",
+    name: "Strong Emphasized Text",
+    display_order: 15,
+    attributes: {
+      content: { type: "text_literal" },
+      text_color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  link: {
+    kind: "content",
+    category: "content",
+    name: "Link",
+    display_order: 16,
+    attributes: {
+      href: { type: "text_literal" },
+      display_text: { type: "text_literal" },
+      text_color: { type: "color_literal" },
+      is_show_preview: { type: "boolean_literal" },
+    },
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+      s: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
+      mark: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+      code_inline: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
+      br: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
+      time: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
+      location: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
+      number: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
+      color: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  q: {
+    kind: "content",
+    category: "content",
+    name: "Quotation",
+    display_order: 17,
+    attributes: {
+      href: { type: "text_literal" },
+      content: { type: "text_literal" },
+      text_color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  mark: {
+    kind: "content",
+    category: "content",
+    name: "Mark",
+    display_order: 18,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      code_inline: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+      sub: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+      sup: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
+      s: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  s: {
+    kind: "content",
+    category: "content",
+    name: "Strikethrough",
+    display_order: 19,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      code_inline: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  blockquote: {
+    kind: "content",
+    category: "content",
+    name: "Blockquote",
+    display_order: 20,
+    attributes: {
+      cite: { type: "text_literal", display_name: "cite", default_value: null, display_order: 0 },
+    },
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      sub: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+      sup: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+      s: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
+      mark: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+      p: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
+      ul: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
+      ol: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
+      code_inline: { display_order: 16, child_min_limit: 0, child_max_limit: 9 },
+    },
+  },
+  ul: {
+    kind: "content",
+    category: "content",
+    name: "Unordered List",
+    display_order: 21,
+    attributes: {},
+    child_elements: {
+      li: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
+    },
+  },
+  ol: {
+    kind: "content",
+    category: "content",
+    name: "Ordered List",
+    display_order: 22,
+    attributes: {},
+    child_elements: {
+      li: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
+    },
+  },
+  li: {
+    kind: "content",
+    category: "content",
+    name: "List Item",
+    display_order: 23,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      image: { display_order: 6, child_min_limit: 0, child_max_limit: 9 },
+      audio: { display_order: 6, child_min_limit: 0, child_max_limit: 9 },
+      br: { display_order: 7, child_min_limit: 0, child_max_limit: 9 },
+      q: { display_order: 8, child_min_limit: 0, child_max_limit: 9 },
+      s: { display_order: 9, child_min_limit: 0, child_max_limit: 9 },
+      mark: { display_order: 10, child_min_limit: 0, child_max_limit: 9 },
+      span: { display_order: 11, child_min_limit: 0, child_max_limit: 9 },
+      code_inline: { display_order: 12, child_min_limit: 0, child_max_limit: 9 },
+      time: { display_order: 13, child_min_limit: 0, child_max_limit: 9 },
+      location: { display_order: 14, child_min_limit: 0, child_max_limit: 9 },
+      ...main_child_element_options, // tbd
+    },
+  },
+  figure: {
+    kind: "content",
+    category: "content",
+    name: "Figure",
+    display_order: 24,
+    attributes: {
+      caption: { type: "text_literal" },
+    },
+    child_elements: {
+      picture: { display_order: 1, child_min_limit: 0, child_max_limit: 1 },
+      video: { display_order: 2, child_min_limit: 0, child_max_limit: 1 },
+      audio: { display_order: 3, child_min_limit: 0, child_max_limit: 1 },
+      blockquote: { display_order: 4, child_min_limit: 0, child_max_limit: 1 },
+    },
+  },
+  picture: {
+    kind: "content",
+    category: "content",
+    name: "Picture",
+    display_order: 25,
+    attributes: {},
+    child_elements: {
+      source: { display_order: 1, child_min_limit: 1, child_max_limit: 9 },
+    },
+  },
+  source: {
+    kind: "content",
+    category: "content",
+    name: "Source",
+    display_order: 26,
+    attributes: {
+      alt: { type: "text_literal" },
+      name: { type: "text_literal" },
+      width: { type: "int_literal" },
+      height: { type: "int_literal" },
+      file_type: { type: "text_literal" },
+      storage_id: { type: "text_literal" },
+      aspect_ratio: { type: "float_literal" },
+    },
+    child_elements: {},
+  },
+  image: {
+    kind: "content",
+    category: "content",
+    name: "Image",
+    display_order: 27,
+    attributes: {
+      alt: { type: "text_literal" },
+      name: { type: "text_literal" },
+      width: { type: "int_literal" },
+      height: { type: "int_literal" },
+      mime_type: { type: "text_literal" },
+      storage_id: { type: "text_literal" },
+      aspect_ratio: { type: "float_literal" },
+      is_storage_id_public: { type: "boolean_literal" },
+      src: { type: "text_literal" },
+      src_quick: { type: "text_literal" },
+      display_max_height: { type: "int_literal" },
+      display_max_width: { type: "int_literal" },
+      border_radius: { type: "float_literal" },
+      bg_img_blur: { type: "float_literal" },
+      bg_img_opacity: { type: "float_literal" },
+    },
+    child_elements: {},
+  },
+  audio: {
+    kind: "content",
+    category: "content",
+    name: "Audio",
+    display_order: 29,
+    attributes: {
+      ui_type: { type: "text_literal" },
+      storage_id: { type: "text_literal" },
+      is_storage_id_public: { type: "boolean_literal" },
+      src: { type: "text_literal" },
+      mime_type: { type: "text_literal" },
+      title: { type: "text_literal" },
+      album: { type: "text_literal" },
+      artist: { type: "text_literal" },
+      image_storage_id: { type: "text_literal" },
+      image_is_storage_id_public: { type: "boolean_literal" },
+      image_src: { type: "text_literal" },
+      image_src_quick: { type: "text_literal" },
+      image_mime_type: { type: "text_literal" },
+      image_width: { type: "int_literal" },
+      image_height: { type: "int_literal" },
+      image_aspect_ratio: { type: "float_literal" },
+    },
+    child_elements: {},
+  },
+  video: {
+    // tbd
+    kind: "content",
+    category: "content",
+    name: "Video",
+    display_order: 28,
+    attributes: {},
+    child_elements: {},
+  },
+  qr: {
+    kind: "content",
+    category: "content",
+    name: "QR",
+    display_order: 29,
+    attributes: {
+      margin: {
+        type: "int_literal",
+        minimum: 0,
+        maximum: 50,
+        default: 10,
+      },
+      size: {
+        type: "int_literal",
+        minimum: 50,
+        maximum: 500,
+        default: 200,
+      },
+      image_size: {
+        type: "float_literal",
+        minimum: 0.1,
+        maximum: 1,
+        default: 0.5,
+      },
+      type_number: {
+        type: "int_literal",
+        minimum: 0,
+        maximum: 4,
+        default: 0,
+      },
+      error_correction_level: {
+        type: "text_literal",
+        enum: ["L", "M", "Q", "H"],
+        default: "M",
+      },
+      color: { type: "color_literal", default: "var(--primary-t)" },
+      corner_color: {
+        type: "color_literal",
+        default: "color-mix(in oklab, var(--primary-t), var(--bg) 20%)",
+      },
+      background_color: {
+        type: "color_literal",
+        default: "var(--shadow1-t)",
+      },
+      border_color: {
+        type: "color_literal",
+        default: "var(--shadow7-t)",
+      },
+      border_radius: {
+        type: "int_literal",
+        minimum: 0,
+        maximum: 10,
+        default: 5,
+      },
+      border_width: {
+        type: "int_literal",
+        minimum: 0,
+        maximum: 3,
+        default: 5,
+      },
+      data: { type: "text_literal" },
+      image: {
+        type: "image_literal",
+      },
+      extension: {
+        type: "text_literal",
+        enum: ["svg", "png", "jpeg"],
+        default: "svg",
+      },
+      quality: {
+        type: "float_literal",
+        minimum: 0,
+        maximum: 1,
+        default: 0.8,
+      },
+    },
+    child_elements: {},
+  },
+  table: {
+    kind: "content",
+    category: "content",
+    name: "Table",
+    display_order: 30,
+    attributes: {
+      caption: { type: "text_literal" },
+    },
+    child_elements: {
+      thead: { display_order: 1, child_min_limit: 1, child_max_limit: 1 },
+      tbody: { display_order: 2, child_min_limit: 1, child_max_limit: 1 },
+      tfoot: { display_order: 3, child_min_limit: 0, child_max_limit: 1 },
+    },
+  },
+  thead: {
+    kind: "content",
+    category: "content",
+    name: "Table Header",
+    display_order: 31,
+    attributes: {},
+    child_elements: {
+      tr: { display_order: 1, child_min_limit: 1, child_max_limit: 1 },
+    },
+  },
+  tbody: {
+    kind: "content",
+    category: "content",
+    name: "Table Body",
+    display_order: 32,
+    attributes: {},
+    child_elements: {
+      tr: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
+    },
+  },
+  tfoot: {
+    kind: "content",
+    category: "content",
+    name: "Table Footer",
+    display_order: 33,
+    attributes: {},
+    child_elements: {
+      tr: { display_order: 1, child_min_limit: 0, child_max_limit: 1 },
+    },
+  },
+  tr: {
+    kind: "content",
+    category: "content",
+    name: "Table Row",
+    display_order: 34,
+    attributes: {},
+    child_elements: {
+      th: { display_order: 1, child_min_limit: 1, child_max_limit: 999 },
+      td: { display_order: 2, child_min_limit: 1, child_max_limit: 999 },
+    },
+  },
+  th: {
+    kind: "content",
+    category: "content",
+    name: "Table Head Cell",
+    display_order: 35,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  td: {
+    kind: "content",
+    category: "content",
+    name: "Table Body Cell",
+    display_order: 36,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      ref: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      br: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+      sub: { display_order: 10, child_min_limit: 0, child_max_limit: 99 },
+      sup: { display_order: 11, child_min_limit: 0, child_max_limit: 99 },
+      s: { display_order: 12, child_min_limit: 0, child_max_limit: 99 },
+      mark: { display_order: 13, child_min_limit: 0, child_max_limit: 99 },
+      p: { display_order: 14, child_min_limit: 0, child_max_limit: 99 },
+      ul: { display_order: 15, child_min_limit: 0, child_max_limit: 99 },
+      ol: { display_order: 16, child_min_limit: 0, child_max_limit: 99 },
+      code_inline: { display_order: 17, child_min_limit: 0, child_max_limit: 99 },
+      code: { display_order: 18, child_min_limit: 0, child_max_limit: 99 },
+      figure: { display_order: 19, child_min_limit: 0, child_max_limit: 99 },
+      image: { display_order: 20, child_min_limit: 0, child_max_limit: 99 },
+      time: { display_order: 21, child_min_limit: 0, child_max_limit: 99 },
+      location: { display_order: 22, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  nav: {
+    kind: "content",
+    category: "content",
+    name: "Navigation",
+    display_order: 37,
+    attributes: {},
+    child_elements: {},
+  },
+  code: {
+    kind: "content",
+    category: "content",
+    name: "Code Block",
+    display_order: 38,
+    attributes: {
+      content: { type: "text_literal" },
+      language: { type: "text_literal" },
+    },
+    child_elements: {},
+  },
+  code_inline: {
+    kind: "content",
+    category: "content",
+    name: "Code Inline",
+    display_order: 39,
+    attributes: {
+      content: { type: "text_literal" },
+      color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  br: {
+    kind: "content",
+    category: "content",
+    name: "Line Break",
+    display_order: 40,
+    attributes: {},
+    child_elements: {},
+  },
+  spacer: {
+    kind: "content",
+    category: "content",
+    name: "Spacer",
+    display_order: 40,
+    attributes: {
+      mt: { type: "float_literal" },
+      mb: { type: "float_literal" },
+      ml: { type: "float_literal" },
+      mr: { type: "float_literal" },
+      is_vert: { type: "boolean_literal" },
+      color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  hr: {
+    kind: "content",
+    category: "content",
+    name: "Horizontal Rule",
+    display_order: 41,
+    attributes: {},
+    child_elements: {},
+  },
+  sub: {
+    kind: "content",
+    category: "content",
+    name: "Subscript",
+    display_order: 42,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      s: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      mark: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  sup: {
+    kind: "content",
+    category: "content",
+    name: "Superscript",
+    display_order: 43,
+    attributes: {},
+    child_elements: {
+      base_text: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      strong: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      em: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      strong_em: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      link: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      q: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+      span: { display_order: 7, child_min_limit: 0, child_max_limit: 99 },
+      s: { display_order: 8, child_min_limit: 0, child_max_limit: 99 },
+      mark: { display_order: 9, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  pre: {
+    kind: "content",
+    category: "content",
+    name: "Preformatted Text",
+    display_order: 44,
+    attributes: {},
+    child_elements: {},
+  },
+  ref: {
+    kind: "content",
+    category: "content",
+    name: "Reference",
+    display_order: 45,
+    attributes: {
+      href: { type: "text_literal" },
+      content: { type: "text_literal" },
+      text_color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  footer: {
+    kind: "content",
+    category: "content",
+    name: "Footer",
+    display_order: 46,
+    attributes: {},
+    child_elements: {
+      ol: { display_order: 1, child_min_limit: 0, child_max_limit: 99 },
+      ul: { display_order: 2, child_min_limit: 0, child_max_limit: 99 },
+      p: { display_order: 3, child_min_limit: 0, child_max_limit: 99 },
+      h4: { display_order: 4, child_min_limit: 0, child_max_limit: 99 },
+      h5: { display_order: 5, child_min_limit: 0, child_max_limit: 99 },
+      h6: { display_order: 6, child_min_limit: 0, child_max_limit: 99 },
+    },
+  },
+  youtube_video: {
+    kind: "content",
+    category: "content",
+    name: "YouTube Video",
+    display_order: 47,
+    attributes: {
+      id: { type: "text_literal" },
+      video_id: { type: "text_literal" },
+      is_dark_theme: { type: "boolean_literal" },
+    },
+    child_elements: {},
+  },
+  x_post: {
+    kind: "content",
+    category: "content",
+    name: "X Post",
+    display_order: 48,
+    attributes: {
+      post_id: { type: "text_literal" },
+    },
+    child_elements: {},
+  },
+  table_advanced: {
+    kind: "content",
+    category: "content",
+    name: "Table Advanced",
+    display_order: 51,
+    attributes: {
+      // obviously this is way off just pasted in to start
+      columns: {
+        type: "object",
+        properties: {
+          id: { type: "text_literal" },
+          description: { type: "text_literal" },
+          header_content: { type: "text_literal" },
+          body_content: { type: "text_literal" },
+          is_shown: { type: "text_literal" },
+          is_fixed: { type: "text_literal" },
+          alignment: { type: "text_literal" },
+          min_width: { type: "text_literal" },
+          max_width: { type: "text_literal" },
+          display_order: { type: "text_literal" },
+          is_use_in_short_display: { type: "boolean_literal" },
+          is_autogenerated: { type: "boolean_literal" },
+          is_updatable: { type: "boolean_literal" },
+          is_db_column: { type: "boolean_literal" },
+          db_data_type: { type: "text_literal" },
+          postgres_type: { type: "text_literal" },
+          default_value: { type: "text_literal" },
+          quick_sort_variable_path: { type: "text_literal" },
+          is_primary_key: { type: "boolean_literal" },
+          is_nullable: { type: "boolean_literal" },
+          is_force_uniqueness: { type: "boolean_literal" },
+          foreign_table_id: { type: "text_literal" },
+          is_cascade: { type: "text_literal" },
+        },
+        additionalProperties: false,
+        required: [],
+      },
+      rows_data_from_variable_path: { type: "text_literal" },
+      is_data_editable: { type: "text_literal" },
+      is_paginate: { type: "text_literal" },
+      nav_items: { type: "text_literal" },
+      sort_by: { type: "text_literal" },
+      filter: { type: "text_literal" },
+      row_searchable_content: { type: "text_literal" },
+      row_input_content: { type: "text_literal" },
+      table_header_max_height: { type: "text_literal" },
+      table_row_max_height: { type: "text_literal" },
+    },
+    child_elements: {},
+  },
+  number: {
+    kind: "content",
+    category: "content",
+    name: "Number",
+    display_order: 51,
+    attributes: {
+      val: { type: ["float_literal", "int_literal", "bigint_literal"] },
+    },
+    child_elements: {},
+  },
+  color: {
+    kind: "content",
+    category: "content",
+    name: "Color",
+    display_order: 52,
+    attributes: {
+      val: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  json: {
+    kind: "content",
+    category: "content",
+    name: "JSON",
+    display_order: 53,
+    attributes: {
+      is_show_buttons: { type: "boolean_literal" },
+      val: { type: "json_literal" },
+    },
+    child_elements: {},
+  },
+  email_address: {
+    kind: "content",
+    category: "content",
+    name: "Email Address",
+    attributes: {
+      is_full: { type: "boolean_literal" },
+      is_show_copy_to_clipboard: { type: "boolean_literal" },
+      is_show_mail_to: { type: "boolean_literal", default: false },
+    },
+  },
+  email_address_input: {
+    kind: "content",
+    category: "content",
+    name: "Email Address Input",
+    attributes: {
+      placeholder: { type: "text_literal" },
+      maximum_length: { type: "int_literal" },
+    },
+  },
+  phone: {
+    kind: "content",
+    category: "content",
+    name: "Phone",
+    attributes: {
+      is_full: { type: "boolean_literal" },
+      is_show_country_code: { type: "boolean_literal", default: true },
+      is_show_call_button: { type: "boolean_literal", default: true },
+      is_show_local: { type: "boolean_literal", default: true },
+      is_show_main_number: { type: "boolean_literal", default: true },
+      is_show_type: { type: "boolean_literal", default: true },
+    },
+  },
+  phone_input: {
+    kind: "content",
+    category: "content",
+    name: "Phone",
+    attributes: {
+      placeholder: { type: "text_literal" },
+    },
+  },
+  time_input: {
+    kind: "content",
+    category: "content",
+    name: "Time Input",
+    attributes: {
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["time_literal"],
+      },
+      granularity: {
+        type: "text_literal",
+        enum: ["year", "month", "week", "day", "hour", "minute", "second"],
+        default: "day",
+      },
+    },
+  },
+  time: {
+    kind: "content",
+    category: "content",
+    name: "Time",
+    display_order: 49,
+    attributes: {
+      hour: { type: "int_literal" },
+      year: { type: "int_literal" },
+      color: { type: "color_literal" },
+      epoch: { type: "bigint_literal" },
+      month: { type: "int_literal" },
+      minute: { type: "int_literal" },
+      second: { type: "int_literal" },
+      content: { type: "text_literal" },
+      datetime: { type: "text_literal" },
+      timezone: { type: "text_literal" },
+      day_of_week: { type: "int_literal" },
+      day_of_year: { type: "int_literal" },
+      granularity: { type: "text_literal" },
+      day_of_month: { type: "int_literal" },
+      week_of_year: { type: "int_literal" },
+    },
+    child_elements: {},
+  },
+  phone_number: {
+    kind: "content",
+    category: "content",
+    name: "Phone Number",
+    display_order: 50,
+    attributes: {
+      tbd: { type: "text_literal" },
+    },
+    child_elements: {},
+  },
+  phone_number_input: {
+    kind: "content",
+    category: "content",
+    name: "Phone Number",
+    display_order: 50,
+    attributes: {
+      tbd: { type: "text_literal" },
+    },
+    child_elements: {},
+  },
+  file: {
+    kind: "content",
+    category: "content",
+    name: "File",
+    attributes: {},
+  },
+  boolean_icon: {
+    kind: "content",
+    category: "content",
+    name: "Boolean Icon",
+    attributes: {
+      true_icon: {
+        type: "icon_literal",
+        default: "x",
+        // enum: icon_ids
+      },
+      false_icon: {
+        type: "icon_literal",
+        default: "check",
+        // enum: icon_ids
+      },
+    },
+  },
+  tag: {
+    kind: "content",
+    category: "content",
+    name: "Tag",
+    attributes: {
+      // custom options input
+      options: {
+        type: "array_uniform_literal",
+        // items: { anyOf }
+      },
+    },
+  },
+  // foreign_key: {
+  //   kind: "content",
+  //   category: "content",
+  //   name: "Foreign Key",
+  //   attributes: {},
+  // },
+  variable_path_input: {
+    kind: "content",
+    category: "content",
+    name: "Variable Path Input",
+    attributes: {},
+  },
+  number_input: {
+    kind: "content",
+    category: "content",
+    name: "Number Input",
+    attributes: {
+      label: { type: "text_literal" },
+      placeholder: { type: "text_literal" },
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["int_literal", "float_literal", "bigint_literal"],
+      },
+    },
+  },
+  text_input: {
+    kind: "content",
+    category: "content",
+    name: "Text Input",
+    attributes: {
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["text_literal"],
+      },
+      label: { type: "text_literal" },
+      placeholder: { type: "text_literal" },
+      maximum_length: { type: "int_literal" },
+      is_text_hidable: { type: "boolean_literal", default: false },
+      is_text_hidden: { type: "boolean_literal", default: false },
+    },
+  },
+  slider: {
+    kind: "content",
+    category: "content",
+    name: "Slider",
+    attributes: {
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["int_literal", "float_literal", "bigint_literal"],
+      },
+      label: { type: "text_literal" },
+      is_nullable: { type: "boolean_literal", default: false },
+      minimum: { type: "int_literal", default: 0 },
+      maximum: { type: "int_literal", default: 10 },
+      step: { type: "float_literal", default: 1 },
+      color: { type: "color_literal" },
+      is_short: { type: "boolean_literal", default: false },
+      step: { type: "int_literal", default: 1 },
+    },
+  },
+  checkbox: {
+    kind: "content",
+    category: "content",
+    name: "Checkbox",
+    attributes: {
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["boolean_literal"],
+      },
+      label: { type: "text_literal" },
+      size: { type: "float_literal", default: 2.4 },
+      type: {
+        type: "text_literal",
+        default: "checkbox",
+        enum: ["checkbox", "toggle"],
+      },
+      label: { type: "text_literal" },
+      name: { type: "text_literal" },
+      color: { type: "color_literal" },
+      // on_val
+      // off_val
+    },
+  },
+  arrow_toggle_input: {
+    kind: "content",
+    category: "content",
+    name: "Arrow Toggle",
+  },
+  icon_input: {
+    kind: "content",
+    category: "content",
+    name: "Icon Input",
+    attributes: {
+      tbd: { type: "text_literal" },
+    },
+  },
+  icon: {
+    kind: "content",
+    category: "content",
+    name: "Icon",
+    display_order: 50,
+    attributes: {
+      icon_id: { type: "text_literal" },
+      color: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  cron_input: {
+    kind: "content",
+    category: "content",
+    name: "Cron",
+    attributes: {
+      tbd: { type: "text_literal" },
+    },
+  },
+  cron: {
+    kind: "content",
+    category: "content",
+    name: "Cron",
+    attributes: {
+      tbd: { type: "text_literal" },
+    },
+  },
+  file_input: {
+    kind: "content",
+    category: "content",
+    name: "File Picker",
+    attributes: {
+      accept: {
+        type: "array_uniform_literal",
+        items: {
+          type: "text_literal",
+          // enum: mime_types
+        },
+      },
+      is_multiselect: { type: "boolean_literal", default: false },
+      is_drop_zone: { type: "boolean_literal", default: true },
+    },
+  },
+  color: {
+    kind: "content",
+    category: "content",
+    name: "Color",
+    display_order: 52,
+    attributes: {
+      val: { type: "color_literal" },
+    },
+    child_elements: {},
+  },
+  dropdown: {
+    kind: "content",
+    category: "content",
+    name: "Dropdown",
+    attributes: {
+      options: {
+        json_schema: {
+          type: "array",
+          items: {
+            type: "object",
+            properties: {
+              key: {
+                anyOf: [{ type: "string" }, { type: "number" }],
+              },
+              name: {
+                type: "string",
+              },
+            },
+            required: ["key", "name"],
+            additionalProperties: false,
+          },
+        },
+      },
+    },
+  },
+  color_input: {
+    kind: "content",
+    category: "content",
+    name: "Color Input",
+    attributes: {
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["color_literal"],
+      },
+      is_show_opacity: { type: "boolean_literal", default: true },
+      h_options: {
+        type: "array_uniform_literal",
+        items: {
+          type: "int_literal",
+          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
+        },
+      },
+      l_options: {
+        type: "array_uniform_literal",
+        items: {
+          type: "int_literal",
+          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
+        },
+      },
+      c_options: {
+        type: "array_uniform_literal",
+        items: {
+          type: "int_literal",
+          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
+        },
+      },
+      o_options: {
+        type: "array_uniform_literal",
+        items: {
+          type: "int_literal",
+          enum: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
+        },
+      },
+    },
+  },
+  location_input: {
+    kind: "content",
+    category: "content",
+    name: "Location Input",
+    attributes: {
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["location_literal"],
+      },
+      is_show_opacity: { type: "boolean_literal", default: true },
+    },
+  },
+  location: {
+    kind: "content",
+    category: "content",
+    name: "Location",
+    attributes: {
+      // val_from_variable_path: {
+      //   type: "variable_path_literal",
+      //   allowed_types: ["location_literal"],
+      // },
+      val: { type: "location_literal" },
+      is_popover: { type: "boolean_literal", default: false },
+      is_inline: { type: "boolean_literal", default: false },
+    },
+  },
+  loop: {
+    kind: "content",
+    category: "content",
+    name: "Loop",
+    attributes: {
+      val_from_variable_path: {
+        type: "variable_path_literal",
+        allowed_types: ["array_uniform_literal", "object_uniform_literal"],
+      },
+      iter_identifier: { type: "text_literal" },
+      join_text: { type: "text_literal" },
+    },
+    child_elements: {
+      ...main_child_element_options,
+    },
+  },
+  // function_input: {}, maybe?
+}
+
+export const node_types = {
+  ...literal_types,
+  ...content_types,
+}
+
+function get_content_node_json_schema(type_id) {
+  //tbd
+}
+
 function find_match(match_for, value) {
   if (match_for?.type == "operator") {
     if (Array.isArray(match_for?.conditions)) {