react-better-html 1.1.169 → 1.1.171

package/dist/index.mjs

@@ -1519,1774 +1519,54 @@ var appConfig = {
 };
 var defaultAlertDuration = 2.3 * 1e3;
 
-// src/utils/functions.ts
-import CryptoJS from "crypto-js";
+// src/components/alerts/AlertsHolder.tsx
+import { memo as memo7 } from "react";
 
-// src/constants/countries.ts
-var countries = [
-  {
-    name: "Afghanistan",
-    code: "AF",
-    timeZone: "Asia/Kabul",
-    phoneNumberExtension: "93"
-  },
-  {
-    name: "\xC5land Islands",
-    code: "AX",
-    timeZone: "Europe/Mariehamn",
-    phoneNumberExtension: "358"
-  },
-  {
-    name: "Albania",
-    code: "AL",
-    timeZone: "Europe/Tirane",
-    phoneNumberExtension: "355"
-  },
-  {
-    name: "Algeria",
-    code: "DZ",
-    timeZone: "Africa/Algiers",
-    phoneNumberExtension: "213"
-  },
-  {
-    name: "United States of America",
-    code: "US",
-    timeZone: "America/New_York",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "American Samoa",
-    code: "AS",
-    timeZone: "Pacific/Pago_Pago",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Andorra",
-    code: "AD",
-    timeZone: "Europe/Andorra",
-    phoneNumberExtension: "376"
-  },
-  {
-    name: "Angola",
-    code: "AO",
-    timeZone: "Africa/Luanda",
-    phoneNumberExtension: "244"
-  },
-  {
-    name: "Anguilla",
-    code: "AI",
-    timeZone: "America/Anguilla",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Antarctica",
-    code: "AQ",
-    timeZone: "Antarctica/Casey",
-    phoneNumberExtension: "672"
-  },
-  {
-    name: "Antigua and Barbuda",
-    code: "AG",
-    timeZone: "America/Antigua",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Argentina",
-    code: "AR",
-    timeZone: "America/Argentina/Buenos_Aires",
-    phoneNumberExtension: "54"
-  },
-  {
-    name: "Armenia",
-    code: "AM",
-    timeZone: "Asia/Yerevan",
-    phoneNumberExtension: "374"
-  },
-  {
-    name: "Aruba",
-    code: "AW",
-    timeZone: "America/Aruba",
-    phoneNumberExtension: "297"
-  },
-  {
-    name: "Australia",
-    code: "AU",
-    timeZone: "Australia/Sydney",
-    phoneNumberExtension: "61"
-  },
-  {
-    name: "Austria",
-    code: "AT",
-    timeZone: "Europe/Vienna",
-    phoneNumberExtension: "43"
-  },
-  {
-    name: "Azerbaijan",
-    code: "AZ",
-    timeZone: "Asia/Baku",
-    phoneNumberExtension: "994"
-  },
-  {
-    name: "Bahamas",
-    code: "BS",
-    timeZone: "America/Nassau",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Bahrain",
-    code: "BH",
-    timeZone: "Asia/Bahrain",
-    phoneNumberExtension: "973"
-  },
-  {
-    name: "Bangladesh",
-    code: "BD",
-    timeZone: "Asia/Dhaka",
-    phoneNumberExtension: "880"
-  },
-  {
-    name: "Barbados",
-    code: "BB",
-    timeZone: "America/Barbados",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Belarus",
-    code: "BY",
-    timeZone: "Europe/Minsk",
-    phoneNumberExtension: "375"
-  },
-  {
-    name: "Belgium",
-    code: "BE",
-    timeZone: "Europe/Brussels",
-    phoneNumberExtension: "32"
-  },
-  {
-    name: "Belize",
-    code: "BZ",
-    timeZone: "America/Belize",
-    phoneNumberExtension: "501"
-  },
-  {
-    name: "Benin",
-    code: "BJ",
-    timeZone: "Africa/Porto-Novo",
-    phoneNumberExtension: "229"
-  },
-  {
-    name: "Bermuda",
-    code: "BM",
-    timeZone: "Atlantic/Bermuda",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Bhutan",
-    code: "BT",
-    timeZone: "Asia/Thimphu",
-    phoneNumberExtension: "975"
-  },
-  {
-    name: "Bolivia",
-    code: "BO",
-    timeZone: "America/La_Paz",
-    phoneNumberExtension: "591"
-  },
-  {
-    name: "Bosnia and Herzegovina",
-    code: "BA",
-    timeZone: "Europe/Sarajevo",
-    phoneNumberExtension: "387"
-  },
-  {
-    name: "Botswana",
-    code: "BW",
-    timeZone: "Africa/Gaborone",
-    phoneNumberExtension: "267"
-  },
-  {
-    name: "Bouvet Island",
-    code: "BV",
-    timeZone: "Europe/Oslo",
-    phoneNumberExtension: "47"
+// src/components/alerts/Alert.tsx
+import { memo as memo6, useCallback as useCallback2, useEffect as useEffect3, useMemo, useRef, useState } from "react";
+import styled6 from "styled-components";
+
+// src/plugins/alerts.ts
+var defaultAlertsPluginOptions = {
+  position: "bottom",
+  align: "right",
+  defaultDuration: "auto",
+  maxWidth: 460,
+  withLoaderBar: true,
+  withCloseButton: true
+};
+var alertsPlugin = (options) => ({
+  name: "alerts",
+  initialize: () => {
+    console.log("alerts plugin initialized");
   },
-  {
-    name: "Brazil",
-    code: "BR",
-    timeZone: "America/Sao_Paulo",
-    phoneNumberExtension: "55"
+  getConfig: () => ({
+    ...defaultAlertsPluginOptions,
+    ...options
+  })
+});
+
+// src/plugins/reactRouterDom.ts
+var defaultReactRouterDomPluginOptions = {};
+var reactRouterDomPlugin = (options) => ({
+  name: "react-router-dom",
+  initialize: () => {
+    console.log("react-router-dom plugin initialized");
   },
-  {
-    name: "British Indian Ocean Territory",
-    code: "IO",
-    timeZone: "Indian/Chagos",
-    phoneNumberExtension: "246"
-  },
-  {
-    name: "Brunei Darussalam",
-    code: "BN",
-    timeZone: "Asia/Brunei",
-    phoneNumberExtension: "673"
-  },
-  {
-    name: "Bulgaria",
-    code: "BG",
-    timeZone: "Europe/Sofia",
-    phoneNumberExtension: "359",
-    phoneNumberFormat: "XX XXX XXXX"
-  },
-  {
-    name: "Burkina Faso",
-    code: "BF",
-    timeZone: "Africa/Ouagadougou",
-    phoneNumberExtension: "226"
-  },
-  {
-    name: "Burundi",
-    code: "BI",
-    timeZone: "Africa/Bujumbura",
-    phoneNumberExtension: "257"
-  },
-  {
-    name: "Cambodia",
-    code: "KH",
-    timeZone: "Asia/Phnom_Penh",
-    phoneNumberExtension: "855"
-  },
-  {
-    name: "Cameroon",
-    code: "CM",
-    timeZone: "Africa/Douala",
-    phoneNumberExtension: "237"
-  },
-  {
-    name: "Canada",
-    code: "CA",
-    timeZone: "America/Toronto",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Cape Verde",
-    code: "CV",
-    timeZone: "Atlantic/Cape_Verde",
-    phoneNumberExtension: "238"
-  },
-  {
-    name: "Cayman Islands",
-    code: "KY",
-    timeZone: "America/Cayman",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Central African Republic",
-    code: "CF",
-    timeZone: "Africa/Bangui",
-    phoneNumberExtension: "236"
-  },
-  {
-    name: "Chad",
-    code: "TD",
-    timeZone: "Africa/Ndjamena",
-    phoneNumberExtension: "235"
-  },
-  {
-    name: "Chile",
-    code: "CL",
-    timeZone: "America/Santiago",
-    phoneNumberExtension: "56"
-  },
-  {
-    name: "China",
-    code: "CN",
-    timeZone: "Asia/Shanghai",
-    phoneNumberExtension: "86"
-  },
-  {
-    name: "Christmas Island",
-    code: "CX",
-    timeZone: "Indian/Christmas",
-    phoneNumberExtension: "61"
-  },
-  {
-    name: "Cocos (Keeling) Islands",
-    code: "CC",
-    timeZone: "Indian/Cocos",
-    phoneNumberExtension: "61"
-  },
-  {
-    name: "Colombia",
-    code: "CO",
-    timeZone: "America/Bogota",
-    phoneNumberExtension: "57"
-  },
-  {
-    name: "Comoros",
-    code: "KM",
-    timeZone: "Indian/Comoro",
-    phoneNumberExtension: "269"
-  },
-  {
-    name: "Congo",
-    code: "CG",
-    timeZone: "Africa/Brazzaville",
-    phoneNumberExtension: "242"
-  },
-  {
-    name: "Congo, The Democratic Republic of the",
-    code: "CD",
-    timeZone: "Africa/Kinshasa",
-    phoneNumberExtension: "243"
-  },
-  {
-    name: "Cook Islands",
-    code: "CK",
-    timeZone: "Pacific/Rarotonga",
-    phoneNumberExtension: "682"
-  },
-  {
-    name: "Costa Rica",
-    code: "CR",
-    timeZone: "America/Costa_Rica",
-    phoneNumberExtension: "506"
-  },
-  {
-    name: "Cote D'Ivoire",
-    code: "CI",
-    timeZone: "Africa/Abidjan",
-    phoneNumberExtension: "225"
-  },
-  {
-    name: "Croatia",
-    code: "HR",
-    timeZone: "Europe/Zagreb",
-    phoneNumberExtension: "385"
-  },
-  {
-    name: "Cuba",
-    code: "CU",
-    timeZone: "America/Havana",
-    phoneNumberExtension: "53"
-  },
-  {
-    name: "Cyprus",
-    code: "CY",
-    timeZone: "Asia/Nicosia",
-    phoneNumberExtension: "357"
-  },
-  {
-    name: "Czech Republic",
-    code: "CZ",
-    timeZone: "Europe/Prague",
-    phoneNumberExtension: "420"
-  },
-  {
-    name: "Denmark",
-    code: "DK",
-    timeZone: "Europe/Copenhagen",
-    phoneNumberExtension: "45"
-  },
-  {
-    name: "Djibouti",
-    code: "DJ",
-    timeZone: "Africa/Djibouti",
-    phoneNumberExtension: "253"
-  },
-  {
-    name: "Dominica",
-    code: "DM",
-    timeZone: "America/Dominica",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Dominican Republic",
-    code: "DO",
-    timeZone: "America/Santo_Domingo",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Ecuador",
-    code: "EC",
-    timeZone: "America/Guayaquil",
-    phoneNumberExtension: "593"
-  },
-  {
-    name: "Egypt",
-    code: "EG",
-    timeZone: "Africa/Cairo",
-    phoneNumberExtension: "20"
-  },
-  {
-    name: "El Salvador",
-    code: "SV",
-    timeZone: "America/El_Salvador",
-    phoneNumberExtension: "503"
-  },
-  {
-    name: "Equatorial Guinea",
-    code: "GQ",
-    timeZone: "Africa/Malabo",
-    phoneNumberExtension: "240"
-  },
-  {
-    name: "Eritrea",
-    code: "ER",
-    timeZone: "Africa/Asmara",
-    phoneNumberExtension: "291"
-  },
-  {
-    name: "Estonia",
-    code: "EE",
-    timeZone: "Europe/Tallinn",
-    phoneNumberExtension: "372"
-  },
-  {
-    name: "Ethiopia",
-    code: "ET",
-    timeZone: "Africa/Addis_Ababa",
-    phoneNumberExtension: "251"
-  },
-  {
-    name: "Falkland Islands (Malvinas)",
-    code: "FK",
-    timeZone: "Atlantic/Stanley",
-    phoneNumberExtension: "500"
-  },
-  {
-    name: "Faroe Islands",
-    code: "FO",
-    timeZone: "Atlantic/Faroe",
-    phoneNumberExtension: "298"
-  },
-  {
-    name: "Fiji",
-    code: "FJ",
-    timeZone: "Pacific/Fiji",
-    phoneNumberExtension: "679"
-  },
-  {
-    name: "Finland",
-    code: "FI",
-    timeZone: "Europe/Helsinki",
-    phoneNumberExtension: "358",
-    phoneNumberFormat: "XX XXX XX XX"
-  },
-  {
-    name: "France",
-    code: "FR",
-    timeZone: "Europe/Paris",
-    phoneNumberExtension: "33",
-    phoneNumberFormat: "X XX XX XX XX"
-  },
-  {
-    name: "French Guiana",
-    code: "GF",
-    timeZone: "America/Cayenne",
-    phoneNumberExtension: "594"
-  },
-  {
-    name: "French Polynesia",
-    code: "PF",
-    timeZone: "Pacific/Tahiti",
-    phoneNumberExtension: "689"
-  },
-  {
-    name: "French Southern Territories",
-    code: "TF",
-    timeZone: "Indian/Kerguelen",
-    phoneNumberExtension: "262"
-  },
-  {
-    name: "Gabon",
-    code: "GA",
-    timeZone: "Africa/Libreville",
-    phoneNumberExtension: "241"
-  },
-  {
-    name: "Gambia",
-    code: "GM",
-    timeZone: "Africa/Banjul",
-    phoneNumberExtension: "220"
-  },
-  {
-    name: "Georgia",
-    code: "GE",
-    timeZone: "Asia/Tbilisi",
-    phoneNumberExtension: "995"
-  },
-  {
-    name: "Germany",
-    code: "DE",
-    timeZone: "Europe/Berlin",
-    phoneNumberExtension: "49",
-    phoneNumberFormat: "XXXX XXXXXXX"
-  },
-  {
-    name: "Ghana",
-    code: "GH",
-    timeZone: "Africa/Accra",
-    phoneNumberExtension: "233"
-  },
-  {
-    name: "Gibraltar",
-    code: "GI",
-    timeZone: "Europe/Gibraltar",
-    phoneNumberExtension: "350"
-  },
-  {
-    name: "Greece",
-    code: "GR",
-    timeZone: "Europe/Athens",
-    phoneNumberExtension: "30"
-  },
-  {
-    name: "Greenland",
-    code: "GL",
-    timeZone: "America/Godthab",
-    phoneNumberExtension: "299"
-  },
-  {
-    name: "Grenada",
-    code: "GD",
-    timeZone: "America/Grenada",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Guadeloupe",
-    code: "GP",
-    timeZone: "America/Guadeloupe",
-    phoneNumberExtension: "590"
-  },
-  {
-    name: "Guam",
-    code: "GU",
-    timeZone: "Pacific/Guam",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Guatemala",
-    code: "GT",
-    timeZone: "America/Guatemala",
-    phoneNumberExtension: "502"
-  },
-  {
-    name: "United Kingdom",
-    code: "GB",
-    timeZone: "Europe/London",
-    phoneNumberExtension: "44",
-    phoneNumberFormat: "XX XXXX XXXX"
-  },
-  {
-    name: "Guernsey",
-    code: "GG",
-    timeZone: "Europe/Guernsey",
-    phoneNumberExtension: "44",
-    phoneNumberFormat: "XX XXXX XXXX"
-  },
-  {
-    name: "Guinea",
-    code: "GN",
-    timeZone: "Africa/Conakry",
-    phoneNumberExtension: "224"
-  },
-  {
-    name: "Guinea-Bissau",
-    code: "GW",
-    timeZone: "Africa/Bissau",
-    phoneNumberExtension: "245"
-  },
-  {
-    name: "Guyana",
-    code: "GY",
-    timeZone: "America/Guyana",
-    phoneNumberExtension: "592"
-  },
-  {
-    name: "Haiti",
-    code: "HT",
-    timeZone: "America/Port-au-Prince",
-    phoneNumberExtension: "509"
-  },
-  {
-    name: "Heard Island and Mcdonald Islands",
-    code: "HM",
-    timeZone: "Indian/Kerguelen",
-    phoneNumberExtension: "672"
-  },
-  {
-    name: "Holy See (Vatican City State)",
-    code: "VA",
-    timeZone: "Europe/Vatican",
-    phoneNumberExtension: "379"
-  },
-  {
-    name: "Honduras",
-    code: "HN",
-    timeZone: "America/Tegucigalpa",
-    phoneNumberExtension: "504"
-  },
-  {
-    name: "Hong Kong",
-    code: "HK",
-    timeZone: "Asia/Hong_Kong",
-    phoneNumberExtension: "852"
-  },
-  {
-    name: "Hungary",
-    code: "HU",
-    timeZone: "Europe/Budapest",
-    phoneNumberExtension: "36"
-  },
-  {
-    name: "Iceland",
-    code: "IS",
-    timeZone: "Atlantic/Reykjavik",
-    phoneNumberExtension: "354"
-  },
-  {
-    name: "India",
-    code: "IN",
-    timeZone: "Asia/Kolkata",
-    phoneNumberExtension: "91"
-  },
-  {
-    name: "Indonesia",
-    code: "ID",
-    timeZone: "Asia/Jakarta",
-    phoneNumberExtension: "62"
-  },
-  {
-    name: "Iran, Islamic Republic Of",
-    code: "IR",
-    timeZone: "Asia/Tehran",
-    phoneNumberExtension: "98"
-  },
-  {
-    name: "Iraq",
-    code: "IQ",
-    timeZone: "Asia/Baghdad",
-    phoneNumberExtension: "964"
-  },
-  {
-    name: "Ireland",
-    code: "IE",
-    timeZone: "Europe/Dublin",
-    phoneNumberExtension: "353"
-  },
-  {
-    name: "Israel",
-    code: "IL",
-    timeZone: "Asia/Jerusalem",
-    phoneNumberExtension: "972"
-  },
-  {
-    name: "Italy",
-    code: "IT",
-    timeZone: "Europe/Rome",
-    phoneNumberExtension: "39",
-    phoneNumberFormat: "XXX XXX XXXX"
-  },
-  {
-    name: "Jamaica",
-    code: "JM",
-    timeZone: "America/Jamaica",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Japan",
-    code: "JP",
-    timeZone: "Asia/Tokyo",
-    phoneNumberExtension: "81"
-  },
-  {
-    name: "Jersey",
-    code: "JE",
-    timeZone: "Europe/Jersey",
-    phoneNumberExtension: "44",
-    phoneNumberFormat: "XX XXXX XXXX"
-  },
-  {
-    name: "Jordan",
-    code: "JO",
-    timeZone: "Asia/Amman",
-    phoneNumberExtension: "962"
-  },
-  {
-    name: "Kazakhstan",
-    code: "KZ",
-    timeZone: "Asia/Almaty",
-    phoneNumberExtension: "7"
-  },
-  {
-    name: "Kenya",
-    code: "KE",
-    timeZone: "Africa/Nairobi",
-    phoneNumberExtension: "254"
-  },
-  {
-    name: "Kiribati",
-    code: "KI",
-    timeZone: "Pacific/Tarawa",
-    phoneNumberExtension: "686"
-  },
-  {
-    name: "Korea, Democratic People's Republic of (North Korea)",
-    code: "KP",
-    timeZone: "Asia/Pyongyang",
-    phoneNumberExtension: "850"
-  },
-  {
-    name: "Korea, Republic of (South Korea)",
-    code: "KR",
-    timeZone: "Asia/Seoul",
-    phoneNumberExtension: "82"
-  },
-  {
-    name: "Kuwait",
-    code: "KW",
-    timeZone: "Asia/Kuwait",
-    phoneNumberExtension: "965"
-  },
-  {
-    name: "Kyrgyzstan",
-    code: "KG",
-    timeZone: "Asia/Bishkek",
-    phoneNumberExtension: "996"
-  },
-  {
-    name: "Lao People's Democratic Republic",
-    code: "LA",
-    timeZone: "Asia/Vientiane",
-    phoneNumberExtension: "856"
-  },
-  {
-    name: "Latvia",
-    code: "LV",
-    timeZone: "Europe/Riga",
-    phoneNumberExtension: "371"
-  },
-  {
-    name: "Lebanon",
-    code: "LB",
-    timeZone: "Asia/Beirut",
-    phoneNumberExtension: "961"
-  },
-  {
-    name: "Lesotho",
-    code: "LS",
-    timeZone: "Africa/Maseru",
-    phoneNumberExtension: "266"
-  },
-  {
-    name: "Liberia",
-    code: "LR",
-    timeZone: "Africa/Monrovia",
-    phoneNumberExtension: "231"
-  },
-  {
-    name: "Libyan Arab Jamahiriya",
-    code: "LY",
-    timeZone: "Africa/Tripoli",
-    phoneNumberExtension: "218"
-  },
-  {
-    name: "Liechtenstein",
-    code: "LI",
-    timeZone: "Europe/Vaduz",
-    phoneNumberExtension: "423"
-  },
-  {
-    name: "Lithuania",
-    code: "LT",
-    timeZone: "Europe/Vilnius",
-    phoneNumberExtension: "370"
-  },
-  {
-    name: "Luxembourg",
-    code: "LU",
-    timeZone: "Europe/Luxembourg",
-    phoneNumberExtension: "352"
-  },
-  {
-    name: "Macao",
-    code: "MO",
-    timeZone: "Asia/Macau",
-    phoneNumberExtension: "853"
-  },
-  {
-    name: "Macedonia, The Former Yugoslav Republic of",
-    code: "MK",
-    timeZone: "Europe/Skopje",
-    phoneNumberExtension: "389"
-  },
-  {
-    name: "Madagascar",
-    code: "MG",
-    timeZone: "Indian/Antananarivo",
-    phoneNumberExtension: "261"
-  },
-  {
-    name: "Malawi",
-    code: "MW",
-    timeZone: "Africa/Blantyre",
-    phoneNumberExtension: "265"
-  },
-  {
-    name: "Malaysia",
-    code: "MY",
-    timeZone: "Asia/Kuala_Lumpur",
-    phoneNumberExtension: "60"
-  },
-  {
-    name: "Maldives",
-    code: "MV",
-    timeZone: "Indian/Maldives",
-    phoneNumberExtension: "960"
-  },
-  {
-    name: "Mali",
-    code: "ML",
-    timeZone: "Africa/Bamako",
-    phoneNumberExtension: "223"
-  },
-  {
-    name: "Malta",
-    code: "MT",
-    timeZone: "Europe/Malta",
-    phoneNumberExtension: "356"
-  },
-  {
-    name: "Marshall Islands",
-    code: "MH",
-    timeZone: "Pacific/Majuro",
-    phoneNumberExtension: "692"
-  },
-  {
-    name: "Martinique",
-    code: "MQ",
-    timeZone: "America/Martinique",
-    phoneNumberExtension: "596"
-  },
-  {
-    name: "Mauritania",
-    code: "MR",
-    timeZone: "Africa/Nouakchott",
-    phoneNumberExtension: "222"
-  },
-  {
-    name: "Mauritius",
-    code: "MU",
-    timeZone: "Indian/Mauritius",
-    phoneNumberExtension: "230"
-  },
-  {
-    name: "Mayotte",
-    code: "YT",
-    timeZone: "Indian/Mayotte",
-    phoneNumberExtension: "262"
-  },
-  {
-    name: "Mexico",
-    code: "MX",
-    timeZone: "America/Mexico_City",
-    phoneNumberExtension: "52"
-  },
-  {
-    name: "Micronesia, Federated States of",
-    code: "FM",
-    timeZone: "Pacific/Chuuk",
-    phoneNumberExtension: "691"
-  },
-  {
-    name: "Moldova, Republic of",
-    code: "MD",
-    timeZone: "Europe/Chisinau",
-    phoneNumberExtension: "373"
-  },
-  {
-    name: "Monaco",
-    code: "MC",
-    timeZone: "Europe/Monaco",
-    phoneNumberExtension: "377"
-  },
-  {
-    name: "Mongolia",
-    code: "MN",
-    timeZone: "Asia/Ulaanbaatar",
-    phoneNumberExtension: "976"
-  },
-  {
-    name: "Montserrat",
-    code: "MS",
-    timeZone: "America/Montserrat",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Morocco",
-    code: "MA",
-    timeZone: "Africa/Casablanca",
-    phoneNumberExtension: "212"
-  },
-  {
-    name: "Mozambique",
-    code: "MZ",
-    timeZone: "Africa/Maputo",
-    phoneNumberExtension: "258"
-  },
-  {
-    name: "Myanmar",
-    code: "MM",
-    timeZone: "Asia/Yangon",
-    phoneNumberExtension: "95"
-  },
-  {
-    name: "Namibia",
-    code: "NA",
-    timeZone: "Africa/Windhoek",
-    phoneNumberExtension: "264"
-  },
-  {
-    name: "Nauru",
-    code: "NR",
-    timeZone: "Pacific/Nauru",
-    phoneNumberExtension: "674"
-  },
-  {
-    name: "Nepal",
-    code: "NP",
-    timeZone: "Asia/Kathmandu",
-    phoneNumberExtension: "977"
-  },
-  {
-    name: "Netherlands",
-    code: "NL",
-    timeZone: "Europe/Amsterdam",
-    phoneNumberExtension: "31"
-  },
-  {
-    name: "New Caledonia",
-    code: "NC",
-    timeZone: "Pacific/Noumea",
-    phoneNumberExtension: "687"
-  },
-  {
-    name: "New Zealand",
-    code: "NZ",
-    timeZone: "Pacific/Auckland",
-    phoneNumberExtension: "64"
-  },
-  {
-    name: "Nicaragua",
-    code: "NI",
-    timeZone: "America/Managua",
-    phoneNumberExtension: "505"
-  },
-  {
-    name: "Niger",
-    code: "NE",
-    timeZone: "Africa/Niamey",
-    phoneNumberExtension: "227"
-  },
-  {
-    name: "Nigeria",
-    code: "NG",
-    timeZone: "Africa/Lagos",
-    phoneNumberExtension: "234"
-  },
-  {
-    name: "Niue",
-    code: "NU",
-    timeZone: "Pacific/Niue",
-    phoneNumberExtension: "683"
-  },
-  {
-    name: "Norfolk Island",
-    code: "NF",
-    timeZone: "Pacific/Norfolk",
-    phoneNumberExtension: "672"
-  },
-  {
-    name: "Northern Mariana Islands",
-    code: "MP",
-    timeZone: "Pacific/Saipan",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Norway",
-    code: "NO",
-    timeZone: "Europe/Oslo",
-    phoneNumberExtension: "47"
-  },
-  {
-    name: "Oman",
-    code: "OM",
-    timeZone: "Asia/Muscat",
-    phoneNumberExtension: "968"
-  },
-  {
-    name: "Pakistan",
-    code: "PK",
-    timeZone: "Asia/Karachi",
-    phoneNumberExtension: "92"
-  },
-  {
-    name: "Palau",
-    code: "PW",
-    timeZone: "Pacific/Palau",
-    phoneNumberExtension: "680"
-  },
-  {
-    name: "Palestinian Territory, Occupied",
-    code: "PS",
-    timeZone: "Asia/Hebron",
-    phoneNumberExtension: "970"
-  },
-  {
-    name: "Panama",
-    code: "PA",
-    timeZone: "America/Panama",
-    phoneNumberExtension: "507"
-  },
-  {
-    name: "Papua New Guinea",
-    code: "PG",
-    timeZone: "Pacific/Port_Moresby",
-    phoneNumberExtension: "675"
-  },
-  {
-    name: "Paraguay",
-    code: "PY",
-    timeZone: "America/Asuncion",
-    phoneNumberExtension: "595"
-  },
-  {
-    name: "Peru",
-    code: "PE",
-    timeZone: "America/Lima",
-    phoneNumberExtension: "51"
-  },
-  {
-    name: "Philippines",
-    code: "PH",
-    timeZone: "Asia/Manila",
-    phoneNumberExtension: "63"
-  },
-  {
-    name: "Pitcairn",
-    code: "PN",
-    timeZone: "Pacific/Pitcairn",
-    phoneNumberExtension: "64"
-  },
-  {
-    name: "Poland",
-    code: "PL",
-    timeZone: "Europe/Warsaw",
-    phoneNumberExtension: "48"
-  },
-  {
-    name: "Portugal",
-    code: "PT",
-    timeZone: "Europe/Lisbon",
-    phoneNumberExtension: "351"
-  },
-  {
-    name: "Puerto Rico",
-    code: "PR",
-    timeZone: "America/Puerto_Rico",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Qatar",
-    code: "QA",
-    timeZone: "Asia/Qatar",
-    phoneNumberExtension: "974"
-  },
-  {
-    name: "Reunion",
-    code: "RE",
-    timeZone: "Indian/Reunion",
-    phoneNumberExtension: "262"
-  },
-  {
-    name: "Romania",
-    code: "RO",
-    timeZone: "Europe/Bucharest",
-    phoneNumberExtension: "40"
-  },
-  {
-    name: "Russian Federation",
-    code: "RU",
-    timeZone: "Europe/Moscow",
-    phoneNumberExtension: "7"
-  },
-  {
-    name: "RWANDA",
-    code: "RW",
-    timeZone: "Africa/Kigali",
-    phoneNumberExtension: "250"
-  },
-  {
-    name: "Saint Helena",
-    code: "SH",
-    timeZone: "Atlantic/St_Helena",
-    phoneNumberExtension: "290"
-  },
-  {
-    name: "Saint Kitts and Nevis",
-    code: "KN",
-    timeZone: "America/St_Kitts",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Saint Lucia",
-    code: "LC",
-    timeZone: "America/St_Lucia",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Saint Pierre and Miquelon",
-    code: "PM",
-    timeZone: "America/Miquelon",
-    phoneNumberExtension: "508"
-  },
-  {
-    name: "Saint Vincent and the Grenadines",
-    code: "VC",
-    timeZone: "America/St_Vincent",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Samoa",
-    code: "WS",
-    timeZone: "Pacific/Apia",
-    phoneNumberExtension: "685"
-  },
-  {
-    name: "San Marino",
-    code: "SM",
-    timeZone: "Europe/San_Marino",
-    phoneNumberExtension: "378"
-  },
-  {
-    name: "Sao Tome and Principe",
-    code: "ST",
-    timeZone: "Africa/Sao_Tome",
-    phoneNumberExtension: "239"
-  },
-  {
-    name: "Saudi Arabia",
-    code: "SA",
-    timeZone: "Asia/Riyadh",
-    phoneNumberExtension: "966"
-  },
-  {
-    name: "Senegal",
-    code: "SN",
-    timeZone: "Africa/Dakar",
-    phoneNumberExtension: "221"
-  },
-  {
-    name: "Republic of Serbia",
-    code: "RS",
-    timeZone: "Europe/Belgrade",
-    phoneNumberExtension: "381"
-  },
-  {
-    name: "Seychelles",
-    code: "SC",
-    timeZone: "Indian/Mahe",
-    phoneNumberExtension: "248"
-  },
-  {
-    name: "Sierra Leone",
-    code: "SL",
-    timeZone: "Africa/Freetown",
-    phoneNumberExtension: "232"
-  },
-  {
-    name: "Singapore",
-    code: "SG",
-    timeZone: "Asia/Singapore",
-    phoneNumberExtension: "65"
-  },
-  {
-    name: "Slovakia",
-    code: "SK",
-    timeZone: "Europe/Bratislava",
-    phoneNumberExtension: "421"
-  },
-  {
-    name: "Slovenia",
-    code: "SI",
-    timeZone: "Europe/Ljubljana",
-    phoneNumberExtension: "386"
-  },
-  {
-    name: "Solomon Islands",
-    code: "SB",
-    timeZone: "Pacific/Guadalcanal",
-    phoneNumberExtension: "677"
-  },
-  {
-    name: "Somalia",
-    code: "SO",
-    timeZone: "Africa/Mogadishu",
-    phoneNumberExtension: "252"
-  },
-  {
-    name: "South Africa",
-    code: "ZA",
-    timeZone: "Africa/Johannesburg",
-    phoneNumberExtension: "27"
-  },
-  {
-    name: "South Georgia and the South Sandwich Islands",
-    code: "GS",
-    timeZone: "Atlantic/South_Georgia",
-    phoneNumberExtension: "500"
-  },
-  {
-    name: "Spain",
-    code: "ES",
-    timeZone: "Europe/Madrid",
-    phoneNumberExtension: "34"
-  },
-  {
-    name: "Sri Lanka",
-    code: "LK",
-    timeZone: "Asia/Colombo",
-    phoneNumberExtension: "94"
-  },
-  {
-    name: "Sudan",
-    code: "SD",
-    timeZone: "Africa/Khartoum",
-    phoneNumberExtension: "249"
-  },
-  {
-    name: "Suriname",
-    code: "SR",
-    timeZone: "America/Paramaribo",
-    phoneNumberExtension: "597"
-  },
-  {
-    name: "Svalbard and Jan Mayen",
-    code: "SJ",
-    timeZone: "Arctic/Longyearbyen",
-    phoneNumberExtension: "47"
-  },
-  {
-    name: "Swaziland",
-    code: "SZ",
-    timeZone: "Africa/Mbabane",
-    phoneNumberExtension: "268"
-  },
-  {
-    name: "Sweden",
-    code: "SE",
-    timeZone: "Europe/Stockholm",
-    phoneNumberExtension: "46"
-  },
-  {
-    name: "Switzerland",
-    code: "CH",
-    timeZone: "Europe/Zurich",
-    phoneNumberExtension: "41"
-  },
-  {
-    name: "Syrian Arab Republic",
-    code: "SY",
-    timeZone: "Asia/Damascus",
-    phoneNumberExtension: "963"
-  },
-  {
-    name: "Taiwan, Province of China",
-    code: "TW",
-    timeZone: "Asia/Taipei",
-    phoneNumberExtension: "886"
-  },
-  {
-    name: "Tajikistan",
-    code: "TJ",
-    timeZone: "Asia/Dushanbe",
-    phoneNumberExtension: "992"
-  },
-  {
-    name: "Tanzania, United Republic of",
-    code: "TZ",
-    timeZone: "Africa/Dar_es_Salaam",
-    phoneNumberExtension: "255"
-  },
-  {
-    name: "Thailand",
-    code: "TH",
-    timeZone: "Asia/Bangkok",
-    phoneNumberExtension: "66"
-  },
-  {
-    name: "Timor-Leste",
-    code: "TL",
-    timeZone: "Asia/Dili",
-    phoneNumberExtension: "670"
-  },
-  {
-    name: "Togo",
-    code: "TG",
-    timeZone: "Africa/Lome",
-    phoneNumberExtension: "228"
-  },
-  {
-    name: "Tokelau",
-    code: "TK",
-    timeZone: "Pacific/Fakaofo",
-    phoneNumberExtension: "690"
-  },
-  {
-    name: "Tonga",
-    code: "TO",
-    timeZone: "Pacific/Tongatapu",
-    phoneNumberExtension: "676"
-  },
-  {
-    name: "Trinidad and Tobago",
-    code: "TT",
-    timeZone: "America/Port_of_Spain",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Tunisia",
-    code: "TN",
-    timeZone: "Africa/Tunis",
-    phoneNumberExtension: "216"
-  },
-  {
-    name: "Turkey",
-    code: "TR",
-    timeZone: "Europe/Istanbul",
-    phoneNumberExtension: "90"
-  },
-  {
-    name: "Turkmenistan",
-    code: "TM",
-    timeZone: "Asia/Ashgabat",
-    phoneNumberExtension: "993"
-  },
-  {
-    name: "Turks and Caicos Islands",
-    code: "TC",
-    timeZone: "America/Grand_Turk",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Tuvalu",
-    code: "TV",
-    timeZone: "Pacific/Funafuti",
-    phoneNumberExtension: "688"
-  },
-  {
-    name: "Uganda",
-    code: "UG",
-    timeZone: "Africa/Kampala",
-    phoneNumberExtension: "256"
-  },
-  {
-    name: "Ukraine",
-    code: "UA",
-    timeZone: "Europe/Kiev",
-    phoneNumberExtension: "380"
-  },
-  {
-    name: "United Arab Emirates",
-    code: "AE",
-    timeZone: "Asia/Dubai",
-    phoneNumberExtension: "971"
-  },
-  {
-    name: "United States Minor Outlying Islands",
-    code: "UM",
-    timeZone: "Pacific/Midway",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Uruguay",
-    code: "UY",
-    timeZone: "America/Montevideo",
-    phoneNumberExtension: "598"
-  },
-  {
-    name: "Uzbekistan",
-    code: "UZ",
-    timeZone: "Asia/Tashkent",
-    phoneNumberExtension: "998"
-  },
-  {
-    name: "Vanuatu",
-    code: "VU",
-    timeZone: "Pacific/Efate",
-    phoneNumberExtension: "678"
-  },
-  {
-    name: "Venezuela",
-    code: "VE",
-    timeZone: "America/Caracas",
-    phoneNumberExtension: "58"
-  },
-  {
-    name: "Viet Nam",
-    code: "VN",
-    timeZone: "Asia/Ho_Chi_Minh",
-    phoneNumberExtension: "84"
-  },
-  {
-    name: "Virgin Islands, British",
-    code: "VG",
-    timeZone: "America/Tortola",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Virgin Islands, U.S.",
-    code: "VI",
-    timeZone: "America/St_Thomas",
-    phoneNumberExtension: "1",
-    phoneNumberFormat: "(XXX)XXX-XXXX"
-  },
-  {
-    name: "Wallis and Futuna",
-    code: "WF",
-    timeZone: "Pacific/Wallis",
-    phoneNumberExtension: "681"
-  },
-  {
-    name: "Western Sahara",
-    code: "EH",
-    timeZone: "Africa/El_Aaiun",
-    phoneNumberExtension: "212"
-  },
-  {
-    name: "Yemen",
-    code: "YE",
-    timeZone: "Asia/Aden",
-    phoneNumberExtension: "967"
-  },
-  {
-    name: "Zambia",
-    code: "ZM",
-    timeZone: "Africa/Lusaka",
-    phoneNumberExtension: "260"
-  },
-  {
-    name: "Zimbabwe",
-    code: "ZW",
-    timeZone: "Africa/Harare",
-    phoneNumberExtension: "263"
-  }
-];
-
-// src/utils/variableFunctions.ts
-var checkBetterHtmlContextValue = (value, functionsName) => {
-  if (value === void 0) {
-    throw new Error(
-      `\`${functionsName}()\` must be used within a \`<BetterHtmlProvider>\`. Make sure to add one at the root of your component tree.`
-    );
-  }
-  return value !== void 0;
-};
-var loaderControls = {
-  startLoading: (loaderName) => {
-    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.startLoading")) return;
-    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
-      ...oldValue,
-      [loaderName.toString()]: true
-    }));
-  },
-  stopLoading: (loaderName) => {
-    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.stopLoading")) return;
-    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
-      ...oldValue,
-      [loaderName.toString()]: false
-    }));
-  }
-};
-var alertControls = {
-  createAlert: (alert) => {
-    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "alertControls.createAlert"))
-      return void 0;
-    const readyAlert = {
-      id: crypto.randomUUID(),
-      ...alert
-    };
-    externalBetterHtmlContextValue.setAlerts((oldValue) => [...oldValue, readyAlert]);
-    return readyAlert;
-  },
-  removeAlert: (alertId) => {
-    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "alertControls.removeAlert")) return;
-    externalBetterHtmlContextValue.setAlerts((oldValue) => oldValue.filter((alert) => alert.id !== alertId));
-  }
-};
-var colorThemeControls = {
-  toggleTheme: (theme2) => {
-    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "colorThemeControls.toggleTheme")) return;
-    const currentColorTheme = externalBetterHtmlContextValue.colorTheme;
-    const newColorTheme = theme2 ?? (currentColorTheme === "dark" ? "light" : "dark");
-    setTimeout(() => {
-      window.document.body.parentElement?.setAttribute("data-theme", newColorTheme);
-      LocalStorage.setItem("theme", newColorTheme);
-    }, 0.01 * 1e3);
-  }
-};
-var filterHover = () => {
-  if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "filterHover")) return void 0;
-  return {
-    z05: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.2)" : "brightness(0.95)",
-    z1: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.3)" : "brightness(0.9)",
-    z2: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.6)" : "brightness(0.8)",
-    z3: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.9)" : "brightness(0.7)"
-  };
-};
-
-// src/utils/functions.ts
-var generateRandomString = (stringLength, options) => {
-  const capitals = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  const lowers = "abcdefghijklmnopqrstuvwxyz";
-  const numbers = "0123456789";
-  const includes = [];
-  if (options?.includeCapitalLetters !== false) includes.push(capitals);
-  if (options?.includeLowerLetters !== false) includes.push(lowers);
-  if (options?.includeNumbers !== false) includes.push(numbers);
-  const characters = includes.join("");
-  const dashSections = Math.max(1, options?.dashSections ?? 1);
-  const dashSectionLength = Math.floor(stringLength / dashSections);
-  if (stringLength < dashSections) return "";
-  let result = "";
-  let currentSectionLength = 0;
-  while (result.length < stringLength) {
-    if (currentSectionLength >= dashSectionLength) {
-      result += "-";
-      currentSectionLength = 0;
-    }
-    if (result.length < stringLength) {
-      result += characters.charAt(Math.floor(Math.random() * characters.length));
-      currentSectionLength += 1;
-    }
-  }
-  return result;
-};
-var getBrowser = () => {
-  const userAgent = navigator.userAgent.toLowerCase();
-  if (userAgent.includes("firefox")) return "firefox";
-  if (userAgent.includes("chrome") && !userAgent.includes("edg")) return "chrome";
-  if (userAgent.includes("safari") && !userAgent.includes("chrome")) return "safari";
-  if (userAgent.includes("edg")) return "edge";
-  if (userAgent.includes("opr") || userAgent.includes("opera")) return "opera";
-  return;
-};
-var formatPhoneNumber = (phoneNumber) => {
-  const cleanPhoneNumber = phoneNumber.replace(/\D/g, "");
-  const country = countries.find(
-    (country2) => country2.phoneNumberExtension === cleanPhoneNumber.slice(0, country2.phoneNumberExtension.length)
-  );
-  if (!country) return phoneNumber;
-  let phonNumberRest = cleanPhoneNumber.slice(country.phoneNumberExtension.length);
-  if (country.phoneNumberFormat) {
-    let formattedNumber = "";
-    let index = 0;
-    for (const char of country.phoneNumberFormat) {
-      if (char === "X" && index < phonNumberRest.length) {
-        formattedNumber += phonNumberRest[index];
-        index++;
-      } else {
-        formattedNumber += char;
-      }
-    }
-    phonNumberRest = formattedNumber.replace(/X/g, "").trim();
-  }
-  return `+${country.phoneNumberExtension} ${phonNumberRest}`;
-};
-var getFormErrorObject = (formValues) => {
-  return {};
-};
-var eventPreventDefault = (event) => {
-  event.preventDefault();
-};
-var eventStopPropagation = (event) => {
-  event.stopPropagation();
-};
-var eventPreventStop = (event) => {
-  event.preventDefault();
-  event.stopPropagation();
-};
-var encryptString = (text) => {
-  if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "encryptString")) return void 0;
-  const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find((plugin) => plugin.name === "localStorage");
-  if (!localStoragePlugin2) {
-    throw new Error(
-      "`encryptString` hook requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
-    );
-  }
-  const pluginConfig = localStoragePlugin2.getConfig();
-  if (!pluginConfig.encryption?.enabled) return text;
-  const encrypted = CryptoJS.AES.encrypt(text, CryptoJS.enc.Hex.parse(pluginConfig.encryption.secretKey), {
-    iv: CryptoJS.enc.Hex.parse(pluginConfig.encryption.iv),
-    mode: CryptoJS.mode.CBC,
-    padding: CryptoJS.pad.Pkcs7
-  }).toString();
-  return encrypted;
-};
-var decryptString = (text) => {
-  if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "decryptString")) return void 0;
-  const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find((plugin) => plugin.name === "localStorage");
-  if (!localStoragePlugin2) {
-    throw new Error(
-      "`decryptString` hook requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
-    );
-  }
-  const pluginConfig = localStoragePlugin2.getConfig();
-  if (!pluginConfig.encryption?.enabled) return text;
-  const decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Hex.parse(pluginConfig.encryption.secretKey), {
-    iv: CryptoJS.enc.Hex.parse(pluginConfig.encryption.iv),
-    mode: CryptoJS.mode.CBC,
-    padding: CryptoJS.pad.Pkcs7
-  });
-  return decrypted.toString(CryptoJS.enc.Utf8);
-};
-
-// src/utils/localStorage.ts
-function generateLocalStorage() {
-  return {
-    setItem: (name, value) => {
-      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage"))
-        return void 0;
-      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
-        (plugin) => plugin.name === "localStorage"
-      );
-      if (!localStoragePlugin2) {
-        throw new Error(
-          "`generateLocalStorage` hook requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
-        );
-      }
-      const pluginConfig = localStoragePlugin2.getConfig();
-      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
-      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
-      const readyValue = encryptionEnabled ? encryptString(JSON.stringify(value)) : JSON.stringify(value);
-      if (value) localStorage.setItem(readyName.toString(), readyValue);
-      else localStorage.removeItem(readyName.toString());
-    },
-    getItem: (name) => {
-      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage"))
-        return void 0;
-      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
-        (plugin) => plugin.name === "localStorage"
-      );
-      if (!localStoragePlugin2) {
-        throw new Error(
-          "`generateLocalStorage` hook requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
-        );
-      }
-      const pluginConfig = localStoragePlugin2.getConfig();
-      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
-      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
-      const item = localStorage.getItem(readyName.toString());
-      if (item === null) return void 0;
-      try {
-        return encryptionEnabled ? JSON.parse(decryptString(item)) : JSON.parse(item);
-      } catch (error) {
-        return void 0;
-      }
-    },
-    removeItem: (name) => {
-      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage"))
-        return void 0;
-      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
-        (plugin) => plugin.name === "localStorage"
-      );
-      if (!localStoragePlugin2) {
-        throw new Error(
-          "`generateLocalStorage` hook requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
-        );
-      }
-      const pluginConfig = localStoragePlugin2.getConfig();
-      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
-      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
-      localStorage.removeItem(readyName.toString());
-    },
-    removeAllItems: () => {
-      localStorage.clear();
-    }
-  };
-}
-var LocalStorage = generateLocalStorage();
-
-// src/components/alerts/AlertsHolder.tsx
-import { memo as memo7 } from "react";
-
-// src/components/alerts/Alert.tsx
-import { memo as memo6, useCallback as useCallback2, useEffect as useEffect3, useMemo, useRef, useState } from "react";
-import styled6 from "styled-components";
-
-// src/plugins/alerts.ts
-var defaultAlertsPluginOptions = {
-  position: "bottom",
-  align: "right",
-  defaultDuration: "auto",
-  maxWidth: 460,
-  withLoaderBar: true,
-  withCloseButton: true
-};
-var alertsPlugin = (options) => ({
-  name: "alerts",
-  initialize: () => {
-    console.log("alerts plugin initialized");
-  },
-  getConfig: () => ({
-    ...defaultAlertsPluginOptions,
-    ...options
-  })
-});
-
-// src/plugins/reactRouterDom.ts
-var defaultReactRouterDomPluginOptions = {};
-var reactRouterDomPlugin = (options) => ({
-  name: "react-router-dom",
-  initialize: () => {
-    console.log("react-router-dom plugin initialized");
-  },
-  getConfig: () => ({
-    ...defaultReactRouterDomPluginOptions,
-    ...options
-  })
-});
-
-// src/plugins/localStorage.ts
-var defaultLocalStoragePluginOptions = {
-  encryption: {}
-};
-var localStoragePlugin = (options) => ({
-  name: "localStorage",
-  initialize: () => {
-    console.log("localStorage plugin initialized");
+  getConfig: () => ({
+    ...defaultReactRouterDomPluginOptions,
+    ...options
+  })
+});
+
+// src/plugins/localStorage.ts
+var defaultLocalStoragePluginOptions = {
+  encryption: {}
+};
+var localStoragePlugin = (options) => ({
+  name: "localStorage",
+  initialize: () => {
+    console.log("localStorage plugin initialized");
   },
   getConfig: () => ({
     ...defaultLocalStoragePluginOptions,
@@ -4250,7 +2530,7 @@ function BetterHtmlProviderContent({ children }) {
 }
 function BetterHtmlProvider({ value, plugins: pluginsToUse, children }) {
   const [colorTheme, setColorTheme] = useState2(
-    LocalStorage.getItem("theme") === "dark" ? "dark" : value?.colorTheme ?? "light"
+    localStorage.getItem("theme") === "dark" ? "dark" : value?.colorTheme ?? "light"
   );
   const [loaders, setLoaders] = useState2(value?.loaders ?? {});
   const [plugins] = useState2(pluginsToUse ?? []);
@@ -5262,413 +3542,2067 @@ var ModalComponent = forwardRef7(function Modal({
         children: isOpenedLate ? /* @__PURE__ */ jsx12(
           Div_default.column,
           {
-            position: "relative",
-            width: "100%",
-            maxWidth: maxWidth ?? app.contentMaxWidth / 1.3,
-            minHeight: `calc(100% - ${theme2.styles.space * 2}px)`,
-            alignItems: "center",
-            justifyContent: "center",
+            position: "relative",
+            width: "100%",
+            maxWidth: maxWidth ?? app.contentMaxWidth / 1.3,
+            minHeight: `calc(100% - ${theme2.styles.space * 2}px)`,
+            alignItems: "center",
+            justifyContent: "center",
+            marginBlock: theme2.styles.space,
+            marginInline: "auto",
+            transform: `translateY(${theme2.styles.space}px)`,
+            transition: theme2.styles.transition,
+            animation: isOpened ? "fadeInAnimation 0.2s ease forwards" : "fadeOutAnimation 0.2s ease forwards",
+            children: /* @__PURE__ */ jsxs8(
+              Div_default,
+              {
+                position: "relative",
+                width: "100%",
+                minHeight: 32 + theme2.styles.space * 2,
+                backgroundColor: theme2.colors.backgroundBase,
+                borderRadius: theme2.styles.borderRadius * 2,
+                padding: !title ? theme2.styles.space : void 0,
+                overflow,
+                children: [
+                  title ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+                    /* @__PURE__ */ jsxs8(
+                      Div_default.row,
+                      {
+                        alignItems: "center",
+                        gap: theme2.styles.gap,
+                        backgroundColor: headerBackgroundColor,
+                        borderTopLeftRadius: theme2.styles.borderRadius * 2 - 1,
+                        borderTopRightRadius: theme2.styles.borderRadius * 2 - 1,
+                        paddingInline: theme2.styles.space,
+                        paddingBlock: theme2.styles.space,
+                        transition: theme2.styles.transition,
+                        children: [
+                          /* @__PURE__ */ jsxs8(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
+                            /* @__PURE__ */ jsx12(
+                              Text_default,
+                              {
+                                as: "h1",
+                                color: titleColor ?? theme2.colors.textPrimary,
+                                transition: theme2.styles.transition,
+                                children: title
+                              }
+                            ),
+                            description && /* @__PURE__ */ jsx12(
+                              Text_default,
+                              {
+                                color: descriptionColor ?? theme2.colors.textSecondary,
+                                transition: theme2.styles.transition,
+                                children: description
+                              }
+                            )
+                          ] }),
+                          !withoutCloseButton && /* @__PURE__ */ jsx12(
+                            Button_default.icon,
+                            {
+                              icon: "XMark",
+                              marginTop: 1,
+                              iconColor: titleColor,
+                              onClick: onClickClose,
+                              transition: theme2.styles.transition
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx12(Divider_default.horizontal, {})
+                  ] }) : /* @__PURE__ */ jsx12(Fragment2, { children: !withoutCloseButton && /* @__PURE__ */ jsx12(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, children: /* @__PURE__ */ jsx12(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }) }),
+                  /* @__PURE__ */ jsx12(Div_default, { padding: title ? theme2.styles.space : void 0, children })
+                ]
+              }
+            )
+          }
+        ) : void 0
+      }
+    ),
+    document.body
+  );
+});
+ModalComponent.confirmation = forwardRef7(function Confirmation({ message, continueButtonLoaderName, onContinue, onCancel, ...props }, ref) {
+  const theme2 = useTheme();
+  const modalRef = useRef3(null);
+  const onCancelElement = useCallback6(() => {
+    onCancel?.();
+    modalRef.current?.close();
+  }, [onCancel]);
+  const onContinueElement = useCallback6(() => {
+    onContinue?.();
+    modalRef.current?.close();
+  }, [onContinue]);
+  useImperativeHandle(ref, () => modalRef.current, []);
+  return /* @__PURE__ */ jsxs8(ModalComponent, { title: "Are you sure?", maxWidth: 660, ...props, ref: modalRef, children: [
+    /* @__PURE__ */ jsx12(Text_default, { color: theme2.colors.textSecondary, children: message ?? "Do you really want to continue? This action may be irreversible." }),
+    /* @__PURE__ */ jsxs8(
+      Div_default.row,
+      {
+        alignItems: "center",
+        justifyContent: "flex-end",
+        gap: theme2.styles.gap,
+        marginTop: theme2.styles.space * 2,
+        children: [
+          /* @__PURE__ */ jsx12(Button_default.secondary, { text: "Cancel", onClick: onCancelElement }),
+          /* @__PURE__ */ jsx12(Button_default, { text: "Continue", loaderName: continueButtonLoaderName, onClick: onContinueElement })
+        ]
+      }
+    )
+  ] });
+});
+ModalComponent.destructive = forwardRef7(function Destructive2({ message, deleteButtonLoaderName, onDelete, onCancel, ...props }, ref) {
+  const theme2 = useTheme();
+  const modalRef = useRef3(null);
+  const onCancelElement = useCallback6(() => {
+    onCancel?.();
+    modalRef.current?.close();
+  }, [onCancel]);
+  const onDeleteElement = useCallback6(() => {
+    onDelete?.();
+    modalRef.current?.close();
+  }, [onDelete]);
+  useImperativeHandle(ref, () => modalRef.current, []);
+  return /* @__PURE__ */ jsxs8(ModalComponent, { title: "Are you sure?", maxWidth: 660, ...props, ref: modalRef, children: [
+    /* @__PURE__ */ jsx12(Text_default, { color: theme2.colors.textSecondary, children: message ?? "Do you really want to continue with the deleting of the item? This action may be irreversible." }),
+    /* @__PURE__ */ jsxs8(
+      Div_default.row,
+      {
+        alignItems: "center",
+        justifyContent: "flex-end",
+        gap: theme2.styles.gap,
+        marginTop: theme2.styles.space * 2,
+        children: [
+          /* @__PURE__ */ jsx12(Button_default.secondary, { text: "Cancel", onClick: onCancelElement }),
+          /* @__PURE__ */ jsx12(
+            Button_default.destructive,
+            {
+              icon: "trash",
+              text: "Delete",
+              loaderName: deleteButtonLoaderName,
+              onClick: onDeleteElement
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+var Modal2 = memo12(ModalComponent);
+Modal2.confirmation = ModalComponent.confirmation;
+Modal2.destructive = ModalComponent.destructive;
+var Modal_default = Modal2;
+
+// src/components/PageHolder.tsx
+import { forwardRef as forwardRef8, memo as memo13 } from "react";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var PageHolderComponent = forwardRef8(function PageHolder({ noMaxContentWidth, children, ...props }, ref) {
+  const theme2 = useTheme();
+  const { app } = useBetterHtmlContextInternal();
+  return /* @__PURE__ */ jsx13(
+    Div_default,
+    {
+      as: "main",
+      width: "100%",
+      maxWidth: !noMaxContentWidth ? app.contentMaxWidth : void 0,
+      margin: "0px auto",
+      padding: theme2.styles.space,
+      ...props,
+      ref,
+      children
+    }
+  );
+});
+PageHolderComponent.center = forwardRef8(function Center({
+  pageBackgroundColor,
+  pageBackgroundImage,
+  contentMaxWidth,
+  behindComponent,
+  sideComponent,
+  sideComponentPosition = "right",
+  noMaxContentWidth,
+  children,
+  ...props
+}, ref) {
+  const theme2 = useTheme();
+  const mediaQuery = useMediaQuery();
+  const { app } = useBetterHtmlContextInternal();
+  const breakingPoint = mediaQuery.size1000;
+  const withSideComponent = sideComponent && !breakingPoint;
+  return /* @__PURE__ */ jsxs9(
+    Div_default.row,
+    {
+      position: "relative",
+      width: "100%",
+      minHeight: "100svh",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: pageBackgroundColor,
+      backgroundImage: pageBackgroundImage,
+      children: [
+        behindComponent && /* @__PURE__ */ jsx13(
+          Div_default,
+          {
+            position: "fixed",
+            width: `${withSideComponent ? 50 : 100}%`,
+            height: "100svh",
+            top: 0,
+            left: sideComponentPosition === "right" ? 0 : "auto",
+            right: sideComponentPosition === "left" ? 0 : "auto",
+            zIndex: 1,
+            children: behindComponent
+          }
+        ),
+        sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
+        /* @__PURE__ */ jsx13(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ jsx13(
+          Div_default.box,
+          {
+            width: `calc(100% - ${theme2.styles.space * 2}px)`,
+            maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
+            marginInline: theme2.styles.space,
             marginBlock: theme2.styles.space,
-            marginInline: "auto",
-            transform: `translateY(${theme2.styles.space}px)`,
-            transition: theme2.styles.transition,
-            animation: isOpened ? "fadeInAnimation 0.2s ease forwards" : "fadeOutAnimation 0.2s ease forwards",
-            children: /* @__PURE__ */ jsxs8(
-              Div_default,
-              {
-                position: "relative",
-                width: "100%",
-                minHeight: 32 + theme2.styles.space * 2,
-                backgroundColor: theme2.colors.backgroundBase,
-                borderRadius: theme2.styles.borderRadius * 2,
-                padding: !title ? theme2.styles.space : void 0,
-                overflow,
-                children: [
-                  title ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
-                    /* @__PURE__ */ jsxs8(
-                      Div_default.row,
-                      {
-                        alignItems: "center",
-                        gap: theme2.styles.gap,
-                        backgroundColor: headerBackgroundColor,
-                        borderTopLeftRadius: theme2.styles.borderRadius * 2 - 1,
-                        borderTopRightRadius: theme2.styles.borderRadius * 2 - 1,
-                        paddingInline: theme2.styles.space,
-                        paddingBlock: theme2.styles.space,
-                        transition: theme2.styles.transition,
-                        children: [
-                          /* @__PURE__ */ jsxs8(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
-                            /* @__PURE__ */ jsx12(
-                              Text_default,
-                              {
-                                as: "h1",
-                                color: titleColor ?? theme2.colors.textPrimary,
-                                transition: theme2.styles.transition,
-                                children: title
-                              }
-                            ),
-                            description && /* @__PURE__ */ jsx12(
-                              Text_default,
-                              {
-                                color: descriptionColor ?? theme2.colors.textSecondary,
-                                transition: theme2.styles.transition,
-                                children: description
-                              }
-                            )
-                          ] }),
-                          !withoutCloseButton && /* @__PURE__ */ jsx12(
-                            Button_default.icon,
-                            {
-                              icon: "XMark",
-                              marginTop: 1,
-                              iconColor: titleColor,
-                              onClick: onClickClose,
-                              transition: theme2.styles.transition
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx12(Divider_default.horizontal, {})
-                  ] }) : /* @__PURE__ */ jsx12(Fragment2, { children: !withoutCloseButton && /* @__PURE__ */ jsx12(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, children: /* @__PURE__ */ jsx12(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }) }),
-                  /* @__PURE__ */ jsx12(Div_default, { padding: title ? theme2.styles.space : void 0, children })
-                ]
-              }
-            )
+            ...props,
+            ref,
+            children
           }
-        ) : void 0
-      }
-    ),
-    document.body
+        ) }),
+        sideComponentPosition === "right" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
+        withSideComponent && /* @__PURE__ */ jsx13(
+          Div_default,
+          {
+            position: "fixed",
+            width: "50%",
+            height: "100svh",
+            top: 0,
+            left: sideComponentPosition === "left" ? 0 : "auto",
+            right: sideComponentPosition === "right" ? 0 : "auto",
+            children: sideComponent
+          }
+        )
+      ]
+    }
   );
 });
-ModalComponent.confirmation = forwardRef7(function Confirmation({ message, continueButtonLoaderName, onContinue, onCancel, ...props }, ref) {
+var PageHolder2 = memo13(PageHolderComponent);
+PageHolder2.center = PageHolderComponent.center;
+var PageHolder_default = PageHolder2;
+
+// src/components/Chip.tsx
+import { forwardRef as forwardRef9, memo as memo14 } from "react";
+
+// src/utils/colorManipulation.ts
+var rgbToHsl = (r, g, b) => {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h = 0;
+  let s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+  return [h, s, l];
+};
+var hslToRgb = (h, s, l) => {
+  let r, g, b;
+  if (s === 0) {
+    r = g = b = l;
+  } else {
+    const hue2rgb = (p2, q2, t) => {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;
+      if (t < 1 / 2) return q2;
+      if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;
+      return p2;
+    };
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+};
+var lightenColor = (hexColor, amount) => {
+  let hex = hexColor.replace(/^#/, "");
+  if (hex.length === 3) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+  }
+  const safeAmount = Math.max(0, Math.min(1, amount));
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  const lightenComponent = (component) => {
+    return Math.round(component + (255 - component) * safeAmount);
+  };
+  const rHex = lightenComponent(r).toString(16).padStart(2, "0");
+  const gHex = lightenComponent(g).toString(16).padStart(2, "0");
+  const bHex = lightenComponent(b).toString(16).padStart(2, "0");
+  return `#${rHex}${gHex}${bHex}`;
+};
+var darkenColor = (hexColor, amount) => {
+  let hex = hexColor.replace(/^#/, "");
+  if (hex.length === 3) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+  }
+  const safeAmount = Math.max(0, Math.min(1, amount));
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  const darkenComponent = (component) => {
+    return Math.round(component * (1 - safeAmount));
+  };
+  const rHex = darkenComponent(r).toString(16).padStart(2, "0");
+  const gHex = darkenComponent(g).toString(16).padStart(2, "0");
+  const bHex = darkenComponent(b).toString(16).padStart(2, "0");
+  return `#${rHex}${gHex}${bHex}`;
+};
+var saturateColor = (hexColor, amount) => {
+  let hex = hexColor.replace(/^#/, "");
+  if (hex.length === 3) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+  }
+  const safeAmount = Math.max(0, Math.min(1, amount));
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  const [h, s, l] = rgbToHsl(r, g, b);
+  const newSaturation = Math.min(1, s + safeAmount * (1 - s));
+  const [newR, newG, newB] = hslToRgb(h, newSaturation, l);
+  const rHex = Math.round(newR).toString(16).padStart(2, "0");
+  const gHex = Math.round(newG).toString(16).padStart(2, "0");
+  const bHex = Math.round(newB).toString(16).padStart(2, "0");
+  return `#${rHex}${gHex}${bHex}`;
+};
+var desaturateColor = (hexColor, amount) => {
+  let hex = hexColor.replace(/^#/, "");
+  if (hex.length === 3) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+  }
+  const safeAmount = Math.max(0, Math.min(1, amount));
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  const [h, s, l] = rgbToHsl(r, g, b);
+  const newSaturation = Math.max(0, s * (1 - safeAmount));
+  const [newR, newG, newB] = hslToRgb(h, newSaturation, l);
+  const rHex = Math.round(newR).toString(16).padStart(2, "0");
+  const gHex = Math.round(newG).toString(16).padStart(2, "0");
+  const bHex = Math.round(newB).toString(16).padStart(2, "0");
+  return `#${rHex}${gHex}${bHex}`;
+};
+
+// src/components/Chip.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var ChipComponent = forwardRef9(function Chip({ text, color, backgroundColor, borderRadius, isCircle, ...props }, ref) {
   const theme2 = useTheme();
-  const modalRef = useRef3(null);
-  const onCancelElement = useCallback6(() => {
-    onCancel?.();
-    modalRef.current?.close();
-  }, [onCancel]);
-  const onContinueElement = useCallback6(() => {
-    onContinue?.();
-    modalRef.current?.close();
-  }, [onContinue]);
-  useImperativeHandle(ref, () => modalRef.current, []);
-  return /* @__PURE__ */ jsxs8(ModalComponent, { title: "Are you sure?", maxWidth: 660, ...props, ref: modalRef, children: [
-    /* @__PURE__ */ jsx12(Text_default, { color: theme2.colors.textSecondary, children: message ?? "Do you really want to continue? This action may be irreversible." }),
-    /* @__PURE__ */ jsxs8(
-      Div_default.row,
-      {
-        alignItems: "center",
-        justifyContent: "flex-end",
-        gap: theme2.styles.gap,
-        marginTop: theme2.styles.space * 2,
-        children: [
-          /* @__PURE__ */ jsx12(Button_default.secondary, { text: "Cancel", onClick: onCancelElement }),
-          /* @__PURE__ */ jsx12(Button_default, { text: "Continue", loaderName: continueButtonLoaderName, onClick: onContinueElement })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx14(
+    Div_default,
+    {
+      width: "fit-content",
+      backgroundColor: backgroundColor ?? theme2.colors.backgroundSecondary,
+      borderRadius: isCircle ? 999 : borderRadius ?? theme2.styles.borderRadius / 1.3,
+      paddingBlock: theme2.styles.gap / 2,
+      paddingInline: theme2.styles.space / 1.5,
+      ...props,
+      ref,
+      children: /* @__PURE__ */ jsx14(Text_default, { color: color ?? theme2.colors.textPrimary, children: text })
+    }
+  );
 });
-ModalComponent.destructive = forwardRef7(function Destructive2({ message, deleteButtonLoaderName, onDelete, onCancel, ...props }, ref) {
+ChipComponent.colored = forwardRef9(function Colored({ color, ...props }, ref) {
   const theme2 = useTheme();
-  const modalRef = useRef3(null);
-  const onCancelElement = useCallback6(() => {
-    onCancel?.();
-    modalRef.current?.close();
-  }, [onCancel]);
-  const onDeleteElement = useCallback6(() => {
-    onDelete?.();
-    modalRef.current?.close();
-  }, [onDelete]);
-  useImperativeHandle(ref, () => modalRef.current, []);
-  return /* @__PURE__ */ jsxs8(ModalComponent, { title: "Are you sure?", maxWidth: 660, ...props, ref: modalRef, children: [
-    /* @__PURE__ */ jsx12(Text_default, { color: theme2.colors.textSecondary, children: message ?? "Do you really want to continue with the deleting of the item? This action may be irreversible." }),
-    /* @__PURE__ */ jsxs8(
-      Div_default.row,
-      {
-        alignItems: "center",
-        justifyContent: "flex-end",
-        gap: theme2.styles.gap,
-        marginTop: theme2.styles.space * 2,
-        children: [
-          /* @__PURE__ */ jsx12(Button_default.secondary, { text: "Cancel", onClick: onCancelElement }),
-          /* @__PURE__ */ jsx12(
-            Button_default.destructive,
-            {
-              icon: "trash",
-              text: "Delete",
-              loaderName: deleteButtonLoaderName,
-              onClick: onDeleteElement
-            }
-          )
-        ]
-      }
-    )
-  ] });
+  const { colorTheme } = useBetterHtmlContextInternal();
+  const readyColor = color ?? theme2.colors.textSecondary;
+  return /* @__PURE__ */ jsx14(
+    ChipComponent,
+    {
+      color: colorTheme === "light" ? darkenColor(readyColor, 0.7) : lightenColor(readyColor, 0.7),
+      backgroundColor: readyColor + "40",
+      border: `1px solid ${readyColor}`,
+      ref,
+      ...props
+    }
+  );
 });
-var Modal2 = memo12(ModalComponent);
-Modal2.confirmation = ModalComponent.confirmation;
-Modal2.destructive = ModalComponent.destructive;
-var Modal_default = Modal2;
+var Chip2 = memo14(ChipComponent);
+Chip2.colored = ChipComponent.colored;
+var Chip_default = Chip2;
+
+// src/components/InputField.tsx
+import { forwardRef as forwardRef11, memo as memo18, useCallback as useCallback9, useState as useState7, useEffect as useEffect8, useMemo as useMemo6, useRef as useRef5, useId as useId2 } from "react";
+import styled10 from "styled-components";
+
+// src/constants/countries.ts
+var countries = [
+  {
+    name: "Afghanistan",
+    code: "AF",
+    timeZone: "Asia/Kabul",
+    phoneNumberExtension: "93"
+  },
+  {
+    name: "\xC5land Islands",
+    code: "AX",
+    timeZone: "Europe/Mariehamn",
+    phoneNumberExtension: "358"
+  },
+  {
+    name: "Albania",
+    code: "AL",
+    timeZone: "Europe/Tirane",
+    phoneNumberExtension: "355"
+  },
+  {
+    name: "Algeria",
+    code: "DZ",
+    timeZone: "Africa/Algiers",
+    phoneNumberExtension: "213"
+  },
+  {
+    name: "United States of America",
+    code: "US",
+    timeZone: "America/New_York",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "American Samoa",
+    code: "AS",
+    timeZone: "Pacific/Pago_Pago",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Andorra",
+    code: "AD",
+    timeZone: "Europe/Andorra",
+    phoneNumberExtension: "376"
+  },
+  {
+    name: "Angola",
+    code: "AO",
+    timeZone: "Africa/Luanda",
+    phoneNumberExtension: "244"
+  },
+  {
+    name: "Anguilla",
+    code: "AI",
+    timeZone: "America/Anguilla",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Antarctica",
+    code: "AQ",
+    timeZone: "Antarctica/Casey",
+    phoneNumberExtension: "672"
+  },
+  {
+    name: "Antigua and Barbuda",
+    code: "AG",
+    timeZone: "America/Antigua",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Argentina",
+    code: "AR",
+    timeZone: "America/Argentina/Buenos_Aires",
+    phoneNumberExtension: "54"
+  },
+  {
+    name: "Armenia",
+    code: "AM",
+    timeZone: "Asia/Yerevan",
+    phoneNumberExtension: "374"
+  },
+  {
+    name: "Aruba",
+    code: "AW",
+    timeZone: "America/Aruba",
+    phoneNumberExtension: "297"
+  },
+  {
+    name: "Australia",
+    code: "AU",
+    timeZone: "Australia/Sydney",
+    phoneNumberExtension: "61"
+  },
+  {
+    name: "Austria",
+    code: "AT",
+    timeZone: "Europe/Vienna",
+    phoneNumberExtension: "43"
+  },
+  {
+    name: "Azerbaijan",
+    code: "AZ",
+    timeZone: "Asia/Baku",
+    phoneNumberExtension: "994"
+  },
+  {
+    name: "Bahamas",
+    code: "BS",
+    timeZone: "America/Nassau",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Bahrain",
+    code: "BH",
+    timeZone: "Asia/Bahrain",
+    phoneNumberExtension: "973"
+  },
+  {
+    name: "Bangladesh",
+    code: "BD",
+    timeZone: "Asia/Dhaka",
+    phoneNumberExtension: "880"
+  },
+  {
+    name: "Barbados",
+    code: "BB",
+    timeZone: "America/Barbados",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Belarus",
+    code: "BY",
+    timeZone: "Europe/Minsk",
+    phoneNumberExtension: "375"
+  },
+  {
+    name: "Belgium",
+    code: "BE",
+    timeZone: "Europe/Brussels",
+    phoneNumberExtension: "32"
+  },
+  {
+    name: "Belize",
+    code: "BZ",
+    timeZone: "America/Belize",
+    phoneNumberExtension: "501"
+  },
+  {
+    name: "Benin",
+    code: "BJ",
+    timeZone: "Africa/Porto-Novo",
+    phoneNumberExtension: "229"
+  },
+  {
+    name: "Bermuda",
+    code: "BM",
+    timeZone: "Atlantic/Bermuda",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Bhutan",
+    code: "BT",
+    timeZone: "Asia/Thimphu",
+    phoneNumberExtension: "975"
+  },
+  {
+    name: "Bolivia",
+    code: "BO",
+    timeZone: "America/La_Paz",
+    phoneNumberExtension: "591"
+  },
+  {
+    name: "Bosnia and Herzegovina",
+    code: "BA",
+    timeZone: "Europe/Sarajevo",
+    phoneNumberExtension: "387"
+  },
+  {
+    name: "Botswana",
+    code: "BW",
+    timeZone: "Africa/Gaborone",
+    phoneNumberExtension: "267"
+  },
+  {
+    name: "Bouvet Island",
+    code: "BV",
+    timeZone: "Europe/Oslo",
+    phoneNumberExtension: "47"
+  },
+  {
+    name: "Brazil",
+    code: "BR",
+    timeZone: "America/Sao_Paulo",
+    phoneNumberExtension: "55"
+  },
+  {
+    name: "British Indian Ocean Territory",
+    code: "IO",
+    timeZone: "Indian/Chagos",
+    phoneNumberExtension: "246"
+  },
+  {
+    name: "Brunei Darussalam",
+    code: "BN",
+    timeZone: "Asia/Brunei",
+    phoneNumberExtension: "673"
+  },
+  {
+    name: "Bulgaria",
+    code: "BG",
+    timeZone: "Europe/Sofia",
+    phoneNumberExtension: "359",
+    phoneNumberFormat: "XX XXX XXXX"
+  },
+  {
+    name: "Burkina Faso",
+    code: "BF",
+    timeZone: "Africa/Ouagadougou",
+    phoneNumberExtension: "226"
+  },
+  {
+    name: "Burundi",
+    code: "BI",
+    timeZone: "Africa/Bujumbura",
+    phoneNumberExtension: "257"
+  },
+  {
+    name: "Cambodia",
+    code: "KH",
+    timeZone: "Asia/Phnom_Penh",
+    phoneNumberExtension: "855"
+  },
+  {
+    name: "Cameroon",
+    code: "CM",
+    timeZone: "Africa/Douala",
+    phoneNumberExtension: "237"
+  },
+  {
+    name: "Canada",
+    code: "CA",
+    timeZone: "America/Toronto",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Cape Verde",
+    code: "CV",
+    timeZone: "Atlantic/Cape_Verde",
+    phoneNumberExtension: "238"
+  },
+  {
+    name: "Cayman Islands",
+    code: "KY",
+    timeZone: "America/Cayman",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Central African Republic",
+    code: "CF",
+    timeZone: "Africa/Bangui",
+    phoneNumberExtension: "236"
+  },
+  {
+    name: "Chad",
+    code: "TD",
+    timeZone: "Africa/Ndjamena",
+    phoneNumberExtension: "235"
+  },
+  {
+    name: "Chile",
+    code: "CL",
+    timeZone: "America/Santiago",
+    phoneNumberExtension: "56"
+  },
+  {
+    name: "China",
+    code: "CN",
+    timeZone: "Asia/Shanghai",
+    phoneNumberExtension: "86"
+  },
+  {
+    name: "Christmas Island",
+    code: "CX",
+    timeZone: "Indian/Christmas",
+    phoneNumberExtension: "61"
+  },
+  {
+    name: "Cocos (Keeling) Islands",
+    code: "CC",
+    timeZone: "Indian/Cocos",
+    phoneNumberExtension: "61"
+  },
+  {
+    name: "Colombia",
+    code: "CO",
+    timeZone: "America/Bogota",
+    phoneNumberExtension: "57"
+  },
+  {
+    name: "Comoros",
+    code: "KM",
+    timeZone: "Indian/Comoro",
+    phoneNumberExtension: "269"
+  },
+  {
+    name: "Congo",
+    code: "CG",
+    timeZone: "Africa/Brazzaville",
+    phoneNumberExtension: "242"
+  },
+  {
+    name: "Congo, The Democratic Republic of the",
+    code: "CD",
+    timeZone: "Africa/Kinshasa",
+    phoneNumberExtension: "243"
+  },
+  {
+    name: "Cook Islands",
+    code: "CK",
+    timeZone: "Pacific/Rarotonga",
+    phoneNumberExtension: "682"
+  },
+  {
+    name: "Costa Rica",
+    code: "CR",
+    timeZone: "America/Costa_Rica",
+    phoneNumberExtension: "506"
+  },
+  {
+    name: "Cote D'Ivoire",
+    code: "CI",
+    timeZone: "Africa/Abidjan",
+    phoneNumberExtension: "225"
+  },
+  {
+    name: "Croatia",
+    code: "HR",
+    timeZone: "Europe/Zagreb",
+    phoneNumberExtension: "385"
+  },
+  {
+    name: "Cuba",
+    code: "CU",
+    timeZone: "America/Havana",
+    phoneNumberExtension: "53"
+  },
+  {
+    name: "Cyprus",
+    code: "CY",
+    timeZone: "Asia/Nicosia",
+    phoneNumberExtension: "357"
+  },
+  {
+    name: "Czech Republic",
+    code: "CZ",
+    timeZone: "Europe/Prague",
+    phoneNumberExtension: "420"
+  },
+  {
+    name: "Denmark",
+    code: "DK",
+    timeZone: "Europe/Copenhagen",
+    phoneNumberExtension: "45"
+  },
+  {
+    name: "Djibouti",
+    code: "DJ",
+    timeZone: "Africa/Djibouti",
+    phoneNumberExtension: "253"
+  },
+  {
+    name: "Dominica",
+    code: "DM",
+    timeZone: "America/Dominica",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Dominican Republic",
+    code: "DO",
+    timeZone: "America/Santo_Domingo",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Ecuador",
+    code: "EC",
+    timeZone: "America/Guayaquil",
+    phoneNumberExtension: "593"
+  },
+  {
+    name: "Egypt",
+    code: "EG",
+    timeZone: "Africa/Cairo",
+    phoneNumberExtension: "20"
+  },
+  {
+    name: "El Salvador",
+    code: "SV",
+    timeZone: "America/El_Salvador",
+    phoneNumberExtension: "503"
+  },
+  {
+    name: "Equatorial Guinea",
+    code: "GQ",
+    timeZone: "Africa/Malabo",
+    phoneNumberExtension: "240"
+  },
+  {
+    name: "Eritrea",
+    code: "ER",
+    timeZone: "Africa/Asmara",
+    phoneNumberExtension: "291"
+  },
+  {
+    name: "Estonia",
+    code: "EE",
+    timeZone: "Europe/Tallinn",
+    phoneNumberExtension: "372"
+  },
+  {
+    name: "Ethiopia",
+    code: "ET",
+    timeZone: "Africa/Addis_Ababa",
+    phoneNumberExtension: "251"
+  },
+  {
+    name: "Falkland Islands (Malvinas)",
+    code: "FK",
+    timeZone: "Atlantic/Stanley",
+    phoneNumberExtension: "500"
+  },
+  {
+    name: "Faroe Islands",
+    code: "FO",
+    timeZone: "Atlantic/Faroe",
+    phoneNumberExtension: "298"
+  },
+  {
+    name: "Fiji",
+    code: "FJ",
+    timeZone: "Pacific/Fiji",
+    phoneNumberExtension: "679"
+  },
+  {
+    name: "Finland",
+    code: "FI",
+    timeZone: "Europe/Helsinki",
+    phoneNumberExtension: "358",
+    phoneNumberFormat: "XX XXX XX XX"
+  },
+  {
+    name: "France",
+    code: "FR",
+    timeZone: "Europe/Paris",
+    phoneNumberExtension: "33",
+    phoneNumberFormat: "X XX XX XX XX"
+  },
+  {
+    name: "French Guiana",
+    code: "GF",
+    timeZone: "America/Cayenne",
+    phoneNumberExtension: "594"
+  },
+  {
+    name: "French Polynesia",
+    code: "PF",
+    timeZone: "Pacific/Tahiti",
+    phoneNumberExtension: "689"
+  },
+  {
+    name: "French Southern Territories",
+    code: "TF",
+    timeZone: "Indian/Kerguelen",
+    phoneNumberExtension: "262"
+  },
+  {
+    name: "Gabon",
+    code: "GA",
+    timeZone: "Africa/Libreville",
+    phoneNumberExtension: "241"
+  },
+  {
+    name: "Gambia",
+    code: "GM",
+    timeZone: "Africa/Banjul",
+    phoneNumberExtension: "220"
+  },
+  {
+    name: "Georgia",
+    code: "GE",
+    timeZone: "Asia/Tbilisi",
+    phoneNumberExtension: "995"
+  },
+  {
+    name: "Germany",
+    code: "DE",
+    timeZone: "Europe/Berlin",
+    phoneNumberExtension: "49",
+    phoneNumberFormat: "XXXX XXXXXXX"
+  },
+  {
+    name: "Ghana",
+    code: "GH",
+    timeZone: "Africa/Accra",
+    phoneNumberExtension: "233"
+  },
+  {
+    name: "Gibraltar",
+    code: "GI",
+    timeZone: "Europe/Gibraltar",
+    phoneNumberExtension: "350"
+  },
+  {
+    name: "Greece",
+    code: "GR",
+    timeZone: "Europe/Athens",
+    phoneNumberExtension: "30"
+  },
+  {
+    name: "Greenland",
+    code: "GL",
+    timeZone: "America/Godthab",
+    phoneNumberExtension: "299"
+  },
+  {
+    name: "Grenada",
+    code: "GD",
+    timeZone: "America/Grenada",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Guadeloupe",
+    code: "GP",
+    timeZone: "America/Guadeloupe",
+    phoneNumberExtension: "590"
+  },
+  {
+    name: "Guam",
+    code: "GU",
+    timeZone: "Pacific/Guam",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Guatemala",
+    code: "GT",
+    timeZone: "America/Guatemala",
+    phoneNumberExtension: "502"
+  },
+  {
+    name: "United Kingdom",
+    code: "GB",
+    timeZone: "Europe/London",
+    phoneNumberExtension: "44",
+    phoneNumberFormat: "XX XXXX XXXX"
+  },
+  {
+    name: "Guernsey",
+    code: "GG",
+    timeZone: "Europe/Guernsey",
+    phoneNumberExtension: "44",
+    phoneNumberFormat: "XX XXXX XXXX"
+  },
+  {
+    name: "Guinea",
+    code: "GN",
+    timeZone: "Africa/Conakry",
+    phoneNumberExtension: "224"
+  },
+  {
+    name: "Guinea-Bissau",
+    code: "GW",
+    timeZone: "Africa/Bissau",
+    phoneNumberExtension: "245"
+  },
+  {
+    name: "Guyana",
+    code: "GY",
+    timeZone: "America/Guyana",
+    phoneNumberExtension: "592"
+  },
+  {
+    name: "Haiti",
+    code: "HT",
+    timeZone: "America/Port-au-Prince",
+    phoneNumberExtension: "509"
+  },
+  {
+    name: "Heard Island and Mcdonald Islands",
+    code: "HM",
+    timeZone: "Indian/Kerguelen",
+    phoneNumberExtension: "672"
+  },
+  {
+    name: "Holy See (Vatican City State)",
+    code: "VA",
+    timeZone: "Europe/Vatican",
+    phoneNumberExtension: "379"
+  },
+  {
+    name: "Honduras",
+    code: "HN",
+    timeZone: "America/Tegucigalpa",
+    phoneNumberExtension: "504"
+  },
+  {
+    name: "Hong Kong",
+    code: "HK",
+    timeZone: "Asia/Hong_Kong",
+    phoneNumberExtension: "852"
+  },
+  {
+    name: "Hungary",
+    code: "HU",
+    timeZone: "Europe/Budapest",
+    phoneNumberExtension: "36"
+  },
+  {
+    name: "Iceland",
+    code: "IS",
+    timeZone: "Atlantic/Reykjavik",
+    phoneNumberExtension: "354"
+  },
+  {
+    name: "India",
+    code: "IN",
+    timeZone: "Asia/Kolkata",
+    phoneNumberExtension: "91"
+  },
+  {
+    name: "Indonesia",
+    code: "ID",
+    timeZone: "Asia/Jakarta",
+    phoneNumberExtension: "62"
+  },
+  {
+    name: "Iran, Islamic Republic Of",
+    code: "IR",
+    timeZone: "Asia/Tehran",
+    phoneNumberExtension: "98"
+  },
+  {
+    name: "Iraq",
+    code: "IQ",
+    timeZone: "Asia/Baghdad",
+    phoneNumberExtension: "964"
+  },
+  {
+    name: "Ireland",
+    code: "IE",
+    timeZone: "Europe/Dublin",
+    phoneNumberExtension: "353"
+  },
+  {
+    name: "Israel",
+    code: "IL",
+    timeZone: "Asia/Jerusalem",
+    phoneNumberExtension: "972"
+  },
+  {
+    name: "Italy",
+    code: "IT",
+    timeZone: "Europe/Rome",
+    phoneNumberExtension: "39",
+    phoneNumberFormat: "XXX XXX XXXX"
+  },
+  {
+    name: "Jamaica",
+    code: "JM",
+    timeZone: "America/Jamaica",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Japan",
+    code: "JP",
+    timeZone: "Asia/Tokyo",
+    phoneNumberExtension: "81"
+  },
+  {
+    name: "Jersey",
+    code: "JE",
+    timeZone: "Europe/Jersey",
+    phoneNumberExtension: "44",
+    phoneNumberFormat: "XX XXXX XXXX"
+  },
+  {
+    name: "Jordan",
+    code: "JO",
+    timeZone: "Asia/Amman",
+    phoneNumberExtension: "962"
+  },
+  {
+    name: "Kazakhstan",
+    code: "KZ",
+    timeZone: "Asia/Almaty",
+    phoneNumberExtension: "7"
+  },
+  {
+    name: "Kenya",
+    code: "KE",
+    timeZone: "Africa/Nairobi",
+    phoneNumberExtension: "254"
+  },
+  {
+    name: "Kiribati",
+    code: "KI",
+    timeZone: "Pacific/Tarawa",
+    phoneNumberExtension: "686"
+  },
+  {
+    name: "Korea, Democratic People's Republic of (North Korea)",
+    code: "KP",
+    timeZone: "Asia/Pyongyang",
+    phoneNumberExtension: "850"
+  },
+  {
+    name: "Korea, Republic of (South Korea)",
+    code: "KR",
+    timeZone: "Asia/Seoul",
+    phoneNumberExtension: "82"
+  },
+  {
+    name: "Kuwait",
+    code: "KW",
+    timeZone: "Asia/Kuwait",
+    phoneNumberExtension: "965"
+  },
+  {
+    name: "Kyrgyzstan",
+    code: "KG",
+    timeZone: "Asia/Bishkek",
+    phoneNumberExtension: "996"
+  },
+  {
+    name: "Lao People's Democratic Republic",
+    code: "LA",
+    timeZone: "Asia/Vientiane",
+    phoneNumberExtension: "856"
+  },
+  {
+    name: "Latvia",
+    code: "LV",
+    timeZone: "Europe/Riga",
+    phoneNumberExtension: "371"
+  },
+  {
+    name: "Lebanon",
+    code: "LB",
+    timeZone: "Asia/Beirut",
+    phoneNumberExtension: "961"
+  },
+  {
+    name: "Lesotho",
+    code: "LS",
+    timeZone: "Africa/Maseru",
+    phoneNumberExtension: "266"
+  },
+  {
+    name: "Liberia",
+    code: "LR",
+    timeZone: "Africa/Monrovia",
+    phoneNumberExtension: "231"
+  },
+  {
+    name: "Libyan Arab Jamahiriya",
+    code: "LY",
+    timeZone: "Africa/Tripoli",
+    phoneNumberExtension: "218"
+  },
+  {
+    name: "Liechtenstein",
+    code: "LI",
+    timeZone: "Europe/Vaduz",
+    phoneNumberExtension: "423"
+  },
+  {
+    name: "Lithuania",
+    code: "LT",
+    timeZone: "Europe/Vilnius",
+    phoneNumberExtension: "370"
+  },
+  {
+    name: "Luxembourg",
+    code: "LU",
+    timeZone: "Europe/Luxembourg",
+    phoneNumberExtension: "352"
+  },
+  {
+    name: "Macao",
+    code: "MO",
+    timeZone: "Asia/Macau",
+    phoneNumberExtension: "853"
+  },
+  {
+    name: "Macedonia, The Former Yugoslav Republic of",
+    code: "MK",
+    timeZone: "Europe/Skopje",
+    phoneNumberExtension: "389"
+  },
+  {
+    name: "Madagascar",
+    code: "MG",
+    timeZone: "Indian/Antananarivo",
+    phoneNumberExtension: "261"
+  },
+  {
+    name: "Malawi",
+    code: "MW",
+    timeZone: "Africa/Blantyre",
+    phoneNumberExtension: "265"
+  },
+  {
+    name: "Malaysia",
+    code: "MY",
+    timeZone: "Asia/Kuala_Lumpur",
+    phoneNumberExtension: "60"
+  },
+  {
+    name: "Maldives",
+    code: "MV",
+    timeZone: "Indian/Maldives",
+    phoneNumberExtension: "960"
+  },
+  {
+    name: "Mali",
+    code: "ML",
+    timeZone: "Africa/Bamako",
+    phoneNumberExtension: "223"
+  },
+  {
+    name: "Malta",
+    code: "MT",
+    timeZone: "Europe/Malta",
+    phoneNumberExtension: "356"
+  },
+  {
+    name: "Marshall Islands",
+    code: "MH",
+    timeZone: "Pacific/Majuro",
+    phoneNumberExtension: "692"
+  },
+  {
+    name: "Martinique",
+    code: "MQ",
+    timeZone: "America/Martinique",
+    phoneNumberExtension: "596"
+  },
+  {
+    name: "Mauritania",
+    code: "MR",
+    timeZone: "Africa/Nouakchott",
+    phoneNumberExtension: "222"
+  },
+  {
+    name: "Mauritius",
+    code: "MU",
+    timeZone: "Indian/Mauritius",
+    phoneNumberExtension: "230"
+  },
+  {
+    name: "Mayotte",
+    code: "YT",
+    timeZone: "Indian/Mayotte",
+    phoneNumberExtension: "262"
+  },
+  {
+    name: "Mexico",
+    code: "MX",
+    timeZone: "America/Mexico_City",
+    phoneNumberExtension: "52"
+  },
+  {
+    name: "Micronesia, Federated States of",
+    code: "FM",
+    timeZone: "Pacific/Chuuk",
+    phoneNumberExtension: "691"
+  },
+  {
+    name: "Moldova, Republic of",
+    code: "MD",
+    timeZone: "Europe/Chisinau",
+    phoneNumberExtension: "373"
+  },
+  {
+    name: "Monaco",
+    code: "MC",
+    timeZone: "Europe/Monaco",
+    phoneNumberExtension: "377"
+  },
+  {
+    name: "Mongolia",
+    code: "MN",
+    timeZone: "Asia/Ulaanbaatar",
+    phoneNumberExtension: "976"
+  },
+  {
+    name: "Montserrat",
+    code: "MS",
+    timeZone: "America/Montserrat",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Morocco",
+    code: "MA",
+    timeZone: "Africa/Casablanca",
+    phoneNumberExtension: "212"
+  },
+  {
+    name: "Mozambique",
+    code: "MZ",
+    timeZone: "Africa/Maputo",
+    phoneNumberExtension: "258"
+  },
+  {
+    name: "Myanmar",
+    code: "MM",
+    timeZone: "Asia/Yangon",
+    phoneNumberExtension: "95"
+  },
+  {
+    name: "Namibia",
+    code: "NA",
+    timeZone: "Africa/Windhoek",
+    phoneNumberExtension: "264"
+  },
+  {
+    name: "Nauru",
+    code: "NR",
+    timeZone: "Pacific/Nauru",
+    phoneNumberExtension: "674"
+  },
+  {
+    name: "Nepal",
+    code: "NP",
+    timeZone: "Asia/Kathmandu",
+    phoneNumberExtension: "977"
+  },
+  {
+    name: "Netherlands",
+    code: "NL",
+    timeZone: "Europe/Amsterdam",
+    phoneNumberExtension: "31"
+  },
+  {
+    name: "New Caledonia",
+    code: "NC",
+    timeZone: "Pacific/Noumea",
+    phoneNumberExtension: "687"
+  },
+  {
+    name: "New Zealand",
+    code: "NZ",
+    timeZone: "Pacific/Auckland",
+    phoneNumberExtension: "64"
+  },
+  {
+    name: "Nicaragua",
+    code: "NI",
+    timeZone: "America/Managua",
+    phoneNumberExtension: "505"
+  },
+  {
+    name: "Niger",
+    code: "NE",
+    timeZone: "Africa/Niamey",
+    phoneNumberExtension: "227"
+  },
+  {
+    name: "Nigeria",
+    code: "NG",
+    timeZone: "Africa/Lagos",
+    phoneNumberExtension: "234"
+  },
+  {
+    name: "Niue",
+    code: "NU",
+    timeZone: "Pacific/Niue",
+    phoneNumberExtension: "683"
+  },
+  {
+    name: "Norfolk Island",
+    code: "NF",
+    timeZone: "Pacific/Norfolk",
+    phoneNumberExtension: "672"
+  },
+  {
+    name: "Northern Mariana Islands",
+    code: "MP",
+    timeZone: "Pacific/Saipan",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Norway",
+    code: "NO",
+    timeZone: "Europe/Oslo",
+    phoneNumberExtension: "47"
+  },
+  {
+    name: "Oman",
+    code: "OM",
+    timeZone: "Asia/Muscat",
+    phoneNumberExtension: "968"
+  },
+  {
+    name: "Pakistan",
+    code: "PK",
+    timeZone: "Asia/Karachi",
+    phoneNumberExtension: "92"
+  },
+  {
+    name: "Palau",
+    code: "PW",
+    timeZone: "Pacific/Palau",
+    phoneNumberExtension: "680"
+  },
+  {
+    name: "Palestinian Territory, Occupied",
+    code: "PS",
+    timeZone: "Asia/Hebron",
+    phoneNumberExtension: "970"
+  },
+  {
+    name: "Panama",
+    code: "PA",
+    timeZone: "America/Panama",
+    phoneNumberExtension: "507"
+  },
+  {
+    name: "Papua New Guinea",
+    code: "PG",
+    timeZone: "Pacific/Port_Moresby",
+    phoneNumberExtension: "675"
+  },
+  {
+    name: "Paraguay",
+    code: "PY",
+    timeZone: "America/Asuncion",
+    phoneNumberExtension: "595"
+  },
+  {
+    name: "Peru",
+    code: "PE",
+    timeZone: "America/Lima",
+    phoneNumberExtension: "51"
+  },
+  {
+    name: "Philippines",
+    code: "PH",
+    timeZone: "Asia/Manila",
+    phoneNumberExtension: "63"
+  },
+  {
+    name: "Pitcairn",
+    code: "PN",
+    timeZone: "Pacific/Pitcairn",
+    phoneNumberExtension: "64"
+  },
+  {
+    name: "Poland",
+    code: "PL",
+    timeZone: "Europe/Warsaw",
+    phoneNumberExtension: "48"
+  },
+  {
+    name: "Portugal",
+    code: "PT",
+    timeZone: "Europe/Lisbon",
+    phoneNumberExtension: "351"
+  },
+  {
+    name: "Puerto Rico",
+    code: "PR",
+    timeZone: "America/Puerto_Rico",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Qatar",
+    code: "QA",
+    timeZone: "Asia/Qatar",
+    phoneNumberExtension: "974"
+  },
+  {
+    name: "Reunion",
+    code: "RE",
+    timeZone: "Indian/Reunion",
+    phoneNumberExtension: "262"
+  },
+  {
+    name: "Romania",
+    code: "RO",
+    timeZone: "Europe/Bucharest",
+    phoneNumberExtension: "40"
+  },
+  {
+    name: "Russian Federation",
+    code: "RU",
+    timeZone: "Europe/Moscow",
+    phoneNumberExtension: "7"
+  },
+  {
+    name: "RWANDA",
+    code: "RW",
+    timeZone: "Africa/Kigali",
+    phoneNumberExtension: "250"
+  },
+  {
+    name: "Saint Helena",
+    code: "SH",
+    timeZone: "Atlantic/St_Helena",
+    phoneNumberExtension: "290"
+  },
+  {
+    name: "Saint Kitts and Nevis",
+    code: "KN",
+    timeZone: "America/St_Kitts",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Saint Lucia",
+    code: "LC",
+    timeZone: "America/St_Lucia",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Saint Pierre and Miquelon",
+    code: "PM",
+    timeZone: "America/Miquelon",
+    phoneNumberExtension: "508"
+  },
+  {
+    name: "Saint Vincent and the Grenadines",
+    code: "VC",
+    timeZone: "America/St_Vincent",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Samoa",
+    code: "WS",
+    timeZone: "Pacific/Apia",
+    phoneNumberExtension: "685"
+  },
+  {
+    name: "San Marino",
+    code: "SM",
+    timeZone: "Europe/San_Marino",
+    phoneNumberExtension: "378"
+  },
+  {
+    name: "Sao Tome and Principe",
+    code: "ST",
+    timeZone: "Africa/Sao_Tome",
+    phoneNumberExtension: "239"
+  },
+  {
+    name: "Saudi Arabia",
+    code: "SA",
+    timeZone: "Asia/Riyadh",
+    phoneNumberExtension: "966"
+  },
+  {
+    name: "Senegal",
+    code: "SN",
+    timeZone: "Africa/Dakar",
+    phoneNumberExtension: "221"
+  },
+  {
+    name: "Republic of Serbia",
+    code: "RS",
+    timeZone: "Europe/Belgrade",
+    phoneNumberExtension: "381"
+  },
+  {
+    name: "Seychelles",
+    code: "SC",
+    timeZone: "Indian/Mahe",
+    phoneNumberExtension: "248"
+  },
+  {
+    name: "Sierra Leone",
+    code: "SL",
+    timeZone: "Africa/Freetown",
+    phoneNumberExtension: "232"
+  },
+  {
+    name: "Singapore",
+    code: "SG",
+    timeZone: "Asia/Singapore",
+    phoneNumberExtension: "65"
+  },
+  {
+    name: "Slovakia",
+    code: "SK",
+    timeZone: "Europe/Bratislava",
+    phoneNumberExtension: "421"
+  },
+  {
+    name: "Slovenia",
+    code: "SI",
+    timeZone: "Europe/Ljubljana",
+    phoneNumberExtension: "386"
+  },
+  {
+    name: "Solomon Islands",
+    code: "SB",
+    timeZone: "Pacific/Guadalcanal",
+    phoneNumberExtension: "677"
+  },
+  {
+    name: "Somalia",
+    code: "SO",
+    timeZone: "Africa/Mogadishu",
+    phoneNumberExtension: "252"
+  },
+  {
+    name: "South Africa",
+    code: "ZA",
+    timeZone: "Africa/Johannesburg",
+    phoneNumberExtension: "27"
+  },
+  {
+    name: "South Georgia and the South Sandwich Islands",
+    code: "GS",
+    timeZone: "Atlantic/South_Georgia",
+    phoneNumberExtension: "500"
+  },
+  {
+    name: "Spain",
+    code: "ES",
+    timeZone: "Europe/Madrid",
+    phoneNumberExtension: "34"
+  },
+  {
+    name: "Sri Lanka",
+    code: "LK",
+    timeZone: "Asia/Colombo",
+    phoneNumberExtension: "94"
+  },
+  {
+    name: "Sudan",
+    code: "SD",
+    timeZone: "Africa/Khartoum",
+    phoneNumberExtension: "249"
+  },
+  {
+    name: "Suriname",
+    code: "SR",
+    timeZone: "America/Paramaribo",
+    phoneNumberExtension: "597"
+  },
+  {
+    name: "Svalbard and Jan Mayen",
+    code: "SJ",
+    timeZone: "Arctic/Longyearbyen",
+    phoneNumberExtension: "47"
+  },
+  {
+    name: "Swaziland",
+    code: "SZ",
+    timeZone: "Africa/Mbabane",
+    phoneNumberExtension: "268"
+  },
+  {
+    name: "Sweden",
+    code: "SE",
+    timeZone: "Europe/Stockholm",
+    phoneNumberExtension: "46"
+  },
+  {
+    name: "Switzerland",
+    code: "CH",
+    timeZone: "Europe/Zurich",
+    phoneNumberExtension: "41"
+  },
+  {
+    name: "Syrian Arab Republic",
+    code: "SY",
+    timeZone: "Asia/Damascus",
+    phoneNumberExtension: "963"
+  },
+  {
+    name: "Taiwan, Province of China",
+    code: "TW",
+    timeZone: "Asia/Taipei",
+    phoneNumberExtension: "886"
+  },
+  {
+    name: "Tajikistan",
+    code: "TJ",
+    timeZone: "Asia/Dushanbe",
+    phoneNumberExtension: "992"
+  },
+  {
+    name: "Tanzania, United Republic of",
+    code: "TZ",
+    timeZone: "Africa/Dar_es_Salaam",
+    phoneNumberExtension: "255"
+  },
+  {
+    name: "Thailand",
+    code: "TH",
+    timeZone: "Asia/Bangkok",
+    phoneNumberExtension: "66"
+  },
+  {
+    name: "Timor-Leste",
+    code: "TL",
+    timeZone: "Asia/Dili",
+    phoneNumberExtension: "670"
+  },
+  {
+    name: "Togo",
+    code: "TG",
+    timeZone: "Africa/Lome",
+    phoneNumberExtension: "228"
+  },
+  {
+    name: "Tokelau",
+    code: "TK",
+    timeZone: "Pacific/Fakaofo",
+    phoneNumberExtension: "690"
+  },
+  {
+    name: "Tonga",
+    code: "TO",
+    timeZone: "Pacific/Tongatapu",
+    phoneNumberExtension: "676"
+  },
+  {
+    name: "Trinidad and Tobago",
+    code: "TT",
+    timeZone: "America/Port_of_Spain",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Tunisia",
+    code: "TN",
+    timeZone: "Africa/Tunis",
+    phoneNumberExtension: "216"
+  },
+  {
+    name: "Turkey",
+    code: "TR",
+    timeZone: "Europe/Istanbul",
+    phoneNumberExtension: "90"
+  },
+  {
+    name: "Turkmenistan",
+    code: "TM",
+    timeZone: "Asia/Ashgabat",
+    phoneNumberExtension: "993"
+  },
+  {
+    name: "Turks and Caicos Islands",
+    code: "TC",
+    timeZone: "America/Grand_Turk",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Tuvalu",
+    code: "TV",
+    timeZone: "Pacific/Funafuti",
+    phoneNumberExtension: "688"
+  },
+  {
+    name: "Uganda",
+    code: "UG",
+    timeZone: "Africa/Kampala",
+    phoneNumberExtension: "256"
+  },
+  {
+    name: "Ukraine",
+    code: "UA",
+    timeZone: "Europe/Kiev",
+    phoneNumberExtension: "380"
+  },
+  {
+    name: "United Arab Emirates",
+    code: "AE",
+    timeZone: "Asia/Dubai",
+    phoneNumberExtension: "971"
+  },
+  {
+    name: "United States Minor Outlying Islands",
+    code: "UM",
+    timeZone: "Pacific/Midway",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Uruguay",
+    code: "UY",
+    timeZone: "America/Montevideo",
+    phoneNumberExtension: "598"
+  },
+  {
+    name: "Uzbekistan",
+    code: "UZ",
+    timeZone: "Asia/Tashkent",
+    phoneNumberExtension: "998"
+  },
+  {
+    name: "Vanuatu",
+    code: "VU",
+    timeZone: "Pacific/Efate",
+    phoneNumberExtension: "678"
+  },
+  {
+    name: "Venezuela",
+    code: "VE",
+    timeZone: "America/Caracas",
+    phoneNumberExtension: "58"
+  },
+  {
+    name: "Viet Nam",
+    code: "VN",
+    timeZone: "Asia/Ho_Chi_Minh",
+    phoneNumberExtension: "84"
+  },
+  {
+    name: "Virgin Islands, British",
+    code: "VG",
+    timeZone: "America/Tortola",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Virgin Islands, U.S.",
+    code: "VI",
+    timeZone: "America/St_Thomas",
+    phoneNumberExtension: "1",
+    phoneNumberFormat: "(XXX)XXX-XXXX"
+  },
+  {
+    name: "Wallis and Futuna",
+    code: "WF",
+    timeZone: "Pacific/Wallis",
+    phoneNumberExtension: "681"
+  },
+  {
+    name: "Western Sahara",
+    code: "EH",
+    timeZone: "Africa/El_Aaiun",
+    phoneNumberExtension: "212"
+  },
+  {
+    name: "Yemen",
+    code: "YE",
+    timeZone: "Asia/Aden",
+    phoneNumberExtension: "967"
+  },
+  {
+    name: "Zambia",
+    code: "ZM",
+    timeZone: "Africa/Lusaka",
+    phoneNumberExtension: "260"
+  },
+  {
+    name: "Zimbabwe",
+    code: "ZW",
+    timeZone: "Africa/Harare",
+    phoneNumberExtension: "263"
+  }
+];
 
-// src/components/PageHolder.tsx
-import { forwardRef as forwardRef8, memo as memo13 } from "react";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-var PageHolderComponent = forwardRef8(function PageHolder({ noMaxContentWidth, children, ...props }, ref) {
-  const theme2 = useTheme();
-  const { app } = useBetterHtmlContextInternal();
-  return /* @__PURE__ */ jsx13(
-    Div_default,
-    {
-      as: "main",
-      width: "100%",
-      maxWidth: !noMaxContentWidth ? app.contentMaxWidth : void 0,
-      margin: "0px auto",
-      padding: theme2.styles.space,
-      ...props,
-      ref,
-      children
-    }
-  );
-});
-PageHolderComponent.center = forwardRef8(function Center({
-  pageBackgroundColor,
-  pageBackgroundImage,
-  contentMaxWidth,
-  behindComponent,
-  sideComponent,
-  sideComponentPosition = "right",
-  noMaxContentWidth,
-  children,
-  ...props
-}, ref) {
-  const theme2 = useTheme();
-  const mediaQuery = useMediaQuery();
-  const { app } = useBetterHtmlContextInternal();
-  const breakingPoint = mediaQuery.size1000;
-  const withSideComponent = sideComponent && !breakingPoint;
-  return /* @__PURE__ */ jsxs9(
-    Div_default.row,
-    {
-      position: "relative",
-      width: "100%",
-      minHeight: "100svh",
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor: pageBackgroundColor,
-      backgroundImage: pageBackgroundImage,
-      children: [
-        behindComponent && /* @__PURE__ */ jsx13(
-          Div_default,
-          {
-            position: "fixed",
-            width: `${withSideComponent ? 50 : 100}%`,
-            height: "100svh",
-            top: 0,
-            left: sideComponentPosition === "right" ? 0 : "auto",
-            right: sideComponentPosition === "left" ? 0 : "auto",
-            zIndex: 1,
-            children: behindComponent
-          }
-        ),
-        sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
-        /* @__PURE__ */ jsx13(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ jsx13(
-          Div_default.box,
-          {
-            width: `calc(100% - ${theme2.styles.space * 2}px)`,
-            maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
-            marginInline: theme2.styles.space,
-            marginBlock: theme2.styles.space,
-            ...props,
-            ref,
-            children
-          }
-        ) }),
-        sideComponentPosition === "right" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
-        withSideComponent && /* @__PURE__ */ jsx13(
-          Div_default,
-          {
-            position: "fixed",
-            width: "50%",
-            height: "100svh",
-            top: 0,
-            left: sideComponentPosition === "left" ? 0 : "auto",
-            right: sideComponentPosition === "right" ? 0 : "auto",
-            children: sideComponent
-          }
-        )
-      ]
-    }
-  );
-});
-var PageHolder2 = memo13(PageHolderComponent);
-PageHolder2.center = PageHolderComponent.center;
-var PageHolder_default = PageHolder2;
+// src/utils/functions.ts
+import CryptoJS from "crypto-js";
 
-// src/components/Chip.tsx
-import { forwardRef as forwardRef9, memo as memo14 } from "react";
+// src/utils/variableFunctions.ts
+var checkBetterHtmlContextValue = (value, functionsName) => {
+  if (value === void 0) {
+    throw new Error(
+      `\`${functionsName}()\` must be used within a \`<BetterHtmlProvider>\`. Make sure to add one at the root of your component tree.`
+    );
+  }
+  return value !== void 0;
+};
+var loaderControls = {
+  startLoading: (loaderName) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.startLoading")) return;
+    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
+      ...oldValue,
+      [loaderName.toString()]: true
+    }));
+  },
+  stopLoading: (loaderName) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.stopLoading")) return;
+    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
+      ...oldValue,
+      [loaderName.toString()]: false
+    }));
+  }
+};
+var alertControls = {
+  createAlert: (alert) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "alertControls.createAlert"))
+      return void 0;
+    const readyAlert = {
+      id: crypto.randomUUID(),
+      ...alert
+    };
+    externalBetterHtmlContextValue.setAlerts((oldValue) => [...oldValue, readyAlert]);
+    return readyAlert;
+  },
+  removeAlert: (alertId) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "alertControls.removeAlert")) return;
+    externalBetterHtmlContextValue.setAlerts((oldValue) => oldValue.filter((alert) => alert.id !== alertId));
+  }
+};
+var colorThemeControls = {
+  toggleTheme: (theme2) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "colorThemeControls.toggleTheme")) return;
+    const currentColorTheme = externalBetterHtmlContextValue.colorTheme;
+    const newColorTheme = theme2 ?? (currentColorTheme === "dark" ? "light" : "dark");
+    setTimeout(() => {
+      window.document.body.parentElement?.setAttribute("data-theme", newColorTheme);
+      localStorage.setItem("theme", newColorTheme);
+    }, 0.01 * 1e3);
+  }
+};
+var filterHover = () => {
+  if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "filterHover")) return void 0;
+  return {
+    z05: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.2)" : "brightness(0.95)",
+    z1: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.3)" : "brightness(0.9)",
+    z2: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.6)" : "brightness(0.8)",
+    z3: externalBetterHtmlContextValue.colorTheme === "dark" ? "brightness(1.9)" : "brightness(0.7)"
+  };
+};
 
