@superblocksteam/vite-plugin-file-sync 2.0.48-next.0 → 2.0.50

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/TablePropsDocs.js

@@ -1,6 +0,0 @@
-/* eslint-disable */
-// Auto-generated from TablePropsDocs.md
-// Do not edit this file directly
-// Generated at: 2025-10-21T17:40:48.550Z
-export const content = "## Table\n\nThe following is the type definition for the Table component.\n\n```typescript\ninterface TableProps {\n  /** The header text displayed at the top of the table */\n  /** @default \"\" */\n  header?: string;\n  /** The array of data objects to display as rows in the table */\n  tableData?: any;\n  columns?: Record<string, TableColumnsProperties>;\n  /** Sets the width of the component */\n  width?: Dim;\n  /** Sets the height of the component */\n  height?: Dim;\n  /** Controls the min width dimension of the component */\n  minWidth?: Dim;\n  /** Controls the max width dimension of the component */\n  maxWidth?: Dim;\n  /** Controls the min height dimension of the component */\n  minHeight?: Dim;\n  /** Controls the max height dimension of the component */\n  maxHeight?: Dim;\n  /** Sets the external spacing around the component */\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** Controls whether the component is visible on the page */\n  /** @default true */\n  isVisible?: boolean;\n  /** Whether column filtering is enabled for the table */\n  /** @default true */\n  isFilterable?: boolean;\n  /** The default filters applied to the table on page load */\n  defaultFilters?: any;\n  /** Whether multiple rows can be selected simultaneously */\n  /** @default false */\n  multiRowSelection?: boolean;\n  /** Whether the table has a search functionality */\n  /** @default true */\n  isSearchable?: boolean;\n  /** Whether the table data can be downloaded as CSV */\n  /** @default true */\n  isDownloadable?: boolean;\n  /** The type of pagination used (none, client-side, or server-side) */\n  /** @default \"none\" */\n  paginationType?: \"none\" | \"client-side\" | \"server-side\";\n  /** The number of rows displayed per page in paginated tables */\n  configuredPageSize?: any;\n  defaultSort?: {\n    column?: string;\n    /** @default true */\n    asc?: boolean;\n};\n  /** The default search text displayed in the search input */\n  defaultSearchText?: string;\n  /** The placeholder text displayed in the search input */\n  searchPlaceholder?: string;\n  /** The index of the row selected by default when the table loads */\n  defaultSelectedRow?: number;\n  /** Whether to display vertical borders between table columns */\n  showColumnBorders?: boolean;\n  /** Configures the text styling including font family, size, weight, color, and other typography properties */\n  /** @default \"Computed at runtime\" */\n  headerProps.textStyle?: TextStyleWithVariant;\n  /** Configures the text styling including font family, size, weight, color, and other typography properties */\n  /** @default \"Computed at runtime\" */\n  columnHeaderProps.textStyle?: TextStyleWithVariant;\n  /** Whether column header text should wrap to multiple lines when it's too long */\n  /** @default false */\n  columnHeaderTextWrap?: boolean;\n  /** Configures the text styling including font family, size, weight, color, and other typography properties */\n  /** @default \"Computed at runtime\" */\n  cellProps.textStyle?: TextStyleWithVariant;\n  /** Allows selection of a color value using a color picker interface */\n  /** @default \"Computed at runtime\" */\n  backgroundColor?: string;\n  /** Allows selection of a color value using a color picker interface */\n  /** @default \"Computed at runtime\" */\n  selectedRowBackgroundColor?: string;\n  /** Component border styling including color, width, and style for all sides */\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  /** Component border radius settings for each corner (top-left, top-right, bottom-right, bottom-left) */\n  /** @default \"Computed at runtime\" */\n  borderRadius?: { topLeft: Dim; topRight: Dim; bottomLeft: Dim; bottomRight: Dim };\n  /** The spacing density of table rows (extra small to large) */\n  /** @default \"medium\" */\n  rowDensity?: \"extra-small\" | \"small\" | \"medium\" | \"large\";\n  /** The maximum number of lines that row content can span */\n  /** @default -1 */\n  maxLinesPerRow?: number;\n  /** Controls the loading state of the component - off, on, or auto-detected based on data loading */\n  loading?: boolean;\n  isVisible?: boolean;\n  searchProps?: {\n    /** @default \"Computed at runtime\" */\n    textStyle?: TextStyleWithVariant;\n    /** @default \"Computed at runtime\" */\n    backgroundColor?: string;\n    border?: { left: Border; right: Border; top: Border; bottom: Border };\n    /** @default \"Computed at runtime\" */\n    borderRadius?: { topLeft: Dim; topRight: Dim; bottomLeft: Dim; bottomRight: Dim };\n};\n  onRowClick?: EventFlow;\n  onRowSelect?: EventFlow;\n  onPageChange?: EventFlow;\n  onFiltersChange?: EventFlow;\n  onSearchTextChange?: EventFlow;\n}\n\n// Referenced interfaces:\n\ninterface TableColumnsProperties {\n  label?: string;\n  /** @default \"text\" */\n  columnType?: \"text\" | \"number\" | \"currency\" | \"percentage\" | \"image\" | \"video\" | \"date\" | \"button\" | \"link\" | \"boolean\" | \"tags\" | \"email\";\n  /** @default false */\n  isDerived?: boolean;\n  computedValue?: string;\n  notation?: \"unformatted\" | \"standard\" | \"compact\" | \"scientific\" | \"engineering\";\n  minimumFractionDigits?: number;\n  maximumFractionDigits?: number;\n  /** @default \"USD\" */\n  currency?: \"AED\" | \"AFN\" | \"ALL\" | \"AMD\" | \"ANG\" | \"AOA\" | \"ARS\" | \"AUD\" | \"AWG\" | \"AZN\" | \"BAM\" | \"BBD\" | \"BDT\" | \"BGN\" | \"BHD\" | \"BIF\" | \"BMD\" | \"BND\" | \"BOB\" | \"BOV\" | \"BRL\" | \"BSD\" | \"BTN\" | \"BWP\" | \"BYN\" | \"BZD\" | \"CAD\" | \"CDF\" | \"CHE\" | \"CHF\" | \"CHW\" | \"CLF\" | \"CLP\" | \"CNY\" | \"COP\" | \"COU\" | \"CRC\" | \"CUC\" | \"CUP\" | \"CVE\" | \"CZK\" | \"DJF\" | \"DKK\" | \"DOP\" | \"DZD\" | \"EGP\" | \"ERN\" | \"ETB\" | \"EUR\" | \"FJD\" | \"FKP\" | \"GBP\" | \"GEL\" | \"GHS\" | \"GIP\" | \"GMD\" | \"GNF\" | \"GTQ\" | \"GYD\" | \"HKD\" | \"HNL\" | \"HRK\" | \"HTG\" | \"HUF\" | \"IDR\" | \"ILS\" | \"INR\" | \"IQD\" | \"IRR\" | \"ISK\" | \"JMD\" | \"JOD\" | \"JPY\" | \"KES\" | \"KGS\" | \"KHR\" | \"KMF\" | \"KPW\" | \"KRW\" | \"KWD\" | \"KYD\" | \"KZT\" | \"LAK\" | \"LBP\" | \"LKR\" | \"LRD\" | \"LSL\" | \"LYD\" | \"MAD\" | \"MDL\" | \"MGA\" | \"MKD\" | \"MMK\" | \"MNT\" | \"MOP\" | \"MRU\" | \"MUR\" | \"MVR\" | \"MWK\" | \"MXN\" | \"MXV\" | \"MYR\" | \"MZN\" | \"NAD\" | \"NGN\" | \"NIO\" | \"NOK\" | \"NPR\" | \"NZD\" | \"OMR\" | \"PAB\" | \"PEN\" | \"PGK\" | \"PHP\" | \"PKR\" | \"PLN\" | \"PYG\" | \"QAR\" | \"RON\" | \"RSD\" | \"RUB\" | \"RWF\" | \"SAR\" | \"SBD\" | \"SCR\" | \"SDG\" | \"SEK\" | \"SGD\" | \"SHP\" | \"SLL\" | \"SOS\" | \"SRD\" | \"SSP\" | \"STN\" | \"SVC\" | \"SYP\" | \"SZL\" | \"THB\" | \"TJS\" | \"TMT\" | \"TND\" | \"TOP\" | \"TRY\" | \"TTD\" | \"TWD\" | \"TZS\" | \"UAH\" | \"UGX\" | \"USD\" | \"USN\" | \"UYI\" | \"UYU\" | \"UYW\" | \"UZS\" | \"VED\" | \"VES\" | \"VND\" | \"VUV\" | \"WST\" | \"XAF\" | \"XAG\" | \"XAU\" | \"XBA\" | \"XBB\" | \"XBC\" | \"XBD\" | \"XCD\" | \"XDR\" | \"XOF\" | \"XPD\" | \"XPF\" | \"XPT\" | \"XSU\" | \"XTS\" | \"XUA\" | \"XXX\" | \"YER\" | \"ZAR\" | \"ZMW\" | \"ZWL\";\n  /** @default false */\n  openImageUrl?: boolean;\n  inputFormat?: \"undefined\" | \"X\" | \"x\" | \"MM-DD-YYYY\" | \"MM-DD-YYYY HH:mm\" | \"MM-DD-YYYY HH:mm:ss\" | \"MM-DD-YYYY hh:mm:ss a\" | \"MM-DD-YYYYTHH:mm:ss.sssZ\" | \"YYYY-MM-DD\" | \"YYYY-MM-DD HH:mm\" | \"YYYY-MM-DD HH:mm:ss\" | \"YYYY-MM-DD HH:mm:ssZ\" | \"YYYY-MM-DDTHH:mm:ss.sssZ\" | \"YYYY-MM-DD hh:mm:ss a\" | \"YYYY-MM-DDTHH:mm:ss\" | \"DD-MM-YYYY\" | \"DD-MM-YYYY HH:mm\" | \"DD-MM-YYYY HH:mm:ss\" | \"DD-MM-YYYY hh:mm:ss a\" | \"DD-MM-YYYYTHH:mm:ss.sssZ\" | \"Do MMM YYYY\" | \"MM/DD/YYYY\" | \"MM/DD/YYYY HH:mm\" | \"MM/DD/YYYY HH:mm:ss\" | \"MM/DD/YYYY hh:mm:ss a\" | \"MM/DD/YYYYTHH:mm:ss.sssZ\" | \"YYYY/MM/DD\" | \"YYYY/MM/DD HH:mm\" | \"YYYY/MM/DD HH:mm:ss\" | \"YYYY/MM/DD hh:mm:ss a\" | \"YYYY/MM/DDTHH:mm:ss\" | \"DD/MM/YYYY\" | \"DD/MM/YYYY HH:mm\" | \"DD/MM/YYYY HH:mm:ss\" | \"DD/MM/YYYY hh:mm:ss a\" | \"DD/MM/YYYYTHH:mm:ss.sssZ\";\n  outputFormat?: \"X\" | \"x\" | \"MM-DD-YYYY\" | \"MM-DD-YYYY HH:mm\" | \"MM-DD-YYYY HH:mm:ss\" | \"MM-DD-YYYY hh:mm:ss a\" | \"MM-DD-YYYYTHH:mm:ss.sssZ\" | \"YYYY-MM-DD\" | \"YYYY-MM-DD HH:mm\" | \"YYYY-MM-DD HH:mm:ss\" | \"YYYY-MM-DD HH:mm:ssZ\" | \"YYYY-MM-DDTHH:mm:ss.sssZ\" | \"YYYY-MM-DD hh:mm:ss a\" | \"YYYY-MM-DDTHH:mm:ss\" | \"DD-MM-YYYY\" | \"DD-MM-YYYY HH:mm\" | \"DD-MM-YYYY HH:mm:ss\" | \"DD-MM-YYYY hh:mm:ss a\" | \"DD-MM-YYYYTHH:mm:ss.sssZ\" | \"Do MMM YYYY\" | \"MM/DD/YYYY\" | \"MM/DD/YYYY HH:mm\" | \"MM/DD/YYYY HH:mm:ss\" | \"MM/DD/YYYY hh:mm:ss a\" | \"MM/DD/YYYYTHH:mm:ss.sssZ\" | \"YYYY/MM/DD\" | \"YYYY/MM/DD HH:mm\" | \"YYYY/MM/DD HH:mm:ss\" | \"YYYY/MM/DD hh:mm:ss a\" | \"YYYY/MM/DDTHH:mm:ss\" | \"DD/MM/YYYY\" | \"DD/MM/YYYY HH:mm\" | \"DD/MM/YYYY HH:mm:ss\" | \"DD/MM/YYYY hh:mm:ss a\" | \"DD/MM/YYYYTHH:mm:ss.sssZ\";\n  /** @default false */\n  manageTimezone?: boolean;\n  valueTimezone?: \"undefined\" | \"Etc/UTC\" | \"UTC\" | \"Africa/Abidjan\" | \"Africa/Accra\" | \"Africa/Addis_Ababa\" | \"Africa/Algiers\" | \"Africa/Asmara\" | \"Africa/Asmera\" | \"Africa/Bamako\" | \"Africa/Bangui\" | \"Africa/Banjul\" | \"Africa/Bissau\" | \"Africa/Blantyre\" | \"Africa/Brazzaville\" | \"Africa/Bujumbura\" | \"Africa/Cairo\" | \"Africa/Casablanca\" | \"Africa/Ceuta\" | \"Africa/Conakry\" | \"Africa/Dakar\" | \"Africa/Dar_es_Salaam\" | \"Africa/Djibouti\" | \"Africa/Douala\" | \"Africa/El_Aaiun\" | \"Africa/Freetown\" | \"Africa/Gaborone\" | \"Africa/Harare\" | \"Africa/Johannesburg\" | \"Africa/Juba\" | \"Africa/Kampala\" | \"Africa/Khartoum\" | \"Africa/Kigali\" | \"Africa/Kinshasa\" | \"Africa/Lagos\" | \"Africa/Libreville\" | \"Africa/Lome\" | \"Africa/Luanda\" | \"Africa/Lubumbashi\" | \"Africa/Lusaka\" | \"Africa/Malabo\" | \"Africa/Maputo\" | \"Africa/Maseru\" | \"Africa/Mbabane\" | \"Africa/Mogadishu\" | \"Africa/Monrovia\" | \"Africa/Nairobi\" | \"Africa/Ndjamena\" | \"Africa/Niamey\" | \"Africa/Nouakchott\" | \"Africa/Ouagadougou\" | \"Africa/Porto-Novo\" | \"Africa/Sao_Tome\" | \"Africa/Timbuktu\" | \"Africa/Tripoli\" | \"Africa/Tunis\" | \"Africa/Windhoek\" | \"America/Adak\" | \"America/Anchorage\" | \"America/Anguilla\" | \"America/Antigua\" | \"America/Araguaina\" | \"America/Argentina/Buenos_Aires\" | \"America/Argentina/Catamarca\" | \"America/Argentina/ComodRivadavia\" | \"America/Argentina/Cordoba\" | \"America/Argentina/Jujuy\" | \"America/Argentina/La_Rioja\" | \"America/Argentina/Mendoza\" | \"America/Argentina/Rio_Gallegos\" | \"America/Argentina/Salta\" | \"America/Argentina/San_Juan\" | \"America/Argentina/San_Luis\" | \"America/Argentina/Tucuman\" | \"America/Argentina/Ushuaia\" | \"America/Aruba\" | \"America/Asuncion\" | \"America/Atikokan\" | \"America/Atka\" | \"America/Bahia\" | \"America/Bahia_Banderas\" | \"America/Barbados\" | \"America/Belem\" | \"America/Belize\" | \"America/Blanc-Sablon\" | \"America/Boa_Vista\" | \"America/Bogota\" | \"America/Boise\" | \"America/Buenos_Aires\" | \"America/Cambridge_Bay\" | \"America/Campo_Grande\" | \"America/Cancun\" | \"America/Caracas\" | \"America/Catamarca\" | \"America/Cayenne\" | \"America/Cayman\" | \"America/Chicago\" | \"America/Chihuahua\" | \"America/Ciudad_Juarez\" | \"America/Coral_Harbour\" | \"America/Cordoba\" | \"America/Costa_Rica\" | \"America/Creston\" | \"America/Cuiaba\" | \"America/Curacao\" | \"America/Danmarkshavn\" | \"America/Dawson\" | \"America/Dawson_Creek\" | \"America/Denver\" | \"America/Detroit\" | \"America/Dominica\" | \"America/Edmonton\" | \"America/Eirunepe\" | \"America/El_Salvador\" | \"America/Ensenada\" | \"America/Fort_Nelson\" | \"America/Fort_Wayne\" | \"America/Fortaleza\" | \"America/Glace_Bay\" | \"America/Godthab\" | \"America/Goose_Bay\" | \"America/Grand_Turk\" | \"America/Grenada\" | \"America/Guadeloupe\" | \"America/Guatemala\" | \"America/Guayaquil\" | \"America/Guyana\" | \"America/Halifax\" | \"America/Havana\" | \"America/Hermosillo\" | \"America/Indiana/Indianapolis\" | \"America/Indiana/Knox\" | \"America/Indiana/Marengo\" | \"America/Indiana/Petersburg\" | \"America/Indiana/Tell_City\" | \"America/Indiana/Vevay\" | \"America/Indiana/Vincennes\" | \"America/Indiana/Winamac\" | \"America/Indianapolis\" | \"America/Inuvik\" | \"America/Iqaluit\" | \"America/Jamaica\" | \"America/Jujuy\" | \"America/Juneau\" | \"America/Kentucky/Louisville\" | \"America/Kentucky/Monticello\" | \"America/Knox_IN\" | \"America/Kralendijk\" | \"America/La_Paz\" | \"America/Lima\" | \"America/Los_Angeles\" | \"America/Louisville\" | \"America/Lower_Princes\" | \"America/Maceio\" | \"America/Managua\" | \"America/Manaus\" | \"America/Marigot\" | \"America/Martinique\" | \"America/Matamoros\" | \"America/Mazatlan\" | \"America/Mendoza\" | \"America/Menominee\" | \"America/Merida\" | \"America/Metlakatla\" | \"America/Mexico_City\" | \"America/Miquelon\" | \"America/Moncton\" | \"America/Monterrey\" | \"America/Montevideo\" | \"America/Montreal\" | \"America/Montserrat\" | \"America/Nassau\" | \"America/New_York\" | \"America/Nipigon\" | \"America/Nome\" | \"America/Noronha\" | \"America/North_Dakota/Beulah\" | \"America/North_Dakota/Center\" | \"America/North_Dakota/New_Salem\" | \"America/Nuuk\" | \"America/Ojinaga\" | \"America/Panama\" | \"America/Pangnirtung\" | \"America/Paramaribo\" | \"America/Phoenix\" | \"America/Port-au-Prince\" | \"America/Port_of_Spain\" | \"America/Porto_Acre\" | \"America/Porto_Velho\" | \"America/Puerto_Rico\" | \"America/Punta_Arenas\" | \"America/Rainy_River\" | \"America/Rankin_Inlet\" | \"America/Recife\" | \"America/Regina\" | \"America/Resolute\" | \"America/Rio_Branco\" | \"America/Rosario\" | \"America/Santa_Isabel\" | \"America/Santarem\" | \"America/Santiago\" | \"America/Santo_Domingo\" | \"America/Sao_Paulo\" | \"America/Scoresbysund\" | \"America/Shiprock\" | \"America/Sitka\" | \"America/St_Barthelemy\" | \"America/St_Johns\" | \"America/St_Kitts\" | \"America/St_Lucia\" | \"America/St_Thomas\" | \"America/St_Vincent\" | \"America/Swift_Current\" | \"America/Tegucigalpa\" | \"America/Thule\" | \"America/Thunder_Bay\" | \"America/Tijuana\" | \"America/Toronto\" | \"America/Tortola\" | \"America/Vancouver\" | \"America/Virgin\" | \"America/Whitehorse\" | \"America/Winnipeg\" | \"America/Yakutat\" | \"America/Yellowknife\" | \"Antarctica/Casey\" | \"Antarctica/Davis\" | \"Antarctica/DumontDUrville\" | \"Antarctica/Macquarie\" | \"Antarctica/Mawson\" | \"Antarctica/McMurdo\" | \"Antarctica/Palmer\" | \"Antarctica/Rothera\" | \"Antarctica/South_Pole\" | \"Antarctica/Syowa\" | \"Antarctica/Troll\" | \"Antarctica/Vostok\" | \"Arctic/Longyearbyen\" | \"Asia/Aden\" | \"Asia/Almaty\" | \"Asia/Amman\" | \"Asia/Anadyr\" | \"Asia/Aqtau\" | \"Asia/Aqtobe\" | \"Asia/Ashgabat\" | \"Asia/Ashkhabad\" | \"Asia/Atyrau\" | \"Asia/Baghdad\" | \"Asia/Bahrain\" | \"Asia/Baku\" | \"Asia/Bangkok\" | \"Asia/Barnaul\" | \"Asia/Beirut\" | \"Asia/Bishkek\" | \"Asia/Brunei\" | \"Asia/Calcutta\" | \"Asia/Chita\" | \"Asia/Choibalsan\" | \"Asia/Chongqing\" | \"Asia/Chungking\" | \"Asia/Colombo\" | \"Asia/Dacca\" | \"Asia/Damascus\" | \"Asia/Dhaka\" | \"Asia/Dili\" | \"Asia/Dubai\" | \"Asia/Dushanbe\" | \"Asia/Famagusta\" | \"Asia/Gaza\" | \"Asia/Harbin\" | \"Asia/Hebron\" | \"Asia/Ho_Chi_Minh\" | \"Asia/Hong_Kong\" | \"Asia/Hovd\" | \"Asia/Irkutsk\" | \"Asia/Istanbul\" | \"Asia/Jakarta\" | \"Asia/Jayapura\" | \"Asia/Jerusalem\" | \"Asia/Kabul\" | \"Asia/Kamchatka\" | \"Asia/Karachi\" | \"Asia/Kashgar\" | \"Asia/Kathmandu\" | \"Asia/Katmandu\" | \"Asia/Khandyga\" | \"Asia/Kolkata\" | \"Asia/Krasnoyarsk\" | \"Asia/Kuala_Lumpur\" | \"Asia/Kuching\" | \"Asia/Kuwait\" | \"Asia/Macao\" | \"Asia/Macau\" | \"Asia/Magadan\" | \"Asia/Makassar\" | \"Asia/Manila\" | \"Asia/Muscat\" | \"Asia/Nicosia\" | \"Asia/Novokuznetsk\" | \"Asia/Novosibirsk\" | \"Asia/Omsk\" | \"Asia/Oral\" | \"Asia/Phnom_Penh\" | \"Asia/Pontianak\" | \"Asia/Pyongyang\" | \"Asia/Qatar\" | \"Asia/Qostanay\" | \"Asia/Qyzylorda\" | \"Asia/Rangoon\" | \"Asia/Riyadh\" | \"Asia/Saigon\" | \"Asia/Sakhalin\" | \"Asia/Samarkand\" | \"Asia/Seoul\" | \"Asia/Shanghai\" | \"Asia/Singapore\" | \"Asia/Srednekolymsk\" | \"Asia/Taipei\" | \"Asia/Tashkent\" | \"Asia/Tbilisi\" | \"Asia/Tehran\" | \"Asia/Tel_Aviv\" | \"Asia/Thimbu\" | \"Asia/Thimphu\" | \"Asia/Tokyo\" | \"Asia/Tomsk\" | \"Asia/Ujung_Pandang\" | \"Asia/Ulaanbaatar\" | \"Asia/Ulan_Bator\" | \"Asia/Urumqi\" | \"Asia/Ust-Nera\" | \"Asia/Vientiane\" | \"Asia/Vladivostok\" | \"Asia/Yakutsk\" | \"Asia/Yangon\" | \"Asia/Yekaterinburg\" | \"Asia/Yerevan\" | \"Atlantic/Azores\" | \"Atlantic/Bermuda\" | \"Atlantic/Canary\" | \"Atlantic/Cape_Verde\" | \"Atlantic/Faeroe\" | \"Atlantic/Faroe\" | \"Atlantic/Jan_Mayen\" | \"Atlantic/Madeira\" | \"Atlantic/Reykjavik\" | \"Atlantic/South_Georgia\" | \"Atlantic/St_Helena\" | \"Atlantic/Stanley\" | \"Australia/ACT\" | \"Australia/Adelaide\" | \"Australia/Brisbane\" | \"Australia/Broken_Hill\" | \"Australia/Canberra\" | \"Australia/Currie\" | \"Australia/Darwin\" | \"Australia/Eucla\" | \"Australia/Hobart\" | \"Australia/LHI\" | \"Australia/Lindeman\" | \"Australia/Lord_Howe\" | \"Australia/Melbourne\" | \"Australia/NSW\" | \"Australia/North\" | \"Australia/Perth\" | \"Australia/Queensland\" | \"Australia/South\" | \"Australia/Sydney\" | \"Australia/Tasmania\" | \"Australia/Victoria\" | \"Australia/West\" | \"Australia/Yancowinna\" | \"Brazil/Acre\" | \"Brazil/DeNoronha\" | \"Brazil/East\" | \"Brazil/West\" | \"CET\" | \"CST6CDT\" | \"Canada/Atlantic\" | \"Canada/Central\" | \"Canada/Eastern\" | \"Canada/Mountain\" | \"Canada/Newfoundland\" | \"Canada/Pacific\" | \"Canada/Saskatchewan\" | \"Canada/Yukon\" | \"Chile/Continental\" | \"Chile/EasterIsland\" | \"Cuba\" | \"EET\" | \"EST\" | \"EST5EDT\" | \"Egypt\" | \"Eire\" | \"Etc/GMT\" | \"Etc/GMT+0\" | \"Etc/GMT+1\" | \"Etc/GMT+10\" | \"Etc/GMT+11\" | \"Etc/GMT+12\" | \"Etc/GMT+2\" | \"Etc/GMT+3\" | \"Etc/GMT+4\" | \"Etc/GMT+5\" | \"Etc/GMT+6\" | \"Etc/GMT+7\" | \"Etc/GMT+8\" | \"Etc/GMT+9\" | \"Etc/GMT-0\" | \"Etc/GMT-1\" | \"Etc/GMT-10\" | \"Etc/GMT-11\" | \"Etc/GMT-12\" | \"Etc/GMT-13\" | \"Etc/GMT-14\" | \"Etc/GMT-2\" | \"Etc/GMT-3\" | \"Etc/GMT-4\" | \"Etc/GMT-5\" | \"Etc/GMT-6\" | \"Etc/GMT-7\" | \"Etc/GMT-8\" | \"Etc/GMT-9\" | \"Etc/GMT0\" | \"Etc/Greenwich\" | \"Etc/UCT\" | \"Etc/Universal\" | \"Etc/Zulu\" | \"Europe/Amsterdam\" | \"Europe/Andorra\" | \"Europe/Astrakhan\" | \"Europe/Athens\" | \"Europe/Belfast\" | \"Europe/Belgrade\" | \"Europe/Berlin\" | \"Europe/Bratislava\" | \"Europe/Brussels\" | \"Europe/Bucharest\" | \"Europe/Budapest\" | \"Europe/Busingen\" | \"Europe/Chisinau\" | \"Europe/Copenhagen\" | \"Europe/Dublin\" | \"Europe/Gibraltar\" | \"Europe/Guernsey\" | \"Europe/Helsinki\" | \"Europe/Isle_of_Man\" | \"Europe/Istanbul\" | \"Europe/Jersey\" | \"Europe/Kaliningrad\" | \"Europe/Kiev\" | \"Europe/Kirov\" | \"Europe/Kyiv\" | \"Europe/Lisbon\" | \"Europe/Ljubljana\" | \"Europe/London\" | \"Europe/Luxembourg\" | \"Europe/Madrid\" | \"Europe/Malta\" | \"Europe/Mariehamn\" | \"Europe/Minsk\" | \"Europe/Monaco\" | \"Europe/Moscow\" | \"Europe/Nicosia\" | \"Europe/Oslo\" | \"Europe/Paris\" | \"Europe/Podgorica\" | \"Europe/Prague\" | \"Europe/Riga\" | \"Europe/Rome\" | \"Europe/Samara\" | \"Europe/San_Marino\" | \"Europe/Sarajevo\" | \"Europe/Saratov\" | \"Europe/Simferopol\" | \"Europe/Skopje\" | \"Europe/Sofia\" | \"Europe/Stockholm\" | \"Europe/Tallinn\" | \"Europe/Tirane\" | \"Europe/Tiraspol\" | \"Europe/Ulyanovsk\" | \"Europe/Uzhgorod\" | \"Europe/Vaduz\" | \"Europe/Vatican\" | \"Europe/Vienna\" | \"Europe/Vilnius\" | \"Europe/Volgograd\" | \"Europe/Warsaw\" | \"Europe/Zagreb\" | \"Europe/Zaporozhye\" | \"Europe/Zurich\" | \"GB\" | \"GB-Eire\" | \"GMT\" | \"GMT+0\" | \"GMT-0\" | \"GMT0\" | \"Greenwich\" | \"HST\" | \"Hongkong\" | \"Iceland\" | \"Indian/Antananarivo\" | \"Indian/Chagos\" | \"Indian/Christmas\" | \"Indian/Cocos\" | \"Indian/Comoro\" | \"Indian/Kerguelen\" | \"Indian/Mahe\" | \"Indian/Maldives\" | \"Indian/Mauritius\" | \"Indian/Mayotte\" | \"Indian/Reunion\" | \"Iran\" | \"Israel\" | \"Jamaica\" | \"Japan\" | \"Kwajalein\" | \"Libya\" | \"MET\" | \"MST\" | \"MST7MDT\" | \"Mexico/BajaNorte\" | \"Mexico/BajaSur\" | \"Mexico/General\" | \"NZ\" | \"NZ-CHAT\" | \"Navajo\" | \"PRC\" | \"PST8PDT\" | \"Pacific/Apia\" | \"Pacific/Auckland\" | \"Pacific/Bougainville\" | \"Pacific/Chatham\" | \"Pacific/Chuuk\" | \"Pacific/Easter\" | \"Pacific/Efate\" | \"Pacific/Enderbury\" | \"Pacific/Fakaofo\" | \"Pacific/Fiji\" | \"Pacific/Funafuti\" | \"Pacific/Galapagos\" | \"Pacific/Gambier\" | \"Pacific/Guadalcanal\" | \"Pacific/Guam\" | \"Pacific/Honolulu\" | \"Pacific/Johnston\" | \"Pacific/Kanton\" | \"Pacific/Kiritimati\" | \"Pacific/Kosrae\" | \"Pacific/Kwajalein\" | \"Pacific/Majuro\" | \"Pacific/Marquesas\" | \"Pacific/Midway\" | \"Pacific/Nauru\" | \"Pacific/Niue\" | \"Pacific/Norfolk\" | \"Pacific/Noumea\" | \"Pacific/Pago_Pago\" | \"Pacific/Palau\" | \"Pacific/Pitcairn\" | \"Pacific/Pohnpei\" | \"Pacific/Ponape\" | \"Pacific/Port_Moresby\" | \"Pacific/Rarotonga\" | \"Pacific/Saipan\" | \"Pacific/Samoa\" | \"Pacific/Tahiti\" | \"Pacific/Tarawa\" | \"Pacific/Tongatapu\" | \"Pacific/Truk\" | \"Pacific/Wake\" | \"Pacific/Wallis\" | \"Pacific/Yap\" | \"Poland\" | \"Portugal\" | \"ROC\" | \"ROK\" | \"Singapore\" | \"Turkey\" | \"UCT\" | \"US/Alaska\" | \"US/Aleutian\" | \"US/Arizona\" | \"US/Central\" | \"US/East-Indiana\" | \"US/Eastern\" | \"US/Hawaii\" | \"US/Indiana-Starke\" | \"US/Michigan\" | \"US/Mountain\" | \"US/Pacific\" | \"US/Samoa\" | \"Universal\" | \"W-SU\" | \"WET\" | \"Zulu\";\n  displayTimezone?: \"undefined\" | \"Etc/UTC\" | \"UTC\" | \"Africa/Abidjan\" | \"Africa/Accra\" | \"Africa/Addis_Ababa\" | \"Africa/Algiers\" | \"Africa/Asmara\" | \"Africa/Asmera\" | \"Africa/Bamako\" | \"Africa/Bangui\" | \"Africa/Banjul\" | \"Africa/Bissau\" | \"Africa/Blantyre\" | \"Africa/Brazzaville\" | \"Africa/Bujumbura\" | \"Africa/Cairo\" | \"Africa/Casablanca\" | \"Africa/Ceuta\" | \"Africa/Conakry\" | \"Africa/Dakar\" | \"Africa/Dar_es_Salaam\" | \"Africa/Djibouti\" | \"Africa/Douala\" | \"Africa/El_Aaiun\" | \"Africa/Freetown\" | \"Africa/Gaborone\" | \"Africa/Harare\" | \"Africa/Johannesburg\" | \"Africa/Juba\" | \"Africa/Kampala\" | \"Africa/Khartoum\" | \"Africa/Kigali\" | \"Africa/Kinshasa\" | \"Africa/Lagos\" | \"Africa/Libreville\" | \"Africa/Lome\" | \"Africa/Luanda\" | \"Africa/Lubumbashi\" | \"Africa/Lusaka\" | \"Africa/Malabo\" | \"Africa/Maputo\" | \"Africa/Maseru\" | \"Africa/Mbabane\" | \"Africa/Mogadishu\" | \"Africa/Monrovia\" | \"Africa/Nairobi\" | \"Africa/Ndjamena\" | \"Africa/Niamey\" | \"Africa/Nouakchott\" | \"Africa/Ouagadougou\" | \"Africa/Porto-Novo\" | \"Africa/Sao_Tome\" | \"Africa/Timbuktu\" | \"Africa/Tripoli\" | \"Africa/Tunis\" | \"Africa/Windhoek\" | \"America/Adak\" | \"America/Anchorage\" | \"America/Anguilla\" | \"America/Antigua\" | \"America/Araguaina\" | \"America/Argentina/Buenos_Aires\" | \"America/Argentina/Catamarca\" | \"America/Argentina/ComodRivadavia\" | \"America/Argentina/Cordoba\" | \"America/Argentina/Jujuy\" | \"America/Argentina/La_Rioja\" | \"America/Argentina/Mendoza\" | \"America/Argentina/Rio_Gallegos\" | \"America/Argentina/Salta\" | \"America/Argentina/San_Juan\" | \"America/Argentina/San_Luis\" | \"America/Argentina/Tucuman\" | \"America/Argentina/Ushuaia\" | \"America/Aruba\" | \"America/Asuncion\" | \"America/Atikokan\" | \"America/Atka\" | \"America/Bahia\" | \"America/Bahia_Banderas\" | \"America/Barbados\" | \"America/Belem\" | \"America/Belize\" | \"America/Blanc-Sablon\" | \"America/Boa_Vista\" | \"America/Bogota\" | \"America/Boise\" | \"America/Buenos_Aires\" | \"America/Cambridge_Bay\" | \"America/Campo_Grande\" | \"America/Cancun\" | \"America/Caracas\" | \"America/Catamarca\" | \"America/Cayenne\" | \"America/Cayman\" | \"America/Chicago\" | \"America/Chihuahua\" | \"America/Ciudad_Juarez\" | \"America/Coral_Harbour\" | \"America/Cordoba\" | \"America/Costa_Rica\" | \"America/Creston\" | \"America/Cuiaba\" | \"America/Curacao\" | \"America/Danmarkshavn\" | \"America/Dawson\" | \"America/Dawson_Creek\" | \"America/Denver\" | \"America/Detroit\" | \"America/Dominica\" | \"America/Edmonton\" | \"America/Eirunepe\" | \"America/El_Salvador\" | \"America/Ensenada\" | \"America/Fort_Nelson\" | \"America/Fort_Wayne\" | \"America/Fortaleza\" | \"America/Glace_Bay\" | \"America/Godthab\" | \"America/Goose_Bay\" | \"America/Grand_Turk\" | \"America/Grenada\" | \"America/Guadeloupe\" | \"America/Guatemala\" | \"America/Guayaquil\" | \"America/Guyana\" | \"America/Halifax\" | \"America/Havana\" | \"America/Hermosillo\" | \"America/Indiana/Indianapolis\" | \"America/Indiana/Knox\" | \"America/Indiana/Marengo\" | \"America/Indiana/Petersburg\" | \"America/Indiana/Tell_City\" | \"America/Indiana/Vevay\" | \"America/Indiana/Vincennes\" | \"America/Indiana/Winamac\" | \"America/Indianapolis\" | \"America/Inuvik\" | \"America/Iqaluit\" | \"America/Jamaica\" | \"America/Jujuy\" | \"America/Juneau\" | \"America/Kentucky/Louisville\" | \"America/Kentucky/Monticello\" | \"America/Knox_IN\" | \"America/Kralendijk\" | \"America/La_Paz\" | \"America/Lima\" | \"America/Los_Angeles\" | \"America/Louisville\" | \"America/Lower_Princes\" | \"America/Maceio\" | \"America/Managua\" | \"America/Manaus\" | \"America/Marigot\" | \"America/Martinique\" | \"America/Matamoros\" | \"America/Mazatlan\" | \"America/Mendoza\" | \"America/Menominee\" | \"America/Merida\" | \"America/Metlakatla\" | \"America/Mexico_City\" | \"America/Miquelon\" | \"America/Moncton\" | \"America/Monterrey\" | \"America/Montevideo\" | \"America/Montreal\" | \"America/Montserrat\" | \"America/Nassau\" | \"America/New_York\" | \"America/Nipigon\" | \"America/Nome\" | \"America/Noronha\" | \"America/North_Dakota/Beulah\" | \"America/North_Dakota/Center\" | \"America/North_Dakota/New_Salem\" | \"America/Nuuk\" | \"America/Ojinaga\" | \"America/Panama\" | \"America/Pangnirtung\" | \"America/Paramaribo\" | \"America/Phoenix\" | \"America/Port-au-Prince\" | \"America/Port_of_Spain\" | \"America/Porto_Acre\" | \"America/Porto_Velho\" | \"America/Puerto_Rico\" | \"America/Punta_Arenas\" | \"America/Rainy_River\" | \"America/Rankin_Inlet\" | \"America/Recife\" | \"America/Regina\" | \"America/Resolute\" | \"America/Rio_Branco\" | \"America/Rosario\" | \"America/Santa_Isabel\" | \"America/Santarem\" | \"America/Santiago\" | \"America/Santo_Domingo\" | \"America/Sao_Paulo\" | \"America/Scoresbysund\" | \"America/Shiprock\" | \"America/Sitka\" | \"America/St_Barthelemy\" | \"America/St_Johns\" | \"America/St_Kitts\" | \"America/St_Lucia\" | \"America/St_Thomas\" | \"America/St_Vincent\" | \"America/Swift_Current\" | \"America/Tegucigalpa\" | \"America/Thule\" | \"America/Thunder_Bay\" | \"America/Tijuana\" | \"America/Toronto\" | \"America/Tortola\" | \"America/Vancouver\" | \"America/Virgin\" | \"America/Whitehorse\" | \"America/Winnipeg\" | \"America/Yakutat\" | \"America/Yellowknife\" | \"Antarctica/Casey\" | \"Antarctica/Davis\" | \"Antarctica/DumontDUrville\" | \"Antarctica/Macquarie\" | \"Antarctica/Mawson\" | \"Antarctica/McMurdo\" | \"Antarctica/Palmer\" | \"Antarctica/Rothera\" | \"Antarctica/South_Pole\" | \"Antarctica/Syowa\" | \"Antarctica/Troll\" | \"Antarctica/Vostok\" | \"Arctic/Longyearbyen\" | \"Asia/Aden\" | \"Asia/Almaty\" | \"Asia/Amman\" | \"Asia/Anadyr\" | \"Asia/Aqtau\" | \"Asia/Aqtobe\" | \"Asia/Ashgabat\" | \"Asia/Ashkhabad\" | \"Asia/Atyrau\" | \"Asia/Baghdad\" | \"Asia/Bahrain\" | \"Asia/Baku\" | \"Asia/Bangkok\" | \"Asia/Barnaul\" | \"Asia/Beirut\" | \"Asia/Bishkek\" | \"Asia/Brunei\" | \"Asia/Calcutta\" | \"Asia/Chita\" | \"Asia/Choibalsan\" | \"Asia/Chongqing\" | \"Asia/Chungking\" | \"Asia/Colombo\" | \"Asia/Dacca\" | \"Asia/Damascus\" | \"Asia/Dhaka\" | \"Asia/Dili\" | \"Asia/Dubai\" | \"Asia/Dushanbe\" | \"Asia/Famagusta\" | \"Asia/Gaza\" | \"Asia/Harbin\" | \"Asia/Hebron\" | \"Asia/Ho_Chi_Minh\" | \"Asia/Hong_Kong\" | \"Asia/Hovd\" | \"Asia/Irkutsk\" | \"Asia/Istanbul\" | \"Asia/Jakarta\" | \"Asia/Jayapura\" | \"Asia/Jerusalem\" | \"Asia/Kabul\" | \"Asia/Kamchatka\" | \"Asia/Karachi\" | \"Asia/Kashgar\" | \"Asia/Kathmandu\" | \"Asia/Katmandu\" | \"Asia/Khandyga\" | \"Asia/Kolkata\" | \"Asia/Krasnoyarsk\" | \"Asia/Kuala_Lumpur\" | \"Asia/Kuching\" | \"Asia/Kuwait\" | \"Asia/Macao\" | \"Asia/Macau\" | \"Asia/Magadan\" | \"Asia/Makassar\" | \"Asia/Manila\" | \"Asia/Muscat\" | \"Asia/Nicosia\" | \"Asia/Novokuznetsk\" | \"Asia/Novosibirsk\" | \"Asia/Omsk\" | \"Asia/Oral\" | \"Asia/Phnom_Penh\" | \"Asia/Pontianak\" | \"Asia/Pyongyang\" | \"Asia/Qatar\" | \"Asia/Qostanay\" | \"Asia/Qyzylorda\" | \"Asia/Rangoon\" | \"Asia/Riyadh\" | \"Asia/Saigon\" | \"Asia/Sakhalin\" | \"Asia/Samarkand\" | \"Asia/Seoul\" | \"Asia/Shanghai\" | \"Asia/Singapore\" | \"Asia/Srednekolymsk\" | \"Asia/Taipei\" | \"Asia/Tashkent\" | \"Asia/Tbilisi\" | \"Asia/Tehran\" | \"Asia/Tel_Aviv\" | \"Asia/Thimbu\" | \"Asia/Thimphu\" | \"Asia/Tokyo\" | \"Asia/Tomsk\" | \"Asia/Ujung_Pandang\" | \"Asia/Ulaanbaatar\" | \"Asia/Ulan_Bator\" | \"Asia/Urumqi\" | \"Asia/Ust-Nera\" | \"Asia/Vientiane\" | \"Asia/Vladivostok\" | \"Asia/Yakutsk\" | \"Asia/Yangon\" | \"Asia/Yekaterinburg\" | \"Asia/Yerevan\" | \"Atlantic/Azores\" | \"Atlantic/Bermuda\" | \"Atlantic/Canary\" | \"Atlantic/Cape_Verde\" | \"Atlantic/Faeroe\" | \"Atlantic/Faroe\" | \"Atlantic/Jan_Mayen\" | \"Atlantic/Madeira\" | \"Atlantic/Reykjavik\" | \"Atlantic/South_Georgia\" | \"Atlantic/St_Helena\" | \"Atlantic/Stanley\" | \"Australia/ACT\" | \"Australia/Adelaide\" | \"Australia/Brisbane\" | \"Australia/Broken_Hill\" | \"Australia/Canberra\" | \"Australia/Currie\" | \"Australia/Darwin\" | \"Australia/Eucla\" | \"Australia/Hobart\" | \"Australia/LHI\" | \"Australia/Lindeman\" | \"Australia/Lord_Howe\" | \"Australia/Melbourne\" | \"Australia/NSW\" | \"Australia/North\" | \"Australia/Perth\" | \"Australia/Queensland\" | \"Australia/South\" | \"Australia/Sydney\" | \"Australia/Tasmania\" | \"Australia/Victoria\" | \"Australia/West\" | \"Australia/Yancowinna\" | \"Brazil/Acre\" | \"Brazil/DeNoronha\" | \"Brazil/East\" | \"Brazil/West\" | \"CET\" | \"CST6CDT\" | \"Canada/Atlantic\" | \"Canada/Central\" | \"Canada/Eastern\" | \"Canada/Mountain\" | \"Canada/Newfoundland\" | \"Canada/Pacific\" | \"Canada/Saskatchewan\" | \"Canada/Yukon\" | \"Chile/Continental\" | \"Chile/EasterIsland\" | \"Cuba\" | \"EET\" | \"EST\" | \"EST5EDT\" | \"Egypt\" | \"Eire\" | \"Etc/GMT\" | \"Etc/GMT+0\" | \"Etc/GMT+1\" | \"Etc/GMT+10\" | \"Etc/GMT+11\" | \"Etc/GMT+12\" | \"Etc/GMT+2\" | \"Etc/GMT+3\" | \"Etc/GMT+4\" | \"Etc/GMT+5\" | \"Etc/GMT+6\" | \"Etc/GMT+7\" | \"Etc/GMT+8\" | \"Etc/GMT+9\" | \"Etc/GMT-0\" | \"Etc/GMT-1\" | \"Etc/GMT-10\" | \"Etc/GMT-11\" | \"Etc/GMT-12\" | \"Etc/GMT-13\" | \"Etc/GMT-14\" | \"Etc/GMT-2\" | \"Etc/GMT-3\" | \"Etc/GMT-4\" | \"Etc/GMT-5\" | \"Etc/GMT-6\" | \"Etc/GMT-7\" | \"Etc/GMT-8\" | \"Etc/GMT-9\" | \"Etc/GMT0\" | \"Etc/Greenwich\" | \"Etc/UCT\" | \"Etc/Universal\" | \"Etc/Zulu\" | \"Europe/Amsterdam\" | \"Europe/Andorra\" | \"Europe/Astrakhan\" | \"Europe/Athens\" | \"Europe/Belfast\" | \"Europe/Belgrade\" | \"Europe/Berlin\" | \"Europe/Bratislava\" | \"Europe/Brussels\" | \"Europe/Bucharest\" | \"Europe/Budapest\" | \"Europe/Busingen\" | \"Europe/Chisinau\" | \"Europe/Copenhagen\" | \"Europe/Dublin\" | \"Europe/Gibraltar\" | \"Europe/Guernsey\" | \"Europe/Helsinki\" | \"Europe/Isle_of_Man\" | \"Europe/Istanbul\" | \"Europe/Jersey\" | \"Europe/Kaliningrad\" | \"Europe/Kiev\" | \"Europe/Kirov\" | \"Europe/Kyiv\" | \"Europe/Lisbon\" | \"Europe/Ljubljana\" | \"Europe/London\" | \"Europe/Luxembourg\" | \"Europe/Madrid\" | \"Europe/Malta\" | \"Europe/Mariehamn\" | \"Europe/Minsk\" | \"Europe/Monaco\" | \"Europe/Moscow\" | \"Europe/Nicosia\" | \"Europe/Oslo\" | \"Europe/Paris\" | \"Europe/Podgorica\" | \"Europe/Prague\" | \"Europe/Riga\" | \"Europe/Rome\" | \"Europe/Samara\" | \"Europe/San_Marino\" | \"Europe/Sarajevo\" | \"Europe/Saratov\" | \"Europe/Simferopol\" | \"Europe/Skopje\" | \"Europe/Sofia\" | \"Europe/Stockholm\" | \"Europe/Tallinn\" | \"Europe/Tirane\" | \"Europe/Tiraspol\" | \"Europe/Ulyanovsk\" | \"Europe/Uzhgorod\" | \"Europe/Vaduz\" | \"Europe/Vatican\" | \"Europe/Vienna\" | \"Europe/Vilnius\" | \"Europe/Volgograd\" | \"Europe/Warsaw\" | \"Europe/Zagreb\" | \"Europe/Zaporozhye\" | \"Europe/Zurich\" | \"GB\" | \"GB-Eire\" | \"GMT\" | \"GMT+0\" | \"GMT-0\" | \"GMT0\" | \"Greenwich\" | \"HST\" | \"Hongkong\" | \"Iceland\" | \"Indian/Antananarivo\" | \"Indian/Chagos\" | \"Indian/Christmas\" | \"Indian/Cocos\" | \"Indian/Comoro\" | \"Indian/Kerguelen\" | \"Indian/Mahe\" | \"Indian/Maldives\" | \"Indian/Mauritius\" | \"Indian/Mayotte\" | \"Indian/Reunion\" | \"Iran\" | \"Israel\" | \"Jamaica\" | \"Japan\" | \"Kwajalein\" | \"Libya\" | \"MET\" | \"MST\" | \"MST7MDT\" | \"Mexico/BajaNorte\" | \"Mexico/BajaSur\" | \"Mexico/General\" | \"NZ\" | \"NZ-CHAT\" | \"Navajo\" | \"PRC\" | \"PST8PDT\" | \"Pacific/Apia\" | \"Pacific/Auckland\" | \"Pacific/Bougainville\" | \"Pacific/Chatham\" | \"Pacific/Chuuk\" | \"Pacific/Easter\" | \"Pacific/Efate\" | \"Pacific/Enderbury\" | \"Pacific/Fakaofo\" | \"Pacific/Fiji\" | \"Pacific/Funafuti\" | \"Pacific/Galapagos\" | \"Pacific/Gambier\" | \"Pacific/Guadalcanal\" | \"Pacific/Guam\" | \"Pacific/Honolulu\" | \"Pacific/Johnston\" | \"Pacific/Kanton\" | \"Pacific/Kiritimati\" | \"Pacific/Kosrae\" | \"Pacific/Kwajalein\" | \"Pacific/Majuro\" | \"Pacific/Marquesas\" | \"Pacific/Midway\" | \"Pacific/Nauru\" | \"Pacific/Niue\" | \"Pacific/Norfolk\" | \"Pacific/Noumea\" | \"Pacific/Pago_Pago\" | \"Pacific/Palau\" | \"Pacific/Pitcairn\" | \"Pacific/Pohnpei\" | \"Pacific/Ponape\" | \"Pacific/Port_Moresby\" | \"Pacific/Rarotonga\" | \"Pacific/Saipan\" | \"Pacific/Samoa\" | \"Pacific/Tahiti\" | \"Pacific/Tarawa\" | \"Pacific/Tongatapu\" | \"Pacific/Truk\" | \"Pacific/Wake\" | \"Pacific/Wallis\" | \"Pacific/Yap\" | \"Poland\" | \"Portugal\" | \"ROC\" | \"ROK\" | \"Singapore\" | \"Turkey\" | \"UCT\" | \"US/Alaska\" | \"US/Aleutian\" | \"US/Arizona\" | \"US/Central\" | \"US/East-Indiana\" | \"US/Eastern\" | \"US/Hawaii\" | \"US/Indiana-Starke\" | \"US/Michigan\" | \"US/Mountain\" | \"US/Pacific\" | \"US/Samoa\" | \"Universal\" | \"W-SU\" | \"WET\" | \"Zulu\";\n  /** @default \"Action\" */\n  buttonLabel?: string;\n  isDisabled?: boolean;\n  linkUrl?: string;\n  linkLabel?: string;\n  /** @default true */\n  isVisible?: boolean;\n  headerIcon?: string;\n  /** @default \"left\" */\n  headerIconPosition?: \"left\" | \"right\";\n  columnType?: string;\n  cellIcon?: string;\n  /** @default \"left\" */\n  cellIconPosition?: \"left\" | \"right\";\n  textWrap?: boolean;\n  /** @default \"left\" */\n  horizontalAlign?: \"left\" | \"center\" | \"right\";\n  /** @default \"center\" */\n  verticalAlign?: \"top\" | \"center\" | \"bottom\";\n  /** Configures the text styling including font family, size, weight, color, and other typography properties */\n  /** @default {\"variant\":\"body2\"} */\n  cellProps.textStyle?: TextStyleWithVariant;\n  /** Allows selection of a color value using a color picker interface */\n  /** @default \"Computed at runtime\" */\n  cellBackground?: string;\n  imageSize?: \"FIXED\" | \"FIT\" | \"COVER\" | \"GROW\";\n  /** Component border radius settings for each corner (top-left, top-right, bottom-right, bottom-left) */\n  /** @default \"Computed at runtime\" */\n  imageBorderRadius?: { topLeft: Dim; topRight: Dim; bottomLeft: Dim; bottomRight: Dim };\n  buttonIcon?: string;\n  /** @default \"left\" */\n  buttonIconPosition?: \"left\" | \"right\";\n  /** @default \"primary\" */\n  buttonVariant?: \"primary\" | \"secondary\" | \"tertiary\";\n  /** Configures the text styling including font family, size, weight, color, and other typography properties */\n  /** @default \"Computed at runtime\" */\n  buttonTextStyle?: TextStyleWithVariant;\n  /** Allows selection of a color value using a color picker interface */\n  buttonBackgroundColor?: string;\n  /** Component border styling including color, width, and style for all sides */\n  /** @default {\"left\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"right\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"top\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"bottom\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"}} */\n  buttonBorder?: { left: Border; right: Border; top: Border; bottom: Border };\n  /** @default \"empty\" */\n  booleanStyleFalse?: \"empty\" | \"close\" | \"minus\" | \"empty_checkbox\";\n  tagsWrap?: boolean;\n  tagDisplayConfig?: /**\n * Configuration for tag display styling based on cell values.\n *\n * @description Maps cell values to tag styling configuration. When a cell value matches a key,\n * the corresponding tag styling is applied. The color is used as the background color of the tag pill,\n * and the text color is automatically calculated for optimal contrast.\n *\n * @example\n * {\n *   \"Active\": { color: \"#14CDB733\" },     // Cell value \"Active\" -> green background tag\n *   \"Pending\": { color: \"#FF9F3533\" },   // Cell value \"Pending\" -> orange background tag\n *   \"Inactive\": { color: \"#a6a0a033\" }   // Cell value \"Inactive\" -> gray background tag\n * }\n */\nRecord<string, {\n  /** Hex color string used as background color for the tag pill. Text color is auto-calculated for contrast. */\n  color: string\n}>;\n  isFrozen?: boolean;\n  columnType?: string;\n  onClick?: EventFlow;\n}\n\n```\n\nAnd the following properties can be referenced on this component in the Superblocks state object:\n\n```typescript\ninterface TableComponentState {\n  /** The table data with any inserted rows included */\n  /** @default [] */\n  tableDataWithInserts?: any;\n  /** The order mapping for table data with inserts */\n  /** @default [] */\n  tableDataWithInsertsOrderMap?: any;\n  /** The currently selected row object */\n  /** @default null */\n  selectedRow?: any;\n  /** The schema of the currently selected row */\n  selectedRowSchema?: any;\n  /** Array of all currently selected row objects */\n  /** @default [] */\n  selectedRows?: any;\n  /** The table data after applying filters and search */\n  filteredTableData?: any;\n  /** The order mapping for filtered table data */\n  filteredOrderMap?: any;\n}\n```\n\nAnd the following properties are settable via BindEntity.{propertyName} = newValue;\n\n```typescript\ninterface TableMetaProperties {\n  /** The index of the currently selected row */\n  selectedRowIndex?: number;\n  /** Array of indices of all currently selected rows */\n  selectedRowIndices?: any;\n  /** The current sort configuration applied to the table */\n  sortedColumn?: any;\n  /** The current search text applied to the table */\n  /** @default \"\" */\n  searchText?: string;\n  /** The current filters applied to the table */\n  filters?: any;\n  /** Array of column identifiers that are currently hidden */\n  hiddenColumns?: any;\n  /** Configuration for frozen/pinned columns in the table */\n  columnFreezes?: any;\n  /** Color assignments for tag-type columns in the table */\n  tagsColorAssignment?: any;\n  /** The current page number in paginated tables */\n  /** @default 0 */\n  pageNo?: number;\n}\n```\n";
-//# sourceMappingURL=TablePropsDocs.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/TablePropsDocs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TablePropsDocs.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-components/TablePropsDocs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,wCAAwC;AACxC,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,4rtCAA4rtC,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/TextPropsDocs.d.ts

