sveltekit-ui 1.1.17 → 1.1.19

package/dist/client/types/index.js

@@ -0,0 +1,2812 @@
+import { time_formats } from "../../Components/TimeInput/index.js"
+
+export const mime_type_extensions = {
+  "image/webp": "webp",
+  "image/jpeg": "jpeg",
+  "image/png": "png",
+  "image/gif": "gif",
+  "image/bmp": "bmp",
+  "image/tiff": "tiff",
+  "image/heic": "heic",
+  "image/svg+xml": "svg",
+  "audio/mpeg": "mp3",
+  "audio/wav": "wav",
+  "audio/ogg": "ogg",
+  "audio/aac": "aac",
+  "audio/webm": "webm",
+  "audio/flac": "flac",
+  "audio/x-aiff": "aif",
+  "video/mp4": "mp4",
+  "video/webm": "webm",
+  "video/ogg": "ogv",
+  "video/x-msvideo": "avi",
+  "video/x-ms-wmv": "wmv",
+  "video/mpeg": "mpeg",
+  "video/quicktime": "mov",
+  "application/json": "json",
+  "application/javascript": "js",
+  "application/xml": "xml",
+  "application/pdf": "pdf",
+  "application/msword": "doc",
+  "application/vnd.ms-excel": "xls",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "pptx",
+  "text/plain": "txt",
+  "text/html": "html",
+  "text/css": "css",
+  "text/csv": "csv",
+  "text/tab-separated-values": "tsv",
+  "text/markdown": "md",
+}
+
+export const acceptable_storage_mime_types = [
+  "image/webp",
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/svg+xml",
+  "audio/mpeg",
+  "audio/wav",
+  "audio/ogg",
+  "audio/aac",
+  "audio/webm",
+  "audio/flac",
+  "video/mp4",
+  "video/webm",
+  "video/ogg",
+  "video/x-msvideo",
+  "video/mpeg",
+  "video/quicktime",
+  "application/json",
+  "application/javascript",
+  "application/xml",
+  "application/pdf",
+  "application/msword",
+  "application/vnd.ms-excel",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  "text/plain",
+  "text/html",
+  "text/css",
+  "text/csv",
+  "text/tab-separated-values",
+  "text/markdown",
+]
+
+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 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: "✋🏻" },
+  { key: "black", name: "Black / African American", emoji: "✋🏿" },
+  { key: "hispanic_latino", name: "Hispanic / Latino", emoji: "✋🏽" },
+  { key: "asian_indian", name: "Asian Indian", emoji: "✋🏾" },
+  { key: "chinese", name: "Chinese", emoji: "✋🏼" },
+  { key: "filipino", name: "Filipino", emoji: "✋🏼" },
+  { key: "japanese", name: "Japanese", emoji: "✋🏻" },
+  { key: "korean", name: "Korean", emoji: "✋🏻" },
+  { key: "vietnamese", name: "Vietnamese", emoji: "✋🏼" },
+  { key: "native_american", name: "Native American / Alaska Native", emoji: "✋🏽" },
+  { key: "pacific_islander", name: "Native Hawaiian / Other Pacific Islander", emoji: "✋🏽" },
+  { key: "middle_eastern", name: "Middle Eastern", emoji: "✋🏽" },
+  { key: "north_african", name: "North African", emoji: "✋🏾" },
+  { key: "other_ethnicity", name: "Other Ethnicity", emoji: "✋🏽" },
+  { key: "mixed_ethnicity", name: "Mixed Ethnicity", emoji: "✋🏼" },
+  { key: "speaks_english", name: "Speeks English", emoji: "🇺🇸" },
+  { key: "speaks_spanish", name: "Speeks Spanish", emoji: "🇪🇸" },
+  { key: "speaks_french", name: "Speeks French", emoji: "🇫🇷" },
+  { key: "speaks_mandarin", name: "Speeks Mandarin", emoji: "🇨🇳" },
+  { key: "speaks_russian", name: "Speeks Russian", emoji: "🇷🇺" },
+  { key: "speaks_portuguese", name: "Speeks Portuguese", emoji: "🇵🇹" },
+  { key: "speaks_korean", name: "Speeks Korean", emoji: "🇰🇷" },
+  { key: "speaks_japanese", name: "Speeks Japanese", emoji: "🇯🇵" },
+  { key: "speaks_german", name: "Speeks German", emoji: "🇩🇪" },
+  { key: "gender_identity_male", name: "Male", emoji: "👱" },
+  { key: "gender_identity_female", name: "Female", emoji: "👩" },
+  { key: "gender_identity_transgender", name: "Transgender", emoji: "🏳️‍⚧️" },
+  { key: "gender_identity_other", name: "Other Gender", emoji: "🌀" },
+  { key: "assigned_sex_at_birth_male", name: "Assigned Male at Birth", emoji: "🚹" },
+  { key: "assigned_sex_at_birth_female", name: "Assigned Female at Birth", emoji: "🚺" },
+  { key: "attracted_to_gender_male", name: "Attracted to Males", emoji: "👱" },
+  { key: "attracted_to_gender_female", name: "Attracted to Females", emoji: "👩" },
+  { key: "attracted_to_gender_other", name: "Attracted to Other Genders", emoji: "🙂" },
+  { key: "single", name: "Single", emoji: "💖" },
+  { key: "married", name: "Married", emoji: "💍" },
+  { key: "previously_married", name: "Preiously Married", emoji: "💍" },
+  { key: "never_want_marriage", name: "Never Want Married", emoji: "1️⃣" },
+  { key: "live_with_parents", name: "Live with Parents", emoji: "🏠" },
+  { key: "home_owner", name: "Home Owner", emoji: "🏡" },
+  { key: "couch_surfer", name: "Couch Surfer", emoji: "🛋️" },
+  { key: "rent_housing", name: "Rent Housing", emoji: "🏢" },
+  { key: "nomadic", name: "Nomadic", emoji: "🌏" },
+  { key: "happy_childhood", name: "Happy Childhood", emoji: "🌈" },
+  { key: "parents_together", name: "Parents Together", emoji: "👪" },
+  { key: "close_to_parents", name: "Close to Parents", emoji: "👨‍👩‍👧‍👦" },
+  { key: "not_close_to_parents", name: "Not Close to Parents", emoji: "👨‍👩‍👧‍👦" },
+  { key: "own_cat", name: "Cat Owner", emoji: "🐈" },
+  { key: "own_dog", name: "Dog Owner", emoji: "🐕" },
+  { key: "parent", name: "Parent", emoji: "👨‍👩‍👧‍👦" },
+  { key: "expecting_newborn", name: "Expecting Newborn", emoji: "🍼" },
+  { key: "have_kids", name: "Have Kids", emoji: "👶" },
+  { key: "dont_have_kids", name: "Don't Have Kids", emoji: "👶" },
+  { key: "want_kids", name: "Want Kids", emoji: "🍼" },
+  { key: "dont_want_kids", name: "Don't Want Kids", emoji: "👶" },
+  { key: "over_100k_usd_net_worth", name: "Over $100k Net Worth", emoji: "💲" },
+  { key: "over_500k_usd_net_worth", name: "Over $500k Net Worth", emoji: "💵" },
+  { key: "over_1m_usd_net_worth", name: "Over $1 Million Net Worth", emoji: "💰" },
+  { key: "low_budget", name: "Low Budget", emoji: "💸" },
+  { key: "high_budget", name: "High Budget", emoji: "🤑" },
+  { key: "investor", name: "Investor", emoji: "📈" },
+  { key: "saver", name: "Saver", emoji: "🐷" },
+  { key: "spender", name: "Spender", emoji: "🛍️" },
+  { key: "philanthropist", name: "Philanthropist", emoji: "❤️" },
+  { key: "financially_independent", name: "Financially Independent", emoji: "🌟" },
+  { key: "entrepreneur", name: "Entrepreneur", emoji: "🚀" },
+  { key: "own_cryptocurrency", name: "Cryptocurrency Enthusiast", emoji: "⛓️" },
+  { key: "work_remotely", name: "Work Remotely", emoji: "💻" },
+  { key: "work_in_web_development", name: "Work in Web Development", emoji: "🌐" },
+  { key: "work_in_mobile_development", name: "Work in Mobile Development", emoji: "📱" },
+  { key: "work_in_ui_ux_design", name: "Work in UI/UX Design", emoji: "🎨" },
+  { key: "work_in_software_engineering", name: "Work in Software Engineering", emoji: "💻" },
+  { key: "work_in_cryptocurrency", name: "Work in Cryptocurrency", emoji: "🪙" },
+  { key: "work_in_startup", name: "Work in Startup", emoji: "🚀" },
+  { key: "work_in_data_science", name: "Work in Data Science", emoji: "📈" },
+  { key: "work_in_finance", name: "Work in Finance & Investment", emoji: "💹" },
+  { key: "work_in_product_management", name: "Work in Product Management", emoji: "🗂️" },
+  { key: "work_in_education", name: "Work in Education", emoji: "🎓" },
+  { key: "work_in_healthcare", name: "Work in Healthcare", emoji: "⚕️" },
+  { key: "work_in_politics", name: "Work in Politics", emoji: "🏛️" },
+  { key: "work_in_creative_arts", name: "Work in Creative Arts", emoji: "👩‍🎨" },
+  { key: "work_in_legal", name: "Work in Legal", emoji: "⚖️" },
+  { key: "work_in_public_speaking", name: "Public Speaker", emoji: "🗣️" },
+  { key: "work_in_content_creation", name: "Work in Content Creation", emoji: "📹" },
+  { key: "work_in_mental_health", name: "Work in Mental Health", emoji: "🧠" },
+  { key: "work_in_coaching", name: "Work in Coaching", emoji: "🏋️" },
+  { key: "work_in_fitness", name: "Work in Fitness", emoji: "💪" },
+  { key: "work_in_community_manager", name: "Community Manager", emoji: "🤝" },
+  { key: "work_in_marketing", name: "Work in Marketing", emoji: "📈" },
+  { key: "work_in_sales", name: "Work in Sales", emoji: "🤑" },
+  { key: "work_in_ecommerce", name: "Work in Ecommerce", emoji: "🛒" },
+  { key: "work_in_customer_support", name: "Work in Customer Support", emoji: "🔊" },
+  { key: "work_in_travel", name: "Work in Travel", emoji: "✈️" },
+  { key: "work_in_sports", name: "Work in Sports", emoji: "🏅" },
+  { key: "work_in_architecture", name: "Work in Architecture", emoji: "🏗️" },
+  { key: "work_in_hospitality", name: "Work in Hospitality", emoji: "🏨" },
+  { key: "work_in_fashion", name: "Work in Fashion", emoji: "👗" },
+  { key: "work_in_adult", name: "Work in Adult", emoji: "🔞" },
+  { key: "work_in_social_media", name: "Work in Social Media", emoji: "📱" },
+  { key: "work_in_journalism", name: "Work in Journalism", emoji: "📰" },
+  { key: "work_in_environment", name: "Work in Environment", emoji: "🌳" },
+  { key: "work_in_photography", name: "Work in Photography", emoji: "📸" },
+  { key: "work_in_music", name: "Work in Music", emoji: "🎶" },
+  { key: "work_in_food", name: "Work in Food", emoji: "🍳" },
+  { key: "work_in_writing", name: "Work in Writing", emoji: "✍️" },
+  { key: "work_in_event_planning", name: "Work in Event Planning", emoji: "🎉" },
+  { key: "work_in_activism", name: "Work in Activism", emoji: "✊" },
+  { key: "work_in_philanthropy", name: "Work in Philanthropy", emoji: "🎗️" },
+  { key: "self_learner", name: "Self Learner", emoji: "🔍" },
+  { key: "learn_by_doing", name: "Learn By Doing", emoji: "🛠️" },
+  { key: "youtube_learner", name: "YouTube Learner", emoji: "▶️" },
+  { key: "have_bachelors_degree", name: "Have Bachelor's Degree", emoji: "📜" },
+  { key: "have_masters_degree", name: "Have Master's Degree", emoji: "🎓" },
+  { key: "have_phd", name: "Have PhD", emoji: "👩‍🏫" },
+  { key: "interest_in_philosophy", name: "Interest in Philosophy", emoji: "💭" },
+  { key: "interest_in_psychology", name: "Interest in Psychology", emoji: "🧠" },
+  { key: "interest_in_economics", name: "Interest in Economics", emoji: "💹" },
+  { key: "interest_in_history", name: "Interest in History", emoji: "🏰" },
+  { key: "interest_in_mathematics", name: "Interest in Mathematics", emoji: "➗" },
+  { key: "enjoy_talking_politics", name: "Enjoy Talking Politics", emoji: "🗣️" },
+  { key: "limit_talking_politics", name: "Limit Talking Politics", emoji: "🤐" },
+  { key: "not_political", name: "Not Political", emoji: "🤷" },
+  { key: "actively_advocate_politics", name: "Actively Advocate Politics", emoji: "✊" },
+  { key: "politically_lean_democrat", name: "Politically Lean Democrat", emoji: "🔵" },
+  { key: "politically_lean_republican", name: "Politically Lean Republican", emoji: "🔴" },
+  { key: "politically_lean_independent", name: "Politically Lean Independent", emoji: "🟢" },
+  { key: "politically_lean_libertarian", name: "Politically Lean Libertarian", emoji: "🟡" },
+  { key: "politically_lean_green_party", name: "Politically Lean Green Party", emoji: "🍀" },
+  { key: "politically_lean_progressive", name: "Politically Lean Progressive", emoji: "⏩" },
+  { key: "politically_lean_centrist", name: "Politically Lean Centrist", emoji: "🎯" },
+  { key: "politically_lean_conservative", name: "Politically Lean Conservative", emoji: "🐘" },
+  { key: "politically_lean_socialist", name: "Politically Lean Socialist", emoji: "✊" },
+  { key: "politically_lean_other", name: "Politically Lean Other", emoji: "🔀" },
+  { key: "not_religious", name: "Not Religious", emoji: "💫" },
+  { key: "religion_of_christianity", name: "Christianity Follower", emoji: "✝️" },
+  { key: "religion_of_islam", name: "Islam Follower", emoji: "🕌" },
+  { key: "religion_of_hinduism", name: "Hinduism Follower", emoji: "🕉️" },
+  { key: "religion_of_buddhism", name: "Buddhism Follower", emoji: "🔆" },
+  { key: "religion_of_sikhism", name: "Sikhism Follower", emoji: "🔱" },
+  { key: "religion_of_judaism", name: "Judaism Follower", emoji: "✡️" },
+  { key: "religion_of_taoism", name: "Taoism Follower", emoji: "☯️" },
+  { key: "religion_of_shinto", name: "Shinto Follower", emoji: "⛩️" },
+  { key: "religion_of_paganism", name: "Paganism Follower", emoji: "🌿" },
+  { key: "religion_of_jainism", name: "Jainism Follower", emoji: "🙏" },
+  { key: "religion_of_agnostic", name: "Agnostic", emoji: "❓" },
+  { key: "religion_of_atheist", name: "Atheist", emoji: "🚫" },
+  { key: "religion_of_other", name: "Other Religion Follower", emoji: "🔀" },
+  { key: "spiritual", name: "Spiritual", emoji: "🌌" },
+  { key: "diet_vegetarian", name: "Vegetarian", emoji: "🥕" },
+  { key: "diet_vegan", name: "Vegan", emoji: "🌿" },
+  { key: "diet_pescetarian", name: "Pescetarian", emoji: "🐟" },
+  { key: "diet_gluten_free", name: "Gluten-Free", emoji: "🌾" },
+  { key: "diet_keto", name: "Keto", emoji: "🥓" },
+  { key: "diet_halal", name: "Halal", emoji: "☪️" },
+  { key: "diet_kosher", name: "Kosher", emoji: "✡️" },
+  { key: "diet_tea", name: "Tea Lover", emoji: "🍵" },
+  { key: "diet_coffee", name: "Coffee Lover", emoji: "☕️" },
+  { key: "diet_wine", name: "Wine Connoisseur", emoji: "🍷" },
+  { key: "diet_beer", name: "Beer Aficionado", emoji: "🍺" },
+  { key: "diet_organic", name: "Organic Diet", emoji: "🌾" },
+  { key: "diet_healthy", name: "Healthy Diet", emoji: "🥗" },
+  { key: "diet_fasting", name: "Intermittent Fasting Diet", emoji: "⏲️" },
+  { key: "no_smoking", name: "Non-Smoker", emoji: "🚭" },
+  { key: "no_alcohol", name: "Alcohol-Free", emoji: "🥤" },
+  { key: "no_drugs", name: "Drug-Free", emoji: "🚫" },
+  { key: "body_shape_slim", name: "Slim Body Shape", emoji: "🧍" },
+  { key: "body_shape_petite", name: "Petite Body Shape", emoji: "🧚" },
+  { key: "body_shape_lean_athletic", name: "Lean Athletic Body Shape", emoji: "🏃" },
+  { key: "body_shape_muscular", name: "Muscular Body Shape", emoji: "💪" },
+  { key: "body_shape_average", name: "Average Body Shape", emoji: "🚶" },
+  { key: "body_shape_curvy", name: "Curvy Body Shape", emoji: "🍑" },
+  { key: "body_shape_cushy", name: "Cushy Body Shape", emoji: "⚖️" },
+  { key: "body_shape_heavy", name: "Heavy Body Shape", emoji: "🍰" },
+  { key: "weight_under_100", name: "Under 100 lbs (45 kg)", emoji: "⚖️" },
+  { key: "weight_100_125", name: "100-125 lbs (45-57 kg)", emoji: "⚖️" },
+  { key: "weight_125_150", name: "125-150 lbs (57-68 kg)", emoji: "⚖️" },
+  { key: "weight_150_175", name: "150-175 lbs (68-79 kg)", emoji: "⚖️" },
+  { key: "weight_175_200", name: "175-200 lbs (79-91 kg)", emoji: "⚖️" },
+  { key: "weight_200_225", name: "200-225 lbs (91-102 kg)", emoji: "⚖️" },
+  { key: "weight_225_250", name: "225-250 lbs (102-113 kg)", emoji: "⚖️" },
+  { key: "weight_250_300", name: "250-300 lbs (113-136 kg)", emoji: "⚖️" },
+  { key: "weight_over_300", name: "Over 300 lbs (136 kg)", emoji: "⚖️" },
+  { key: "height_under_4_6", name: "Under 4 ft 6 in (137 cm)", emoji: "📏" },
+  { key: "height_4_6_to_5", name: "4 ft 6 in - 5 ft 0 in (137-152 cm)", emoji: "📏" },
+  { key: "height_5_to_5_5", name: "5 ft 0 in - 5 ft 5 in (152-165 cm)", emoji: "📏" },
+  { key: "height_5_5_to_5_8", name: "5 ft 5 in - 5 ft 8 in (165-173 cm)", emoji: "📏" },
+  { key: "height_5_8_to_5_10", name: "5 ft 8 in - 5 ft 10 in (173-178 cm)", emoji: "📏" },
+  { key: "height_5_10_to_6", name: "5 ft 10 in - 6 ft 0 in (178-183 cm)", emoji: "📏" },
+  { key: "height_6_to_6_3", name: "6 ft 0 in - 6 ft 3 in (183-190 cm)", emoji: "📏" },
+  { key: "height_over_6_3", name: "Over 6 ft 3 in (190 cm)", emoji: "📏" },
+  { key: "have_no_tattoos", name: "No Tattoos", emoji: "⛔" },
+  { key: "have_few_tattoos", name: "Few Tattoos", emoji: "💉" },
+  { key: "have_many_tattoos", name: "Many Tattoos", emoji: "🎨" },
+  { key: "have_cosmetic_procedures", name: "Had Cosmetic Procedures", emoji: "💄" },
+  { key: "have_clear_skin", name: "Clear Skin", emoji: "🌟" },
+  { key: "eye_color_blue", name: "Blue Eyes", emoji: "🔵" },
+  { key: "eye_color_brown", name: "Brown Eyes", emoji: "🟤" },
+  { key: "eye_color_green", name: "Green Eyes", emoji: "🟢" },
+  { key: "eye_color_hazel", name: "Hazel Eyes", emoji: "🌰" },
+  { key: "eye_color_gray", name: "Gray Eyes", emoji: "⚪️" },
+  { key: "eye_color_amber", name: "Amber Eyes", emoji: "🟠" },
+  { key: "eye_color_black", name: "Black Eyes", emoji: "⚫" },
+  { key: "eye_color_mixed", name: "Mixed Eyes", emoji: "🌈" },
+  { key: "have_black_hair", name: "Black Hair", emoji: "⚫️" },
+  { key: "have_brown_hair", name: "Brown Hair", emoji: "🟤" },
+  { key: "have_blonde_hair", name: "Blonde Hair", emoji: "🟡" },
+  { key: "have_red_hair", name: "Red Hair", emoji: "🦰" },
+  { key: "have_gray_hair", name: "Gray Hair", emoji: "⚪️" },
+  { key: "have_dyed_hair", name: "Dyed Hair", emoji: "🌈" },
+  { key: "have_bald_head", name: "Shaved/Bald", emoji: "🦲" },
+  { key: "have_short_hair", name: "Short Hair", emoji: "💇" },
+  { key: "have_long_hair", name: "Long Hair", emoji: "🪮" },
+  { key: "have_beard", name: "Beard", emoji: "🧔" },
+  { key: "seeking_travel_buddies", name: "Seeking Travel Buddies", emoji: "🎒" },
+  { key: "seeking_friends", name: "Seeking Friends", emoji: "🤝" },
+  { key: "seeking_casual_dating", name: "Seeking Casual Dating", emoji: "🍹" },
+  { key: "seeking_business_partners", name: "Seeking Business Partners", emoji: "💼" },
+  { key: "seeking_relationship", name: "Seeking Relationship", emoji: "❤️" },
+  { key: "seeking_job", name: "Seeking Job", emoji: "🔍" },
+  { key: "seeking_networking", name: "Seeking Networking", emoji: "🤝" },
+  { key: "uses_twitter", name: "Twitter/X User", emoji: "🐦" },
+  { key: "uses_youtube", name: "YouTube User", emoji: "📺" },
+  { key: "uses_facebook", name: "Facebook User", emoji: "📘" },
+  { key: "uses_instagram", name: "Instagram User", emoji: "📸" },
+  { key: "uses_linkedin", name: "LinkedIn User", emoji: "💼" },
+  { key: "uses_tiktok", name: "TikTok User", emoji: "🎵" },
+  { key: "uses_snapchat", name: "Snapchat User", emoji: "👻" },
+  { key: "uses_whatsapp", name: "WhatsApp User", emoji: "💬" },
+  { key: "uses_telegram", name: "Telegram User", emoji: "📬" },
+  { key: "uses_discord", name: "Discord User", emoji: "💻" },
+  { key: "uses_reddit", name: "Reddit User", emoji: "👽" },
+  { key: "uses_pinterest", name: "Pinterest User", emoji: "📌" },
+  { key: "uses_twitch", name: "Twitch User", emoji: "🎮" },
+  { key: "uses_wechat", name: "WeChat User", emoji: "💬" },
+  { key: "uses_line", name: "LINE User", emoji: "💚" },
+  { key: "uses_vk", name: "VK User", emoji: "🇷🇺" },
+  { key: "introvert", name: "Introvert", emoji: "🤫" },
+  { key: "extrovert", name: "Extrovert", emoji: "🦋" },
+  { key: "minimalist", name: "Minimalist", emoji: "⬜️" },
+  { key: "enjoy_partying_often", name: "Enjoy Partying Often", emoji: "🎉" },
+  { key: "enjoy_partying_occasionally", name: "Enjoy Partying Occasionally", emoji: "🎊" },
+  { key: "enjoy_college_style_parties", name: "Enjoy College-Style Parties", emoji: "🍺" },
+  { key: "enjoy_loud_music_parties", name: "Enjoy Loud Music Parties", emoji: "🎶" },
+  { key: "enjoy_heavy_drinking_parties", name: "Enjoy Heavy Drinking Parties", emoji: "🍻" },
+  { key: "enjoy_professional_gatherings", name: "Enjoy Professional Gatherings", emoji: "🍷" },
+  { key: "enjoy_elegant_gatherings", name: "Enjoy Elegant Gatherings", emoji: "🍾" },
+  { key: "enjoy_formal_receptions", name: "Enjoy Formal Receptions", emoji: "👔" },
+  { key: "enjoy_casual_socials", name: "Enjoy Casual Socials", emoji: "🍻" },
+  { key: "enjoy_chill_hangouts", name: "Enjoy Chill Hangouts", emoji: "🛋️" },
+  { key: "enjoy_large_events", name: "Enjoy Large Events", emoji: "🎪" },
+  { key: "enjoy_small_gatherings", name: "Enjoy Small Gatherings", emoji: "🏡" },
+  { key: "enjoy_online_events", name: "Enjoy Online Events", emoji: "💻" },
+  { key: "tidy", name: "Tidy", emoji: "🧼" },
+  { key: "messy", name: "Messy", emoji: "🧺" },
+  { key: "have_trouble_walking", name: "Have Trouble Walking", emoji: "🦽" },
+  { key: "have_disability", name: "Have Disability", emoji: "🧠" },
+  { key: "often_wake_up_early", name: "Early Riser", emoji: "🌅" },
+  { key: "often_stay_up_late", name: "Night Owl", emoji: "🌜" },
+  { key: "enjoy_meditation", name: "Enjoy Meditation", emoji: "🧘" },
+  { key: "enjoy_active_lifestyle", name: "Active Lifestyle", emoji: "🏃" },
+  { key: "enjoy_fitness", name: "Fitness Enthusiast", emoji: "💪" },
+  { key: "enjoy_yoga", name: "Yoga Enthusiast", emoji: "🧘" },
+  { key: "enjoy_running", name: "Runner", emoji: "🏃" },
+  { key: "enjoy_swimming", name: "Swimmer", emoji: "🏊" },
+  { key: "enjoy_cycling", name: "Cyclist", emoji: "🚴" },
+  { key: "enjoy_hiking", name: "Hiker", emoji: "🥾" },
+  { key: "enjoy_golfing", name: "Golfer", emoji: "⛳" },
+  { key: "fan_of_golf", name: "Golf Fan", emoji: "⛳" },
+  { key: "enjoy_playing_tennis", name: "Enjoy Playing Tennis", emoji: "🎾" },
+  { key: "fan_of_tennis", name: "Tennis Fan", emoji: "🎾" },
+  { key: "enjoy_playing_pickleball", name: "Enjoy Playing Pickleball", emoji: "🎾" },
+  { key: "enjoy_playing_football", name: "Enjoy Playing Football", emoji: "🏈" },
+  { key: "fan_of_football", name: "Football Fan", emoji: "🏈" },
+  { key: "enjoy_playing_soccer", name: "Enjoy Playing Soccer", emoji: "⚽" },
+  { key: "soccer_fan", name: "Soccer Fan", emoji: "⚽" },
+  { key: "enjoy_playing_basketball", name: "Enjoy playing Basketball", emoji: "🏀" },
+  { key: "fan_of_basketball", name: "Basketball Fan", emoji: "🏀" },
+  { key: "enjoy_playing_hockey", name: "Enjoy Playing Hockey", emoji: "🏒" },
+  { key: "fan_of_hockey", name: "Hockey Fan", emoji: "🏒" },
+  { key: "fan_of_formula_one", name: "Formula 1 Fan", emoji: "🏎️" },
+  { key: "fan_of_motor_sports", name: "Motor Sports Fan", emoji: "🏍️" },
+  { key: "enjoy_surfing", name: "Enjoy Surfing", emoji: "🏄‍♂️" },
+  { key: "enjoy_rock_climbing", name: "Enjoy Rock Climbing", emoji: "🧗‍♀️" },
+  { key: "enjoy_camping", name: "Enjoy Camping", emoji: "⛺" },
+  { key: "enjoy_fishing", name: "Enjoy Fishing", emoji: "🎣" },
+  { key: "enjoy_gardening", name: "Enjoy Gardening", emoji: "🌱" },
+  { key: "enjoy_baking", name: "Enjoy Baking", emoji: "🍪" },
+  { key: "enjoy_cooking", name: "Enjoy Cooking", emoji: "👩‍🍳" },
+  { key: "enjoy_reading", name: "Enjoy Reading", emoji: "📚" },
+  { key: "enjoy_writing", name: "Enjoy Writing", emoji: "✍️" },
+  { key: "enjoy_drawing", name: "Enjoy Drawing", emoji: "✏️" },
+  { key: "enjoy_painting", name: "Enjoy Painting", emoji: "🎨" },
+  { key: "enjoy_pottery", name: "Enjoy Pottery", emoji: "🏺" },
+  { key: "enjoy_knitting", name: "Enjoy Knitting", emoji: "🧶" },
+  { key: "enjoy_origami", name: "Enjoy Origami", emoji: "🗾" },
+  { key: "enjoy_photography", name: "Enjoy Photography", emoji: "📷" },
+  { key: "enjoy_movies", name: "Enjoy Movies", emoji: "🍿" },
+  { key: "enjoy_documentaries", name: "Enjoy Documentaries", emoji: "🎥" },
+  { key: "enjoy_comedy", name: "Enjoy Comedy", emoji: "😄" },
+  { key: "enjoy_music_production", name: "Enjoy Producing Music", emoji: "🎵" },
+  { key: "enjoy_outdoors", name: "Enjoy Outdoors", emoji: "🏞️" },
+  { key: "enjoy_beach", name: "Enjoy the Beach", emoji: "🏖️" },
+  { key: "enjoy_diy", name: "Enjoy DIY", emoji: "🔨" },
+  { key: "enjoy_diy_electronics", name: "Enjoy DIY Electronics", emoji: "🔌" },
+  { key: "enjoy_home_renovation", name: "Enjoy Home Renovation", emoji: "🏚️" },
+  { key: "enjoy_cruising", name: "Enjoy Cruises", emoji: "🚢" },
+  { key: "enjoy_skateboarding", name: "Enjoy Skateboarding", emoji: "🛹" },
+  { key: "enjoy_snow", name: "Enjoy Snow", emoji: "❄️" },
+  { key: "enjoy_magic", name: "Enjoy Magic", emoji: "🔮" },
+  { key: "enjoy_listening_to_podcasts", name: "Enjoy Listening to Podcasts", emoji: "🎙️" },
+  { key: "enjoy_makeup_beauty", name: "Makeup & Beauty Aficionado", emoji: "💄" },
+  { key: "enjoy_martial_arts", name: "Enjoy Practicing Martial Arts", emoji: "🥋" },
+  { key: "fan_of_ufc", name: "UFC Fan", emoji: "🤼‍♂️" },
+  { key: "fan_of_boxing", name: "Boxing Fan", emoji: "🥊" },
+  { key: "fan_of_celebrity_fights", name: "Celebrity Fights Fan", emoji: "🎬" },
+  { key: "enjoy_mathematics", name: "Enjoy Mathematics", emoji: "➗" },
+  { key: "enjoy_robotics", name: "Enjoy Robotics", emoji: "🤖" },
+  { key: "enjoy_puzzles", name: "Enjoy Assembling Puzzles", emoji: "🧩" },
+  { key: "enjoy_astronomy", name: "Enjoy Astronomy", emoji: "🔭" },
+  { key: "enjoy_bird_watching", name: "Enjoy Bird Watching", emoji: "🦉" },
+  { key: "enjoy_theater", name: "Enjoy Theater", emoji: "🎭" },
+  { key: "enjoy_music_concerts", name: "Enjoy Music Concerts", emoji: "🎷" },
+  { key: "enjoy_eco_friendly_living", name: "Enjoy Eco-Friendly Living", emoji: "♻️" },
+  { key: "enjoy_board_games", name: "Enjoy Board Games", emoji: "🎲" },
+  { key: "enjoy_video_gaming", name: "Enjoy Video Games", emoji: "🎮" },
+  { key: "enjoy_dancing", name: "Enjoy Dancing", emoji: "💃" },
+  { key: "enjoy_scuba_diving", name: "Enjoy Scuba Diving", emoji: "🤿" },
+  { key: "enjoy_skiing", name: "Enjoy Skiing", emoji: "⛷️" },
+  { key: "enjoy_snowboarding", name: "Enjoy Snowboarding", emoji: "🏂" },
+  { key: "enjoy_archery", name: "Enjoy Archery", emoji: "🏹" },
+  { key: "enjoy_horseback_riding", name: "Enjoy Horseback Riding", emoji: "🏇" },
+  { key: "enjoy_sailing", name: "Enjoy Sailing", emoji: "⛵" },
+  { key: "enjoy_hunting", name: "Enjoy Hunting", emoji: "🦌" },
+  { key: "enjoy_fossil_hunting", name: "Enjoy Fossil Hunting", emoji: "🦴" },
+  { key: "enjoy_metal_detecting", name: "Enjoy Metal Detecting", emoji: "🔍" },
+  { key: "enjoy_rare_metal", name: "Enjoy Rare Metals", emoji: "⚱️" },
+  { key: "enjoy_coin_collecting", name: "Enjoy Coin Collecting", emoji: "💰" },
+  { key: "enjoy_vinyl_collecting", name: "Enjoy Vinyl Collecting", emoji: "🎶" },
+  { key: "enjoy_antique_collecting", name: "Enjoy Antique Collecting", emoji: "🔍" },
+  { key: "enjoy_model_building", name: "Enjoy Model Building", emoji: "🚁" },
+  { key: "enjoy_railroad_modeling", name: "Enjoy Railroad Modeling", emoji: "🚂" },
+  { key: "enjoy_volunteering", name: "Enjoy Volunteering", emoji: "🤲" },
+  { key: "enjoy_cosplay", name: "Enjoy Cosplay", emoji: "🎭" },
+  { key: "travel_often", name: "Travel Often ", emoji: "✈️" },
+  { key: "enjoy_craft_beer_brewing", name: "Enjoy Craft Beer Brewing", emoji: "🍺" },
+  { key: "enjoy_wine_tasting", name: "Enjoy Wine Tasting", emoji: "🍷" },
+  { key: "enjoy_cheese_tasting", name: "Enjoy Cheese Tasting", emoji: "🧀" },
+  { key: "enjoy_zoo", name: "Enjoy Zoo", emoji: "🦁" },
+  { key: "enjoy_urban_exploration", name: "Enjoy Urban Exploration", emoji: "🏚️" },
+  { key: "use_apple_macbook", name: "Apple Macbook User", emoji: "💻" },
+  { key: "use_iphone", name: "iPhone User", emoji: "📱" },
+  { 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: {
+      content: { type: "text_literal" },
+    },
+    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)) {
+      for (let condition of match_for?.conditions) {
+        if (is_pass_predicate(condition?.predicate, condition?.value, value)) {
+          if (match_for?.operator == "any_of") {
+            return true
+          }
+        } else if (match_for?.operator == "all_of") {
+          return false
+        }
+      }
+      if (match_for?.operator == "all_of") {
+        return true
+      }
+    }
+  }
+  return false
+}
+
+// const override_base = {
+//   options: {
+//     color: null,
+//     is_bold: false,
+//     is_custom_text: false,
+//     display_text: null,
+//   },
+//   override: {
+//     type: "operator",
+//     operator: "all_of",
+//     conditions: [
+//       {
+//         type: "predicate",
+//         predicate: "equal_to",
+//         value: 4,
+//       },
+//     ],
+//   },
+// }
+
+// function get_override_item_display_text(override_item) {
+//   console.log("override_item", override_item)
+//   let display_text = ""
+//   const predicate_text = {
+//     equal_to: "equals (==)",
+//     not_equal_to: "not equal to (!=)",
+//     less_than: "less than (<)",
+//     less_than_or_equal: "less than or equal to (<=)",
+//     greater_than: "greater than (>)",
+//     greater_than_or_equal: "greater than or equal to (>=)",
+//     contains: "contains",
+//     does_not_contain: "does not contain",
+//     starts_with: "starts with",
+//     ends_with: "ends with",
+//   }
+//   if (Array.isArray(override_item?.conditions) && override_item?.conditions.length > 0) {
+//     display_text = `${predicate_text?.[override_item?.conditions?.[0]?.predicate]} ${
+//       override_item?.conditions?.[0]?.value
+//     }`
+//     if (override_item?.conditions.length > 1) {
+//       display_text += `${override_item?.operator == "all_of" ? " and" : " or"} ${
+//         override_item?.conditions.length - 1
+//       } more conditions.`
+//     }
+//   } else {
+//     display_text = "No Conditions"
+//   }
+//   return display_text
+// }
+
+// function is_pass_predicate(predicate, value, check_value) {
+//   switch (predicate) {
+//     case "equal_to":
+//       return check_value === value
+//     case "not_equal_to":
+//       return check_value !== value
+//     case "less_than":
+//       return check_value < value
+//     case "less_than_or_equal":
+//       return check_value <= value
+//     case "greater_than":
+//       return check_value > value
+//     case "greater_than_or_equal":
+//       return check_value >= value
+//     case "contains":
+//       return check_value.includes(value)
+//     case "does_not_contain":
+//       return !check_value.includes(value)
+//     case "starts_with":
+//       return check_value.startsWith(value)
+//     case "ends_with":
+//       return check_value.endsWith(value)
+//     default:
+//       return false
+//   }
+// }
+
+// function is_pass_time_predicate(predicate, value, check_value) {
+//   const current_time = new Date()
+//   const check_date = new Date(check_value.epoch * 1000) // convert epoch to milliseconds
+//   switch (predicate) {
+//     case "past_x_hours":
+//       const past_x_hours = new Date(current_time.getTime() - value * 60 * 60 * 1000)
+//       return check_date >= past_x_hours
+//     case "past_x_days":
+//       const past_x_days = new Date(current_time.getTime() - value * 24 * 60 * 60 * 1000)
+//       return check_date >= past_x_days
+//     case "on_day_of_week":
+//       return check_date.getDay() === value
+//     case "today":
+//       return (
+//         check_date.getDate() === current_time.getDate() &&
+//         check_date.getMonth() === current_time.getMonth() &&
+//         check_date.getFullYear() === current_time.getFullYear()
+//       )
+//     case "yesterday":
+//       const yesterday = new Date(current_time.getTime() - 24 * 60 * 60 * 1000)
+//       return (
+//         check_date.getDate() === yesterday.getDate() &&
+//         check_date.getMonth() === yesterday.getMonth() &&
+//         check_date.getFullYear() === yesterday.getFullYear()
+//       )
+//     case "tomorrow":
+//       const tomorrow = new Date(current_time.getTime() + 24 * 60 * 60 * 1000)
+//       return (
+//         check_date.getDate() === tomorrow.getDate() &&
+//         check_date.getMonth() === tomorrow.getMonth() &&
+//         check_date.getFullYear() === tomorrow.getFullYear()
+//       )
+//     case "this_calendar_month":
+//       return (
+//         check_date.getMonth() === current_time.getMonth() && check_date.getFullYear() === current_time.getFullYear()
+//       )
+//     case "this_calendar_year":
+//       return check_date.getFullYear() === current_time.getFullYear()
+//     case "last_calendar_month":
+//       return (
+//         check_date.getMonth() === current_time.getMonth() - 1 &&
+//         check_date.getFullYear() === current_time.getFullYear()
+//       )
+//     case "last_calendar_year":
+//       return check_date.getFullYear() === current_time.getFullYear() - 1
+//     case "next_calendar_month":
+//       return (
+//         check_date.getMonth() === current_time.getMonth() + 1 &&
+//         check_date.getFullYear() === current_time.getFullYear()
+//       )
+//     case "next_calendar_year":
+//       return check_date.getFullYear() === current_time.getFullYear() + 1
+//     case "before_epoch":
+//       return check_date < new Date(value * 1000)
+//     case "after_epoch":
+//       return check_date > new Date(value * 1000)
+//     case "on_specific_date":
+//       const specific_date = new Date(value * 1000)
+//       return (
+//         check_date.getDate() === specific_date.getDate() &&
+//         check_date.getMonth() === specific_date.getMonth() &&
+//         check_date.getFullYear() === specific_date.getFullYear()
+//       )
+//     default:
+//       return false
+//   }
+// }
+
+// function is_match(match_for, value) {
+//   if (match_for?.type == "operator") {
+//     if (Array.isArray(match_for?.conditions)) {
+//       for (let condition of match_for?.conditions) {
+//         if (
+//           data_type?.type == "time_literal"
+//             ? is_pass_time_predicate(condition?.predicate, condition?.value, value)
+//             : is_pass_predicate(condition?.predicate, condition?.value, value)
+//         ) {
+//           if (match_for?.operator == "any_of") {
+//             return true
+//           }
+//         } else if (match_for?.operator == "all_of") {
+//           return false
+//         }
+//       }
+//       if (match_for?.operator == "all_of") {
+//         return true
+//       }
+//     }
+//   }
+//   return false
+// }