-// src/utils/colorManipulation.ts
-var rgbToHsl = (r, g, b) => {
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  let h = 0;
-  let s = 0;
-  const l = (max + min) / 2;
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
-        break;
-      case g:
-        h = (b - r) / d + 2;
-        break;
-      case b:
-        h = (r - g) / d + 4;
-        break;
+// src/utils/functions.ts
+var generateRandomString = (stringLength, options) => {
+  const capitals = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+  const lowers = "abcdefghijklmnopqrstuvwxyz";
+  const numbers = "0123456789";
+  const includes = [];
+  if (options?.includeCapitalLetters !== false) includes.push(capitals);
+  if (options?.includeLowerLetters !== false) includes.push(lowers);
+  if (options?.includeNumbers !== false) includes.push(numbers);
+  const characters = includes.join("");
+  const dashSections = Math.max(1, options?.dashSections ?? 1);
+  const dashSectionLength = Math.floor(stringLength / dashSections);
+  if (stringLength < dashSections) return "";
+  let result = "";
+  let currentSectionLength = 0;
+  while (result.length < stringLength) {
+    if (currentSectionLength >= dashSectionLength) {
+      result += "-";
+      currentSectionLength = 0;
+    }
+    if (result.length < stringLength) {
+      result += characters.charAt(Math.floor(Math.random() * characters.length));
+      currentSectionLength += 1;
     }
-    h /= 6;
   }
-  return [h, s, l];
+  return result;
 };
-var hslToRgb = (h, s, l) => {
-  let r, g, b;
-  if (s === 0) {
-    r = g = b = l;
-  } else {
-    const hue2rgb = (p2, q2, t) => {
-      if (t < 0) t += 1;
-      if (t > 1) t -= 1;
-      if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;
-      if (t < 1 / 2) return q2;
-      if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;
-      return p2;
-    };
-    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    const p = 2 * l - q;
-    r = hue2rgb(p, q, h + 1 / 3);
-    g = hue2rgb(p, q, h);
-    b = hue2rgb(p, q, h - 1 / 3);
-  }
-  return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+var getBrowser = () => {
+  const userAgent = navigator.userAgent.toLowerCase();
+  if (userAgent.includes("firefox")) return "firefox";
+  if (userAgent.includes("chrome") && !userAgent.includes("edg")) return "chrome";
+  if (userAgent.includes("safari") && !userAgent.includes("chrome")) return "safari";
+  if (userAgent.includes("edg")) return "edge";
+  if (userAgent.includes("opr") || userAgent.includes("opera")) return "opera";
+  return;
 };
-var lightenColor = (hexColor, amount) => {
-  let hex = hexColor.replace(/^#/, "");
-  if (hex.length === 3) {
-    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+var formatPhoneNumber = (phoneNumber) => {
+  const cleanPhoneNumber = phoneNumber.replace(/\D/g, "");
+  const country = countries.find(
+    (country2) => country2.phoneNumberExtension === cleanPhoneNumber.slice(0, country2.phoneNumberExtension.length)
+  );
+  if (!country) return phoneNumber;
+  let phonNumberRest = cleanPhoneNumber.slice(country.phoneNumberExtension.length);
+  if (country.phoneNumberFormat) {
+    let formattedNumber = "";
+    let index = 0;
+    for (const char of country.phoneNumberFormat) {
+      if (char === "X" && index < phonNumberRest.length) {
+        formattedNumber += phonNumberRest[index];
+        index++;
+      } else {
+        formattedNumber += char;
+      }
+    }
+    phonNumberRest = formattedNumber.replace(/X/g, "").trim();
   }
-  const safeAmount = Math.max(0, Math.min(1, amount));
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
-  const lightenComponent = (component) => {
-    return Math.round(component + (255 - component) * safeAmount);
-  };
-  const rHex = lightenComponent(r).toString(16).padStart(2, "0");
-  const gHex = lightenComponent(g).toString(16).padStart(2, "0");
-  const bHex = lightenComponent(b).toString(16).padStart(2, "0");
-  return `#${rHex}${gHex}${bHex}`;
+  return `+${country.phoneNumberExtension} ${phonNumberRest}`;
 };
-var darkenColor = (hexColor, amount) => {
-  let hex = hexColor.replace(/^#/, "");
-  if (hex.length === 3) {
-    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-  }
-  const safeAmount = Math.max(0, Math.min(1, amount));
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
-  const darkenComponent = (component) => {
-    return Math.round(component * (1 - safeAmount));
-  };
-  const rHex = darkenComponent(r).toString(16).padStart(2, "0");
-  const gHex = darkenComponent(g).toString(16).padStart(2, "0");
-  const bHex = darkenComponent(b).toString(16).padStart(2, "0");
-  return `#${rHex}${gHex}${bHex}`;
+var getFormErrorObject = (formValues) => {
+  return {};
 };
-var saturateColor = (hexColor, amount) => {
-  let hex = hexColor.replace(/^#/, "");
-  if (hex.length === 3) {
-    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+var eventPreventDefault = (event) => {
+  event.preventDefault();
+};
+var eventStopPropagation = (event) => {
+  event.stopPropagation();
+};
+var eventPreventStop = (event) => {
+  event.preventDefault();
+  event.stopPropagation();
+};
+var encryptString = (text) => {
+  if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "encryptString")) return void 0;
+  const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find((plugin) => plugin.name === "localStorage");
+  if (!localStoragePlugin2) {
+    throw new Error(
+      "`encryptString` hook requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
+    );
   }
-  const safeAmount = Math.max(0, Math.min(1, amount));
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
-  const [h, s, l] = rgbToHsl(r, g, b);
-  const newSaturation = Math.min(1, s + safeAmount * (1 - s));
-  const [newR, newG, newB] = hslToRgb(h, newSaturation, l);
-  const rHex = Math.round(newR).toString(16).padStart(2, "0");
-  const gHex = Math.round(newG).toString(16).padStart(2, "0");
-  const bHex = Math.round(newB).toString(16).padStart(2, "0");
-  return `#${rHex}${gHex}${bHex}`;
+  const pluginConfig = localStoragePlugin2.getConfig();
+  if (!pluginConfig.encryption?.enabled) return text;
+  const encrypted = CryptoJS.AES.encrypt(text, CryptoJS.enc.Hex.parse(pluginConfig.encryption.secretKey), {
+    iv: CryptoJS.enc.Hex.parse(pluginConfig.encryption.iv),
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  }).toString();
+  return encrypted;
 };
-var desaturateColor = (hexColor, amount) => {
-  let hex = hexColor.replace(/^#/, "");
-  if (hex.length === 3) {
-    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+var decryptString = (text) => {
+  if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "decryptString")) return void 0;
+  const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find((plugin) => plugin.name === "localStorage");
+  if (!localStoragePlugin2) {
+    throw new Error(
+      "`decryptString` hook requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
+    );
   }
-  const safeAmount = Math.max(0, Math.min(1, amount));
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
-  const [h, s, l] = rgbToHsl(r, g, b);
-  const newSaturation = Math.max(0, s * (1 - safeAmount));
-  const [newR, newG, newB] = hslToRgb(h, newSaturation, l);
-  const rHex = Math.round(newR).toString(16).padStart(2, "0");
-  const gHex = Math.round(newG).toString(16).padStart(2, "0");
-  const bHex = Math.round(newB).toString(16).padStart(2, "0");
-  return `#${rHex}${gHex}${bHex}`;
+  const pluginConfig = localStoragePlugin2.getConfig();
+  if (!pluginConfig.encryption?.enabled) return text;
+  const decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Hex.parse(pluginConfig.encryption.secretKey), {
+    iv: CryptoJS.enc.Hex.parse(pluginConfig.encryption.iv),
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  return decrypted.toString(CryptoJS.enc.Utf8);
 };
 
-// src/components/Chip.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var ChipComponent = forwardRef9(function Chip({ text, color, backgroundColor, borderRadius, isCircle, ...props }, ref) {
-  const theme2 = useTheme();
-  return /* @__PURE__ */ jsx14(
-    Div_default,
-    {
-      width: "fit-content",
-      backgroundColor: backgroundColor ?? theme2.colors.backgroundSecondary,
-      borderRadius: isCircle ? 999 : borderRadius ?? theme2.styles.borderRadius / 1.3,
-      paddingBlock: theme2.styles.gap / 2,
-      paddingInline: theme2.styles.space / 1.5,
-      ...props,
-      ref,
-      children: /* @__PURE__ */ jsx14(Text_default, { color: color ?? theme2.colors.textPrimary, children: text })
-    }
-  );
-});
-ChipComponent.colored = forwardRef9(function Colored({ color, ...props }, ref) {
-  const theme2 = useTheme();
-  const { colorTheme } = useBetterHtmlContextInternal();
-  const readyColor = color ?? theme2.colors.textSecondary;
-  return /* @__PURE__ */ jsx14(
-    ChipComponent,
-    {
-      color: colorTheme === "light" ? darkenColor(readyColor, 0.7) : lightenColor(readyColor, 0.7),
-      backgroundColor: readyColor + "40",
-      border: `1px solid ${readyColor}`,
-      ref,
-      ...props
-    }
-  );
-});
-var Chip2 = memo14(ChipComponent);
-Chip2.colored = ChipComponent.colored;
-var Chip_default = Chip2;
-
-// src/components/InputField.tsx
-import { forwardRef as forwardRef11, memo as memo18, useCallback as useCallback9, useState as useState7, useEffect as useEffect8, useMemo as useMemo6, useRef as useRef5, useId as useId2 } from "react";
-import styled10 from "styled-components";
-
 // src/components/Label.tsx
 import { memo as memo15 } from "react";
 import { jsxs as jsxs10 } from "react/jsx-runtime";
@@ -7506,6 +7440,10 @@ var FormComponent = forwardRef13(function Form({
   submitButtonId,
   submitButtonIsDisabled,
   cancelButtonText,
+  cancelButtonLoaderName,
+  cancelButtonIsLoading,
+  cancelButtonId,
+  cancelButtonIsDisabled,
   actionButtonsLocation = "right",
   gap,
   isDestructive,
@@ -7539,7 +7477,17 @@ var FormComponent = forwardRef13(function Form({
         marginTop: theme2.styles.space,
         children: [
           renderActionButtons,
-          onClickCancel && /* @__PURE__ */ jsx19(Button_default.secondary, { text: cancelButtonText ?? "Cancel", onClick: onClickCancel }),
+          onClickCancel && /* @__PURE__ */ jsx19(
+            Button_default.secondary,
+            {
+              text: cancelButtonText ?? "Cancel",
+              isLoading: cancelButtonIsLoading,
+              loaderName: cancelButtonLoaderName,
+              disabled: cancelButtonIsDisabled,
+              id: cancelButtonId,
+              onClick: onClickCancel
+            }
+          ),
           /* @__PURE__ */ jsx19(
             SubmitButtonTag,
             {
@@ -7646,7 +7594,7 @@ var ColorThemeSwitchComponent = function ColorThemeSwitch({
 }) {
   const form = useForm({
     defaultValues: {
-      darkMode: LocalStorage.getItem("theme") === "dark"
+      darkMode: localStorage.getItem("theme") === "dark"
     }
   });
   useEffect9(() => {
@@ -9251,6 +9199,71 @@ FoldableComponent.box = forwardRef18(function Box3({ ...props }, ref) {
 var Foldable2 = memo25(FoldableComponent);
 Foldable2.box = FoldableComponent.box;
 var Foldable_default = Foldable2;
+
+// src/utils/localStorage.ts
+function generateLocalStorage() {
+  return {
+    setItem: (name, value) => {
+      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.setItem"))
+        return void 0;
+      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
+        (plugin) => plugin.name === "localStorage"
+      );
+      if (!localStoragePlugin2) {
+        throw new Error(
+          "`generateLocalStorage.setItem` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
+        );
+      }
+      const pluginConfig = localStoragePlugin2.getConfig();
+      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
+      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
+      const readyValue = encryptionEnabled ? encryptString(JSON.stringify(value)) : JSON.stringify(value);
+      if (value) localStorage.setItem(readyName.toString(), readyValue);
+      else localStorage.removeItem(readyName.toString());
+    },
+    getItem: (name) => {
+      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.getItem"))
+        return void 0;
+      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
+        (plugin) => plugin.name === "localStorage"
+      );
+      if (!localStoragePlugin2) {
+        throw new Error(
+          "`generateLocalStorage.getItem` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
+        );
+      }
+      const pluginConfig = localStoragePlugin2.getConfig();
+      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
+      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
+      const item = localStorage.getItem(readyName.toString());
+      if (item === null) return void 0;
+      try {
+        return encryptionEnabled ? JSON.parse(decryptString(item)) : JSON.parse(item);
+      } catch (error) {
+        return void 0;
+      }
+    },
+    removeItem: (name) => {
+      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.removeItem"))
+        return void 0;
+      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
+        (plugin) => plugin.name === "localStorage"
+      );
+      if (!localStoragePlugin2) {
+        throw new Error(
+          "`generateLocalStorage.removeItem` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
+        );
+      }
+      const pluginConfig = localStoragePlugin2.getConfig();
+      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
+      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
+      localStorage.removeItem(readyName.toString());
+    },
+    removeAllItems: () => {
+      localStorage.clear();
+    }
+  };
+}
 export {
   BetterHtmlProvider_default as BetterHtmlProvider,
   Button_default as Button,