@@ -1,2 +0,0 @@
-export declare const content = "## Text\n\nThe following is the type definition for the Text component.\n\n```typescript\ninterface TextProps {\n  /** The text content to display */\n  text?: string;\n  /** The type of data being displayed (text, number, currency, or date) */\n  /** @default \"text\" */\n  textType?: \"text\" | \"number\" | \"currency\" | \"date\";\n  /** Configures the text styling including font family, size, weight, color, and other typography properties */\n  /** @default {\"variant\":\"label\"} */\n  textStyle?: TextStyleWithVariant;\n  /** The horizontal alignment of the text within the component (left, center, or right) */\n  /** @default \"left\" */\n  horizontalAlign?: \"left\" | \"center\" | \"right\";\n  /** The vertical alignment of the text within the component (top, center, or bottom) */\n  /** @default \"center\" */\n  verticalAlign?: \"top\" | \"center\" | \"bottom\";\n  /** Whether text should wrap to multiple lines when it exceeds the component width */\n  /** @default true */\n  wrapText?: boolean;\n  /** Controls the loading state of the component - off, on, or auto-detected based on data loading */\n  loading?: boolean;\n  /** Whether users can scroll to view overflow content instead of clipping */\n  shouldScroll?: boolean;\n  /** The icon to display alongside the text */\n  icon?: string;\n  /** The position of the icon relative to the text (left or right) */\n  /** @default \"left\" */\n  iconPosition?: \"left\" | \"right\";\n  textType?: string;\n  /** The three-letter ISO 4217 currency code for currency formatting */\n  /** @default \"USD\" */\n  currency?:\n    | \"AED\"\n    | \"AFN\"\n    | \"ALL\"\n    | \"AMD\"\n    | \"ANG\"\n    | \"AOA\"\n    | \"ARS\"\n    | \"AUD\"\n    | \"AWG\"\n    | \"AZN\"\n    | \"BAM\"\n    | \"BBD\"\n    | \"BDT\"\n    | \"BGN\"\n    | \"BHD\"\n    | \"BIF\"\n    | \"BMD\"\n    | \"BND\"\n    | \"BOB\"\n    | \"BOV\"\n    | \"BRL\"\n    | \"BSD\"\n    | \"BTN\"\n    | \"BWP\"\n    | \"BYN\"\n    | \"BZD\"\n    | \"CAD\"\n    | \"CDF\"\n    | \"CHE\"\n    | \"CHF\"\n    | \"CHW\"\n    | \"CLF\"\n    | \"CLP\"\n    | \"CNY\"\n    | \"COP\"\n    | \"COU\"\n    | \"CRC\"\n    | \"CUC\"\n    | \"CUP\"\n    | \"CVE\"\n    | \"CZK\"\n    | \"DJF\"\n    | \"DKK\"\n    | \"DOP\"\n    | \"DZD\"\n    | \"EGP\"\n    | \"ERN\"\n    | \"ETB\"\n    | \"EUR\"\n    | \"FJD\"\n    | \"FKP\"\n    | \"GBP\"\n    | \"GEL\"\n    | \"GHS\"\n    | \"GIP\"\n    | \"GMD\"\n    | \"GNF\"\n    | \"GTQ\"\n    | \"GYD\"\n    | \"HKD\"\n    | \"HNL\"\n    | \"HRK\"\n    | \"HTG\"\n    | \"HUF\"\n    | \"IDR\"\n    | \"ILS\"\n    | \"INR\"\n    | \"IQD\"\n    | \"IRR\"\n    | \"ISK\"\n    | \"JMD\"\n    | \"JOD\"\n    | \"JPY\"\n    | \"KES\"\n    | \"KGS\"\n    | \"KHR\"\n    | \"KMF\"\n    | \"KPW\"\n    | \"KRW\"\n    | \"KWD\"\n    | \"KYD\"\n    | \"KZT\"\n    | \"LAK\"\n    | \"LBP\"\n    | \"LKR\"\n    | \"LRD\"\n    | \"LSL\"\n    | \"LYD\"\n    | \"MAD\"\n    | \"MDL\"\n    | \"MGA\"\n    | \"MKD\"\n    | \"MMK\"\n    | \"MNT\"\n    | \"MOP\"\n    | \"MRU\"\n    | \"MUR\"\n    | \"MVR\"\n    | \"MWK\"\n    | \"MXN\"\n    | \"MXV\"\n    | \"MYR\"\n    | \"MZN\"\n    | \"NAD\"\n    | \"NGN\"\n    | \"NIO\"\n    | \"NOK\"\n    | \"NPR\"\n    | \"NZD\"\n    | \"OMR\"\n    | \"PAB\"\n    | \"PEN\"\n    | \"PGK\"\n    | \"PHP\"\n    | \"PKR\"\n    | \"PLN\"\n    | \"PYG\"\n    | \"QAR\"\n    | \"RON\"\n    | \"RSD\"\n    | \"RUB\"\n    | \"RWF\"\n    | \"SAR\"\n    | \"SBD\"\n    | \"SCR\"\n    | \"SDG\"\n    | \"SEK\"\n    | \"SGD\"\n    | \"SHP\"\n    | \"SLL\"\n    | \"SOS\"\n    | \"SRD\"\n    | \"SSP\"\n    | \"STN\"\n    | \"SVC\"\n    | \"SYP\"\n    | \"SZL\"\n    | \"THB\"\n    | \"TJS\"\n    | \"TMT\"\n    | \"TND\"\n    | \"TOP\"\n    | \"TRY\"\n    | \"TTD\"\n    | \"TWD\"\n    | \"TZS\"\n    | \"UAH\"\n    | \"UGX\"\n    | \"USD\"\n    | \"USN\"\n    | \"UYI\"\n    | \"UYU\"\n    | \"UYW\"\n    | \"UZS\"\n    | \"VED\"\n    | \"VES\"\n    | \"VND\"\n    | \"VUV\"\n    | \"WST\"\n    | \"XAF\"\n    | \"XAG\"\n    | \"XAU\"\n    | \"XBA\"\n    | \"XBB\"\n    | \"XBC\"\n    | \"XBD\"\n    | \"XCD\"\n    | \"XDR\"\n    | \"XOF\"\n    | \"XPD\"\n    | \"XPF\"\n    | \"XPT\"\n    | \"XSU\"\n    | \"XTS\"\n    | \"XUA\"\n    | \"XXX\"\n    | \"YER\"\n    | \"ZAR\"\n    | \"ZMW\"\n    | \"ZWL\";\n  /** The format used to display numeric values */\n  /** @default \"standard\" */\n  numberFormat?:\n    | \"unformatted\"\n    | \"standard\"\n    | \"compact\"\n    | \"scientific\"\n    | \"engineering\";\n  /** Minimum number of decimal places to display in numeric values (0-20) */\n  minDecimals?: number;\n  /** Maximum number of decimal places to display in numeric values (0-20) */\n  maxDecimals?: number;\n  /** The format expected for parsing input date strings */\n  dateInputFormat?:\n    | \"undefined\"\n    | \"X\"\n    | \"x\"\n    | \"MM-DD-YYYY\"\n    | \"MM-DD-YYYY HH:mm\"\n    | \"MM-DD-YYYY HH:mm:ss\"\n    | \"MM-DD-YYYY hh:mm:ss a\"\n    | \"MM-DD-YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD\"\n    | \"YYYY-MM-DD HH:mm\"\n    | \"YYYY-MM-DD HH:mm:ss\"\n    | \"YYYY-MM-DD HH:mm:ssZ\"\n    | \"YYYY-MM-DDTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD hh:mm:ss a\"\n    | \"YYYY-MM-DDTHH:mm:ss\"\n    | \"DD-MM-YYYY\"\n    | \"DD-MM-YYYY HH:mm\"\n    | \"DD-MM-YYYY HH:mm:ss\"\n    | \"DD-MM-YYYY hh:mm:ss a\"\n    | \"DD-MM-YYYYTHH:mm:ss.sssZ\"\n    | \"Do MMM YYYY\"\n    | \"MM/DD/YYYY\"\n    | \"MM/DD/YYYY HH:mm\"\n    | \"MM/DD/YYYY HH:mm:ss\"\n    | \"MM/DD/YYYY hh:mm:ss a\"\n    | \"MM/DD/YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY/MM/DD\"\n    | \"YYYY/MM/DD HH:mm\"\n    | \"YYYY/MM/DD HH:mm:ss\"\n    | \"YYYY/MM/DD hh:mm:ss a\"\n    | \"YYYY/MM/DDTHH:mm:ss\"\n    | \"DD/MM/YYYY\"\n    | \"DD/MM/YYYY HH:mm\"\n    | \"DD/MM/YYYY HH:mm:ss\"\n    | \"DD/MM/YYYY hh:mm:ss a\"\n    | \"DD/MM/YYYYTHH:mm:ss.sssZ\";\n  /** The format used for displaying formatted dates */\n  dateOutputFormat?:\n    | \"X\"\n    | \"x\"\n    | \"MM-DD-YYYY\"\n    | \"MM-DD-YYYY HH:mm\"\n    | \"MM-DD-YYYY HH:mm:ss\"\n    | \"MM-DD-YYYY hh:mm:ss a\"\n    | \"MM-DD-YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD\"\n    | \"YYYY-MM-DD HH:mm\"\n    | \"YYYY-MM-DD HH:mm:ss\"\n    | \"YYYY-MM-DD HH:mm:ssZ\"\n    | \"YYYY-MM-DDTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD hh:mm:ss a\"\n    | \"YYYY-MM-DDTHH:mm:ss\"\n    | \"DD-MM-YYYY\"\n    | \"DD-MM-YYYY HH:mm\"\n    | \"DD-MM-YYYY HH:mm:ss\"\n    | \"DD-MM-YYYY hh:mm:ss a\"\n    | \"DD-MM-YYYYTHH:mm:ss.sssZ\"\n    | \"Do MMM YYYY\"\n    | \"MM/DD/YYYY\"\n    | \"MM/DD/YYYY HH:mm\"\n    | \"MM/DD/YYYY HH:mm:ss\"\n    | \"MM/DD/YYYY hh:mm:ss a\"\n    | \"MM/DD/YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY/MM/DD\"\n    | \"YYYY/MM/DD HH:mm\"\n    | \"YYYY/MM/DD HH:mm:ss\"\n    | \"YYYY/MM/DD hh:mm:ss a\"\n    | \"YYYY/MM/DDTHH:mm:ss\"\n    | \"DD/MM/YYYY\"\n    | \"DD/MM/YYYY HH:mm\"\n    | \"DD/MM/YYYY HH:mm:ss\"\n    | \"DD/MM/YYYY hh:mm:ss a\"\n    | \"DD/MM/YYYYTHH:mm:ss.sssZ\";\n  /** Sets the width of the component */\n  width?: Dim;\n  /** Sets the height of the component */\n  height?: Dim;\n  /** Controls the min width dimension of the component */\n  minWidth?: Dim;\n  /** Controls the max width dimension of the component */\n  maxWidth?: Dim;\n  /** Controls the min height dimension of the component */\n  minHeight?: Dim;\n  /** Controls the max height dimension of the component */\n  maxHeight?: Dim;\n  /** Sets the external spacing around the component */\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** Controls whether the component is visible on the page */\n  /** @default true */\n  isVisible?: boolean;\n  /** Whether users can scroll to view overflow content instead of clipping */\n  shouldScroll?: boolean;\n}\n```\n";
-//# sourceMappingURL=TextPropsDocs.d.ts.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/TextPropsDocs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextPropsDocs.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-components/TextPropsDocs.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,ysPAAysP,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/TextPropsDocs.js

@@ -1,6 +0,0 @@
-/* eslint-disable */
-// Auto-generated from TextPropsDocs.md
-// Do not edit this file directly
-// Generated at: 2025-10-21T17:40:48.550Z
-export const content = "## Text\n\nThe following is the type definition for the Text component.\n\n```typescript\ninterface TextProps {\n  /** The text content to display */\n  text?: string;\n  /** The type of data being displayed (text, number, currency, or date) */\n  /** @default \"text\" */\n  textType?: \"text\" | \"number\" | \"currency\" | \"date\";\n  /** Configures the text styling including font family, size, weight, color, and other typography properties */\n  /** @default {\"variant\":\"label\"} */\n  textStyle?: TextStyleWithVariant;\n  /** The horizontal alignment of the text within the component (left, center, or right) */\n  /** @default \"left\" */\n  horizontalAlign?: \"left\" | \"center\" | \"right\";\n  /** The vertical alignment of the text within the component (top, center, or bottom) */\n  /** @default \"center\" */\n  verticalAlign?: \"top\" | \"center\" | \"bottom\";\n  /** Whether text should wrap to multiple lines when it exceeds the component width */\n  /** @default true */\n  wrapText?: boolean;\n  /** Controls the loading state of the component - off, on, or auto-detected based on data loading */\n  loading?: boolean;\n  /** Whether users can scroll to view overflow content instead of clipping */\n  shouldScroll?: boolean;\n  /** The icon to display alongside the text */\n  icon?: string;\n  /** The position of the icon relative to the text (left or right) */\n  /** @default \"left\" */\n  iconPosition?: \"left\" | \"right\";\n  textType?: string;\n  /** The three-letter ISO 4217 currency code for currency formatting */\n  /** @default \"USD\" */\n  currency?:\n    | \"AED\"\n    | \"AFN\"\n    | \"ALL\"\n    | \"AMD\"\n    | \"ANG\"\n    | \"AOA\"\n    | \"ARS\"\n    | \"AUD\"\n    | \"AWG\"\n    | \"AZN\"\n    | \"BAM\"\n    | \"BBD\"\n    | \"BDT\"\n    | \"BGN\"\n    | \"BHD\"\n    | \"BIF\"\n    | \"BMD\"\n    | \"BND\"\n    | \"BOB\"\n    | \"BOV\"\n    | \"BRL\"\n    | \"BSD\"\n    | \"BTN\"\n    | \"BWP\"\n    | \"BYN\"\n    | \"BZD\"\n    | \"CAD\"\n    | \"CDF\"\n    | \"CHE\"\n    | \"CHF\"\n    | \"CHW\"\n    | \"CLF\"\n    | \"CLP\"\n    | \"CNY\"\n    | \"COP\"\n    | \"COU\"\n    | \"CRC\"\n    | \"CUC\"\n    | \"CUP\"\n    | \"CVE\"\n    | \"CZK\"\n    | \"DJF\"\n    | \"DKK\"\n    | \"DOP\"\n    | \"DZD\"\n    | \"EGP\"\n    | \"ERN\"\n    | \"ETB\"\n    | \"EUR\"\n    | \"FJD\"\n    | \"FKP\"\n    | \"GBP\"\n    | \"GEL\"\n    | \"GHS\"\n    | \"GIP\"\n    | \"GMD\"\n    | \"GNF\"\n    | \"GTQ\"\n    | \"GYD\"\n    | \"HKD\"\n    | \"HNL\"\n    | \"HRK\"\n    | \"HTG\"\n    | \"HUF\"\n    | \"IDR\"\n    | \"ILS\"\n    | \"INR\"\n    | \"IQD\"\n    | \"IRR\"\n    | \"ISK\"\n    | \"JMD\"\n    | \"JOD\"\n    | \"JPY\"\n    | \"KES\"\n    | \"KGS\"\n    | \"KHR\"\n    | \"KMF\"\n    | \"KPW\"\n    | \"KRW\"\n    | \"KWD\"\n    | \"KYD\"\n    | \"KZT\"\n    | \"LAK\"\n    | \"LBP\"\n    | \"LKR\"\n    | \"LRD\"\n    | \"LSL\"\n    | \"LYD\"\n    | \"MAD\"\n    | \"MDL\"\n    | \"MGA\"\n    | \"MKD\"\n    | \"MMK\"\n    | \"MNT\"\n    | \"MOP\"\n    | \"MRU\"\n    | \"MUR\"\n    | \"MVR\"\n    | \"MWK\"\n    | \"MXN\"\n    | \"MXV\"\n    | \"MYR\"\n    | \"MZN\"\n    | \"NAD\"\n    | \"NGN\"\n    | \"NIO\"\n    | \"NOK\"\n    | \"NPR\"\n    | \"NZD\"\n    | \"OMR\"\n    | \"PAB\"\n    | \"PEN\"\n    | \"PGK\"\n    | \"PHP\"\n    | \"PKR\"\n    | \"PLN\"\n    | \"PYG\"\n    | \"QAR\"\n    | \"RON\"\n    | \"RSD\"\n    | \"RUB\"\n    | \"RWF\"\n    | \"SAR\"\n    | \"SBD\"\n    | \"SCR\"\n    | \"SDG\"\n    | \"SEK\"\n    | \"SGD\"\n    | \"SHP\"\n    | \"SLL\"\n    | \"SOS\"\n    | \"SRD\"\n    | \"SSP\"\n    | \"STN\"\n    | \"SVC\"\n    | \"SYP\"\n    | \"SZL\"\n    | \"THB\"\n    | \"TJS\"\n    | \"TMT\"\n    | \"TND\"\n    | \"TOP\"\n    | \"TRY\"\n    | \"TTD\"\n    | \"TWD\"\n    | \"TZS\"\n    | \"UAH\"\n    | \"UGX\"\n    | \"USD\"\n    | \"USN\"\n    | \"UYI\"\n    | \"UYU\"\n    | \"UYW\"\n    | \"UZS\"\n    | \"VED\"\n    | \"VES\"\n    | \"VND\"\n    | \"VUV\"\n    | \"WST\"\n    | \"XAF\"\n    | \"XAG\"\n    | \"XAU\"\n    | \"XBA\"\n    | \"XBB\"\n    | \"XBC\"\n    | \"XBD\"\n    | \"XCD\"\n    | \"XDR\"\n    | \"XOF\"\n    | \"XPD\"\n    | \"XPF\"\n    | \"XPT\"\n    | \"XSU\"\n    | \"XTS\"\n    | \"XUA\"\n    | \"XXX\"\n    | \"YER\"\n    | \"ZAR\"\n    | \"ZMW\"\n    | \"ZWL\";\n  /** The format used to display numeric values */\n  /** @default \"standard\" */\n  numberFormat?:\n    | \"unformatted\"\n    | \"standard\"\n    | \"compact\"\n    | \"scientific\"\n    | \"engineering\";\n  /** Minimum number of decimal places to display in numeric values (0-20) */\n  minDecimals?: number;\n  /** Maximum number of decimal places to display in numeric values (0-20) */\n  maxDecimals?: number;\n  /** The format expected for parsing input date strings */\n  dateInputFormat?:\n    | \"undefined\"\n    | \"X\"\n    | \"x\"\n    | \"MM-DD-YYYY\"\n    | \"MM-DD-YYYY HH:mm\"\n    | \"MM-DD-YYYY HH:mm:ss\"\n    | \"MM-DD-YYYY hh:mm:ss a\"\n    | \"MM-DD-YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD\"\n    | \"YYYY-MM-DD HH:mm\"\n    | \"YYYY-MM-DD HH:mm:ss\"\n    | \"YYYY-MM-DD HH:mm:ssZ\"\n    | \"YYYY-MM-DDTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD hh:mm:ss a\"\n    | \"YYYY-MM-DDTHH:mm:ss\"\n    | \"DD-MM-YYYY\"\n    | \"DD-MM-YYYY HH:mm\"\n    | \"DD-MM-YYYY HH:mm:ss\"\n    | \"DD-MM-YYYY hh:mm:ss a\"\n    | \"DD-MM-YYYYTHH:mm:ss.sssZ\"\n    | \"Do MMM YYYY\"\n    | \"MM/DD/YYYY\"\n    | \"MM/DD/YYYY HH:mm\"\n    | \"MM/DD/YYYY HH:mm:ss\"\n    | \"MM/DD/YYYY hh:mm:ss a\"\n    | \"MM/DD/YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY/MM/DD\"\n    | \"YYYY/MM/DD HH:mm\"\n    | \"YYYY/MM/DD HH:mm:ss\"\n    | \"YYYY/MM/DD hh:mm:ss a\"\n    | \"YYYY/MM/DDTHH:mm:ss\"\n    | \"DD/MM/YYYY\"\n    | \"DD/MM/YYYY HH:mm\"\n    | \"DD/MM/YYYY HH:mm:ss\"\n    | \"DD/MM/YYYY hh:mm:ss a\"\n    | \"DD/MM/YYYYTHH:mm:ss.sssZ\";\n  /** The format used for displaying formatted dates */\n  dateOutputFormat?:\n    | \"X\"\n    | \"x\"\n    | \"MM-DD-YYYY\"\n    | \"MM-DD-YYYY HH:mm\"\n    | \"MM-DD-YYYY HH:mm:ss\"\n    | \"MM-DD-YYYY hh:mm:ss a\"\n    | \"MM-DD-YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD\"\n    | \"YYYY-MM-DD HH:mm\"\n    | \"YYYY-MM-DD HH:mm:ss\"\n    | \"YYYY-MM-DD HH:mm:ssZ\"\n    | \"YYYY-MM-DDTHH:mm:ss.sssZ\"\n    | \"YYYY-MM-DD hh:mm:ss a\"\n    | \"YYYY-MM-DDTHH:mm:ss\"\n    | \"DD-MM-YYYY\"\n    | \"DD-MM-YYYY HH:mm\"\n    | \"DD-MM-YYYY HH:mm:ss\"\n    | \"DD-MM-YYYY hh:mm:ss a\"\n    | \"DD-MM-YYYYTHH:mm:ss.sssZ\"\n    | \"Do MMM YYYY\"\n    | \"MM/DD/YYYY\"\n    | \"MM/DD/YYYY HH:mm\"\n    | \"MM/DD/YYYY HH:mm:ss\"\n    | \"MM/DD/YYYY hh:mm:ss a\"\n    | \"MM/DD/YYYYTHH:mm:ss.sssZ\"\n    | \"YYYY/MM/DD\"\n    | \"YYYY/MM/DD HH:mm\"\n    | \"YYYY/MM/DD HH:mm:ss\"\n    | \"YYYY/MM/DD hh:mm:ss a\"\n    | \"YYYY/MM/DDTHH:mm:ss\"\n    | \"DD/MM/YYYY\"\n    | \"DD/MM/YYYY HH:mm\"\n    | \"DD/MM/YYYY HH:mm:ss\"\n    | \"DD/MM/YYYY hh:mm:ss a\"\n    | \"DD/MM/YYYYTHH:mm:ss.sssZ\";\n  /** Sets the width of the component */\n  width?: Dim;\n  /** Sets the height of the component */\n  height?: Dim;\n  /** Controls the min width dimension of the component */\n  minWidth?: Dim;\n  /** Controls the max width dimension of the component */\n  maxWidth?: Dim;\n  /** Controls the min height dimension of the component */\n  minHeight?: Dim;\n  /** Controls the max height dimension of the component */\n  maxHeight?: Dim;\n  /** Sets the external spacing around the component */\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** Controls whether the component is visible on the page */\n  /** @default true */\n  isVisible?: boolean;\n  /** Whether users can scroll to view overflow content instead of clipping */\n  shouldScroll?: boolean;\n}\n```\n";
-//# sourceMappingURL=TextPropsDocs.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/TextPropsDocs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextPropsDocs.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-components/TextPropsDocs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,uCAAuC;AACvC,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,ssPAAssP,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/index.d.ts

@@ -1,17 +0,0 @@
-export { content as ButtonPropsDocs } from "./ButtonPropsDocs.js";
-export { content as CheckboxPropsDocs } from "./CheckboxPropsDocs.js";
-export { content as ColumnPropsDocs } from "./ColumnPropsDocs.js";
-export { content as ContainerPropsDocs } from "./ContainerPropsDocs.js";
-export { content as DatePickerPropsDocs } from "./DatePickerPropsDocs.js";
-export { content as DropdownPropsDocs } from "./DropdownPropsDocs.js";
-export { content as IconPropsDocs } from "./IconPropsDocs.js";
-export { content as ImagePropsDocs } from "./ImagePropsDocs.js";
-export { content as InputPropsDocs } from "./InputPropsDocs.js";
-export { content as ModalPropsDocs } from "./ModalPropsDocs.js";
-export { content as PagePropsDocs } from "./PagePropsDocs.js";
-export { content as SectionPropsDocs } from "./SectionPropsDocs.js";
-export { content as SlideoutPropsDocs } from "./SlideoutPropsDocs.js";
-export { content as SwitchPropsDocs } from "./SwitchPropsDocs.js";
-export { content as TablePropsDocs } from "./TablePropsDocs.js";
-export { content as TextPropsDocs } from "./TextPropsDocs.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-components/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/index.js

@@ -1,19 +0,0 @@
-// Auto-generated sub-index
-// Do not edit this file directly
-export { content as ButtonPropsDocs } from "./ButtonPropsDocs.js";
-export { content as CheckboxPropsDocs } from "./CheckboxPropsDocs.js";
-export { content as ColumnPropsDocs } from "./ColumnPropsDocs.js";
-export { content as ContainerPropsDocs } from "./ContainerPropsDocs.js";
-export { content as DatePickerPropsDocs } from "./DatePickerPropsDocs.js";
-export { content as DropdownPropsDocs } from "./DropdownPropsDocs.js";
-export { content as IconPropsDocs } from "./IconPropsDocs.js";
-export { content as ImagePropsDocs } from "./ImagePropsDocs.js";
-export { content as InputPropsDocs } from "./InputPropsDocs.js";
-export { content as ModalPropsDocs } from "./ModalPropsDocs.js";
-export { content as PagePropsDocs } from "./PagePropsDocs.js";
-export { content as SectionPropsDocs } from "./SectionPropsDocs.js";
-export { content as SlideoutPropsDocs } from "./SlideoutPropsDocs.js";
-export { content as SwitchPropsDocs } from "./SwitchPropsDocs.js";
-export { content as TablePropsDocs } from "./TablePropsDocs.js";
-export { content as TextPropsDocs } from "./TextPropsDocs.js";
-//# sourceMappingURL=index.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-components/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,iCAAiC;AAEjC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/Dim.d.ts

@@ -1,2 +0,0 @@
-export declare const content = "## Dim\n\nThe `Dim` class is used to define dimensions for size properties in Superblocks (especially width and height). It has three main modes: `px`, `fit`, and `fill`.\n\n```typescript\nclass Dim {\n  mode: \"px\" | \"fit\" | \"fill\";\n  value?: number;\n}\n```\n";
-//# sourceMappingURL=Dim.d.ts.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/Dim.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dim.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/Dim.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,gRAAgR,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/Dim.js

@@ -1,6 +0,0 @@
-/* eslint-disable */
-// Auto-generated from Dim.md
-// Do not edit this file directly
-// Generated at: 2025-10-21T17:40:48.553Z
-export const content = "## Dim\n\nThe `Dim` class is used to define dimensions for size properties in Superblocks (especially width and height). It has three main modes: `px`, `fit`, and `fill`.\n\n```typescript\nclass Dim {\n  mode: \"px\" | \"fit\" | \"fill\";\n  value?: number;\n}\n```\n";
-//# sourceMappingURL=Dim.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/Dim.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dim.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/Dim.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,6BAA6B;AAC7B,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,6QAA6Q,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/EventFlow.d.ts

@@ -1,2 +0,0 @@
-export declare const content = "## EventFlow\n\nThe `EventFlow` class is used to define responses to events triggered on components (like onClick) in Superblocks. It has a number of methods that can be chained together.\n\n```typescript\nclass EventFlow {\n  // Run custom JavaScript code\n  static runJS(handler: () => void): EventFlow;\n  runJS(handler: () => void): this;\n\n  // Navigation methods\n  static navigateTo(\n    url: string,\n    opts?: {\n      newWindow?: boolean;\n      replaceHistory?: boolean;\n      arguments?: string;\n    },\n  ): EventFlow;\n  navigateTo(\n    url: string,\n    opts?: {\n      newWindow?: boolean;\n      replaceHistory?: boolean;\n      arguments?: string;\n    },\n  ): this;\n\n  static navigateToApp(appId: string): EventFlow;\n  navigateToApp(appId: string): this;\n\n  static navigateToRoute(route: string): EventFlow;\n  navigateToRoute(route: string): this;\n\n  static setQueryParams(\n    params: Record<string, string>,\n    opts?: {\n      keep?: boolean;\n    },\n  ): EventFlow;\n  setQueryParams(\n    params: Record<string, string>,\n    opts?: {\n      keep?: boolean;\n    },\n  ): this;\n\n  // Control whether modals are opened or closed\n  // Pass the bound modal component directly rather than its id\n  static controlModal(\n    modal: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): EventFlow;\n  controlModal(\n    modal: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): this;\n\n  static controlSlideout(\n    slideout: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): EventFlow;\n  controlSlideout(\n    slideout: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): this;\n\n  static controlTimer(\n    stateTimer: WithBindingIdentifier,\n    opts: {\n      action: \"start\" | \"stop\" | \"toggle\";\n    },\n  ): EventFlow;\n  controlTimer(\n    stateTimer: WithBindingIdentifier,\n    opts: {\n      action: \"start\" | \"stop\" | \"toggle\";\n    },\n  ): this;\n\n  // API methods\n  static runApis(\n    apis: SbApi[],\n    opts?: {\n      onSuccess?: EventFlow;\n      onError?: EventFlow;\n    },\n  ): EventFlow;\n  runApis(\n    apis: SbApi[],\n    opts?: {\n      onSuccess?: EventFlow;\n      onError?: EventFlow;\n    },\n  ): this;\n\n  static cancelApis(apiNames: string[], onCancel?: EventFlow): EventFlow;\n  cancelApis(apiNames: string[], onCancel?: EventFlow): this;\n\n  // Component and state manipulation\n  static resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): EventFlow;\n  resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): this;\n\n  static resetStateVar(stateVar: StateVar): EventFlow;\n  resetStateVar(stateVar: StateVar): this;\n\n  static setStateVar(\n    stateVar: StateVar,\n    opts: {\n      value: any;\n    },\n  ): EventFlow;\n  setStateVar(\n    stateVar: StateVar,\n    opts: {\n      value: any;\n    },\n  ): this;\n\n  static setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): EventFlow;\n  setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): this;\n\n  // Utility methods\n  static showAlert(\n    message: string,\n    opts?: {\n      type?: \"info\" | \"success\" | \"warning\" | \"error\";\n      durationMs?: number;\n      position?: \"top\" | \"bottom\" | \"center\";\n    },\n  ): EventFlow;\n  showAlert(\n    message: string,\n    opts?: {\n      type?: \"info\" | \"success\" | \"warning\" | \"error\";\n      durationMs?: number;\n      position?: \"top\" | \"bottom\" | \"center\";\n    },\n  ): this;\n\n  static setProfile(\n    profileId: string,\n    opts: {\n      action: \"set\" | \"unset\";\n    },\n  ): EventFlow;\n  setProfile(\n    profileId: string,\n    opts: {\n      action: \"set\" | \"unset\";\n    },\n  ): this;\n\n  static triggerEvent(\n    eventName: string,\n    opts?: {\n      data: Record<string, string>;\n    },\n  ): EventFlow;\n  triggerEvent(\n    eventName: string,\n    opts?: {\n      data: Record<string, string>;\n    },\n  ): this;\n}\n```\n";
-//# sourceMappingURL=EventFlow.d.ts.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/EventFlow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventFlow.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/EventFlow.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,kmIAAkmI,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/EventFlow.js

@@ -1,6 +0,0 @@
-/* eslint-disable */
-// Auto-generated from EventFlow.md
-// Do not edit this file directly
-// Generated at: 2025-10-21T17:40:48.553Z
-export const content = "## EventFlow\n\nThe `EventFlow` class is used to define responses to events triggered on components (like onClick) in Superblocks. It has a number of methods that can be chained together.\n\n```typescript\nclass EventFlow {\n  // Run custom JavaScript code\n  static runJS(handler: () => void): EventFlow;\n  runJS(handler: () => void): this;\n\n  // Navigation methods\n  static navigateTo(\n    url: string,\n    opts?: {\n      newWindow?: boolean;\n      replaceHistory?: boolean;\n      arguments?: string;\n    },\n  ): EventFlow;\n  navigateTo(\n    url: string,\n    opts?: {\n      newWindow?: boolean;\n      replaceHistory?: boolean;\n      arguments?: string;\n    },\n  ): this;\n\n  static navigateToApp(appId: string): EventFlow;\n  navigateToApp(appId: string): this;\n\n  static navigateToRoute(route: string): EventFlow;\n  navigateToRoute(route: string): this;\n\n  static setQueryParams(\n    params: Record<string, string>,\n    opts?: {\n      keep?: boolean;\n    },\n  ): EventFlow;\n  setQueryParams(\n    params: Record<string, string>,\n    opts?: {\n      keep?: boolean;\n    },\n  ): this;\n\n  // Control whether modals are opened or closed\n  // Pass the bound modal component directly rather than its id\n  static controlModal(\n    modal: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): EventFlow;\n  controlModal(\n    modal: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): this;\n\n  static controlSlideout(\n    slideout: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): EventFlow;\n  controlSlideout(\n    slideout: WithBindingIdentifier,\n    opts: { action: \"open\" | \"close\" },\n  ): this;\n\n  static controlTimer(\n    stateTimer: WithBindingIdentifier,\n    opts: {\n      action: \"start\" | \"stop\" | \"toggle\";\n    },\n  ): EventFlow;\n  controlTimer(\n    stateTimer: WithBindingIdentifier,\n    opts: {\n      action: \"start\" | \"stop\" | \"toggle\";\n    },\n  ): this;\n\n  // API methods\n  static runApis(\n    apis: SbApi[],\n    opts?: {\n      onSuccess?: EventFlow;\n      onError?: EventFlow;\n    },\n  ): EventFlow;\n  runApis(\n    apis: SbApi[],\n    opts?: {\n      onSuccess?: EventFlow;\n      onError?: EventFlow;\n    },\n  ): this;\n\n  static cancelApis(apiNames: string[], onCancel?: EventFlow): EventFlow;\n  cancelApis(apiNames: string[], onCancel?: EventFlow): this;\n\n  // Component and state manipulation\n  static resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): EventFlow;\n  resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): this;\n\n  static resetStateVar(stateVar: StateVar): EventFlow;\n  resetStateVar(stateVar: StateVar): this;\n\n  static setStateVar(\n    stateVar: StateVar,\n    opts: {\n      value: any;\n    },\n  ): EventFlow;\n  setStateVar(\n    stateVar: StateVar,\n    opts: {\n      value: any;\n    },\n  ): this;\n\n  static setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): EventFlow;\n  setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): this;\n\n  // Utility methods\n  static showAlert(\n    message: string,\n    opts?: {\n      type?: \"info\" | \"success\" | \"warning\" | \"error\";\n      durationMs?: number;\n      position?: \"top\" | \"bottom\" | \"center\";\n    },\n  ): EventFlow;\n  showAlert(\n    message: string,\n    opts?: {\n      type?: \"info\" | \"success\" | \"warning\" | \"error\";\n      durationMs?: number;\n      position?: \"top\" | \"bottom\" | \"center\";\n    },\n  ): this;\n\n  static setProfile(\n    profileId: string,\n    opts: {\n      action: \"set\" | \"unset\";\n    },\n  ): EventFlow;\n  setProfile(\n    profileId: string,\n    opts: {\n      action: \"set\" | \"unset\";\n    },\n  ): this;\n\n  static triggerEvent(\n    eventName: string,\n    opts?: {\n      data: Record<string, string>;\n    },\n  ): EventFlow;\n  triggerEvent(\n    eventName: string,\n    opts?: {\n      data: Record<string, string>;\n    },\n  ): this;\n}\n```\n";
-//# sourceMappingURL=EventFlow.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/EventFlow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventFlow.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/EventFlow.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,mCAAmC;AACnC,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,+lIAA+lI,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/TextStyleWithVariant.d.ts

@@ -1,2 +0,0 @@
-export declare const content = "## TextStyleWithVariant\n\nThe `TextStyleWithVariant` type is used to define the text styling values. Usually a variant is chosen which comes with pre-defined styling that you can see the details of in the Theme object, but also the naming is semantic. You can override the color using the textColor property. You can use \"SB_CUSTOM_TEXT_STYLE\" as the variant type if you want to define ad hoc text style values for a given component.\n\n```typescript\ntype TextStyleWithVariant {\n  variant: \"heading1\" | \"heading2\" | \"heading3\" | \"heading4\" | \"heading5\" | \"heading6\" | \"body1\" | \"body2\" | \"body3\" | \"label\" | \"inputLabel\" | \"inputPlaceholder\" | \"inputText\" | \"buttonLabel\" | \"link\" | \"code\" | \"SB_CUSTOM_TEXT_STYLE\" | string; // This could also be a variant name that's user-created if it's available in the Theme\n  textColor?: {\n    default: string;\n  }\n  // If variant is SB_CUSTOM_TEXT_STYLE, then we set the custom\n  // styling using these properties\n  fontFamily?: string;\n  fontSize?: string; // ex: \"14px\"\n  fontWeight?: number;\n  lineHeight?: number | string; // ex: 1.2, \"18px\", etc.\n  textDecoration?: string; // the css text-decoration values\n  fontStyle?: \"normal\" | \"italic\" | \"inherit\";\n  letterSpacing?: string; // ex: \"-2px\"\n  textTransform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\" | \"inherit\";\n}\n```\n";
-//# sourceMappingURL=TextStyleWithVariant.d.ts.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/TextStyleWithVariant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextStyleWithVariant.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/TextStyleWithVariant.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,i4CAAi4C,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/TextStyleWithVariant.js

@@ -1,6 +0,0 @@
-/* eslint-disable */
-// Auto-generated from TextStyleWithVariant.md
-// Do not edit this file directly
-// Generated at: 2025-10-21T17:40:48.553Z
-export const content = "## TextStyleWithVariant\n\nThe `TextStyleWithVariant` type is used to define the text styling values. Usually a variant is chosen which comes with pre-defined styling that you can see the details of in the Theme object, but also the naming is semantic. You can override the color using the textColor property. You can use \"SB_CUSTOM_TEXT_STYLE\" as the variant type if you want to define ad hoc text style values for a given component.\n\n```typescript\ntype TextStyleWithVariant {\n  variant: \"heading1\" | \"heading2\" | \"heading3\" | \"heading4\" | \"heading5\" | \"heading6\" | \"body1\" | \"body2\" | \"body3\" | \"label\" | \"inputLabel\" | \"inputPlaceholder\" | \"inputText\" | \"buttonLabel\" | \"link\" | \"code\" | \"SB_CUSTOM_TEXT_STYLE\" | string; // This could also be a variant name that's user-created if it's available in the Theme\n  textColor?: {\n    default: string;\n  }\n  // If variant is SB_CUSTOM_TEXT_STYLE, then we set the custom\n  // styling using these properties\n  fontFamily?: string;\n  fontSize?: string; // ex: \"14px\"\n  fontWeight?: number;\n  lineHeight?: number | string; // ex: 1.2, \"18px\", etc.\n  textDecoration?: string; // the css text-decoration values\n  fontStyle?: \"normal\" | \"italic\" | \"inherit\";\n  letterSpacing?: string; // ex: \"-2px\"\n  textTransform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\" | \"inherit\";\n}\n```\n";
-//# sourceMappingURL=TextStyleWithVariant.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/TextStyleWithVariant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextStyleWithVariant.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/TextStyleWithVariant.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,8CAA8C;AAC9C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,83CAA83C,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/index.d.ts

@@ -1,4 +0,0 @@
-export { content as Dim } from "./Dim.js";
-export { content as EventFlow } from "./EventFlow.js";
-export { content as TextStyleWithVariant } from "./TextStyleWithVariant.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/index.js

@@ -1,6 +0,0 @@
-// Auto-generated sub-index
-// Do not edit this file directly
-export { content as Dim } from "./Dim.js";
-export { content as EventFlow } from "./EventFlow.js";
-export { content as TextStyleWithVariant } from "./TextStyleWithVariant.js";
-//# sourceMappingURL=index.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/library-typedefs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/library-typedefs/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,iCAAiC;AAEjC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/platform-parts/full-examples.d.ts

@@ -1,2 +0,0 @@
-export declare const content = "### FULL EXAMPLES\n\n#### Full example 1:\n\nBelow is a full example of a user's prompt and acceptable app. Note that AppHeader, AppSidebar, MetricCard and Chart components are part of the default set of custom components available in every app.\n\nGiven this prompt:\n\n```text\nCreate a restaurant delivery dashboard with the following features:\n\n- A sidebar with navigation for restaurants, orders, and delivery sections\n- Key metrics displayed as cards showing total orders, active restaurants, active drivers, and average delivery time\n- A chart showing order trends over time\n- A filterable table of restaurants with search by name, cuisine type, and status\n- The ability to edit restaurant details through a modal\n- All data should be dynamically filtered based on user input\n```\n\nFiles generated:\n\n```pages/Page1/scope.ts\nimport {\n  createScope,\n  SbApi,\n  EventFlow,\n  StateVar,\n  computed,\n} from \"@superblocksteam/library\";\nexport const Page1Scope = createScope<{\n  Column1: any;\n  AppSidebar1: any;\n  AppHeader1: any;\n  MetricCard1: any;\n  MetricCard2: any;\n  MetricCard3: any;\n  MetricCard4: any;\n  RevenueChart: any;\n  RestaurantsTable: any;\n  Modal1: any;\n  RestaurantNameInput: any;\n  CuisineTypeDropdown: any;\n  StatusDropdown: any;\n  ResetButton: any;\n  CustomerNameInput: any;\n  PurchaseTypeDropdown: any;\n  CustomersTable: any;\n  ModalRestaurantNameInput: any;\n  ModalRestaurantEmailInput: any;\n  ModalRestaurantOwnerInput: any;\n  ModalRestaurantCuisineDropdown: any;\n  ModalRestaurantStatusDropdown: any;\n}>(\n  ({\n    entities: {\n      Column1,\n      AppSidebar1,\n      AppHeader1,\n      MetricCard1,\n      MetricCard2,\n      MetricCard3,\n      MetricCard4,\n      RevenueChart,\n      RestaurantsTable,\n      Modal1,\n      RestaurantNameInput,\n      CuisineTypeDropdown,\n      StatusDropdown,\n      ResetButton,\n      CustomerNameInput,\n      PurchaseTypeDropdown,\n      CustomersTable,\n      getMetricsApi,\n      getRestaurantsDataApi,\n      ChartDataVar,\n      RestaurantsTableDataVar,\n      ModalRestaurantNameInput,\n      ModalRestaurantEmailInput,\n      ModalRestaurantOwnerInput,\n      ModalRestaurantCuisineDropdown,\n      ModalRestaurantStatusDropdown,\n      updateRestaurantApi,\n    },\n  }) => ({\n    getMetricsApi: SbApi({}),\n    getRestaurantsDataApi: SbApi({}),\n    ChartDataVar: StateVar({\n      defaultValue: computed(() => {\n        const restaurantName =\n          RestaurantNameInput.value && RestaurantNameInput.value !== \"\"\n            ? RestaurantNameInput.value\n            : null;\n        const cuisineType =\n          CuisineTypeDropdown.selectedOptionValue === \"All\"\n            ? null\n            : CuisineTypeDropdown.selectedOptionValue;\n        const status =\n          StatusDropdown.selectedOptionValue === \"All\"\n            ? null\n            : StatusDropdown.selectedOptionValue;\n        let data = getRestaurantsDataApi.response || [];\n\n        data = data.filter((restaurant: any) => {\n          if (\n            restaurantName &&\n            !restaurant.name\n              .toLowerCase()\n              .includes(restaurantName.toLowerCase())\n          ) {\n            return false;\n          }\n          if (cuisineType && restaurant.cuisine !== cuisineType) {\n            return false;\n          }\n          if (status && restaurant.status !== status) {\n            return false;\n          }\n          return true;\n        });\n        const months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\"];\n        return months.map((month) => {\n          const totalOrders = data.reduce((sum: number, restaurant: any) => {\n            return sum + (restaurant.monthlyOrders[month] || 0);\n          }, 0);\n          return {\n            name: month,\n            orders: totalOrders,\n          };\n        });\n      }),\n    }),\n    RestaurantsTableDataVar: StateVar({\n      defaultValue: computed(() => {\n        const restaurantName =\n          RestaurantNameInput.value && RestaurantNameInput.value !== \"\"\n            ? RestaurantNameInput.value\n            : null;\n        const cuisineType =\n          CuisineTypeDropdown.selectedOptionValue === \"All\"\n            ? null\n            : CuisineTypeDropdown.selectedOptionValue;\n        const status =\n          StatusDropdown.selectedOptionValue === \"All\"\n            ? null\n            : StatusDropdown.selectedOptionValue;\n        let data = getRestaurantsDataApi.response || [];\n\n        data = data.filter((restaurant: any) => {\n          if (\n            restaurantName &&\n            !restaurant.name\n              .toLowerCase()\n              .includes(restaurantName.toLowerCase())\n          ) {\n            return false;\n          }\n          if (cuisineType && restaurant.cuisine !== cuisineType) {\n            return false;\n          }\n          if (status && restaurant.status !== status) {\n            return false;\n          }\n          return true;\n        });\n        return data.map((restaurant: any) => ({\n          photo: restaurant.photo,\n          name: restaurant.name,\n          email: restaurant.email,\n          cuisine: restaurant.cuisine,\n          owner: restaurant.owner,\n          status: restaurant.status,\n          date_joined: restaurant.date_joined,\n          last_activity: restaurant.last_activity,\n        }));\n      }),\n    }),\n    updateRestaurantApi: SbApi({\n      onError: EventFlow.controlModal(Modal1, { action: \"close\" }),\n      onSuccess: EventFlow.runApis([getRestaurantsDataApi]),\n    }),\n  }),\n  {\n    name: \"Page1\",\n  },\n);\nexport const Page1 = Page1Scope.entities;\n```\n\nNote that the layout in the index file here makes use of Container components to logically group sections and ensure everything is spaced out and aligned well.\n\n```pages/Page1/index.tsx\nimport Table from \"components/ui/Table/index\";\nimport Container from \"components/ui/Container/index\";\nimport Input from \"components/ui/Input/index\";\nimport Dropdown from \"components/ui/Dropdown/index\";\nimport Button from \"components/ui/Button/index\";\nimport Modal from \"components/ui/Modal/index\";\nimport Text from \"components/ui/Text/index\";\nimport {\n  Page,\n  Dim,\n  registerPage,\n  computed,\n  EventFlow,\n  Theme,\n} from \"@superblocksteam/library\";\nimport Chart from \"components/Chart/Chart\";\nimport MetricCard from \"components/MetricCard/MetricCard\";\nimport AppHeader from \"components/AppHeader/AppHeader\";\nimport AppSidebar from \"components/AppSidebar/AppSidebar\";\nimport KeyValue from \"components/KeyValue\";\nimport { Page1, Page1Scope } from \"./scope\";\nfunction PageContent() {\n  const {\n    Column1,\n    AppSidebar1,\n    AppHeader1,\n    MetricCard1,\n    MetricCard2,\n    MetricCard3,\n    MetricCard4,\n    RevenueChart,\n    RestaurantsTable,\n    Modal1,\n    RestaurantNameInput,\n    CuisineTypeDropdown,\n    StatusDropdown,\n    ResetButton,\n    CustomerNameInput,\n    PurchaseTypeDropdown,\n    CustomersTable,\n    ModalRestaurantNameInput,\n    ModalRestaurantEmailInput,\n    ModalRestaurantOwnerInput,\n    ModalRestaurantCuisineDropdown,\n    ModalRestaurantStatusDropdown,\n    getMetricsApi,\n    getRestaurantsDataApi,\n    ChartDataVar,\n    RestaurantsTableDataVar,\n    updateRestaurantApi,\n  } = Page1;\n  return (\n    <Page\n      name=\"Page1\"\n      height={Dim.fill()}\n      width={Dim.fill()}\n      onLoad={EventFlow.runApis([getMetricsApi, getRestaurantsDataApi])}\n    >\n      <Section height={Dim.fill()}>\n        <Column\n          width={Dim.fit()}\n          padding={{\n            top: {\n              value: 0,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 0,\n              mode: \"px\",\n            },\n            left: {\n              value: 0,\n              mode: \"px\",\n            },\n            right: {\n              value: 0,\n              mode: \"px\",\n            },\n          }}\n        >\n          <AppSidebar\n            width={Dim.fill()}\n            bind={AppSidebar1}\n            logoUrl=\"your-app-logo-url.png\"\n            sidebarLinks={[\n              {\n                header: \"Restaurants\",\n                links: [\n                  {\n                    label: \"All Restaurants\",\n                    icon: \"restaurant\",\n                  },\n                  {\n                    label: \"Onboarding\",\n                    icon: \"add_business\",\n                  },\n                ],\n              },\n              {\n                header: \"Orders\",\n                links: [\n                  {\n                    label: \"Active Orders\",\n                    icon: \"receipt_long\",\n                  },\n                  {\n                    label: \"Order History\",\n                    icon: \"history\",\n                  },\n                ],\n              },\n              {\n                header: \"Delivery\",\n                links: [\n                  {\n                    label: \"Drivers\",\n                    icon: \"directions_car\",\n                  },\n                  {\n                    label: \"Live Tracking\",\n                    icon: \"map\",\n                  },\n                  {\n                    label: \"Analytics\",\n                    icon: \"analytics\",\n                  },\n                ],\n              },\n            ]}\n            height={Dim.fill()}\n          />\n        </Column>\n        <Column\n          width={Dim.fill()}\n          bind={Column1}\n          padding={{\n            top: {\n              value: 0,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 0,\n              mode: \"px\",\n            },\n            left: {\n              value: 0,\n              mode: \"px\",\n            },\n            right: {\n              value: 0,\n              mode: \"px\",\n            },\n          }}\n          spacing={Dim.px(0)}\n        >\n          <AppHeader\n            width={Dim.fill()}\n            height={Dim.fit()}\n            bind={AppHeader1}\n            title=\"Delivery Dashboard\"\n            avatarUrl=\"your-user-avatar-here.png\"\n            userEmail=\"user@workdoamin.com\"\n          />\n          <Container\n            width={Dim.fill()}\n            height={Dim.fill()}\n            layout=\"vertical\"\n            padding={{\n              top: {\n                value: 12,\n                mode: \"px\",\n              },\n              bottom: {\n                value: 12,\n                mode: \"px\",\n              },\n              left: {\n                value: 12,\n                mode: \"px\",\n              },\n              right: {\n                value: 12,\n                mode: \"px\",\n              },\n            }}\n          >\n            <Container\n              width={Dim.fill()}\n              height={Dim.fit()}\n              layout=\"horizontal\"\n            >\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard1}\n                title=\"Total Orders\"\n                value={computed(\n                  () => getMetricsApi.response?.totalOrders.value,\n                )}\n                changeValue={computed(\n                  () => getMetricsApi.response?.totalOrders.changeValue,\n                )}\n                changeType={getMetricsApi.response?.totalOrders.changeType}\n                icon=\"receipt_long\"\n              />\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard2}\n                title=\"Active Restaurants\"\n                value={computed(\n                  () => getMetricsApi.response?.activeRestaurants.value,\n                )}\n                changeValue={\n                  getMetricsApi.response?.activeRestaurants.changeValue\n                }\n                changeType={\n                  getMetricsApi.response?.activeRestaurants.changeType\n                }\n                icon=\"restaurant\"\n              />\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard3}\n                title=\"Active Drivers\"\n                value={computed(\n                  () => getMetricsApi.response?.activeDrivers.value,\n                )}\n                changeValue={getMetricsApi.response?.activeDrivers.changeValue}\n                changeType={getMetricsApi.response?.activeDrivers.changeType}\n                icon=\"directions_car\"\n              />\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard4}\n                title=\"Avg Delivery Time\"\n                value={getMetricsApi.response?.avgDeliveryTime.value}\n                changeType={getMetricsApi.response?.avgDeliveryTime.changeType}\n                icon=\"schedule\"\n                changeValue={computed(\n                  () => getMetricsApi.response?.avgDeliveryTime.changeValue,\n                )}\n              />\n            </Container>\n            <Chart\n              width={Dim.fill()}\n              height={Dim.px(180)}\n              bind={RevenueChart}\n              title=\"Orders\"\n              data={computed(() => ChartDataVar.value || [])}\n            />\n            <Container\n              width={Dim.fill()}\n              height={Dim.fit()}\n              variant=\"card\"\n              layout=\"horizontal\"\n              verticalAlign=\"bottom\"\n            >\n              <Input\n                label=\"Restaurant Name\"\n                placeholderText=\"Search restaurants...\"\n                bind={RestaurantNameInput}\n              />\n              <Dropdown\n                label=\"Cuisine Type\"\n                options={[\n                  {\n                    label: \"All\",\n                    value: \"All\",\n                  },\n                  {\n                    label: \"Italian\",\n                    value: \"Italian\",\n                  },\n                  {\n                    label: \"Chinese\",\n                    value: \"Chinese\",\n                  },\n                  {\n                    label: \"Mexican\",\n                    value: \"Mexican\",\n                  },\n                  {\n                    label: \"American\",\n                    value: \"American\",\n                  },\n                ]}\n                defaultValue=\"All\"\n                bind={CuisineTypeDropdown}\n              />\n              <Dropdown\n                label=\"Status\"\n                options={[\n                  {\n                    label: \"All\",\n                    value: \"All\",\n                  },\n                  {\n                    label: \"Online\",\n                    value: \"Online\",\n                  },\n                  {\n                    label: \"Offline\",\n                    value: \"Offline\",\n                  },\n                  {\n                    label: \"Busy\",\n                    value: \"Busy\",\n                  },\n                ]}\n                defaultValue=\"All\"\n                bind={StatusDropdown}\n              />\n              <Button\n                label=\"Reset Filters\"\n                bind={ResetButton}\n                onClick={EventFlow.runJS(() => {\n                  RestaurantNameInput.text = \"\";\n                  CuisineTypeDropdown.value = \"All\";\n                  StatusDropdown.value = \"All\";\n                })}\n              />\n            </Container>\n            <Table\n              width={Dim.fill()}\n              height={Dim.fit()}\n              tableData={computed(() => RestaurantsTableDataVar.value || [])}\n              columns={{\n                name: {\n                  columnType: \"text\",\n                  label: \"Restaurant\",\n                },\n                email: {\n                  columnType: \"email\",\n                  label: \"Email\",\n                },\n                cuisine: {\n                  columnType: \"text\",\n                  label: \"Cuisine\",\n                },\n                owner: {\n                  columnType: \"text\",\n                  label: \"Owner\",\n                },\n                status: {\n                  columnType: \"tags\",\n                  tagDisplayConfig: {\n                    Online: {\n                      color: \"#14CDB733\",\n                    },\n                    Busy: {\n                      color: \"#FF9F3533\",\n                    },\n                    Offline: {\n                      color: \"#a6a0a033\",\n                    },\n                  },\n                  label: \"Status\",\n                },\n                date_joined: {\n                  columnType: \"date\",\n                  inputFormat: \"YYYY-MM-DD\",\n                  outputFormat: \"MM-DD-YYYY\",\n                  label: \"Date joined\",\n                },\n                last_activity: {\n                  columnType: \"date\",\n                  inputFormat: \"YYYY-MM-DDTHH:mm:ssZ\",\n                  outputFormat: \"MM-DD-YYYY\",\n                  label: \"Last activity\",\n                },\n                photo: {\n                  columnType: \"image\",\n                  label: \"Photo\",\n                  imageBorderRadius: {\n                    topLeft: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                    topRight: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                    bottomLeft: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                    bottomRight: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                  },\n                },\n              }}\n              header=\"Restaurants\"\n              isSearchable={false}\n              bind={RestaurantsTable}\n              onRowClick={EventFlow.runJS(() => {\n                // set values of all the modal inputs to the values of the selected row\n                ModalRestaurantNameInput.text =\n                  RestaurantsTable.selectedRow?.name;\n                ModalRestaurantEmailInput.text =\n                  RestaurantsTable.selectedRow?.email;\n                ModalRestaurantOwnerInput.text =\n                  RestaurantsTable.selectedRow?.owner;\n                ModalRestaurantCuisineDropdown.value =\n                  RestaurantsTable.selectedRow?.cuisine;\n                ModalRestaurantStatusDropdown.value =\n                  RestaurantsTable.selectedRow?.status;\n              }).controlModal(Modal1, { action: \"open\" })}\n              paginationType=\"client-side\"\n              configuredPageSize={10}\n            />\n          </Container>\n        </Column>\n      </Section>\n      <Modal\n        width={Dim.fill()}\n        height={Dim.fit()}\n        bind={Modal1}\n        spacing={Dim.px(0)}\n        padding={{\n          top: {\n            value: 0,\n            mode: \"px\",\n          },\n          bottom: {\n            value: 0,\n            mode: \"px\",\n          },\n          left: {\n            value: 0,\n            mode: \"px\",\n          },\n          right: {\n            value: 0,\n            mode: \"px\",\n          },\n        }}\n      >\n        <Container\n          variant=\"none\"\n          width={Dim.fill()}\n          layout=\"vertical\"\n          spacing={Dim.px(4)}\n          horizontalAlign=\"left\"\n          padding={{\n            top: {\n              value: 16,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 16,\n              mode: \"px\",\n            },\n            left: {\n              value: 16,\n              mode: \"px\",\n            },\n            right: {\n              value: 16,\n              mode: \"px\",\n            },\n          }}\n          border={{\n            left: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            right: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            top: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            bottom: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 1,\n              },\n              style: \"solid\",\n            },\n          }}\n        >\n          <Text\n            text={computed(() => {\n              return RestaurantsTable.selectedRow?.name || \"Restaurant Details\";\n            })}\n            textStyle={{\n              variant: \"heading3\",\n            }}\n          />\n        </Container>\n        <Container\n          variant=\"none\"\n          width={Dim.fill()}\n          horizontalAlign=\"left\"\n          padding={{\n            top: {\n              value: 16,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 16,\n              mode: \"px\",\n            },\n            left: {\n              value: 16,\n              mode: \"px\",\n            },\n            right: {\n              value: 16,\n              mode: \"px\",\n            },\n          }}\n        >\n          {/* <Text\n            text={computed(() => {\n              return `Joined ${RestaurantsTable.selectedRow?.date_joined} and last active ${RestaurantsTable.selectedRow?.last_activity}`;\n            })}\n            textStyle={{\n              variant: \"body2\",\n            }}\n            isVisible={computed(() => {\n              return (\n                RestaurantsTable.selectedRow?.date_joined !== undefined &&\n                RestaurantsTable.selectedRow?.last_activity !== undefined\n              );\n            })}\n           /> */}\n\n          <Input label=\"Restaurant Name\" bind={ModalRestaurantNameInput} />\n          <Input label=\"Email\" bind={ModalRestaurantEmailInput} />\n          <Input label=\"Owner\" bind={ModalRestaurantOwnerInput} />\n          <Dropdown\n            label=\"Cuisine\"\n            options={[\n              {\n                label: \"Italian\",\n                value: \"Italian\",\n              },\n              {\n                label: \"Chinese\",\n                value: \"Chinese\",\n              },\n              {\n                label: \"Mexican\",\n                value: \"Mexican\",\n              },\n              {\n                label: \"American\",\n                value: \"American\",\n              },\n            ]}\n            bind={ModalRestaurantCuisineDropdown}\n          />\n          <Dropdown\n            label=\"Status\"\n            options={[\n              {\n                label: \"Online\",\n                value: \"Online\",\n              },\n              {\n                label: \"Offline\",\n                value: \"Offline\",\n              },\n              {\n                label: \"Busy\",\n                value: \"Busy\",\n              },\n            ]}\n            bind={ModalRestaurantStatusDropdown}\n          />\n        </Container>\n        <Container\n          spacing={Dim.px(8)}\n          width={Dim.fill()}\n          variant=\"none\"\n          layout=\"horizontal\"\n          horizontalAlign=\"right\"\n          padding={{\n            top: {\n              value: 16,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 16,\n              mode: \"px\",\n            },\n            left: {\n              value: 16,\n              mode: \"px\",\n            },\n            right: {\n              value: 16,\n              mode: \"px\",\n            },\n          }}\n          border={{\n            left: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            right: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            top: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 1,\n              },\n              style: \"solid\",\n            },\n            bottom: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n          }}\n        >\n          <Button\n            label=\"Close\"\n            variant=\"secondary\"\n            onClick={EventFlow.controlModal(Modal1, { action: \"close\" })}\n          />\n          <Button\n            label=\"Save Changes\"\n            onClick={EventFlow.runApis([updateRestaurantApi]).controlModal(\n              Modal1,\n              { action: \"close\" },\n            )}\n          />\n        </Container>\n      </Modal>\n    </Page>\n  );\n}\nexport default registerPage(PageContent, Page1Scope);\n```\n\n```pages/Page1/apis/getMetricsApi.ts\nimport {\n  Api,\n  Athena,\n  BigQuery,\n  DynamoDb,\n  JavaScript,\n  Python,\n  Databricks,\n  MicrosoftSql,\n  MySql,\n  Snowflake,\n  PostgreSQL,\n  RestApi,\n  Email,\n  Salesforce,\n  Conditional,\n  TryCatch,\n  Variables,\n  Loop,\n  Parallel,\n  Throw,\n  Return,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"getMetricsApi\", [\n  new JavaScript(\"getMetrics\", {\n    fn: () => {\n      return {\n        totalOrders: {\n          value: \"24.7K\",\n          changeValue: \"+18.2%\",\n          changeType: \"positive\",\n        },\n        activeRestaurants: {\n          value: \"1.8K\",\n          changeValue: \"+12.5%\",\n          changeType: \"positive\",\n        },\n        activeDrivers: {\n          value: \"523\",\n          changeValue: \"+5.8%\",\n          changeType: \"positive\",\n        },\n        avgDeliveryTime: {\n          value: \"28 min\",\n          changeValue: \"-2.3 min\",\n          changeType: \"positive\",\n        },\n      };\n    },\n  }),\n]);\n```\n\n```pages/Page1/apis/getRestaurantsDataApi.ts\nimport {\n  Api,\n  Athena,\n  BigQuery,\n  DynamoDb,\n  JavaScript,\n  Python,\n  Databricks,\n  MicrosoftSql,\n  MySql,\n  Snowflake,\n  PostgreSQL,\n  RestApi,\n  Email,\n  Salesforce,\n  Conditional,\n  TryCatch,\n  Variables,\n  Loop,\n  Parallel,\n  Throw,\n  Return,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"getRestaurantsDataApi\", [\n  new JavaScript(\"getData\", {\n    fn: () => {\n      return [\n        {\n          photo: \"https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=50&h=50&fit=crop&crop=face\",\n          name: \"Bella Vista Italian\",\n          email: \"contact@bellavista.com\",\n          cuisine: \"Italian\",\n          owner: \"Marco Rossi\",\n          status: \"Active\",\n          date_joined: \"2023-01-15\",\n          last_activity: \"2024-01-20\",\n          monthlyOrders: {\n            Jan: 450,\n            Feb: 520,\n            Mar: 480,\n            Apr: 610,\n            May: 590,\n            Jun: 650,\n            Jul: 720,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1555396273-367ea4eb4db5?w=50&h=50&fit=crop&crop=face\",\n          name: \"Golden Dragon\",\n          email: \"info@goldendragon.com\",\n          cuisine: \"Chinese\",\n          owner: \"Wei Chen\",\n          status: \"Active\",\n          date_joined: \"2023-02-22\",\n          last_activity: \"2024-01-19\",\n          monthlyOrders: {\n            Jan: 380,\n            Feb: 420,\n            Mar: 460,\n            Apr: 510,\n            May: 540,\n            Jun: 580,\n            Jul: 620,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1565299624946-b28f40a0ca4b?w=50&h=50&fit=crop&crop=face\",\n          name: \"Taco Fiesta\",\n          email: \"orders@tacofiesta.com\",\n          cuisine: \"Mexican\",\n          owner: \"Carlos Rodriguez\",\n          status: \"Pending\",\n          date_joined: \"2023-12-10\",\n          last_activity: \"2024-01-18\",\n          monthlyOrders: {\n            Jan: 280,\n            Feb: 320,\n            Mar: 350,\n            Apr: 390,\n            May: 420,\n            Jun: 450,\n            Jul: 480,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1571091718767-18b5b1457add?w=50&h=50&fit=crop&crop=face\",\n          name: \"Burger Palace\",\n          email: \"hello@burgerpalace.com\",\n          cuisine: \"American\",\n          owner: \"John Smith\",\n          status: \"Active\",\n          date_joined: \"2022-11-08\",\n          last_activity: \"2024-01-21\",\n          monthlyOrders: {\n            Jan: 680,\n            Feb: 720,\n            Mar: 650,\n            Apr: 780,\n            May: 810,\n            Jun: 850,\n            Jul: 920,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=50&h=50&fit=crop&crop=face\",\n          name: \"Sakura Sushi\",\n          email: \"reservations@sakurasushi.com\",\n          cuisine: \"Japanese\",\n          owner: \"Takeshi Yamamoto\",\n          status: \"Inactive\",\n          date_joined: \"2023-06-12\",\n          last_activity: \"2023-12-15\",\n          monthlyOrders: {\n            Jan: 320,\n            Feb: 280,\n            Mar: 260,\n            Apr: 240,\n            May: 200,\n            Jun: 180,\n            Jul: 150,\n          },\n        },\n      ];\n    },\n  }),\n]);\n```\n\n```pages/Page1/apis/updateRestaurantApi.ts\nimport {\n  Api,\n  Athena,\n  BigQuery,\n  DynamoDb,\n  JavaScript,\n  Python,\n  Databricks,\n  MicrosoftSql,\n  MySql,\n  Snowflake,\n  PostgreSQL,\n  RestApi,\n  Email,\n  Salesforce,\n  Conditional,\n  TryCatch,\n  Variables,\n  Loop,\n  Parallel,\n  Throw,\n  Return,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"updateRestaurantApi\", [\n  new Conditional(\"validate_inputs\", {\n    if: {\n      when: ({\n        ModalRestaurantNameInput,\n        ModalRestaurantEmailInput,\n        ModalRestaurantOwnerInput,\n      }): boolean =>\n        !ModalRestaurantNameInput.value ||\n        !ModalRestaurantEmailInput.value ||\n        !ModalRestaurantOwnerInput.value,\n      then: [\n        new Throw(\"validation_error\", {\n          error: \"Restaurant name, email, and owner are required fields\",\n        }),\n      ],\n    },\n  }),\n  new JavaScript(\"updateRestaurantData\", {\n    fn: ({\n      ModalRestaurantNameInput,\n      ModalRestaurantEmailInput,\n      ModalRestaurantOwnerInput,\n      ModalRestaurantCuisineDropdown,\n      ModalRestaurantStatusDropdown,\n    }) => {\n      const updatedRestaurant = {\n        name: ModalRestaurantNameInput.value,\n        email: ModalRestaurantEmailInput.value,\n        cuisine: ModalRestaurantCuisineDropdown.selectedOptionValue,\n        owner: ModalRestaurantOwnerInput.value,\n        status: ModalRestaurantStatusDropdown.selectedOptionValue,\n        updated_at: new Date().toISOString(),\n      };\n\n      return {\n        success: true,\n        message: \"Restaurant updated successfully\",\n        data: updatedRestaurant,\n      };\n    },\n  }),\n]);\n```\n\n##### Important notes about the choices made in the code generated here:\n\n1. **API Implementation Strategy**: All APIs use dummy data implementations for demonstration purposes. In production applications:\n   - `getMetricsApi` and `getRestaurantsDataApi` should connect to actual databases or external services using SQL queries, REST API calls, or other data connectors\n   - `updateRestaurantApi` should perform real database updates or API calls to persist changes\n   - Consider replacing dummy implementations with actual integrations when users specify particular data sources in their prompts\n\n2. **Layout Architecture**:\n   - `Column` components have padding removed to allow `AppSidebar` and `AppHeader` to extend to screen edges\n   - Content sections use `Container` components for proper spacing and alignment\n   - This pattern ensures consistent visual hierarchy and responsive behavior\n\n3. **Component Styling Patterns**:\n   - Filter controls are wrapped together in a `Container` with `variant=\"card\"` to provide visual containment\n   - Components like `MetricCard`, `Table`, and `Chart` have built-in containers and don't require additional wrapping\n   - Form elements (`Input`, `Dropdown`, `Button`) need explicit container styling for proper presentation\n\n4. **State Management**:\n   - Computed variables (`ChartDataVar`, `RestaurantsTableDataVar`) automatically recalculate when filter inputs change\n   - Modal state is managed through event flows that handle open/close actions and API responses\n   - Error handling and validation are implemented at the API level with appropriate user feedback\n";
-//# sourceMappingURL=full-examples.d.ts.map

package/dist/ai-service/prompt-builder-service/static-fragments/platform-parts/full-examples.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"full-examples.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/platform-parts/full-examples.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,opiCAAopiC,CAAC"}

package/dist/ai-service/prompt-builder-service/static-fragments/platform-parts/full-examples.js

@@ -1,6 +0,0 @@
-/* eslint-disable */
-// Auto-generated from full-examples.md
-// Do not edit this file directly
-// Generated at: 2025-10-21T17:40:48.549Z
-export const content = "### FULL EXAMPLES\n\n#### Full example 1:\n\nBelow is a full example of a user's prompt and acceptable app. Note that AppHeader, AppSidebar, MetricCard and Chart components are part of the default set of custom components available in every app.\n\nGiven this prompt:\n\n```text\nCreate a restaurant delivery dashboard with the following features:\n\n- A sidebar with navigation for restaurants, orders, and delivery sections\n- Key metrics displayed as cards showing total orders, active restaurants, active drivers, and average delivery time\n- A chart showing order trends over time\n- A filterable table of restaurants with search by name, cuisine type, and status\n- The ability to edit restaurant details through a modal\n- All data should be dynamically filtered based on user input\n```\n\nFiles generated:\n\n```pages/Page1/scope.ts\nimport {\n  createScope,\n  SbApi,\n  EventFlow,\n  StateVar,\n  computed,\n} from \"@superblocksteam/library\";\nexport const Page1Scope = createScope<{\n  Column1: any;\n  AppSidebar1: any;\n  AppHeader1: any;\n  MetricCard1: any;\n  MetricCard2: any;\n  MetricCard3: any;\n  MetricCard4: any;\n  RevenueChart: any;\n  RestaurantsTable: any;\n  Modal1: any;\n  RestaurantNameInput: any;\n  CuisineTypeDropdown: any;\n  StatusDropdown: any;\n  ResetButton: any;\n  CustomerNameInput: any;\n  PurchaseTypeDropdown: any;\n  CustomersTable: any;\n  ModalRestaurantNameInput: any;\n  ModalRestaurantEmailInput: any;\n  ModalRestaurantOwnerInput: any;\n  ModalRestaurantCuisineDropdown: any;\n  ModalRestaurantStatusDropdown: any;\n}>(\n  ({\n    entities: {\n      Column1,\n      AppSidebar1,\n      AppHeader1,\n      MetricCard1,\n      MetricCard2,\n      MetricCard3,\n      MetricCard4,\n      RevenueChart,\n      RestaurantsTable,\n      Modal1,\n      RestaurantNameInput,\n      CuisineTypeDropdown,\n      StatusDropdown,\n      ResetButton,\n      CustomerNameInput,\n      PurchaseTypeDropdown,\n      CustomersTable,\n      getMetricsApi,\n      getRestaurantsDataApi,\n      ChartDataVar,\n      RestaurantsTableDataVar,\n      ModalRestaurantNameInput,\n      ModalRestaurantEmailInput,\n      ModalRestaurantOwnerInput,\n      ModalRestaurantCuisineDropdown,\n      ModalRestaurantStatusDropdown,\n      updateRestaurantApi,\n    },\n  }) => ({\n    getMetricsApi: SbApi({}),\n    getRestaurantsDataApi: SbApi({}),\n    ChartDataVar: StateVar({\n      defaultValue: computed(() => {\n        const restaurantName =\n          RestaurantNameInput.value && RestaurantNameInput.value !== \"\"\n            ? RestaurantNameInput.value\n            : null;\n        const cuisineType =\n          CuisineTypeDropdown.selectedOptionValue === \"All\"\n            ? null\n            : CuisineTypeDropdown.selectedOptionValue;\n        const status =\n          StatusDropdown.selectedOptionValue === \"All\"\n            ? null\n            : StatusDropdown.selectedOptionValue;\n        let data = getRestaurantsDataApi.response || [];\n\n        data = data.filter((restaurant: any) => {\n          if (\n            restaurantName &&\n            !restaurant.name\n              .toLowerCase()\n              .includes(restaurantName.toLowerCase())\n          ) {\n            return false;\n          }\n          if (cuisineType && restaurant.cuisine !== cuisineType) {\n            return false;\n          }\n          if (status && restaurant.status !== status) {\n            return false;\n          }\n          return true;\n        });\n        const months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\"];\n        return months.map((month) => {\n          const totalOrders = data.reduce((sum: number, restaurant: any) => {\n            return sum + (restaurant.monthlyOrders[month] || 0);\n          }, 0);\n          return {\n            name: month,\n            orders: totalOrders,\n          };\n        });\n      }),\n    }),\n    RestaurantsTableDataVar: StateVar({\n      defaultValue: computed(() => {\n        const restaurantName =\n          RestaurantNameInput.value && RestaurantNameInput.value !== \"\"\n            ? RestaurantNameInput.value\n            : null;\n        const cuisineType =\n          CuisineTypeDropdown.selectedOptionValue === \"All\"\n            ? null\n            : CuisineTypeDropdown.selectedOptionValue;\n        const status =\n          StatusDropdown.selectedOptionValue === \"All\"\n            ? null\n            : StatusDropdown.selectedOptionValue;\n        let data = getRestaurantsDataApi.response || [];\n\n        data = data.filter((restaurant: any) => {\n          if (\n            restaurantName &&\n            !restaurant.name\n              .toLowerCase()\n              .includes(restaurantName.toLowerCase())\n          ) {\n            return false;\n          }\n          if (cuisineType && restaurant.cuisine !== cuisineType) {\n            return false;\n          }\n          if (status && restaurant.status !== status) {\n            return false;\n          }\n          return true;\n        });\n        return data.map((restaurant: any) => ({\n          photo: restaurant.photo,\n          name: restaurant.name,\n          email: restaurant.email,\n          cuisine: restaurant.cuisine,\n          owner: restaurant.owner,\n          status: restaurant.status,\n          date_joined: restaurant.date_joined,\n          last_activity: restaurant.last_activity,\n        }));\n      }),\n    }),\n    updateRestaurantApi: SbApi({\n      onError: EventFlow.controlModal(Modal1, { action: \"close\" }),\n      onSuccess: EventFlow.runApis([getRestaurantsDataApi]),\n    }),\n  }),\n  {\n    name: \"Page1\",\n  },\n);\nexport const Page1 = Page1Scope.entities;\n```\n\nNote that the layout in the index file here makes use of Container components to logically group sections and ensure everything is spaced out and aligned well.\n\n```pages/Page1/index.tsx\nimport Table from \"components/ui/Table/index\";\nimport Container from \"components/ui/Container/index\";\nimport Input from \"components/ui/Input/index\";\nimport Dropdown from \"components/ui/Dropdown/index\";\nimport Button from \"components/ui/Button/index\";\nimport Modal from \"components/ui/Modal/index\";\nimport Text from \"components/ui/Text/index\";\nimport {\n  Page,\n  Dim,\n  registerPage,\n  computed,\n  EventFlow,\n  Theme,\n} from \"@superblocksteam/library\";\nimport Chart from \"components/Chart/Chart\";\nimport MetricCard from \"components/MetricCard/MetricCard\";\nimport AppHeader from \"components/AppHeader/AppHeader\";\nimport AppSidebar from \"components/AppSidebar/AppSidebar\";\nimport KeyValue from \"components/KeyValue\";\nimport { Page1, Page1Scope } from \"./scope\";\nfunction PageContent() {\n  const {\n    Column1,\n    AppSidebar1,\n    AppHeader1,\n    MetricCard1,\n    MetricCard2,\n    MetricCard3,\n    MetricCard4,\n    RevenueChart,\n    RestaurantsTable,\n    Modal1,\n    RestaurantNameInput,\n    CuisineTypeDropdown,\n    StatusDropdown,\n    ResetButton,\n    CustomerNameInput,\n    PurchaseTypeDropdown,\n    CustomersTable,\n    ModalRestaurantNameInput,\n    ModalRestaurantEmailInput,\n    ModalRestaurantOwnerInput,\n    ModalRestaurantCuisineDropdown,\n    ModalRestaurantStatusDropdown,\n    getMetricsApi,\n    getRestaurantsDataApi,\n    ChartDataVar,\n    RestaurantsTableDataVar,\n    updateRestaurantApi,\n  } = Page1;\n  return (\n    <Page\n      name=\"Page1\"\n      height={Dim.fill()}\n      width={Dim.fill()}\n      onLoad={EventFlow.runApis([getMetricsApi, getRestaurantsDataApi])}\n    >\n      <Section height={Dim.fill()}>\n        <Column\n          width={Dim.fit()}\n          padding={{\n            top: {\n              value: 0,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 0,\n              mode: \"px\",\n            },\n            left: {\n              value: 0,\n              mode: \"px\",\n            },\n            right: {\n              value: 0,\n              mode: \"px\",\n            },\n          }}\n        >\n          <AppSidebar\n            width={Dim.fill()}\n            bind={AppSidebar1}\n            logoUrl=\"your-app-logo-url.png\"\n            sidebarLinks={[\n              {\n                header: \"Restaurants\",\n                links: [\n                  {\n                    label: \"All Restaurants\",\n                    icon: \"restaurant\",\n                  },\n                  {\n                    label: \"Onboarding\",\n                    icon: \"add_business\",\n                  },\n                ],\n              },\n              {\n                header: \"Orders\",\n                links: [\n                  {\n                    label: \"Active Orders\",\n                    icon: \"receipt_long\",\n                  },\n                  {\n                    label: \"Order History\",\n                    icon: \"history\",\n                  },\n                ],\n              },\n              {\n                header: \"Delivery\",\n                links: [\n                  {\n                    label: \"Drivers\",\n                    icon: \"directions_car\",\n                  },\n                  {\n                    label: \"Live Tracking\",\n                    icon: \"map\",\n                  },\n                  {\n                    label: \"Analytics\",\n                    icon: \"analytics\",\n                  },\n                ],\n              },\n            ]}\n            height={Dim.fill()}\n          />\n        </Column>\n        <Column\n          width={Dim.fill()}\n          bind={Column1}\n          padding={{\n            top: {\n              value: 0,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 0,\n              mode: \"px\",\n            },\n            left: {\n              value: 0,\n              mode: \"px\",\n            },\n            right: {\n              value: 0,\n              mode: \"px\",\n            },\n          }}\n          spacing={Dim.px(0)}\n        >\n          <AppHeader\n            width={Dim.fill()}\n            height={Dim.fit()}\n            bind={AppHeader1}\n            title=\"Delivery Dashboard\"\n            avatarUrl=\"your-user-avatar-here.png\"\n            userEmail=\"user@workdoamin.com\"\n          />\n          <Container\n            width={Dim.fill()}\n            height={Dim.fill()}\n            layout=\"vertical\"\n            padding={{\n              top: {\n                value: 12,\n                mode: \"px\",\n              },\n              bottom: {\n                value: 12,\n                mode: \"px\",\n              },\n              left: {\n                value: 12,\n                mode: \"px\",\n              },\n              right: {\n                value: 12,\n                mode: \"px\",\n              },\n            }}\n          >\n            <Container\n              width={Dim.fill()}\n              height={Dim.fit()}\n              layout=\"horizontal\"\n            >\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard1}\n                title=\"Total Orders\"\n                value={computed(\n                  () => getMetricsApi.response?.totalOrders.value,\n                )}\n                changeValue={computed(\n                  () => getMetricsApi.response?.totalOrders.changeValue,\n                )}\n                changeType={getMetricsApi.response?.totalOrders.changeType}\n                icon=\"receipt_long\"\n              />\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard2}\n                title=\"Active Restaurants\"\n                value={computed(\n                  () => getMetricsApi.response?.activeRestaurants.value,\n                )}\n                changeValue={\n                  getMetricsApi.response?.activeRestaurants.changeValue\n                }\n                changeType={\n                  getMetricsApi.response?.activeRestaurants.changeType\n                }\n                icon=\"restaurant\"\n              />\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard3}\n                title=\"Active Drivers\"\n                value={computed(\n                  () => getMetricsApi.response?.activeDrivers.value,\n                )}\n                changeValue={getMetricsApi.response?.activeDrivers.changeValue}\n                changeType={getMetricsApi.response?.activeDrivers.changeType}\n                icon=\"directions_car\"\n              />\n              <MetricCard\n                width={Dim.fill()}\n                height={Dim.fill()}\n                bind={MetricCard4}\n                title=\"Avg Delivery Time\"\n                value={getMetricsApi.response?.avgDeliveryTime.value}\n                changeType={getMetricsApi.response?.avgDeliveryTime.changeType}\n                icon=\"schedule\"\n                changeValue={computed(\n                  () => getMetricsApi.response?.avgDeliveryTime.changeValue,\n                )}\n              />\n            </Container>\n            <Chart\n              width={Dim.fill()}\n              height={Dim.px(180)}\n              bind={RevenueChart}\n              title=\"Orders\"\n              data={computed(() => ChartDataVar.value || [])}\n            />\n            <Container\n              width={Dim.fill()}\n              height={Dim.fit()}\n              variant=\"card\"\n              layout=\"horizontal\"\n              verticalAlign=\"bottom\"\n            >\n              <Input\n                label=\"Restaurant Name\"\n                placeholderText=\"Search restaurants...\"\n                bind={RestaurantNameInput}\n              />\n              <Dropdown\n                label=\"Cuisine Type\"\n                options={[\n                  {\n                    label: \"All\",\n                    value: \"All\",\n                  },\n                  {\n                    label: \"Italian\",\n                    value: \"Italian\",\n                  },\n                  {\n                    label: \"Chinese\",\n                    value: \"Chinese\",\n                  },\n                  {\n                    label: \"Mexican\",\n                    value: \"Mexican\",\n                  },\n                  {\n                    label: \"American\",\n                    value: \"American\",\n                  },\n                ]}\n                defaultValue=\"All\"\n                bind={CuisineTypeDropdown}\n              />\n              <Dropdown\n                label=\"Status\"\n                options={[\n                  {\n                    label: \"All\",\n                    value: \"All\",\n                  },\n                  {\n                    label: \"Online\",\n                    value: \"Online\",\n                  },\n                  {\n                    label: \"Offline\",\n                    value: \"Offline\",\n                  },\n                  {\n                    label: \"Busy\",\n                    value: \"Busy\",\n                  },\n                ]}\n                defaultValue=\"All\"\n                bind={StatusDropdown}\n              />\n              <Button\n                label=\"Reset Filters\"\n                bind={ResetButton}\n                onClick={EventFlow.runJS(() => {\n                  RestaurantNameInput.text = \"\";\n                  CuisineTypeDropdown.value = \"All\";\n                  StatusDropdown.value = \"All\";\n                })}\n              />\n            </Container>\n            <Table\n              width={Dim.fill()}\n              height={Dim.fit()}\n              tableData={computed(() => RestaurantsTableDataVar.value || [])}\n              columns={{\n                name: {\n                  columnType: \"text\",\n                  label: \"Restaurant\",\n                },\n                email: {\n                  columnType: \"email\",\n                  label: \"Email\",\n                },\n                cuisine: {\n                  columnType: \"text\",\n                  label: \"Cuisine\",\n                },\n                owner: {\n                  columnType: \"text\",\n                  label: \"Owner\",\n                },\n                status: {\n                  columnType: \"tags\",\n                  tagDisplayConfig: {\n                    Online: {\n                      color: \"#14CDB733\",\n                    },\n                    Busy: {\n                      color: \"#FF9F3533\",\n                    },\n                    Offline: {\n                      color: \"#a6a0a033\",\n                    },\n                  },\n                  label: \"Status\",\n                },\n                date_joined: {\n                  columnType: \"date\",\n                  inputFormat: \"YYYY-MM-DD\",\n                  outputFormat: \"MM-DD-YYYY\",\n                  label: \"Date joined\",\n                },\n                last_activity: {\n                  columnType: \"date\",\n                  inputFormat: \"YYYY-MM-DDTHH:mm:ssZ\",\n                  outputFormat: \"MM-DD-YYYY\",\n                  label: \"Last activity\",\n                },\n                photo: {\n                  columnType: \"image\",\n                  label: \"Photo\",\n                  imageBorderRadius: {\n                    topLeft: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                    topRight: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                    bottomLeft: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                    bottomRight: {\n                      mode: \"px\",\n                      value: 16,\n                    },\n                  },\n                },\n              }}\n              header=\"Restaurants\"\n              isSearchable={false}\n              bind={RestaurantsTable}\n              onRowClick={EventFlow.runJS(() => {\n                // set values of all the modal inputs to the values of the selected row\n                ModalRestaurantNameInput.text =\n                  RestaurantsTable.selectedRow?.name;\n                ModalRestaurantEmailInput.text =\n                  RestaurantsTable.selectedRow?.email;\n                ModalRestaurantOwnerInput.text =\n                  RestaurantsTable.selectedRow?.owner;\n                ModalRestaurantCuisineDropdown.value =\n                  RestaurantsTable.selectedRow?.cuisine;\n                ModalRestaurantStatusDropdown.value =\n                  RestaurantsTable.selectedRow?.status;\n              }).controlModal(Modal1, { action: \"open\" })}\n              paginationType=\"client-side\"\n              configuredPageSize={10}\n            />\n          </Container>\n        </Column>\n      </Section>\n      <Modal\n        width={Dim.fill()}\n        height={Dim.fit()}\n        bind={Modal1}\n        spacing={Dim.px(0)}\n        padding={{\n          top: {\n            value: 0,\n            mode: \"px\",\n          },\n          bottom: {\n            value: 0,\n            mode: \"px\",\n          },\n          left: {\n            value: 0,\n            mode: \"px\",\n          },\n          right: {\n            value: 0,\n            mode: \"px\",\n          },\n        }}\n      >\n        <Container\n          variant=\"none\"\n          width={Dim.fill()}\n          layout=\"vertical\"\n          spacing={Dim.px(4)}\n          horizontalAlign=\"left\"\n          padding={{\n            top: {\n              value: 16,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 16,\n              mode: \"px\",\n            },\n            left: {\n              value: 16,\n              mode: \"px\",\n            },\n            right: {\n              value: 16,\n              mode: \"px\",\n            },\n          }}\n          border={{\n            left: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            right: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            top: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            bottom: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 1,\n              },\n              style: \"solid\",\n            },\n          }}\n        >\n          <Text\n            text={computed(() => {\n              return RestaurantsTable.selectedRow?.name || \"Restaurant Details\";\n            })}\n            textStyle={{\n              variant: \"heading3\",\n            }}\n          />\n        </Container>\n        <Container\n          variant=\"none\"\n          width={Dim.fill()}\n          horizontalAlign=\"left\"\n          padding={{\n            top: {\n              value: 16,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 16,\n              mode: \"px\",\n            },\n            left: {\n              value: 16,\n              mode: \"px\",\n            },\n            right: {\n              value: 16,\n              mode: \"px\",\n            },\n          }}\n        >\n          {/* <Text\n            text={computed(() => {\n              return `Joined ${RestaurantsTable.selectedRow?.date_joined} and last active ${RestaurantsTable.selectedRow?.last_activity}`;\n            })}\n            textStyle={{\n              variant: \"body2\",\n            }}\n            isVisible={computed(() => {\n              return (\n                RestaurantsTable.selectedRow?.date_joined !== undefined &&\n                RestaurantsTable.selectedRow?.last_activity !== undefined\n              );\n            })}\n           /> */}\n\n          <Input label=\"Restaurant Name\" bind={ModalRestaurantNameInput} />\n          <Input label=\"Email\" bind={ModalRestaurantEmailInput} />\n          <Input label=\"Owner\" bind={ModalRestaurantOwnerInput} />\n          <Dropdown\n            label=\"Cuisine\"\n            options={[\n              {\n                label: \"Italian\",\n                value: \"Italian\",\n              },\n              {\n                label: \"Chinese\",\n                value: \"Chinese\",\n              },\n              {\n                label: \"Mexican\",\n                value: \"Mexican\",\n              },\n              {\n                label: \"American\",\n                value: \"American\",\n              },\n            ]}\n            bind={ModalRestaurantCuisineDropdown}\n          />\n          <Dropdown\n            label=\"Status\"\n            options={[\n              {\n                label: \"Online\",\n                value: \"Online\",\n              },\n              {\n                label: \"Offline\",\n                value: \"Offline\",\n              },\n              {\n                label: \"Busy\",\n                value: \"Busy\",\n              },\n            ]}\n            bind={ModalRestaurantStatusDropdown}\n          />\n        </Container>\n        <Container\n          spacing={Dim.px(8)}\n          width={Dim.fill()}\n          variant=\"none\"\n          layout=\"horizontal\"\n          horizontalAlign=\"right\"\n          padding={{\n            top: {\n              value: 16,\n              mode: \"px\",\n            },\n            bottom: {\n              value: 16,\n              mode: \"px\",\n            },\n            left: {\n              value: 16,\n              mode: \"px\",\n            },\n            right: {\n              value: 16,\n              mode: \"px\",\n            },\n          }}\n          border={{\n            left: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            right: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n            top: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 1,\n              },\n              style: \"solid\",\n            },\n            bottom: {\n              color: Theme.colors.neutral100,\n              width: {\n                mode: \"px\",\n                value: 0,\n              },\n              style: \"solid\",\n            },\n          }}\n        >\n          <Button\n            label=\"Close\"\n            variant=\"secondary\"\n            onClick={EventFlow.controlModal(Modal1, { action: \"close\" })}\n          />\n          <Button\n            label=\"Save Changes\"\n            onClick={EventFlow.runApis([updateRestaurantApi]).controlModal(\n              Modal1,\n              { action: \"close\" },\n            )}\n          />\n        </Container>\n      </Modal>\n    </Page>\n  );\n}\nexport default registerPage(PageContent, Page1Scope);\n```\n\n```pages/Page1/apis/getMetricsApi.ts\nimport {\n  Api,\n  Athena,\n  BigQuery,\n  DynamoDb,\n  JavaScript,\n  Python,\n  Databricks,\n  MicrosoftSql,\n  MySql,\n  Snowflake,\n  PostgreSQL,\n  RestApi,\n  Email,\n  Salesforce,\n  Conditional,\n  TryCatch,\n  Variables,\n  Loop,\n  Parallel,\n  Throw,\n  Return,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"getMetricsApi\", [\n  new JavaScript(\"getMetrics\", {\n    fn: () => {\n      return {\n        totalOrders: {\n          value: \"24.7K\",\n          changeValue: \"+18.2%\",\n          changeType: \"positive\",\n        },\n        activeRestaurants: {\n          value: \"1.8K\",\n          changeValue: \"+12.5%\",\n          changeType: \"positive\",\n        },\n        activeDrivers: {\n          value: \"523\",\n          changeValue: \"+5.8%\",\n          changeType: \"positive\",\n        },\n        avgDeliveryTime: {\n          value: \"28 min\",\n          changeValue: \"-2.3 min\",\n          changeType: \"positive\",\n        },\n      };\n    },\n  }),\n]);\n```\n\n```pages/Page1/apis/getRestaurantsDataApi.ts\nimport {\n  Api,\n  Athena,\n  BigQuery,\n  DynamoDb,\n  JavaScript,\n  Python,\n  Databricks,\n  MicrosoftSql,\n  MySql,\n  Snowflake,\n  PostgreSQL,\n  RestApi,\n  Email,\n  Salesforce,\n  Conditional,\n  TryCatch,\n  Variables,\n  Loop,\n  Parallel,\n  Throw,\n  Return,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"getRestaurantsDataApi\", [\n  new JavaScript(\"getData\", {\n    fn: () => {\n      return [\n        {\n          photo: \"https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=50&h=50&fit=crop&crop=face\",\n          name: \"Bella Vista Italian\",\n          email: \"contact@bellavista.com\",\n          cuisine: \"Italian\",\n          owner: \"Marco Rossi\",\n          status: \"Active\",\n          date_joined: \"2023-01-15\",\n          last_activity: \"2024-01-20\",\n          monthlyOrders: {\n            Jan: 450,\n            Feb: 520,\n            Mar: 480,\n            Apr: 610,\n            May: 590,\n            Jun: 650,\n            Jul: 720,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1555396273-367ea4eb4db5?w=50&h=50&fit=crop&crop=face\",\n          name: \"Golden Dragon\",\n          email: \"info@goldendragon.com\",\n          cuisine: \"Chinese\",\n          owner: \"Wei Chen\",\n          status: \"Active\",\n          date_joined: \"2023-02-22\",\n          last_activity: \"2024-01-19\",\n          monthlyOrders: {\n            Jan: 380,\n            Feb: 420,\n            Mar: 460,\n            Apr: 510,\n            May: 540,\n            Jun: 580,\n            Jul: 620,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1565299624946-b28f40a0ca4b?w=50&h=50&fit=crop&crop=face\",\n          name: \"Taco Fiesta\",\n          email: \"orders@tacofiesta.com\",\n          cuisine: \"Mexican\",\n          owner: \"Carlos Rodriguez\",\n          status: \"Pending\",\n          date_joined: \"2023-12-10\",\n          last_activity: \"2024-01-18\",\n          monthlyOrders: {\n            Jan: 280,\n            Feb: 320,\n            Mar: 350,\n            Apr: 390,\n            May: 420,\n            Jun: 450,\n            Jul: 480,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1571091718767-18b5b1457add?w=50&h=50&fit=crop&crop=face\",\n          name: \"Burger Palace\",\n          email: \"hello@burgerpalace.com\",\n          cuisine: \"American\",\n          owner: \"John Smith\",\n          status: \"Active\",\n          date_joined: \"2022-11-08\",\n          last_activity: \"2024-01-21\",\n          monthlyOrders: {\n            Jan: 680,\n            Feb: 720,\n            Mar: 650,\n            Apr: 780,\n            May: 810,\n            Jun: 850,\n            Jul: 920,\n          },\n        },\n        {\n          photo: \"https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=50&h=50&fit=crop&crop=face\",\n          name: \"Sakura Sushi\",\n          email: \"reservations@sakurasushi.com\",\n          cuisine: \"Japanese\",\n          owner: \"Takeshi Yamamoto\",\n          status: \"Inactive\",\n          date_joined: \"2023-06-12\",\n          last_activity: \"2023-12-15\",\n          monthlyOrders: {\n            Jan: 320,\n            Feb: 280,\n            Mar: 260,\n            Apr: 240,\n            May: 200,\n            Jun: 180,\n            Jul: 150,\n          },\n        },\n      ];\n    },\n  }),\n]);\n```\n\n```pages/Page1/apis/updateRestaurantApi.ts\nimport {\n  Api,\n  Athena,\n  BigQuery,\n  DynamoDb,\n  JavaScript,\n  Python,\n  Databricks,\n  MicrosoftSql,\n  MySql,\n  Snowflake,\n  PostgreSQL,\n  RestApi,\n  Email,\n  Salesforce,\n  Conditional,\n  TryCatch,\n  Variables,\n  Loop,\n  Parallel,\n  Throw,\n  Return,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"updateRestaurantApi\", [\n  new Conditional(\"validate_inputs\", {\n    if: {\n      when: ({\n        ModalRestaurantNameInput,\n        ModalRestaurantEmailInput,\n        ModalRestaurantOwnerInput,\n      }): boolean =>\n        !ModalRestaurantNameInput.value ||\n        !ModalRestaurantEmailInput.value ||\n        !ModalRestaurantOwnerInput.value,\n      then: [\n        new Throw(\"validation_error\", {\n          error: \"Restaurant name, email, and owner are required fields\",\n        }),\n      ],\n    },\n  }),\n  new JavaScript(\"updateRestaurantData\", {\n    fn: ({\n      ModalRestaurantNameInput,\n      ModalRestaurantEmailInput,\n      ModalRestaurantOwnerInput,\n      ModalRestaurantCuisineDropdown,\n      ModalRestaurantStatusDropdown,\n    }) => {\n      const updatedRestaurant = {\n        name: ModalRestaurantNameInput.value,\n        email: ModalRestaurantEmailInput.value,\n        cuisine: ModalRestaurantCuisineDropdown.selectedOptionValue,\n        owner: ModalRestaurantOwnerInput.value,\n        status: ModalRestaurantStatusDropdown.selectedOptionValue,\n        updated_at: new Date().toISOString(),\n      };\n\n      return {\n        success: true,\n        message: \"Restaurant updated successfully\",\n        data: updatedRestaurant,\n      };\n    },\n  }),\n]);\n```\n\n##### Important notes about the choices made in the code generated here:\n\n1. **API Implementation Strategy**: All APIs use dummy data implementations for demonstration purposes. In production applications:\n   - `getMetricsApi` and `getRestaurantsDataApi` should connect to actual databases or external services using SQL queries, REST API calls, or other data connectors\n   - `updateRestaurantApi` should perform real database updates or API calls to persist changes\n   - Consider replacing dummy implementations with actual integrations when users specify particular data sources in their prompts\n\n2. **Layout Architecture**:\n   - `Column` components have padding removed to allow `AppSidebar` and `AppHeader` to extend to screen edges\n   - Content sections use `Container` components for proper spacing and alignment\n   - This pattern ensures consistent visual hierarchy and responsive behavior\n\n3. **Component Styling Patterns**:\n   - Filter controls are wrapped together in a `Container` with `variant=\"card\"` to provide visual containment\n   - Components like `MetricCard`, `Table`, and `Chart` have built-in containers and don't require additional wrapping\n   - Form elements (`Input`, `Dropdown`, `Button`) need explicit container styling for proper presentation\n\n4. **State Management**:\n   - Computed variables (`ChartDataVar`, `RestaurantsTableDataVar`) automatically recalculate when filter inputs change\n   - Modal state is managed through event flows that handle open/close actions and API responses\n   - Error handling and validation are implemented at the API level with appropriate user feedback\n";
-//# sourceMappingURL=full-examples.js.map

package/dist/ai-service/prompt-builder-service/static-fragments/platform-parts/full-examples.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"full-examples.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompt-builder-service/static-fragments/platform-parts/full-examples.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,uCAAuC;AACvC,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,ipiCAAipiC,CAAC"}